@media all and (max-width:1200px){

	.sub_nav nav {width:90%; margin-left:5%}

	.container {max-width:inherit; width:100%; margin:0; padding:70px 10px 80px 10px}

}

@media all and (max-width:1024px){

	.sub_nav {margin-top:165px}

	.sub_nav h2 {margin-bottom:40px}
	.sub_nav nav ul.about {flex-wrap:wrap; justify-content:unset}
	.sub_nav nav ul.about li {flex-basis:unset; width: calc(20% - 10px)}
	.sub_nav nav ul.about li a {height:90px}

	.about1 .greeting {padding-left:300px}
	.about1 .greeting .img {width:300px}
	.about1 .greeting .txt {padding-left:50px; padding-top:0}

	.about7 .floor ul {grid-template-columns: repeat(5, 1fr)}

	.participate4 .step ul {justify-content:unset}
	.participate4 .step ul li {width:calc(33.333% - 10px)}
	.participate4 .step ul li:nth-child(n+4) {margin-top:10px}

}

@media all and (max-width:768px){

	.sub_nav {margin-top:60px; padding-top:20px}
	.sub_nav h2 {font-size:30px; margin-bottom:40px}

	.sub_nav nav ul.about li {width: calc(33.333% - 10px)}
	.sub_nav nav ul.about li a {height:84px}
	.sub_nav nav ul.about li a .title {margin-top:5px}

	.sub_nav nav ul.community {flex-wrap:wrap; justify-content:unset}
	.sub_nav nav ul.community li {flex-basis:unset; width: calc(33.333% - 10px)}
	.sub_nav nav ul.community li a {height:84px}
	.sub_nav nav ul.community li a .title {margin-top:5px}

	.sub_nav nav ul.participate {flex-wrap:wrap; justify-content:unset}
	.sub_nav nav ul.participate li {flex-basis:unset; width: calc(33.333% - 10px)}
	.sub_nav nav ul.participate li a {height:84px}
	.sub_nav nav ul.participate li a .title {margin-top:5px}
	
	.sub_nav nav ul.member {flex-wrap:wrap; justify-content:unset}
	.sub_nav nav ul.member li {flex-basis:unset; width: calc(33.333% - 10px)}
	.sub_nav nav ul.member li a {height:84px}
	.sub_nav nav ul.member li a .title {margin-top:5px}

	h3.tit {font-size:25px; margin-bottom:30px}

	.about1 .greeting {padding-left:0}
	.about1 .greeting .img {position:inherit; text-align:center; width:100%; margin-top:40px}
	.about1 .greeting .txt {width:100%; padding-left:0}

	.about2 .facility {margin-left:0}
	.about2 .facility li {width:100%; margin-left:0}
	.about2 .facility li:nth-child(n+2) {margin-top:20px}

	.about3 .mission {padding:30px; text-align:left}

	.about3 .vision {padding:30px; text-align:left}

	.about3 .color li {padding-left:0}
	.about3 .color li label {width:100%; box-sizing:border-box; position:inherit}

	.about4 .ethic {padding:50px 30px 0 30px}

	.about5 .center {flex-wrap:wrap}
	.about5 .center li {width:100%; display:block; align-items:unset; justify-content:unset; text-align:center; padding:20px; margin-left:0}
	.about5 .center li:nth-child(n+2) {margin-top:20px}
	.about5 .center li span {margin-left:20px}

	.about5 .protect > div {display:block; justify-content:unset; align-items:unset}
	.about5 .protect > div > div.link {margin-top:10px}

	.about6 h4.tit span {font-size:26px}

	.about6 .work {margin-left:-20px}
	.about6 .work li {width:calc(33.333% - 20px)}
	.about6 .work li:nth-child(n+4) {margin-top:20px}

	.about6 .work.four li {width:calc(25% - 20px); vertical-align:top; margin-top:0}

	.about6 .staff_info {margin-left:0}
	.about6 .staff_info > div {width:100%; margin-left:0}
	.about6 .staff_info > div:nth-child(n+2) {margin-top:20px}

	.about7 .floor ul {grid-template-columns: repeat(3, 1fr)}

	.about9 .addr ul li {width:100%; margin-bottom:10px}
	.about9 .addr ul li:first-child {margin-bottom:10px}
	.about9 .addr ul li:last-child {margin-bottom:0}
	.about9 .addr ul li label {width:70px; display:inline-block}

	.community3 .table01 > div > table {min-width:inherit}
	.community3 .table01 .scroll:after {display:none}

	.community5 .diet ul {grid-template-columns: repeat(3, 1fr)}
	.community5 .diet ul li:nth-child(n+4) {margin-top:-1px}

	.participate3 .ways ul {justify-content:unset}
	.participate3 .ways ul li {width: calc(50% - 20px)}
	.participate3 .ways ul li:nth-child(n+3) {margin-top:20px}

	.nav_tab.business a {width:33.333%}
	.nav_tab.business a:nth-child(n+4) {margin-top:-1px}

	.nav_tab.business2 {flex-wrap:wrap}
	.nav_tab.business2 a {flex-basis:auto; width:50%; box-sizing:border-box}
	.nav_tab.business2 a:nth-child(n+3) {margin-top:-1px}

}


@media all and (max-width:640px){

	.sub_nav h2 {font-size:24px}

	.sub_page {font-size:16px}
	.container {padding:30px 10px 40px 10px}

	h2.tit {font-size:32px; margin-bottom:30px}
	h3.tit {font-size:24px}
	h3.tit:after {width:20px}
	h4.tit {font-size:22px; margin-bottom:20px; padding-left:20px}
	h4.tit:after {content:''; width:14px; height:14px; border:3px solid #2bbd62; position:absolute; top:10px}
	h5.tit {font-size:18px; margin-bottom:20px}

	.nav_tab a {font-size:16px; height:40px}

	.nav_tab2 {margin-bottom:40px}
	.nav_tab2 > a {height:51px; font-size:16px}
	.nav_tab2 > a.active {height:51px; font-size:18px}

	.about1 .greeting .txt .title {font-size:20px}

	.about2 .purpose {margin-bottom:40px; padding:20px 30px; line-height:1.5}

	.about2 .facility li {padding:10px}

	.about3 .mission {margin-bottom:40px; padding:20px; font-size:18px}
	.about3 .mission p {font-size:24px; margin-bottom:10px}
	
	.about3 .vision {margin-bottom:40px; padding:20px; font-size:18px}

	.about3 .value {margin-bottom:40px; padding:20px 0}

	.about3 .plan {margin-bottom:40px}

	.about3 .symbol {margin-bottom:40px; padding:20px}
	.about3 .symbol br {display:none}

	.about3 .color {margin-bottom:40px; padding:20px 10px}
	.about3 .color li {margin-bottom:10px}

	.about3 .logo {margin-bottom:40px; padding:30px}

	.about3 .signature {margin-bottom:40px; padding:30px}

	.about3 .signature div p {font-size:24px}

	.about3 .download {width:180px}

	.about4 .ethic {border:#f2f7e9 solid 5px; padding:40px 10px 0 10px}
	.about4 .ethic .title {font-size:22px; margin-bottom:30px}
	.about4 .ethic .date {margin-bottom:30px}
	.about4 .ethic > div {margin-bottom:30px}
	.about4 .ethic > div > p {line-height:1.5}

	.about5 .info {margin-bottom:40px; font-size:18px}
	.about5 .right {margin-bottom:40px; padding:10px}

	.about5 .protect > div {padding:15px}
	.about5 .protect > div > div .title {font-size:18px}
	.about5 .protect > div > div {line-height:1.5}

	.about6 h4.tit span {font-size:22px}

	.gr_bottom {margin-bottom:20px}

	.about6 .work {margin-left:-20px}
	.about6 .work li {width:calc(50% - 20px); padding:20px 10px; word-break:break-all}
	.about6 .work li:nth-child(n+3) {margin-top:20px}
	.about6 .work.four li {width:calc(50% - 20px)}

	.about6 .work {margin-bottom:30px}
	.about6 .work li p {font-size:18px}

	.about6 .staff_info > div > div:first-child {display:none}

	.about6 .staff_info > div .txt {width:100%; padding:20px 10px}
	.about6 .staff_info > div .txt p {font-size:20px; margin-bottom:10px}
	.about6 .staff_info > div .txt pp {font-size:18px; margin-bottom:10px}
	.about6 .staff_info > div .txt li {font-size:15px; padding-left:100px}
	.about6 .staff_info > div .txt li label {width:80px}
	.about6 .staff_info > div .txt li a {font-size:13px}

	.about7 .floor {margin-bottom:40px; padding:10px}
	.about7 .floor span {font-size:18px; position:inherit; left:0; margin-bottom:20px; display:block}
	.about7 .floor ul li p {font-size:16px}

	.about8 .bus p,
	.about8 .bus button.btn_info {display:none}
	.about8	.shuttlebus_wrap {margin-top:20px}

	.about9 .info {margin-bottom:30px; font-size:18px}
	.about9 .addr {margin:40px 0; padding:20px}

	.about9 .table01 th,
	.about9 .table01 td {font-size:16px}

	.about9 .addr ul li label {width:60px}

	.community3 .info {margin-bottom:40px; font-size:18px}
	.community3 .table01 > div > table {min-width:640px}
	.community3 .table01 .scroll:after {display:block}

	.community5 .diet ul {grid-template-columns: repeat(2, 1fr)}
	.community5 .diet ul li:nth-child(n+3) {margin-top:-1px}

	.participate1 .info {margin-bottom:40px; padding:20px}

	.participate1 .step {margin-bottom:40px}
	
	.participate1 .step .img {width:120px}
	.participate1 .step .img img {width:100px}
	.participate1 .step .txt {width:calc(100% - 120px); padding-left:80px}
	.participate1 .step .txt span {font-size:20px}
	.participate1 .step .txt p {font-size:16px}
	.participate1 .step .txt a {border-radius:15px 15px 0 15px}

	.participate1 .text_list1 {font-size:16px}

	.participate2 .form_area {margin-top:30px; margin-bottom:20px; padding:10px}

	.participate2 .list li > div.img {display:none}
	.participate2 .list li > div.title {width:85%}

	.participate2 .list_ > ul > li.header {display:none}
	.participate2 .list_ > ul > li {flex-wrap:wrap}
	.participate2 .list_ > ul > li > div {padding:5px 0;display:inline-block; width:auto; margin-right:20px; position:relative}
	.participate2 .list_ > ul > li > div:after {content:''; width:1px; height:14px; background:#CCC; position:absolute; top:50%; transform:translateY(-50%); right:-10px}
	.participate2 .list_ > ul > li > div.num {flex-basis:unset; min-width:inherit; display:block; width:100%; text-align:left}
	.participate2 .list_ > ul > li > div.num:before {content:'번호 :'; display:inline-block; margin-right:5px}
	.participate2 .list_ > ul > li > div.name {flex:unset}
	.participate2 .list_ > ul > li > div.name:before {content:'성명 :'; display:inline-block; margin-right:5px}
	.participate2 .list_ > ul > li > div.tel {flex-basis:unset}
	.participate2 .list_ > ul > li > div.tel:before {content:'연락처 :'; display:inline-block; margin-right:5px}
	.participate2 .list_ > ul > li > div.date {flex-basis:unset; margin-right:10px}
	.participate2 .list_ > ul > li > div.date:before {content:'신청일자 :'; display:inline-block; margin-right:5px}
	.participate2 .list_ > ul > li > div.num:after,
	.participate2 .list_ > ul > li > div.date:after,
	.participate2 .list_ > ul > li > div.bt:after {display:none}
	.participate2 .list_ > ul > li > div.bt {flex-basis:unset; margin-right:0}
	.participate2 .list_ > ul > li > div.check {flex:unset}
	.participate2 .list_ > ul > li > div.check:after {display:none}

	.participate2 .write_table table th,
	.participate2 .write_table table td {padding-left:10px; padding-right:10px}

	.participate3 .txt1 {margin-bottom:40px; font-size:18px}
	.participate3 .info {margin-bottom:40px; padding:20px}
	
	.participate3 .ways {margin-bottom:40px}
	.participate3 .ways ul li p {margin-left:20px; font-size:18px}

	.participate3 .inquiry i {font-size:18px; margin-right:5px}
	.participate3 .inquiry.divide {margin-bottom:40px}

	.participate3 .volunteer {margin-bottom:40px; padding:20px; }
	.participate3 .volunteer .img {display:none}
	.participate3 .volunteer .txt {width:100%; padding-left:0}
	.participate3 .volunteer .txt p {font-size:18px}

	.participate4 .txt1 {margin-bottom:40px; font-size:18px}

	.participate4 .info {padding:20px}
	.participate4 .info p {margin-bottom:10px}

	.participate4 .step {margin-bottom:40px}
	.participate4 .step ul li {width:calc(50% - 10px); padding:20px 10px}
	.participate4 .step ul li:nth-child(n+3) {margin-top:10px}
	.participate4 .step ul li p {font-size:18px}

	.participate5 .info {margin-bottom:40px; padding:20px 15px}
	.participate5 .info p {font-size:18px}

	.participate5 .search {margin-bottom:40px}
	.participate5 .search ul li {font-size:16px}
	
	.member {font-size:14px}
	.member .box {padding:10px}
	.member ul {margin-left:10px; margin-bottom:30px}
	.member ul li {padding-left:18px}
	.member .txt1 {margin-left:10px}
	.member .txt2 {margin-left:10px; margin-bottom:30px}
	.member .mail {flex-wrap:wrap; padding:20px; margin-bottom:30px; padding-bottom:20px}
	.member .mail .img {width:100%; text-align:center; margin-bottom:20px}
	.member .mail .txt {width:100%; padding-left:0}

	.nav_tab.business a,
	.nav_tab.business2 a {width:100%}
	.nav_tab.business a:nth-child(n+2),
	.nav_tab.business2 a:nth-child(n+2) {margin-top:-1px}


}

@media all and (max-width:600px){

	.team_link {display:none}

}

@media all and (max-width:480px){

	.sub_nav nav ul.business li {width:33.333%}

	.about7 .floor ul {grid-template-columns: repeat(2, 1fr)}
	.about9 .addr {padding:10px}

	.community5 .diet ul {grid-template-columns: repeat(1, 1fr)}
	.community5 .diet ul li:nth-child(n+2) {margin-top:-1px}

	.participate1 .step .img {width:100%; text-align:center; margin-bottom:20px}
	.participate1 .step .img img {width:auto}
	.participate1 .step .txt {width:100%; padding-left:0}
	.participate1 .step .txt span {display:inline-block; position:inherit}

	.participate2 .list li > div {padding:0}
	.participate2 .list li > div.title {width: calc(100% - 80px)}
	.participate2 .list li > div.status {width:80px}
	.participate2 .list li > div.status br {display:block}

	.participate3 .ways ul {margin-left:0}
	.participate3 .ways ul li {width:100%; margin-left:0}
	.participate3 .ways ul li:nth-child(n+2) {margin-top:20px}

	.participate4 .step ul {margin-left:0}
	.participate4 .step ul li {width:100%; margin-left:0}
	.participate4 .step ul li:nth-child(n+2) {margin-top:10px}

	.participate5 .search ul {margin-left:}
	.participate5 .search ul li {display:block; margin-left:0; margin-bottom:10px}
	.participate5 .search ul li:last-child {margin-bottom:0; text-align:center; padding-top:10px}
	.participate5 .search ul li label {display:inline-block; width:70px}

/*
	.about6 .work {margin-left:0}
	.about6 .work li {width:100%; padding:20px 10px; word-break:break-all; margin-left:0}
	.about6 .work li:nth-child(n+2) {margin-top:20px}
	.about6 .work.four {margin-left:0}
	.about6 .work.four li {width:100%}
*/

}



/*조직도*/

@media all and (min-width:400px){
	
	.group .lh0{top:45px; height: 235px;}
	.lh1{margin-left: 61px;}
	.lw0{width:125px; top:120px; margin-left: -125px;}
	.lw1{width: 100px; margin-left: 61px;}
	.lw2{width: 100px;}

	.grt_left{right:10px}
	.grt_right {left:10px}
	.grt_bottom{right:10px;}

	.group .obj.t3{width: 110px;}
	.grt_left ul.o1{width: 110px;}
	.grt_right .obj.o1{top:100px}
	.grt_right .obj.o3{top:200px}
	
	.gr_customer:before {height:60px; bottom:-60px}

}


@media all and (min-width:500px){
    
	.group .lh0{top:45px; height: 235px;}
	.lh1{margin-left: 80px;}
	.lw0{width:150px; top:120px; margin-left: -150px;}
	.lw1{margin-left: 81px;}
	.lw2{width: 150px;}

	.grt_left{right:20px; letter-spacing: 0px;}
	.grt_right {left:50px}

	.group .obj.t1{width: 110px; height: 110px; line-height: 90px;}
	.group .obj.t2{width: 110px;}
	.group .obj.t3{width: 130px;}

	.grt_center .obj.o1{margin-left: -55px;}
	.grt_center .obj.o2{margin-left: -55px;}

	.grt_left ul.o1{width: 130px;}
	.grt_right .obj.o1{top:100px}
	.grt_right .obj.o3{top:200px}
	
	.gr_customer:before {height:55px; bottom:-55px}
	
}


@media all and (min-width:640px){
	
	.group .team_sel {display:none;}

	.group .lh0{top:110px; height: 355px;}
	.group .lh1{top:135px; margin-left: 110px;}
	.group .lw0{width:250px; top:420px; margin-right: -250px;}
	.group .lw1{top:135px; width: 130px; margin-left: 111px;}
	.group .lw2{top:285px; width:38%; margin-left: 0px;}

	.grt_bottom{top:265px; right:12%;}
	/*.grt_bottom::before{content:""; position: absolute; left:50%; top:20px; height: 40px; width: 1px; background: #bbb;}*/

	.group .obj.t1{width: 150px; height: 150px; line-height: 120px; border-width: 15px; font-size: 25px}
	.group .obj.t2{width: 160px; height: 55px; line-height: 51px; font-size: 20px}
	.group .obj.t3{width: 130px; font-size: 16px}

	.group .obj.t4{width: 11.4%; display: inline-block; vertical-align: middle; margin-right: 0.55%; margin-left: 0.55%;
			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;
	}
	.group .obj.t4:hover, .group .obj.t4:focus, .group .obj.t4.active{background: #10a146;}

	.grt_center{position: relative; margin-left: 200px; margin-right: 200px; height: 450px;}
	.grt_center .obj.o1{margin-left: -75px;}
	.grt_center .obj.o2{top:100px; margin-left: -80px;}
	.grt_left ul.o1 li{padding: 12px 0; font-size: 16px}

	.team_link{position: relative; display: block; font-size: 0; text-align: center; padding-top:25px}
	.team_link::after{content:""; position: absolute; width: 87.4%; left: 6.3%; top:0; height: 1px; background: #bbb; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
	.team_link::before{content:""; position: absolute; width: 87.4%; left: 6.3%; bottom:-25px; height: 1px; background: #bbb; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
	/*.team_link::before{content:""; position: absolute; width: 12.5%; right: 6.2%; top:-25px; height: 1px; background: #bbb; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}*/
	.team_link a.obj{position: relative;}
	.team_link a::before{content:""; position: absolute; left:50%; top:-25px; height: 111px; width: 1px; background: #bbb; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; z-index:-1}
	
	.gr_customer {margin:70px 0 50px 0}
	.gr_customer span {padding: 30px 0; font-size:20px}
	.gr_customer:before {height:50px; bottom:-50px}

}


@media all and (min-width:768px) {
	
	.group .lh0{top:125px; height:350px;}
	.lh1{top:135px; margin-left: 120px;}
	.lw0{width:250px; top:175px; margin-left: -250px;}
	.lw1{top:135px; margin-left: 121px;}
	.group .lw2{top:285px; width:38%;}

	.grt_left{right:40px;}
	.grt_left ul.o1{width: 170px;}
	.grt_left ul.o1 li{padding: 13px 0;}
	.grt_right .obj.o1{padding: 20px 0;}
	.grt_right .obj.o2{top:135px;}
	.grt_center .obj.o2{margin-left: -90px;}
	.grt_bottom{top: 255px; right:12%;}
	.grt_bottom .obj.t5{font-size: 14px; border-bottom: 3px solid #10a146; padding: 15px 0;}
	/*.grt_bottom::before{content:""; position: absolute; left:50%; top:30px; height: 40px; width: 1px; background: #bbb;}*/

	.group .obj.t2{width: 180px;}
	.group .obj.t3{width: 180px; padding: 20px 0;}
	.group .obj.t4{font-size: 14px; border-bottom: 3px solid #10a146; padding: 15px 0;}

	.team_link a::before{height: 124px}
	
	.gr_customer {margin:70px 0 50px 0}

}


@media all and (min-width:900px) {
	
	.group .lh0{top:125px; height:450px;}
	.group .lh1{top:165px; height: 46px; margin-left: 140px;}
	.group .lw0{width:300px; top:440px; margin-right: -300px;}
	.group .lw1{top:165px; width: 130px; margin-left: 141px;}
	.group .lw2{top:365px; width: 365px;}

	.grt_right{left:100px;}
	.grt_left{right:40px;}
	.grt_left ul.o1{width: 200px;}
	.grt_left ul.o1 li{padding: 15px 0; font-size: 18px}

	.grt_right .obj.o2{top:140px;}

	.grt_bottom{top: 330px; right:5%;}
	.grt_bottom::before{height: 55px; top:40px;}

	.group .obj.t1{width: 170px; height: 170px;}
	.group .obj.t2{width: 200px; height: 60px; font-size: 21px; line-height: 56px;}
	.group .obj.t3{width: 200px; padding: 23px 0; font-size: 18px;}

	.grt_center{position: relative; margin-left: 300px; margin-right: 300px; height: 530px;}
	.grt_center .obj.o1{margin-left: -85px;}
	.grt_center .obj.o2{top:100px; margin-left: -100px;}
	
}


@media all and (min-width: 1000px) {

	.group .lh0{top:140px; height: 450px;}
	.group .lw2{top:365px; width:37.5%}
	
	.group .obj.t1{width:165px; height:165px; line-height:130px; border-width:15px; font-size:30px}
	.group .obj.t2{width: 220px; height: 65px; font-size: 22px; line-height: 56px;}
	.group .obj.t3{width: 220px; padding: 23px 0;}
	.group .obj.t4{font-size: 16px; padding: 20px 0;}

	.grt_center .obj.o1{margin-left: -82px;}
	.grt_center .obj.o2{top:80px; margin-left: -110px;}

	.grt_bottom .obj.t5{font-size: 16px; padding: 20px 0;}
	.grt_bottom {right:4%;}
	.grt_bottom::before {height: 60px;}

	.grt_left {top:100px; right:50px;}
	.grt_left ul.o1 {width: 220px;}
	.grt_left ul.o1 li {padding: 17px 0;}
	
	.grt_right .obj.o1{left:0; top:180px;}
	.grt_right .obj.o3{top:280px}
	
	.grt_bottom {top:325px;}
	
	.team_link a::before{height: 141px}

}


@media all and (min-width: 1100px) {
	
  .grt_bottom{right:5%;}
	.gr_customer:before {height:50px; bottom:-50px}
}