@charset "utf-8";

.sub_nav {height:400px; background:url('/images/comm/sub_nav_bg.jpg') no-repeat center; box-sizing:border-box; padding-top:60px; margin-top:130px}
.sub_nav h2 {font-size:35px; font-weight:500; color:#10a247; margin-bottom:60px; text-align:center}
.sub_nav nav {width:1200px; margin:0 auto; margin-top: 15px}
.sub_nav nav ul {display:flex; margin-left:-10px; justify-content:center}
.sub_nav nav ul li {text-align:center; margin-bottom: 7px; margin-left:10px; flex-basis:100%}
.sub_nav nav ul li a {position:relative; display:inline-block; font-size:15px; letter-spacing:-1px; font-weight:500; width:100%; height:100px; background:#fff; color:#10a247; border-radius:10px; box-shadow:0px 1px 3px rgba(0,0,0,0.1); border:2px solid #fff; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s}
.sub_nav nav ul li a span {display:inline-block/*; vertical-align: middle;*/}
.sub_nav nav ul li a .icon {width:100%; height:35px; margin-top:15px; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s}
.sub_nav nav ul li a .title {margin-top:15px; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s}
.sub_nav nav ul li a:hover,
.sub_nav nav ul li a:focus {border-color:#10a247; font-weight:600; font-size:16px}
.sub_nav nav ul li a.active {background: #10a247; color:#fff; border-color:#10a247}

.sub_nav nav ul.business li {flex-basis:auto; width:25%}

.sub_nav nav ul.about li:nth-child(1) a .icon {background:url('/images/comm/m1_1.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.about li:nth-child(2) a .icon {background:url('/images/comm/m1_2.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.about li:nth-child(3) a .icon {background:url('/images/comm/m1_3.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.about li:nth-child(4) a .icon {background:url('/images/comm/m1_6.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.about li:nth-child(5) a .icon {background:url('/images/comm/m1_7.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.about li:nth-child(6) a .icon {background:url('/images/comm/m1_8.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.about li:nth-child(7) a .icon {background:url('/images/comm/m1_9.png') center no-repeat; background-size:auto 100%;}

.sub_nav nav ul.about li:nth-child(1) a.active .icon {background:url('/images/comm/m1_1_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.about li:nth-child(2) a.active .icon {background:url('/images/comm/m1_2_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.about li:nth-child(3) a.active .icon {background:url('/images/comm/m1_3_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.about li:nth-child(4) a.active .icon {background:url('/images/comm/m1_6_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.about li:nth-child(5) a.active .icon {background:url('/images/comm/m1_7_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.about li:nth-child(6) a.active .icon {background:url('/images/comm/m1_8_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.about li:nth-child(7) a.active .icon {background:url('/images/comm/m1_9_ov.png') center no-repeat; background-size:auto 100%;}

.sub_nav nav ul.community li:nth-child(1) a .icon {background:url('/images/comm/m2_1.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.community li:nth-child(2) a .icon {background:url('/images/comm/m2_2.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.community li:nth-child(3) a .icon {background:url('/images/comm/m2_3.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.community li:nth-child(4) a .icon {background:url('/images/comm/m2_4.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.community li:nth-child(5) a .icon {background:url('/images/comm/m2_6.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.community li:nth-child(6) a .icon {background:url('/images/comm/m2_7.png') center no-repeat; background-size:auto 100%;}

.sub_nav nav ul.community li:nth-child(1) a.active .icon {background:url('/images/comm/m2_1_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.community li:nth-child(2) a.active .icon {background:url('/images/comm/m2_2_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.community li:nth-child(3) a.active .icon {background:url('/images/comm/m2_3_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.community li:nth-child(4) a.active .icon {background:url('/images/comm/m2_4_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.community li:nth-child(5) a.active .icon {background:url('/images/comm/m2_6_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.community li:nth-child(6) a.active .icon {background:url('/images/comm/m2_7_ov.png') center no-repeat; background-size:auto 100%;}

.sub_nav nav ul.participate li:nth-child(1) a .icon {background:url('/images/comm/m3_1.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.participate li:nth-child(2) a .icon {background:url('/images/comm/m4_2.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.participate li:nth-child(3) a .icon {background:url('/images/comm/m3_2.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.participate li:nth-child(4) a .icon {background:url('/images/comm/m3_3.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.participate li:nth-child(5) a .icon {background:url('/images/comm/m3_4.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.participate li:nth-child(6) a .icon {background:url('/images/comm/m3_5.png') center no-repeat; background-size:auto 100%;}

.sub_nav nav ul.participate li:nth-child(1) a.active .icon {background:url('/images/comm/m3_1_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.participate li:nth-child(2) a.active .icon {background:url('/images/comm/m4_2_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.participate li:nth-child(3) a.active .icon {background:url('/images/comm/m3_2_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.participate li:nth-child(4) a.active .icon {background:url('/images/comm/m3_3_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.participate li:nth-child(5) a.active .icon {background:url('/images/comm/m3_4_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.participate li:nth-child(6) a.active .icon {background:url('/images/comm/m3_5_ov.png') center no-repeat; background-size:auto 100%;}

.sub_nav nav ul.business li:nth-child(1) a .icon {background:url('/images/comm/m4_3.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.business li:nth-child(2) a .icon {background:url('/images/comm/m4_1.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.business li:nth-child(3) a .icon {background:url('/images/comm/m1_4.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.business li:nth-child(4) a .icon {background:url('/images/comm/m1_5.png') center no-repeat; background-size:auto 100%;}

.sub_nav nav ul.business li:nth-child(1) a.active .icon {background:url('/images/comm/m4_3_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.business li:nth-child(2) a.active .icon {background:url('/images/comm/m4_1_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.business li:nth-child(3) a.active .icon {background:url('/images/comm/m1_4_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.business li:nth-child(4) a.active .icon {background:url('/images/comm/m1_5_ov.png') center no-repeat; background-size:auto 100%;}

.sub_nav nav ul.member li:nth-child(1) a .icon {background:url('/images/comm/m5_1.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.member li:nth-child(2) a .icon {background:url('/images/comm/m5_2.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.member li:nth-child(3) a .icon {background:url('/images/comm/m5_3.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.member li:nth-child(4) a .icon {background:url('/images/comm/m5_8.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.member li:nth-child(5) a .icon {background:url('/images/comm/m5_9.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.member li:nth-child(6) a .icon {background:url('/images/comm/m5_10.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.member li:nth-child(7) a .icon {background:url('/images/comm/m5_11.png') center no-repeat; background-size:auto 100%;}


.sub_nav nav ul.member li:nth-child(1) a.active .icon {background:url('/images/comm/m5_1_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.member li:nth-child(2) a.active .icon {background:url('/images/comm/m5_2_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.member li:nth-child(3) a.active .icon {background:url('/images/comm/m5_3_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.member li:nth-child(4) a.active .icon {background:url('/images/comm/m5_8_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.member li:nth-child(5) a.active .icon {background:url('/images/comm/m5_9_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.member li:nth-child(6) a.active .icon {background:url('/images/comm/m5_10_ov.png') center no-repeat; background-size:auto 100%;}
.sub_nav nav ul.member li:nth-child(7) a.active .icon {background:url('/images/comm/m5_11_ov.png') center no-repeat; background-size:auto 100%;}



.container {clear:both; max-width:1200px; margin:0 auto; position:relative; padding:70px 0 80px 0; box-sizing:border-box}

h2.tit {font-size:40px; text-align:center; position:relative; margin-bottom:50px; font-weight:500}
h3.tit {font-size:30px; margin-bottom:40px; font-weight:500; position:relative; padding-top:5px}
h3.tit:after {content:"";  display:block; width:30px; height:4px; background:#10a247; position:absolute; left:0; top:0}
h4.tit {font-size:25px; margin-bottom:30px; padding-left:26px; font-weight:500; position:relative}
h4.tit:after {content:''; width:15px; height:15px; border:4px solid #2bbd62; position:absolute; top:12px; left:0; box-sizing:border-box; border-radius:5px}
h5.tit {font-size:20px; margin-bottom:30px; font-weight:500}

.nav_tab {margin-bottom:50px; font-size:0; margin-left:-1px; display:flex}
.nav_tab a {font-size:17px; width:100%; height:60px; display:inline-block; flex-basis:100%; border:#c3c3c3 1px solid; background:#f9f9f9; text-align:center; margin-left:-1px}
.nav_tab a.active {background:#fff; border:#10a247 solid 1px; color:#10a247; font-weight:500; z-index:1}
.nav_tab a:after {content:''; display:inline-block; width:0; height:100%; vertical-align:middle}
.nav_tab.business {flex-wrap:wrap}
.nav_tab.business a {flex-basis:auto; width:20%; box-sizing:border-box}
.nav_tab.business a:nth-child(n+6) {margin-top:-1px}

.nav_tab2 {font-size:0; text-align:center; border-bottom:1px solid #10a146; vertical-align:top; margin-bottom:50px; margin-left:-1px; display:flex}
.nav_tab2 > a {display:inline-block; flex-basis:100%; height:61px; font-size:18px; color:#555; background:#f9f9f9; box-sizing:border-box; vertical-align:bottom; position:relative}
.nav_tab2 > a:before {content:''; display:inline-block; width:0; height:100%; vertical-align:middle}
.nav_tab2 > a:hover {font-weight:500}
.nav_tab2 > a.active {height:61px; font-size:20px; color:#10a146; font-weight:500; background:#fff; border:1px solid #10a146; border-bottom:1px solid #fff; top:1px}

.sub_page {line-height:1.5; font-size:19px}
.sub_page img {max-width:100%}

.sub_page .step_box {font-size:0; word-break:keep-all; margin-bottom:40px; margin-left:-32px; display:flex; flex-wrap:wrap}
.sub_page .step_box li {display:inline-block; width:calc(20% - 32px); margin-left:32px; font-size:16px; vertical-align:top; text-align:center;}
.sub_page .step_box .icon {width:100%; margin:15px auto 20px; position:relative; margin-top:0}
.sub_page .step_box .icon:after {width:17px; height:27px; margin-top:-12px; background:url('/images/comm/btn_right.gif') no-repeat; position:absolute; right:-26px; top:50%; content:'';}
.sub_page .step_box .label {width:100%; margin:15px auto 20px; position:relative; margin-top:0; background:#fcf3ef; display:block; border-radius:3px; padding:10px 0; min-height:50px; line-height:130%}
.sub_page .step_box .label:after {width:23px; height:33px; margin-top:-12px; background:url('/images/comm/btn_right.gif')no-repeat; position:absolute; right:-28px; top:50%; content:'';}
.sub_page .step_box li:last-child .icon:after,
.sub_page .step_box li:last-child .label:after {display:none;}
.sub_page .step_box li .txt {font-size:18px; font-weight:500; margin-bottom:10px; line-height:1.5}
.sub_page .step_box li span {font-size:16px}
.sub_page .step_box.six li {width:calc(16.66% - 32px)}
.sub_page .step_box.four li {width:calc(25% - 32px)}
.sub_page .step_box.three li {width:calc(33.33% - 32px)}

.sub_page .mb50 {margin-bottom:50px}
.sub_page .ml10 {margin-left:10px}

/*
.about1 .greeting {display:flex; justify-content:space-between; align-items:center}
.about1 .greeting div {box-sizing:border-box}
.about1 .greeting .img {width:370px}
.about1 .greeting .img .sign {text-align:right; margin-top:20px}
.about1 .greeting .img .sign img {display:inline-block; margin:0 10px}
.about1 .greeting .txt {width:calc(100% - 370px); padding-left:100px; padding-top:50px}
.about1 .greeting .txt .title {font-size:25px; font-weight:500; padding-bottom:20px; border-bottom:#10a247 solid 1px; margin-bottom:20px; color:#10a247}
.about1 .greeting p {margin-bottom:30px}
.about1 .greeting .sign {margin-top:50px; font-weight:500; font-size:20; text-align:right}
*/

.about1 .greeting {position:relative; box-sizing:border-box; padding-left:520px}
.about1 .greeting > div {box-sizing:border-box}
.about1 .greeting .img {width:420px; position:absolute; top:40px; left:0}
.about1 .greeting .img .sign {text-align:right; margin-top:48px}
.about1 .greeting .img .sign img {display:inline-block; margin:0 10px}
.about1 .greeting .txt {width:100%; padding-top:50px}
.about1 .greeting .txt .title {font-size:25px; font-weight:500; padding-bottom:20px; border-bottom:#10a247 solid 1px; margin-bottom:20px; color:#10a247}
.about1 .greeting .sign {margin-top:50px; font-weight:500; font-size:20; text-align:right}


.about2 .purpose {margin-bottom:50px; border:#e9f2d9 solid 1px; border-radius:0 50px 0 50px; box-shadow:0px 1px 3px rgba(0,0,0,0.1); padding:40px; line-height:1.7}
.about2 .purpose strong {color:#10a247; font-weight:500}

.about2 .facility {display:flex; flex-wrap:wrap; margin-left:-20px}
.about2 .facility li {width:calc(50% - 20px); margin-left:20px; border:#e3e3e3 solid 1px; border-radius:5px; padding:20px; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center}
.about2 .facility li:nth-child(n+3) {margin-top:20px}

.about3 .box {border:#e3e3e3 solid 1px; border-bottom:#b5b4b0 solid 1px; box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgb(0 0 0 / 7%)}

.about3 .mission {margin-bottom:50px; padding:40px; text-align:center; border-top:#10a247 solid 1px; font-size:20px}
.about3 .mission p {color:#10a247; font-weight:500; font-size:30px; margin-bottom:20px}

.about3 .vision {margin-bottom:50px; padding:40px; text-align:center; border-top:#94c73a solid 1px; font-size:22px}
.about3 .vision strong {color:#2bbd62; font-weight:500}

.about3 .value {margin-bottom:50px; padding:30px; border-top:#dbdbdb dotted 2px; border-bottom:#dbdbdb dotted 2px}
.about3 .value li {margin-bottom:20px; position:relative; padding-left:35px}
.about3 .value li:last-child {margin-bottom:0}
.about3 .value li label {display:block; width:30px; height:30px; background:#10a247; border-radius:50%; color:#fff; font-weight:700; text-align:center; line-height:30px; position:absolute; left:0}

.about3 .plan {margin-bottom:50px; text-align:center}
.about3 .plan p {margin-bottom:30px}

.about3 .symbol {margin-bottom:50px; background:#f1f7e6; padding:40px; border-radius:5px}
.about3 .symbol strong {color:#10a247; font-weight:500}
.about3 .symbol p {margin-bottom:10px}

.about3 .color {margin-bottom:50px; padding:30px; border-top:#dbdbdb dotted 2px; border-bottom:#dbdbdb dotted 2px}
.about3 .color li {position:relative; padding-left:360px; margin-bottom:20px; line-height:50px}
.about3 .color li:last-child {margin-bottom:0}
.about3 .color li label {display:block; width:300px; height:50px; padding:0 20px; background:linear-gradient(to right,#febb1e, #f04933); color:#fff; position:absolute; left:0; border-radius:10px 10px 0 10px}
.about3 .color li:nth-child(2) label {background:linear-gradient(to right,#009445, #9dcb3b)}
.about3 .color li:nth-child(3) label {background:linear-gradient(to right,#6ccff6, #0c4da2)}

.about3 .logo {margin-bottom:50px; background:url('/images/comm/pattern_corss.png'); text-align:center; padding:50px}

.about3 .signature {margin-bottom:50px; display:flex; flex-wrap:wrap; padding:50px; align-items:center; justify-content:space-evenly}
.about3 .signature div {box-sizing:border-box; text-align:center; font-size:18px}
.about3 .signature div p {color:#10a247; font-weight:500; font-size:30px; margin-top:10px}

.about3 .download {width:250px; border-radius:10px 10px 10px 10px}

.about4 .ethic {border:#f2f7e9 solid 7px; padding:70px 50px 0 50px; box-shadow:0px 1px 3px rgba(0,0,0,0.1)}
.about4 .ethic .title {font-size:30px; margin-bottom:40px; text-align:center}
.about4 .ethic .date {margin-bottom:40px; text-align:right}
.about4 .ethic > div {margin-bottom:50px}
.about4 .ethic > div > p {line-height:1.7}

.about5 .info {text-align:center; margin-bottom:50px; font-size:22px}
.about5 .right {margin-bottom:50px; padding:30px; border:#f2f7e9 solid 7px;}
.about5 .right p {margin-bottom:30px; line-height:1.7}
.about5 .right ul li {position:relative; margin-bottom:20px; padding-left:40px}
.about5 .right ul li:last-child {margin-bottom:0}
.about5 .right ul li label {position:absolute; left:0; background:#10a247; width:30px; height:30px; border-radius:5px; color:#fff; line-height:30px; text-align:center}

.about5 .center {margin-bottom:50px; display:flex}
.about5 .center li {width:33.33%; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; padding:10px 20px; border:#e3e3e3 solid 1px; margin-left:-1px}
.about5 .center li span {background:#10a247; padding:5px 10px; color:#fff}

.about5 .protect > div {display:flex; justify-content:space-between; align-items:center; padding:20px; border:#e3e3e3 solid 1px; margin-top:-1px}
.about5 .protect > div > div {font-size:16px; line-height:2}
.about5 .protect > div > div .title {font-size:20px}
.about5 .protect > div > div .title span {color:#888}
.about5 .protect > div > div .under {border-bottom:#333 solid 1px}
.about5 .protect > div > div .step {color:#10a247; font-weight:500; margin-bottom:10px}
.about5 .protect > div > div .inquiry {font-weight:500; background:url('/images/comm/ico_inquiry.png') no-repeat; padding-left:40px; line-height:30px}

/* 조직도 */

.group {position:relative}
.group .team_sel {margin-top:20px; text-align:center; padding:5px}
.group .team_sel select {width:100%; display:inline-block; vertical-align:middle; font-size:16px; background:#fff url('/images/comm/ico_select_arrow.png') no-repeat right 15px center; -moz-appearance:none; -webkit-appearance:none; appearance:none; height:40px !important}
.group .team_sel select b{color:#9c9ca1}
.group .team_sel select::-ms-expand{ display:none}

.group .line{position: absolute; display: inline-block; vertical-align: middle; background: #bbb; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.group .line.lh{width: 1px;}
.group .line.lw{height: 1px;}

.group .lh0 {height:230px; top:45px; left:50%;}
.group .lh1 {height:41px; top:80px; left:50%; margin-left: 54px;}
.group .lw0 {width:150px; top:220px; right:50%; margin-right: -150px;}
v.lw1 {width: 80px; top:80px; left:50%; margin-left: 54px;}
.group .lw2 {width:0; left:50%; margin-left: 0px;}

.group .obj{position: absolute;}
.group .obj.t1{width: 100px; height: 100px; line-height: 80px; border: 10px solid #2bbc61; font-size: 20px; border-radius: 50%; background: #fff; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; box-sizing:border-box}
.group .obj.t2{width: 100px; height: 50px; line-height: 46px; font-size: 18px; border: 2px solid #93c639; border-radius: 20px 20px 20px 20px; background: #93c639; color:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.group .obj.t3{width: 100px; padding: 10px 0; font-size:14px; border: 1px solid #bababa; border-radius: 20px 20px 20px 20px; background: #fff; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.group .obj.t1:hover, .group .obj.t1:focus, .group .obj.t1.active{background: #2bbc61; color:#fff;}
.group .obj.t2:hover, .group .obj.t2:focus, .group .obj.t2.active{background: #fff; color:#93c639;}
.group .obj.t3:hover, .group .obj.t3:focus, .group .obj.t3.active{color:#93c639; border-color:#93c639; }

.group .obj.t4 {font-size: 16px; padding: 30px 0;}
.group .obj.t4 p {position:absolute; bottom:-100px; color:#333; left:50%; transform:translateX(-50%); width:100%; background:#f7f7f7; padding:5px; border-radius:10px; box-sizing:border-box}
.group .obj.t4 p:before {content:''; width:1px; height:20px; background:#bbb; position:absolute; left:50%; top:-20px}
    
.grt_bottom .obj.t5 {font-size: 16px; padding: 30px 0;}

.grt_bottom::before{top:70px; height: 40px;}
.grt_bottom{top:315px; right: -2%;}

.gr_top{position: relative; width: 100%; max-width: 1000px; margin: 0 auto; text-align: center; margin-bottom:50px}
.grt_center{position: relative; margin-left: 140px; margin-right: 140px; height: 300px;}
.grt_left{position: absolute; right:0px; top:50px; letter-spacing: -1px; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.grt_right{position: absolute; left:0; top:0; letter-spacing: -1px; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.grt_bottom{position: absolute; right:0px; top:200px; letter-spacing: -1px; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}

.grt_center .obj.o1 {left:50%; bottom:0; margin-left: -50px;}
.grt_center .obj.o2 {left:50%; top:50px; margin-left: -50px;}

.grt_left ul.o1{width: 100px; border: 1px solid #bababa; border-radius: 20px 20px 20px 20px; background: #fff;}
.grt_left ul.o1 li{padding: 9px 0; text-align: center; font-size: 14px; border-top: 1px solid #bababa;}
.grt_left ul.o1 li.first{border-top: none;}

.grt_right .obj.o1 {left:0; top:70px; padding: 19.5px 0; }
.grt_right .obj.o2 {left:0; top:100px;}
.grt_right .obj.o3 {left:0; top:150px;}

.grt_bottom .obj.t5{width: 130px; display: inline-block; vertical-align: middle;
    position: relative; text-align: center; background: #666666; color:#fff; padding: 10px 0;
    font-size: 13px; border-radius: 15px 15px 15px 15px; border-bottom: 2px solid #10a146;
    -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;
}
.grt_bottom .obj.t5:hover, .grt_bottom .obj.t5:focus, .grt_bottom .obj.t5.active{background: #10a146;}

.gr_bottom {margin-bottom:70px}

.gr_customer {text-align:center; position:relative; margin-bottom:50px }
.gr_customer:before {content:''; width:1px; height:60px; background:#bbb; position:absolute; bottom:-60px; left:50%}
.gr_customer span {width:250px; display: inline-block; vertical-align: middle; position: relative; text-align: center; padding: 20px 0; font-size:16px; border-radius: 15px 15px 15px 15px; border: 2px solid #10a146;
    -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; background:#fff; margin:0 auto}

/* 조직도 */

.about6 h4.tit div {display:inline-block; margin-right:20px}
.about6 h4.tit span {font-family: 'SlowSlow'; font-size:35px; line-height:1; color:#666; display:block}

.about6 .staff_info {display:flex; flex-wrap:wrap; margin-left:-40px}
.about6 .staff_info > div {width:calc(50% - 40px); margin-left:40px; box-sizing:border-box; border:#dbdbdb solid 1px; display:flex; background:#f7f7f7}
.about6 .staff_info > div:nth-child(n+3) {margin-top:40px}
.about6 .staff_info > div .txt {width:calc(100% - 100px); padding:30px 30px 30px 0; box-sizing:border-box}
.about6 .staff_info > div .txt p {font-size:25px; color:#10a247; font-weight:500; margin-bottom:20px}
.about6 .staff_info > div .txt pp {font-size:23px; color:#10a247; font-weight:500; margin-bottom:20px}
.about6 .staff_info > div .txt li {position:relative; padding-left:105px; font-size:17px; word-break:keep-all}
.about6 .staff_info > div .txt li:before {content:""; display:block; width:5px; height:5px; border-radius:50%; background:#10a247; position:absolute; left:0; top:10px}
.about6 .staff_info > div .txt li label {position:absolute; left:12px; text-align:justify !important; width:88px}
.about6 .staff_info > div .txt li label:after {content:""; display:inline-block; width:100%}
.about6 .staff_info > div .txt li a {color:#10a247; vertical-align:baseline; word-break:break-all; line-height:20px}

.about6 .staff_info2 .txt p {font-size:25px; color:#10a247; font-weight:500; margin-bottom:20px}
.about6 .staff_info2 .txt ul li {padding:20px 20px 20px 60px; box-sizing:border-box; border-radius:10px; background:#f9f9f9; border:1px solid #dbdbdb; position:relative}
.about6 .staff_info2 .txt ul li + li {margin-top:15px}
.about6 .staff_info2 .txt ul li label {font-size:0.8em; position:absolute; top:20px; left:20px; background:#93c639; color:#fff; border-radius:5px; padding:2px 6px; box-sizing:border-box}

.about6 .work {display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:50px; margin-left:-20px}
.about6 .work li {width:calc(20% - 20px); margin-left:20px; background:#f7f7f7; padding:40px 30px 30px 30px; box-sizing:border-box; border-radius:20px; text-align:center; font-size:15px; word-break:keep-all}
.about6 .work li p {font-size:20px; margin:10px 0; word-break:normal}
.about6 .work.four li {width:calc(25% - 20px)}
.about6 .work.four li:nth-child(n+5) {margin-top:20px}

.about7 .summary {margin-bottom:50px}
.about7 .summary li {position:relative; padding-left:100px; margin-bottom:10px}
.about7 .summary li:last-child {margin-bottom:0}
.about7 .summary li label {position:absolute; left:0; width:90px; border-radius:5px; background:#10a247; color:#fff; font-weight:500; text-align:center}

.about7 .floor {margin-bottom:50px; position:relative; border:#e3e3e3 solid 1px; padding:30px 30px 30px 180px}
.about7 .floor:last-child {margin-bottom:0}
.about7 .floor span {font-size:20px; font-weight:500; position:absolute; left:30px}
.about7 .floor span strong {color:#10a247; font-weight:700}


.about7 .floor ul {display: grid; grid-template-columns: repeat(6, 1fr); margin-left:-20px; row-gap:30px}
.about7 .floor ul li {margin-left:20px; box-sizing:border-box}
/*
.about7 .floor ul li:nth-child(n+7) {margin-top:30px}
.about7 .floor ul {display:flex; flex-wrap:wrap; margin-left:-20px}
.about7 .floor ul li {width:calc(16.66% - 20px); margin-left:20px; box-sizing:border-box}
.about7 .floor ul li:nth-child(n+7) {margin-top:30px}
*/

.about7 .floor ul li div {overflow:hidden; border-radius:20px; height:130px; text-align:center; border:#e3e3e3 solid 2px; box-sizing:border-box; webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.about7 .floor ul li div img {height:130px}
.about7 .floor ul li p {text-align:center; margin-top:10px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size:17px}
.about7 .floor ul li a:hover div {border:#10a247 solid 2px}
.about7 .floor ul li a:hover p {color:#10a247}

.about8 .table01 {margin-bottom:50px}
.about8 .table01 .point1 {background:#10a247; color:#fff}

/*셔틀버스 노선*/

.about8 .bus {margin-bottom:15px; display:flex; font-size:15px; align-items:center; position:relative}
.about8 .bus ul {display:flex}
.about8 .bus ul li {margin-right:10px}
.about8 .bus .right {position:absolute; right:0}
/*
.about8 .bus ul li a {padding:0px 15px; display:block; height:33px; font-size:15px; letter-spacing:-1px; line-height:33px; border:#dbdbdb solid 1px; border-radius:3px}
*/

.about9 .info {margin-bottom:50px; text-align:center; font-size:22px; font-weight:500}

.about9 .addr {margin:50px 0; padding:30px; border:#e3e3e3 solid 1px; border-bottom:#10a247 solid 1px; box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgb(0 0 0 / 7%)}
.about9 .addr ul {display:flex; flex-wrap:wrap}
.about9 .addr ul li {margin-right:20px; position:relative; padding-left:30px}
.about9 .addr ul li:first-child {margin-bottom:20px; width:100%}
.about9 .addr ul li i {font-size:24px; color:#10a247; position:absolute; left:0; top:3px}
.about9 .addr ul li label {font-weight:500; color:#10a247; margin-right:10px}

.about9 .table01 table {border-top:#dbdbdb solid 1px}
.about9 .table01 th {border-right:#10a247 solid 2px; font-size:18px}
.about9 .table01 td {font-size:18px}
.about9 .table01 td strong {color:#10a247; font-weight:500}
.about9 .table01 td .subway {display:inline-block; background:#2d75d6; color:#fff; font-weight:500; padding:5px}

.about9 .table01 ul li {position:relative; padding-left:30px}
.about9 .table01 ul li label {position:absolute; left:0; top:4px; background:#10a247; width:20px; height:20px; border-radius:50%; color:#fff; line-height:20px; text-align:center; font-weight:500; font-size:15px}

.community3 .info {margin-bottom:50px; text-align:center; font-size:22px; font-weight:500}
.community3 .table01 td .right {text-align:right; margin-top:20px}

.community5 .info {margin-bottom:50px; text-align:center; font-size:22px}
.community5 .info strong {color:#10a247; font-weight:500}

.community5 .date {margin-bottom:10px; float:left}
.community5 .np_week {float:right; font-size:0; margin-left:-10px}
.community5 .np_week a {display:inline-block; margin-left:10px}

.community5 .diet {font-size:16px; clear:both}
.community5 .diet ul {display: grid; grid-template-columns: repeat(5, 1fr); text-align:center; margin-left:1px}
.community5 .diet ul li {border:1px solid #ddd; margin-left:-1px}
.community5 .diet ul li dt {padding:15px 12px; box-sizing:border-box; border-bottom:2px solid #10a146; background:#edf7f1; margin-bottom:10px}
.community5 .diet ul li dt span {color:#10a247; font-weight:500}
.community5 .diet ul li dd {margin:0 12px; border-bottom:1px solid #eee; margin-bottom:10px; padding-bottom:10px}
.community5 .diet ul li div {text-align:center; display:table; width:100%; min-height:150px}
.community5 .diet ul li div > p {display:table-cell; vertical-align:middle}

.community5 .table01 th span {color:#10a247; font-weight:500}
.community5 .table01 td ul li {margin-bottom:10px; padding-bottom:10px; border-bottom:#eee solid 1px}
.community5 .table01 td ul li:last-child {margin-bottom:0}

.participate1 .info {margin-bottom:50px; padding:30px; border:#e3e3e3 solid 1px; border-top:#10a247 solid 2px; border-radius:20px 20px 0 20px; box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgb(0 0 0 / 7%)}

.participate1 .step {display:flex; margin-bottom:50px; flex-wrap:wrap}
.participate1 .step:last-child {margin-bottom:0}
.participate1 .step div {box-sizing:border-box}
.participate1 .step .img {width:200px}
.participate1 .step .txt {width:calc(100% - 200px); position:relative; padding-left:100px; font-size:15px}
.participate1 .step .txt span {display:block; text-align:center; color:#10a247; font-size:24px; font-weight:500; position:absolute; left:0; top:0}
.participate1 .step .txt p {font-size:18px; font-weight:500; margin-bottom:10px}
.participate1 .step .txt p.kakao {margin-top:10px; margin-bottom:0; text-align:right}
/*
.participate1 .step .txt a {position:absolute; right:0; bottom:30px; border-radius:20px 20px 0 20px}
*/
.participate1 .step .txt a {border-radius:20px 20px 20px 20px}
.participate1 .text_list1 {font-size:18px; margin-bottom:10px}

.participate1 .step .txt span.co2 {color:#fdaa00}
.participate1 .step .txt span.co3 {color:#a667f0}
.participate1 .step .txt span.co4 {color:#4a9cf3}
.participate1 .step .txt span.co5 {color:#ff8263}

.participate2 .search {text-align:right; margin-bottom:30px}
.participate2 .search form > * {margin-top:5px}

.participate2 .list {border-top:2px solid #454545; margin-bottom:50px}
.participate2 .list li {display:flex; align-items:center; padding:15px 10px; border-bottom:1px solid #ddd}
.participate2 .list li > div {display:inline-block; padding:0 10px; box-sizing:border-box}
.participate2 .list li > div.img {width:15%; text-align:center}
.participate2 .list li > div.img > div {height:120px; overflow:hidden}
.participate2 .list li > div.img img {max-width:120px}
.participate2 .list li > div.title {width:70%}
.participate2 .list li > div.title p {font-weight:700; margin-bottom:10px}
.participate2 .list li > div.title label {font-weight:500; color:#666; margin-right:10px}
.participate2 .list li > div.status {width:15%; text-align:center}
.participate2 .list li > div.status br {display:none}
.participate2 .list li > div.status span {font-weight:700; display:block; margin-bottom:10px}
.participate2 .list li > div.status .ing {color:#10a247}

.participate2 .list_ {border-top:2px solid #454545; margin-bottom:20px}
.participate2 .list_ > ul > li {display:flex; align-items:center; padding:15px 10px; border-bottom:1px solid #ddd}
.participate2 .list_ > ul > li > div {padding:0 10px; box-sizing:border-box; text-align:center}
.participate2 .list_ > ul > li > div.num {flex-basis:60px; min-width:60px}
.participate2 .list_ > ul > li > div.name {flex:1}
.participate2 .list_ > ul > li > div.tel {flex-basis:200px}
.participate2 .list_ > ul > li > div.date {flex-basis:200px}
.participate2 .list_ > ul > li > div.bt {flex-basis:100px}
.participate2 .list_ > ul > li > div.check {flex:1}

.participate2 .list_ .check {margin-left:-5px}
.participate2 .list_ .check input,
.participate2 .list_ .check button {margin-left:5px; display:inline-block}

/*
.participate2 .list_ .check ul {display:flex; justify-content: center; margin-left:-10px}
.participate2 .list_ .check ul > li {margin-left:10px}
*/

.participate2 .list_table td p {font-weight:700; margin-bottom:10px}
.participate2 .list_table td label {font-weight:500; color:#666; margin-right:10px}
.participate2 .list_table td span {font-weight:700; display:block; margin-bottom:10px}
.participate2 .list_table td .ing {color:#10a247}

.participate2 .form_area {margin-top:50px; margin-bottom:20px; background:#f7f7f7; padding:30px; border-top:#dbdbdb solid 1px}
.participate2 .form_area .status {text-align:center}
.participate2 .form_area .status p {color:#ff5555}
.participate2 .form_area form {display:none}

.participate2 .write_table {background:#fff}

.participate2 .list_btn a {margin-right:10px}
.participate2 .list_btn .fr {float:right; margin-right:0}

.participate3 .txt1 {margin-bottom:50px; text-align:center; font-size:22px; font-weight:500}
.participate3 .info {margin-bottom:50px; padding:30px; border:#e3e3e3 solid 1px; border-bottom:#10a247 solid 2px; box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgb(0 0 0 / 7%)}

.participate3 .ways {margin-bottom:50px}
.participate3 .ways ul {display:flex; margin-left:-20px; justify-content:center; flex-wrap:wrap}
.participate3 .ways ul li {width:30%; box-sizing:border-box; margin-left:20px; padding:30px; display:flex; background:#10a247; border-radius:10px; justify-content:center; align-items:center}
.participate3 .ways ul li p {margin-left:30px; font-size:20px; font-weight:500; color:#fff; text-align:center}
.participate3 .ways ul li:nth-child(2) {background:#93c639}
.participate3 .ways ul li:nth-child(3) {background:#2bbc61}

.participate3 .inquiry i {font-size:24px; color:#10a247; margin-right:10px}
.participate3 .inquiry strong {color:#10a247; font-weight:500}
.participate3 .inquiry.divide {margin-bottom:80px}

.participate3 .volunteer {margin-bottom:50px; padding:30px; border:#e3e3e3 solid 1px; border-bottom:#10a247 solid 2px; box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgb(0 0 0 / 7%); display:flex; flex-wrap:wrap; align-items:center}
.participate3 .volunteer div {box-sizing:border-box}
.participate3 .volunteer .img {width:150px}
.participate3 .volunteer .txt {width:calc(100% - 150px); padding-left:50px}
.participate3 .volunteer .txt p {font-size:20px; font-weight:500; color:#10a247; margin-bottom:10px}
.participate3 .volunteer .txt p.title2 {color:#93c639; margin-top:20px}

.participate4 .txt1 {margin-bottom:50px; text-align:center; font-size:22px}
.participate4 .txt1 strong {color:#10a247; font-weight:500}

.participate4 .txt_wrap {margin-bottom:50px}

.participate4 .info {padding:30px; border:#e3e3e3 solid 1px; border-bottom:#10a247 solid 2px; box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgb(0 0 0 / 7%); margin-bottom:50px}
.participate4 .info p span {color:#10a247; font-weight:500}

.participate4 .step {margin-bottom:50px}
.participate4 .step ul {display:flex; margin-left:-10px; justify-content:center; flex-wrap:wrap}
.participate4 .step ul li {width:calc(20% - 10px); box-sizing:border-box; margin-left:10px; padding:30px 20px; display:flex; background:#10a247; border-radius:10px; justify-content:center; align-items:center}
.participate4 .step ul li p {margin-left:20px; font-size:20px; font-weight:500; color:#fff; text-align:center}
.participate4 .step ul li p label {display:block; margin-bottom:10px; font-weight:700}
.participate4 .step ul li:nth-child(2) {background:#fdaa00}
.participate4 .step ul li:nth-child(3) {background:#a667f0}
.participate4 .step ul li:nth-child(4) {background:#4a9cf3}
.participate4 .step ul li:nth-child(5) {background:#ff8263}

.participate4 .inquiry i {font-size:24px; color:#10a247; margin-right:10px; margin-bottom:50px}
.participate4 .inquiry strong {color:#10a247; font-weight:500}

.participate5 .info {margin-bottom:50px; border:#e3e3e3 solid 1px; border-radius:10px; padding:30px; box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgb(0 0 0 / 7%)}
.participate5 .info p {font-size:20px; color:#476bb9; font-weight:500; margin-bottom:20px}
.participate5 .info a {color:#10a247; font-weight:500; vertical-align:baseline; border-bottom:#10a247 solid 1px}

.participate5 .search {background:#f4f4f4; padding:20px; border-radius:5px; margin-bottom:40px}
.participate5 .search ul {font-size:0; margin-left:-10px}
.participate5 .search ul li {display:inline-block; margin-left:10px; font-size:18px}
.participate5 .search ul li label {vertical-align:middle}
.participate5 .search ul li span {color:#666; vertical-align:middle}
.participate5 .search ul li input[type="submit"] {vertical-align:middle}

.business3 .txt {text-align:center; margin:30px 0 80px 0; line-height:1.5; background:rgba(148,199,58,0.05); border-radius:25px; padding:50px 20px; box-sizing:border-box}
.business3 .txt strong {color:#10a247}
.business3 .tac {text-align:center}
.business3 .fl {display:flex; align-items:center; margin-bottom:25px}
.business3 .fl p {margin-left:20px; font-size:1.2em; font-weight:600}
.business3 .box1 {background:rgba(46,168,225,0.05); padding:30px; box-sizing:border-box; border-radius:25px}
.business3 .box2 {background:rgba(243,150,43,0.05); padding:30px; box-sizing:border-box; border-radius:25px}
.business3 .btn {margin-top:20px}
.business3 .btn a {color:#fff; font-weight:500}

.business4 .table01 {margin-bottom:50px}
.business4 .table01.last {margin-bottom:0}
.business4 .table01 td p {margin-bottom:10px}

.business8 .txt1 {margin-bottom:20px}
.business8 .table01 {margin-bottom:50px}
.business8 .bigforest {font-size:20px; position:relative}
.business8 .bigforest li  {font-size:20px; margin-bottom:20px; padding-left:26px; position:relative}
.business8 .bigforest li:after {content:''; width:10px; height:10px; border:3px solid #2bbd62; position:absolute; top:10px; left:0; box-sizing:border-box; border-radius:5px}
.business8 .bigforest li:last-child {margin-bottom:0}



.agree {border:1px solid #999; margin-bottom:40px; padding:20px; font-size:16px; background:#fff}
.agree p.info {margin-bottom:20px}
.agree p.tit {font-weight:500; margin-bottom:20px}
.agree ul {margin-bottom:30px; margin-left:10px}
.agree ul li {font-size:16px}
.agree .choice {text-align:center; margin-left:-20px}
.agree .choice p {margin-bottom:20px}
.agree .choice input {margin-left:20px}

.sub_page .btn_area {text-align:center; margin-left:-10px; font-size:0}
.sub_page .btn_area a,
.sub_page .btn_area input,
.sub_page .btn_area button {display:inline-block; margin-left:10px}

.member {font-size:16px}
.member .box {border:#e3e3e3 solid 1px; border-radius:10px; padding:20px}
.member ul {margin-left:20px; margin-bottom:40px}
.member ul li {position:relative; padding-left:25px; margin-bottom:10px}
.member ul li:last-child {margin-bottom:0}
.member ul li label {position:absolute; left:0}
.member ul li ul {margin-left:0; margin-top:10px; margin-bottom:0}
.member ul li ul li {padding-left:0}
.member .txt1 {margin-left:20px; margin-bottom:20px}
.member .txt2 {margin-left:20px; margin-bottom:40px}
.member .mail {display:flex; padding:30px; margin-bottom:40px; padding-bottom:30px; border-bottom:#dbdbdb solid 1px}
.member .mail div {box-sizing:border-box}
.member .mail .img {width:103px}
.member .mail .txt {width:calc(100% - 103px); padding-left:50px}
.member .last {margin-bottom:0}
.member .point {color:#10a247}