@charset "utf-8";
@media all and (max-width: 1380px) {
.process-scroll { overflow-x: scroll; } 
.process-scroll > .part-process.type02 { width: 126.5rem; } 
 }
@media all and (max-width: 1250px) {
.participatory-method {flex-direction: column; } 
.participatory-method .user.public {margin-bottom: 3rem; } 
.participatory-method .part-process > li:first-child,
.participatory-method .part-process > li { padding: 0 2rem; } 
.participatory-method .part-process > li:first-child::after { left: 50%; width: 50%; } 
.vision-summary .vision-img { width:56.8rem; }      
 }
@media all and (max-width: 1024px) {
/* 조직소개 > 사업추진체계 */
.related-org-list > li {flex: 0 1 calc((100% / 2) - ((1 / 2) * 2.4rem)); } 
.vision-summary .vision-img { width:46.8rem; }    

/* 인사말 */
.greeting-img {width: 40rem;margin-left: 4rem; } 
.greeting-cont {width: calc(100% - 40rem - 4rem); } 
.location-info {display: flex;margin: 3rem 0;flex-direction: column;align-items: flex-start;justify-content: center; } 
.location-info > ul {margin-bottom: 2rem; } 
.overview-box {padding: 3.2rem; } 
.participants {gap: 4rem; } 
.participants > li { width: 20rem; height: 20rem; } 
.part-process-cross > ul > li { padding: 3.1rem 0; } 
.part-process.type02 > li:nth-child(-n+4) { margin-top: 13.5rem; } 
.line-box {padding: 3rem; } 
.pads-list .tit {width: 23rem; } 
.pads-list .cont {width: calc(100% - 25.4rem); } 
 }
@media all and (max-width: 895px) {
.pads-list .cont {flex-direction: column;align-items: flex-start; } 
.pads-list .more { width: 100%; flex-flow: row wrap; margin-top: 2rem; } 
.pads-list .more br {display: none; } 
.vision-summary .vision-img { max-width: 56.8rem;width: 100%; }  
.vision-summary { flex-direction: column; } 
 } 
@media all and (max-width: 768px) {
.img-box .zoom-img-btn {display: inline-block; } 
/* 비전 */
.vision-details-list > li {flex-flow: wrap;flex-direction: column; } 
.vision-details-list > li > .tit,
.vision-details-list .desc {width: auto; } 
.vision-details-list > li > .tit {margin-right: 0;margin-bottom: 2rem; } 
.vision-details-list > li > .tit br, 
.vision-details-list > li > .tit::before, .vision-details-list > li > .tit::after {display: none; } 
.vision-details-list > li:nth-child(2)::before, .vision-details-list > li:nth-child(3)::after {width: 100%;margin-left: 0; } 
.vision-details-list > li:nth-child(3)::before, .vision-details-list > li:nth-child(3)::after {width: 100%;margin-left: 0; } 
.keypoint-list {gap: 1rem; }     
  
/* 인사말 */
.greeting {display: block; } 
.greeting-img {width: 30rem;margin: 0 auto 2rem; } 
.greeting-cont {width: 100%; } 

/* 오시는길 */
.map-location {display: block; } 
.map-location .tit {width: 80%;height: auto;margin-right: 0;margin-bottom: 4rem; } 
.map-location .tit .display-block {display: inline; } 
.location-info {width: 100%;margin: 0 auto; } 

/* 참여자 이익 및 혜택 */
.benefit-list {gap: 2.4rem; } 
.benefit-list dl {flex-direction: column; } 
.benefit-list dl dt {width: auto;margin: 0 0 2.4rem 0; } 
.benefit-list dl dt strong br {display: none; } 
.benefit-list dl dt:before {top: auto;right: auto;bottom: -2.8rem;left: 50%;transform: translateX(-50%); } 
.benefit-list dl dt:after {top: auto;right: auto;bottom: -2.4rem;left: 50%;width: 1px;height: 2.4rem;transform: translateX(-50%); } 
.benefit-list dl dd {width: auto; } 
 }

@media all and (max-width: 680px) {
.part-process-cross .part-process.type02 {display: flex; } 
.participants {gap: 3rem; } 
.participants > li { width: 18rem; height: 18rem; } 
.part-process.type01 > li {padding: 0 2rem; } 
.color-box.video { padding:2rem; } 
 }

@media all and (max-width: 580px) {
.participants {gap: 2rem; } 
.participants > li { width: 15rem; height: 15rem; } 
.line-box {padding: 2rem; } 

/* 비전 */
.vision-summary .vision-img-list {flex-flow: wrap;flex-direction: column; } 
.strategy-list {flex-flow: wrap; } 
.strategy-list > li {flex: 100%; } 
.keypoint-list .txt { font-size:1.6rem; }
.keypoint-list .icon { width:2rem; }
.keypoint-list .icon, .keypoint-list .txt { margin:0 .25rem; }

/* 오시는길 */
.location-info {display: block; } 
.map-navi-link {margin: 2rem 0; } 
.part-process .tit {font-size: 1.7rem; } 
.related-org-list {flex-direction: column; } 
.part-process.type01, .part-process.type03 {flex-flow: row wrap;justify-content: flex-start; } 
.part-process.type01 > li,
.part-process.type03 > li {width: 33.33%;margin: 2rem 0; } 
.part-process.type01 > li::after,
.part-process.type03 > li::after { top: 11.23rem; } 
.part-process.type01 > li:nth-child(3)::after,
.part-process.type03 > li:nth-child(3)::after { width: 50%; } 
.part-process.type01 > li:nth-child(4)::after,
.part-process.type03 > li:nth-child(4)::after {left: 50%; width: 50%; } 
.pads-list > li,
.benefit-list > li {flex-direction: column; } 
.pads-list .tit,
.pads-list .cont,
.benefit-list .tit,
.benefit-list .txt {width: 100%; } 
.pads-list .tit,
.benefit-list .tit { padding: 2rem;flex-flow: row wrap; margin-right: 0;margin-bottom: 1rem; } 
.benefit-list .tit {justify-content: center; } 
.benefit-list .tit br {display: none; } 
.pads-list .icon { height: 5rem;margin-bottom: 0;margin-right: 1rem; } 
.pads-list .tit::before,
.pads-list .tit::after,
.benefit-list .tit::before,
.benefit-list .tit::after {display: none; } 
}
@media all and (max-width: 485px) {
.participants {flex-direction: column; } 
.participants > li { width: 20rem; height: 20rem; } 
 }