/* COMMON */
.contents { padding:120px 0px 140px;}
.about-contents { padding:0px 0px;}

.bg-orange {background-color: #ea943c;}
.bg-blue {background-color: #118ed2;}

@media (max-width:1200px) {

}
@media (max-width:1024px) {

    .contents { padding:60px 0px 80px;}
    .about-contents { padding:0px 0px 0px;}

}
@media (max-width:768px) {

}
@media (max-width:640px) {

}


/* Sub Tab List */
.sub-tab-container {width:100%; background-color:#fff; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.sub-tab-wrap { z-index:99; position: relative; margin-top:0; max-width:1200px; width:100%; margin:auto; display: flex; align-items: center;}
.sub-tab-wrap span {
    display:block; height:100%; padding:18px 20px; cursor: pointer;
    background:url('/child/img/sub/depth-arrow.png') no-repeat right 20px center; color:#777;
    white-space:nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient:vertical;
}
.sub-tab-wrap > div { border-right:1px solid #d0d0d0;}
.sub-tab-wrap .home {
    width:58px; text-align: center; border-left:1px solid #d0d0d0; padding:15px;
}
.sub-tab-wrap .home a {
    display:block;
    background-size:auto 100%; background-repeat: no-repeat; background-position: center;
    background-image: url('/child/img/sub/home.svg'); width:24px; height:24px; margin:auto;
}
.sub-tab-wrap div.depth {max-width:230px; width:100%; position: relative;}
.sub-tab-wrap div.depth ul {
    position: absolute; padding:20px 0px; display:none; border:1px solid #d0d0d0; background-color:#fff; top:49px; left:-1px; width:calc(100% + 2px);
    border-top:0px; margin:-5px 0px;
}
.sub-tab-wrap div.depth li {padding:5px 20px;}


@media (max-width:1200px) {

}
@media (max-width:1024px) {

}
@media (max-width:768px) {
    .sub-tab-wrap div.depth {max-width:none; width:calc(50% - 29px);}
    .sub-tab-wrap div.depth2 {border-right:0px;}

}
@media (max-width:640px) {
    .sub-tab-wrap .home {
        width:48px; padding:10px;
    }
    .sub-tab-wrap div.depth {max-width:none; width:calc(50% - 24px);}
    .sub-tab-wrap span {font-size:1.3rem; padding:14px 30px 14px 15px;}
    .sub-tab-wrap div.depth li {font-size:1.3rem; padding:5px 15px;}
    .sub-tab-wrap div.depth li a {white-space: nowrap;}

}

/*Font Color*/
.color-y {color:#f1b809;}
.color-g {color:#89c746;}
.color-b {color:#00b0f0;}
.color-lb {color:#1e8dce;}
.color-r {color:#f7393e;}
.color-db {color:#2f5597;}

/*Box Color*/
.bf-color-blu::before {background-color:#1e8dce !important;}
.bf-color-org::before {background-color: #ea943c !important;}
.bf-color-gre::before {background-color: #a3c41b !important;}


/*Text*/
/* .text-18 {font-size:1.8rem;}
.text-20 {font-size:2rem;}
.text-22 {font-size:2.2rem;}
.text-24 {font-size:2.4rem;}
.text-28 {font-size:2.8rem;}
.text-46 {font-size:4.6rem;}
.text-56 {font-size:5.6rem;}

@media (max-width:1200px) {



}
@media (max-width:1024px) {


}
@media (max-width:768px) {

}
@media (max-width:640px) {

} */



/*Max width*/
.max-w100 {max-width: 100px; width:100%;}
.max-w200 {max-width: 200px; width:100%;}


/*Sub Common Css*/
.sub-con {overflow: hidden;}
.sub-title-wrap {position: relative; z-index:10; overflow: hidden;}
.sub-title {line-height:1.4;}



/*Sub Content List Common Css*/
.border-con-box {border:1px solid #e8e8e8; border-radius:20px; padding:50px;}
.border-con-box.border-con-style {padding:50px 30px;}
.border-con-box .list-tit {font-weight:700; color:#222; position: relative; padding:0px 10px;}
.border-con-box .list-tit::before {
    content:""; display: block; position: absolute; left:0; top:50%; transform: translateY(-50%);
    width:3px; height:18px; background-color:#000;
}
.border-con-box .list-wrap {margin:-15px 0px;}
.border-con-box .list-wrap > li {padding:15px 0px;}

.border-con-box .list-con {margin: -5px 0px;}
.border-con-box .list-con li {padding:5px 10px;}
.border-con-box .list-con li span {display: inline-block; text-indent:-10px; margin-left:5px;}

/*인사말*/
.sub-title-index {position: relative; padding:170px 0px;}
.sub-title-index::before{
    content:""; display: block; position: absolute; top:0; left:50%; transform: translateX(-50%);
    width:100vw; z-index:0; height:100%;
    background-repeat: no-repeat; background-position: center;
    background-size: cover; background-image: url('/child/img/sub/about/visual.webp');
}
.sub-con-index {padding:120px 0px 160px;}
.sub-con-index p {line-height:1.6;}
@media (max-width:768px) {
    .sub-title-index::before {
        background-image: url('/child/img/sub/about/visual-mobile.webp');
    }
}

/*운영법인*/
.opt-inner {display: -webkit-box; display: -ms-flexbox; display: flex; align-items:center;}
.opt-img {flex:0 0 270px; max-width:270px; text-align: center; padding:0px 50px 0px 20px;}
.opt-info {position: relative; padding-left:50px; flex:0 0 calc(100% - 270px);}
.opt-info::before {
    content: ""; display: block; width:1px; height:100%;
    background-color: #e8e8e8; position: absolute; left:0; top:50%; transform: translateY(-50%);
}

.opt-info__tit {color:#62bb46;}
.opt-info__ul {margin:20px 0px 30px;}
.opt-info__ul li {display: -webkit-box; display: -ms-flexbox; display: flex; margin:-10px 0px;}
.opt-info__ul li span:first-child {flex:0 0 90px; max-width:90px;}
.opt-info__ul span {padding:10px 0px; display:block;}
.opt-info__btn {
    color:#62bb46; max-width:200px; width:100%; display:block;
    padding:10px 20px; border:1px solid #62bb46;
    display: -webkit-box; display: -ms-flexbox; display: flex; align-items:center;
}
.link-arrow {
    display:block; background-repeat: no-repeat; background-position: center; background-size:auto 100%;
    background-image: url('/child/img/sub/about/h-link_off.png'); width:6px; height:12px; margin-left:20px;
}

.opt-icon-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; margin:-10px;}
.opt-icon-wrap li {flex:1 1 20%; max-width:20%; padding:10px; text-align: center;}
.opt-icon-wrap .opt-icon {padding:70px 20px; border-radius:20px; border:1px solid #e8e8e8; height:100%;}

.opt-count-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; margin:-10px -30px;}
.opt-count {flex:1 1 50%; max-width:50%; padding:0px 30px;}
.opt-count li {padding:10px 0px;}

/* .opt-count {display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin:-10px -30px;} */
/* .opt-count li {flex:1 1 50%; max-width:50%; padding:10px 30px;} */
.opt-count .opt-count-box {display: -webkit-box; display: -ms-flexbox; display: flex;}
.opt-count .opt-count-box p {padding:20px; text-align: center; display:block;}
.opt-count .opt-count-box p.opt-count__num {flex:0 0 70px; max-width:70px; background-color: #62bb46; font-weight:700; color:#fff;}
.opt-count .opt-count-box p.opt-count__txt {flex:0 0 calc(100% - 70px); max-width: calc(100% - 70px); border:1px solid #e8e8e8;}

.opt-list {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: -12px;
    font-size: 18px;
}
.opt-list > li {
    flex-basis: calc(100% / 6);
    padding: 12px;
}
.opt-title,
.opt-children > li {
    width: 100%;
    min-height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}
.opt-title {
    background-color: #A3C41B;
    color: #fff;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 24px;
}
.opt-children > li {
    background-color: #FAFAFA;
    line-height: 1.35;
    font-weight: 500;
}
.opt-children > li:not(:last-child) {
    margin-bottom: 12px;
}
@media (max-width:768px) {
    .opt-list {
        font-size: 16px;
        margin: -8px;
    }
    .opt-list > li {
        flex-basis: 50%;
        padding: 8px;
    }
    .opt-title {
        margin-bottom: 18px;
    }
    .opt-children > li:not(:last-child) {
        margin-bottom: 8px;
    }
}


/*비전미션*/
.agency-inner {position: relative;}
.agency-inner-top::before {
    content:""; display: block; position: absolute;
    left:50%; transform: translateX(-50%);
    background-size: auto 100%; background-repeat: no-repeat; background-position: center;
    background-image: url('/child/img/sub/about/arrow-color1.png'); width:35px; height:27px;
    bottom:-60px;
}
.agency-inner-bottom::before {
    content:""; display: block; position: absolute;
    left:50%; transform: translateX(-50%);
    background-size: auto 100%; background-repeat: no-repeat; background-position: center;
    background-image: url('/child/img/sub/about/arrow-color2.png'); width:35px; height:27px;
    bottom:-60px;
}

.agency-box-wrap {position: relative;}
.agency-box-dash {border:1px dashed #cccccc; padding:10px;}
.agency-box {background-color:#f7f8f9; padding:60px 30px; text-align: center;}
.agency-box__tit {padding: 20px 10px;}


.agency-icons {max-width:800px; width:100%; margin:0 auto;}
.agency-icons .agency-icon {
    display: -webkit-box; display: -ms-flexbox; display: flex;
    justify-content: center;
    margin:0px -30px;
}
.agency-icons li {flex:1 1 33.33%; padding:0px 30px;}
/* .agency-icons .icon-img {
    width:160px; height: 160px; background-color: #fff;
    border:2px solid #e6e6e6; border-radius:50%; margin:0 auto;
    background-size:auto 56px; background-position: center; background-repeat: no-repeat;
} */
/* .agency-icons .icon-img1 {background-image: url('/child/img/sub/about/mission-icon1.svg');}
.agency-icons .icon-img2 {background-image: url('/child/img/sub/about/mission-icon2.svg');}
.agency-icons .icon-img3 {background-image: url('/child/img/sub/about/mission-icon3.svg');} */
.agency-icons {line-height:1.4;}


.agency-txt-icon::before {
    content:"";
    display: block;
    position: absolute;
    top:-25px;
    left:15px;
    background-size:auto 100%;
    background-repeat:no-repeat;
    background-position: center;
    width:38px;
    height:50px;
}


.agency-txt-icon1::before {
    background-image: url('/child/img/sub/about/mission-icon1.png');
}

.agency-txt-icon2::before {
    background-image: url('/child/img/sub/about/mission-icon2.png');
}

.agency-txt-icon3::before {
    background-image: url('/child/img/sub/about/mission-icon3.png');
}

/* .agency-txt-icon::before {
    content:"";
    display: block;
    position: absolute;
    top:-30px;
    left:20px;
    background-size:auto 100%;
    background-repeat:no-repeat;
    background-position: center;
    width:38px;
    height:50px;
}

.agency-txt-icon1::before {
    background-image: url('/child/img/sub/about/mission-icon1.png');
}

.agency-txt-icon2::before {
    background-image: url('/child/img/sub/about/mission-icon2.png');
}

.agency-txt-icon3::before {
    background-image: url('/child/img/sub/about/mission-icon3.png');
}

 */


/*연혁*/
.sub-his + .sub-his { margin-top: 100px; }
.his-tit-wrap {
    width:170px; height:170px; padding:1px; border-radius:50%;
    border:1px solid transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #a3c41b, #5cb4e8);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin:0 auto; position: relative;
 }

 .his-tit__bg {
     background-color: #fff; border-radius:50%;
     width:148px; height:148px;
     position: absolute; top:50%; left:50%;
     transform: translate(-50%,-50%); box-shadow:0px 0px 10px rgba(25,25,25,.15);
     display: flex; align-items: center; justify-content: center;
 }
.his-tit {font-size:4rem; font-weight:700; color:#f08a22;}

.his-items {margin-top:100px; position: relative;}
.his-items::before {
    content:''; display: block; width:0px; height:calc(100% + 110px);
    border:1px dashed #cccccc; position: absolute; top:-50px; left:50%; transform: translateX(-50%);
}
.his-items::after{
    content: ""; display: block; position: absolute; top:-60px; left:50%; transform: translateX(-50%);
    width:14px; height:14px; border-radius:50%; border:3px solid #ea943c; background-color: #fff;
}

.his-item {width:50%; margin-bottom:40px; position: relative;}
.his-item::before {
    content:""; width:7px; height:7px; background-color: #f08a22;
    border-radius:50%; position: absolute; top:5px;
}
.his-item:nth-child(even)::before {left:-3px;}
.his-item:nth-child(odd)::before {right:-3px;}

.his-item:nth-child(even) {margin-left:50%; padding-left:30px;}
.his-item:nth-child(odd) {margin-right:50%; text-align: right; padding-right:30px;}

.his-item dl {display: -webkit-box; display: -ms-flexbox; display: flex;}
.his-item:nth-child(odd) dl {flex-direction:row-reverse;}
.his-item dt {font-size:20px; font-weight:400; color:#666666; min-width: 56px;}
.his-item dd {font-size:20px; font-weight:400; color:#222222;}

.his-item:nth-child(even) dt {margin-right:30px;}
.his-item:nth-child(odd) dt {margin-left:30px;}

.his-list {margin:-5px 0px;}
.his-list li {padding:5px 0px;}



/*조직도*/
.org-contents .sub-con-wrap {text-align: center;}

/*찾아오시는 길*/
.sub-location {margin:-80px 0px;}
.location-items {padding:80px 0px; position: relative;}

.location-info-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between;}
.location-info-wrap::before {
    content: ""; display:block; width:100%; height:1px; background-color:#e8e8e8;
    position: absolute; bottom:0; left:50%; transform:translateX(-50%);
}
.location-info {padding:60px 20px; width:500px;}
.location-info__tit::after{
    content: ""; display: block; width:40px; height:3px; background-color: #1e8dce;
    margin:50px 0px;
}
.location-map {width:calc(100% - 500px);}

.around-txt span {padding:0px 5px;}

.location-traffic {overflow: hidden;}
.traffic-items li {display: -webkit-box; display: -ms-flexbox; display: flex; padding:20px 0px;}
.traffic-items .traffic-icon {
    font-size:0; position: relative; top:3px; display: block;
    background-position: center; background-repeat: no-repeat;
    background-size: auto 100%; width:24px; height:28px; margin-right:20px;
}
.traffic-items .bus-icon {background-image: url('/child/img/sub/about/bus-icon.svg');}
.traffic-items .subway-icon {background-image: url('/child/img/sub/about/subway-icon.svg');}

.traffic-items .traffic-tit {width:180px; color:#1e8dce; display:flex;}

.traffic-items .traffic-txt{width: calc(100% - 204px); color:#222222; line-height:1.6;}

/*사업단소개*/
/*사업단소개 common*/
.business-inner__tit {color: #222222; font-weight: 700;}
.business-inner__txt {color: #666666; margin:20px 0px 30px; line-height:1.6;}
.business-con__box {
    background-image: url('/child/img/sub/business/business-inner__bg.png');
    background-repeat: no-repeat;
    background-position:right 20px bottom 20px;
    background-size:auto;
}
.business-photo__inner {display: flex; padding: 30px 0; border-top:3px solid #a3c41b; border-bottom:1px solid #e8e8e8;}
.business-photo__inner .photo-thumb {flex:1 1 48%; max-width:48%;}
.business-photo__inner .photo-txt {flex:1  1 52%; max-width:52%;}

.sub-con-button {margin:80px auto 0px; text-align: center; display:flex; align-items: center; justify-content: center;}
.sub-con-button .button {background-color: #ea943c; border-radius:10px; max-width:280px; width:100%; font-size:2rem; color:#fff; font-weight:700; margin:0px 5px;}
.sub-con-button .button.button-gray {background-color:#5e5e5e;}

/*일자리 참여 안내*/
.txt-list-wrap {margin:-15px 0px;}
.txt-list-wrap li {display: -webkit-box; display: -ms-flexbox; display: flex;  flex-wrap: wrap; padding:15px 0px;}
.txt-list-wrap p {position: relative;}
.txt-list-wrap .txt-list_tit {padding:0px 10px; color:#222; font-weight:700; width:200px;}
.txt-list-wrap .txt-list_tit::before {
    content:""; display: block; position: absolute; left:0; top:50%; transform: translateY(-50%);
    width:3px; height:18px; background-color:#000;
}

/*유형*/
.photo-thumb__img {
    width:100%;
    height:0;
    padding-top:calc(350/570*100%);
    border-radius:20px;
    position: relative;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}

.photo-txt { padding:50px 30px 0px 60px;}
.photo-txt p {line-height:1.6;}
.photo-txt__subtit {color:#a3c41b; padding-bottom:5px; border-bottom: 1px solid #a3c41b; display: inline-block;}
.photo-txt__tit {margin: 15px 0 25px;}


/*유형 폼메일*/
.form-tit-box {
    background-color:#1e8dce; padding:15px 10px;
}
.form-tit { text-align: center;}

.form-txt-box {background-color: #f7f8f9; padding: 20px 10px;}
.form-txt-box p {line-height:1.6;}


.formmail-table {
    table-layout: fixed;
    width: 100%;
    background: #fff;
    border-collapse: collapse;
    display: table;
}
.formmail-table .row {
    display: table-row;
    margin-right: 0;
    margin-left: 0;
    border-bottom: 1px solid #e5e5e5;
}
.formmail-table .th {
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
    width: 340px;
    font-size:20px;
    color: #222222;
    font-weight: 500;
    word-break: keep-all;
    text-align: center;
    background: #f7f8f9;
}
.formmail-table .td {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 20px;
    height: 60px;
    font-size: 20px;
    color: #555555;
}
.formmail-table .td input[type="text"], .formmail-table .td select {
    max-width:470px;
    width:100%;
    height:40px;
    margin:3px 0px;
    font-size: 20px;
}
.form-tel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 545px;
}
.form-tel .select {
    background:url('/child/img/sub/business/select_arrow.png') no-repeat right 12px center;
}
.form-tel .select, .form-tel .input { width: 28.5% !important; }
.form-address {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 720px;
}
.form-address .address-first {max-width:240px !important;}
.form-address .address-last {max-width:calc(100% - 240px); width:100%; padding-left:10px; }

.formmail-table .radio {
    display: inline-block;
    vertical-align: top;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right:30px;
}
.formmail-table .radio span {display: inline-block;}

.form-company {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 640px;
}
.company-select {flex:1 1 50%; max-width:50%;}
.company-select label {margin-right:8px;}
.company-select select {max-width:240px !important; background:url('/child/img/sub/business/select_arrow.png') no-repeat right 12px center;}

.form-radius__div {padding-bottom:15px;}

.form-complete {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 800px;
}
.form-complete__first {max-width:300px;}
.form-complete__last {max-width:calc(100% - 300px); width:100%; padding-left:10px; }

.form-caution-box {background-color: #f7f8f9; padding:20px;}
.form-caution-box ul {margin: -5px 0;}
.form-caution-box li {padding:5px 0px;}

.form-applicant-top {
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form-applicant-top input {height:40px; max-width:240px; width:100%;}

.form-applicant-top .applicant-top__left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width:560px;
    width:100%;
}

.form-applicant-bottom {border:1px solid #e1e1e1; padding:20px; text-align: center;}
.form-applicant-bottom span {display:block;}

/*유형 약관*/
.terms-item {
    border:1px solid #e1e1e1;
    border-top:2px solid #1e8dce;
}

.terms-item__tit {padding:20px; background-color: #f7f8f9; border-bottom:1px solid #e1e1e1;}

.terms-list { border-bottom:1px solid #e1e1e1; padding:40px;}
.terms-list p {line-height:1.6;}
.terms-list ul {margin: -20px 0;}
.terms-list li {padding: 20px 0;}

.terms-caution {background-color: #f7f8f9; padding:20px;border-bottom:1px solid #e1e1e1;}
.terms-caution ul {margin: -5px 0;}
.terms-caution li {padding:5px 0px;}

.terms-item__button {
    background-color: #f7f8f9;
    padding: 30px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.terms-item__button .radio:first-child {margin-right:30px;}

.sub-precautions-box { background-color:#f7f8f9; border:1px solid #e1e1e1;}
.sub-precautions__txt {padding:20px; border-bottom:1px solid #e1e1e1;}
.sub-precautions__txt p {line-height:1.6;}

.sub-precautions__list {padding: 40px;}
.sub-precautions__list p {line-height:1.6;}
.sub-precautions__list ul {margin: -20px 0;}
.sub-precautions__list li {padding: 20px 0;}


/*후원안내*/
.support-con-box {
    display: flex; align-items: center; justify-content: center;
}
.support-con-box .support-txt {padding-left:80px;}
.support-list {margin:-15px 0px;}
.support-list li {
    padding:15px 0px;
}
.support-list .support-txt-box {
    display: flex; align-items: center;
    background-color:#f8f8f8;
    border-radius:50px;
}
.support-list span {display: block; padding:17px 30px;}
.support-list_tit {border-radius:50px;}
.support-list-orange {background-color: #ea943c;}
.support-list-blue {background-color: #1e8dce;}

@media (max-width:1200px){

    /*인사말*/
    .sub-title-index {padding: 120px 0;}
    .sub-con-index {padding:60px 0px 100px;}


    /*연혁*/
    .his-tit  {font-size:3.4rem;}

    /*사업단소개 common*/
    .photo-txt {padding: 30px 20px 0px 40px}

    /*후원안내*/
    .support-con-box .support-txt {padding-left:40px;}

}
@media (max-width:1024px) {

    /*운영법인*/
    .opt-inner {flex-wrap: wrap;}
    .opt-img {flex:1 1 100%; max-width:inherit; text-align: left; padding:0px;}
    .opt-info {flex:1 1 100%; padding-left:0; margin-top:25px;}
    .opt-info::before {display: none;}

    .opt-icon-wrap {flex-wrap: wrap;}
    .opt-icon-wrap li {flex:1 1 33.33%; max-width:33.33%;}
    .opt-icon-wrap .opt-icon {padding:50px 20px;}

    /*오시는길*/
    .location-info {width:400px;}
    .location-map {width:calc(100% - 400px);}

    .traffic-items .traffic-icon {top:1px; margin-right:10px;}

    /*유형 폼메일*/
    .form-tit span {display: block;}
    .form-tit span:first-child {margin-bottom:6px;}

    .formmail-table .th { display: block; padding: 10px 0px; width: 100%; font-size: 16px; border-right: none !important; }
    .formmail-table .td { display: block; padding: 10px 0px; width: 100%; height: auto; font-size: 16px; }
    .formmail-table .td input[type="text"], .formmail-table .td select {max-width:none; font-size:16px;}
    .formmail-table .td .td-age input[type="text"] {width:calc(100% - 20px);}
    .formmail-table .td .td-age label {width:20px;}

    .form-address {flex-wrap: wrap;}
    .form-address .address-first {max-width:none !important; width:100%;}
    .form-address .address-last {max-width:none; padding-left:0px;}

    .formmail-table .form-radius {margin: -5px 0;}
    .formmail-table .radio {margin-right:15px; padding: 5px 0;}

    .form-radius__div {padding-bottom:5px;}

    .form-company {flex-wrap: wrap; max-width:none; width:100%;}
    .company-select {flex:1 1 100%; max-width:100%; display: flex; align-items: center;}
    .company-select select {max-width:none !important; width: calc(100% - 40px);}
    .company-select label {width:40px; margin-right:4px;}

    .form-complete {max-width: none; width:100%;}
    .form-complete > div {flex:1 1 50%; max-width:50%;}
    .form-complete__first {max-width:none;}
    .form-complete__last {max-width:none;}

    .form-applicant-top {flex-wrap: wrap; justify-content: center; padding:15px 0px;}
    .form-applicant-top p {width:100%; text-align: center;}

    .form-applicant-top .applicant-top__left {flex-wrap:wrap;}
    .form-applicant-top .applicant-top__left span {width:100%; margin:12px 0px 4px;}
    .form-applicant-top input {max-width: none; flex:1 1 100%; width:100%; font-size:16px; margin:4px 0px;}

    .sub-con-button .button {max-width:200px; font-size:1.6rem;}

    /*유형 약관*/
    .terms-item__tit {padding:15px 20px; }
    .terms-list {padding:30px;}
    .terms-list ul {margin: -12px 0;}
    .terms-list li {padding:12px 0px;}
    .terms-item__button {padding:20px; flex-wrap: wrap;}
    .terms-item__button p {width:100%; margin-bottom:20px;}

    .terms-item__button .terms-radio {margin:-5px 0px;}
    .terms-item__button .radio {padding:5px 0px;}
    .terms-item__button .radio:first-child {margin-right:15px;}

    .sub-precautions__list {padding:30px;}

    /*후원안내*/
    .support-con-box {flex-wrap:wrap;}
    .support-con-box .support-txt {padding-left:0px;}
    .support-img {max-width:260px;}

    .support-list span {padding:15px 25px;}


}

@media (max-width:768px){

    /*Sub Content List Common Css*/
    .border-con-box {padding:40px 30px;}
    .border-con-box.border-con-style {padding:40px 30px;}

    /*인사말*/
    .sub-title-index {padding:80px 0;}
    .sub-con-index {padding:40px 0px 80px;}

    /*운영법인*/
    .opt-icon-wrap {margin: -5px;}
    .opt-icon-wrap li {padding:5px; flex:1 1 50%; max-width:50%;}

    .opt-count-wrap {margin:-10px -10px;}
    .opt-count {padding:0px 10px;}

    /*비전미션*/
    .agency-box__tit {padding:15px 10px;}
    .agency-box {padding:40px 20px;}

    .agency-inner-top::before {width:26px; height:18px; bottom:-35px;}
    .agency-inner-bottom::before {width:26px; height:18px; bottom:-35px;}

    .agency-icons {max-width: inherit;}
    .agency-icons .agency-icon {margin:0px -10px;}
    .agency-icons li {padding:0px 10px;}

    .agency-txt-icon::before {width:28px; height:35px; top:-20px; left:25px;}

    /*연혁*/
    .his-tit-wrap {border-radius:0px; width:100%; height:100px; padding:2px;}
    .his-tit__bg {border-radius:0px; width:calc(100% - 15px); height:calc(100% - 15px); position: relative;}
    .his-tit  {font-size:2.4rem;}

    .his-item {width:auto; margin-bottom:30px;}
    .his-items::after {transform:none; left:14px;}
    .his-items::before {transform: none; left:20px;}
    .his-item:nth-child(even) dl {flex-direction:row;}
    .his-item:nth-child(even)::before {right:0; left:-2px;}
    .his-item:nth-child(odd)::before {left:-2px;}
    .his-item dd {font-size:1.6rem;}
    .his-item:nth-child(odd) {margin-left:20px; padding-left:20px;}
    .his-item:nth-child(odd) dt {margin-right:10px; font-size:1.6rem;}
    .his-item:nth-child(even) {padding-right:0; margin-right:inherit; margin-left:20px; text-align:left; padding-left:20px;}
    .his-item:nth-child(even) dt {margin-left: inherit; margin-right:10px; font-size:1.6rem;}
    .his-item:nth-child(odd) dl {
        flex-direction: row;
    }
    .his-item:nth-child(odd) dt {
        margin-left: 0;
    }
    .his-item:nth-child(odd) {
        text-align: left;
        padding-right: 0;
        margin-right: 0;
    }

    /*오시는길*/
    .sub-location {margin: -40px 0;}
    .location-items {padding:40px 0px 0px;}
    .location-info-wrap {flex-wrap: wrap;}
    .location-info {width:100%; padding:40px 0px; order:2;}
    .location-info__tit::after {margin:25px 0px;}
    .location-map {width:100%; height:240px; order:1;}

    .traffic-items li {flex-wrap: wrap;}
    .traffic-items .traffic-tit {width:140px;}
    .traffic-items .traffic-icon {top:-1px;}

    /*일자리 참여 안내*/
    .txt-list-wrap {margin:-8px 0px;}
    .txt-list-wrap li {padding:8px 0px;}
    .txt-list-wrap p {width:100%;}
    .txt-list-wrap .txt-list_tit {margin-bottom:15px;}

    /*사업단소개 common*/
    .business-inner__txt {margin:10px 0px 15px;}

    .photo-txt__tit {margin:8px 0px 12px;}

    .sub-con-button {margin:40px auto 0px;}

    /*유형 폼메일*/
    .formmail-table .th {font-size:14px;}
    .formmail-table .th span {font-size:12px !important;}
    .formmail-table .td {font-size:14px;}
    .formmail-table .td input[type="text"], .formmail-table .td select {font-size:14px;}
    .form-applicant-top input {font-size:14px;}

    /*유형 약관*/
    .terms-item__tit {padding:10px 15px; }
    .terms-list {padding:25px;}
    .terms-list ul {margin: -10px 0;}
    .terms-list li {padding:10px 0px;}

    .sub-precautions__list {padding:25px;}

    .sub-con-button .button {max-width:160px; margin:0px 2px;}

    .support-list {margin: -10px -0px;}
    .support-list li {padding:10px 0px;}
    .support-list .support-txt-box {flex-wrap: wrap;}
    .support-list span {width:100%; text-align: center; padding:10px 20px;}
    .support-list_tit {
        border-top-left-radius:50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius:0px;
        border-bottom-right-radius:0px;
    }


}
@media (max-width:640px){

    /*운영법인*/
    .opt-info__ul {margin:15px 0px 25px;}
    .opt-info__ul li {flex-wrap:wrap; margin: -4px 0; padding:5px 0px;}
    .opt-info__ul span {padding: 4px 0;}
    .opt-info__ul li span:first-child {flex:1 1 100%; max-width:100%;}
    .opt-info__btn {max-width:100%; justify-content: space-between;}

    .opt-icon-wrap li {padding:5px; flex:1 1 100%; max-width:100%;}

    .opt-count-wrap {flex-wrap: wrap;}
    .opt-count {flex:1 1 100%; max-width:100%;}

    /*비전미션*/
    .agency-icons .agency-icon {flex-wrap: wrap; justify-content: flex-start; margin:-10px 0px}
    .agency-icons li {flex:1 1 100%; max-width:100%; padding:10px 0px}
    .agency-icons .icon-img {width:130px; height:130px; background-size:auto 46px;}

    .agency-txt-icon {margin-top:0 !important;}
    .agency-txt-icon br {display: none;}
    .agency-txt-icon::before {position: relative; margin: 0 auto 10px; top:0; left:0;}

    /*오시는길*/
    .traffic-items .traffic-tit {width:100%;}
    .traffic-items .traffic-txt {width:100%; margin-top:15px;}

    /*사업단소개 common*/
    .business-photo__inner {flex-wrap: wrap;}
    .business-photo__inner .photo-thumb {flex:1 1 100%; max-width:100%;}
    .business-photo__inner .photo-txt {flex:1 1 100%; max-width:100%; padding:30px 0px 0px;}


    /*후원안내*/
    .support-img {max-width:220px;}

}
@media (max-width:480px){

    /*Sub Content List Common Css*/
    .border-con-box {padding:30px 20px;}
    .border-con-box.border-con-style {padding:30px 20px;}

    /*운영법인*/
    .opt-count-wrap {margin:-5px -10px;}
    .opt-count li {padding:5px 0px;}
    .opt-count .opt-count-box {flex-wrap:wrap;}
    .opt-count .opt-count-box p {padding:10px;}
    .opt-count .opt-count-box p.opt-count__num {flex:1 1 100%; max-width: 100%;}
    .opt-count .opt-count-box p.opt-count__txt {flex:1 1 100%; max-width: 100%;}


}