@charset "utf-8";

.adoption {position:relative;}
.adoption__img-box {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
}
.adoption__img-box + .adoption__img-box {margin-top:2rem}
.adoption__imgage {
    position:relative;
    width:448px;
}
.adoption__image img {width:100%;}
.adoption__cont {
    position:relative;
    padding-top:3rem;
    margin-left:-1.3rem;
    z-index:2;
    width:calc(100% - 448px);
}
.adoption-title {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    align-items:center;
}
.adoption-title__num {
    font-size:3rem;
    color:#ae9d76;
    line-height:1;
    font-weight:900;
}
.adoption-title__text {
    padding-left:0.8rem;
    color:#313131;
    font-weight:500;
    font-size:1rem;
}
.adoption__cont .ul-type1 {
    padding-left:4.89rem;
    margin-top:0.5rem;
}
.adoption__box {margin-top:2rem}
.adoption__in {margin-top:1.5rem}
.adoption__box .ul-type1,
.adoption__box .sub-text {margin-top:0.5rem;}
.adoption__box .text-box {margin-top:0.5rem;}
@media screen and (max-width:1340px) {
    .adoption__image {width:45%;}
    .adoption__cont {width:calc(100% - 45%);}
}
@media screen and (max-width:1023px) {
    .adoption__cont {padding-top:0}
}
@media screen and (max-width:640px) {
    .adoption__img-box {flex-direction:column;}
    .adoption__image {width:100%;}
    .adoption__cont {
        width:100%;
        margin-left:0;
        margin-top:0.7rem;
    }
    .adoption__cont .ul-type1 {padding-left:0}
}


.raising {position:relative;}
.raising__box {margin-top:2rem}
.raising__box .ul-type1,
.raising__box .sub-text,
.raising__box .text-box {margin-top:0.5rem;}
.raising__top {position:relative;}
.raising__image {
    position:relative;
    width:100%;
}
.raising__image img {
    width:100%;
    height:auto;
}
.raising__top .sub-title3 {margin-top:1rem;}
.raising__top .sub-text {margin-top:0.5rem;}
.raising__in {margin-top:1.5rem}
.raising__in ul {
    margin-top:0.5rem;
    margin-left:1rem;
}

.raising__goods {
    position:relative;
    width:100%;
    margin-top:1rem;
    overflow:hidden;
}
.raising__goods__container {
    position:relative;
    margin:-6px;
}
.raising__goods__items {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
}
.raising__goods__item {
    position:relative;
    width:calc(100% / 3 - 6px - 6px);
    border:1px solid #ddd;
    padding:1rem;
    margin:6px;
}
.raising__goods__image {
    position:relative;
    margin:0 auto;
    width:4.55rem;
    height:auto;
    text-align:center;
}
.raising__goods__image img {max-width:100%;}
.raising__goods__cont {
    margin-top:0.85rem;
    text-align:center;
}
.raising__goods__title {
    font-size:1rem;
    color:#313131;
    font-weight:500;
    line-height:1;
}
.raising__goods__text {
    font-size:0.8rem;
    color:#313131;
    margin-top:0.5rem;
    line-height:1.2rem;
}
@media screen and (max-width:500px) {
    .raising__goods__item {width:calc(100% / 2 - 6px - 6px);}
    .raising__goods__text br {display:none;}
}

.cost {position:relative;}
.cost__top {
    position:relative;
    padding:4rem;
    background-color:#f8f8f8;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
}
.cost__top__image {width:50%;}
.cost__top__image img {max-width:100%;}
.cost__top__cont {width:50%}
.cost__top__title {
    font-size:1.5rem;
    color:#313131;
    line-height:1.8rem;
    font-weight:700;
}
.cont__top__text {
    margin-top:1rem;
    color:#313131;
    line-height:1.5rem;
    font-size:0.9rem;
}
.cost__bottom {
    margin-top:3rem;
}
.cost__title-box {
    position:relative;
    width:100%;
    max-width:647px;
    margin:0 auto;
    z-index:2;
    background-color:#49914c;
    border-radius:20px;
    text-align:center;
    padding:1.45rem 1rem;
}
.cost__title {
    font-size:1.5rem;
    color:#fff;
    font-weight:500;
}
.cost__title__text {
    font-size:1rem;
    margin-top:0.5rem;
    color:#fff;
}
.cost__type-wrap {
    position:relative;
    border:1px solid #ddd;
    border-radius:20px;
    margin-top:-3.1rem;
    padding:5.75rem 1rem;
}
.cost__type-container {
    position:relative;
    width:100%;
    max-width:712px;
    margin:0 auto;
    overflow:hidden;
}
.cost__type-list {
    position:relative;
    margin:-1rem;
}
.cost__type-items {
    display:flex;
    flex-wrap:wrap;
    width:100%;
    flex-direction:row;
    justify-content:center;
}
.cont__type-item {
    position:relative;
    width:calc(100% / 2 - 1rem - 1rem);    
    margin:1rem;
}
.cont__type-item dt {
    background-color:#a6800c;
    border-top-right-radius:20px;
    border-top-left-radius:20px;
    font-size:1rem;
    color:#fff;
    font-weight:500;
    text-align:center;
    padding:1rem 0.5rem;
}
.cont__type-item dd {
    width:100%;
    min-height:89px;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    border:1px solid #ddd;
    border-top-width:0;
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
    font-size:1rem;
    color:#313131;
    font-weight:500;
    text-align:center;
    background-color:#f8f8f8;
}
.cost__type-total {
    position:relative;
    width:100%;
    max-width:647px;
    margin:0 auto;
    z-index:2;
    background-color:#505050;
    border-radius:20px;
    text-align:center;
    padding:1.45rem 1rem;
    font-size:1.5rem;
    font-weight:500;
    color:#fff;
    margin-top:-2.1rem;
}
@media screen and (max-width:1378px){    
    .cost__top {padding:2rem}
    .cost__top__cont {padding-left:1rem;}
}
@media screen and (max-width:780px){    
    .cost__top {
        flex-direction:column;
        align-items:center;
    }
    .cost__top__image {width:auto;}
    .cost__top__cont {
        width:auto;
        padding-left:0;
        padding-top:1rem;
    }    
}
@media screen and (max-width:562px){ 
    .cost__type-items {
        flex-direction:column;
        align-items:center;
    }
    .cont__type-item {width:calc(100% - 1rem - 1rem)}
}


.parting {position:relative;}
.parting__top {
    position:relative;
    width:100%;
}
.parting__top-image {
    position:relative;
    width:100%;    
}   
.parting__top-image img {
    max-width:100%;
    height:auto;
}
.parting__top-cont {
    background-color:#000;
    padding:1.95rem 1.75rem;
    font-family: 'Chosunilbo_myungjo';
    color:#fff;
    font-weight:700;    
    font-size:1rem;
}
.parting__top-cont p + p {margin-top:1.2rem}
.parting__box {margin-top:2rem}

.procedure {position:relative;}
.procedure__box {margin-top:2rem}
.step__wrap {
    position:relative;
    width:100%;
    margin-top:2rem;
    overflow:hidden;
}
.step__container {
    position:relative;
    margin:-0.5rem;
}
.step__items {
    position:relative;
    width:100%;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;    
}
.step__item {
    position:relative;
    width:calc(100% / 5 - 0.5rem - 0.5rem);
    margin:0.5rem;
    border:1px solid #ddd;
    padding:1.5rem 0.7rem;
}
.step__item::after {
    content:"\ea50";
    display:block;
    position:absolute;
    top:3.1rem;
    right: -1.75rem;
    width:2.5rem;
    height:2.5rem;
    text-align:center;
    line-height:2.5rem;
    border:1px solid #ddd;
    border-radius:100%;
    font-family: 'boxicons' !important;
    color:#cacaca;
    font-size:2rem;
    background-color:#fff;
    z-index:2;
}
.step__item:last-child::after {display:none;}
.step__cont {
    margin-top:0.85rem;
    text-align:center;
}
.step__title {
    font-size:1rem;
    color:#147b0b;
    font-weight:500;
}
.step__text {
    margin-top:0.5rem;
    font-size:0.9rem;
    color:#313131;
}
.step__box {
    position:relative;
    display:block;
    width:5rem;
    height:1.55rem;
    margin:-0.8rem auto 0;
    line-height:1.55rem;
    background-color:#559150;
    text-align:center;
    color:#fff;
    font-size:0.85rem;
    font-weight:500;
    border-radius:20px;
    z-index:2;
}
.step__image {
    position:relative;
    width:100%;
    max-width:5.8rem;    
    margin:0 auto;
}
.step__image img {width:100%;}
@media screen and (max-width:840px){ 
    .step__item {
        position: relative;
        width: calc(100% / 3 - 0.5rem - 0.5rem);
    }
    .step__item:nth-child(3)::after {display:none;}
    .step__item:nth-child(4) {
        margin-left:2rem;
        width: calc(100% / 3 - 0.5rem - 2rem);
    }
    .step__item:nth-child(4)::before {
        content:"\ea50";
        display:block;
        position:absolute;
        top:3.1rem;
        left:-1.1rem;
        width:2.5rem;
        height:2.5rem;
        text-align:center;
        line-height:2.5rem;
        border:1px solid #ddd;
        border-radius:100%;
        font-family: 'boxicons' !important;
        color:#cacaca;
        font-size:2rem;
        background-color:#fff;
        z-index:2;
    }
}
@media screen and (max-width:600px){ 
    .step__item {
        position: relative;
        width: calc(100% - 0.5rem - 0.5rem);
    }
    .step__item:nth-child(4) {
        margin-left:0.5rem;
        width: calc(100% - 0.5rem - 0.5rem);
    }
    .step__item:nth-child(4)::before {display:none;}
    .step__item:nth-child(3)::after {display:block;}

    .step__item::after {
        content:"\ea50";
        display:block;
        position:absolute;
        top:auto;
        right:auto;
        bottom:-26px;
        left:50%;
        transform:translateX(-50%) rotate(90deg);
        z-index:2;
    }
}

.application {position:relative;}
.application .raise-box {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
}
.application .raise-box + .raise-box {margin-top:0.5rem}
.application .raise-box:last-child .frmbox,
.application .raise-box:last-child .raise-box__btn-box {
    padding-bottom:0;
    border-bottom:0;
}
.application .raise-box .raise-box__name {width:30%;}
.application .raise-box .raise-box__unit {
    width:15%;
}
.application .raise-box .raise-box__unit .frmbox {padding-left:0.5rem;}
.application .raise-box .raise-box__date {
    width:40%;
}
.application .raise-box .raise-box__date .frmbox {padding-left:0.5rem;}
.application .raise-box .raise-box__btn-box {    
    width:15%;
    padding-left:0.5rem;
    padding-bottom:0.5rem;
    border-bottom:1px solid #ccc;
}
.application .raise-box .raise-box__btn-box .btn {
    width:100%;
    padding:0;
}

.application__form {margin-top:1rem}
.application__col3 {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
}
.application__col3 .frmbox {width:33.333333%}
.application__col3 .frmbox {padding-left:0.6rem}
.application__col3 .frmbox:first-child {padding-left:0;}
.application__col4 {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    align-items:center;
    width:100%;
}
.application__col4 .frmbox {
    width:25%;
    padding-left:0.6rem
}
.application__col4 .frmbox:first-child {padding-left:0;}
.application__col2 {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
}
.application__col2 .frmbox {width:50%}
.application__col2 .frmbox {padding-left:0.6rem}
.application__col2 .frmbox:first-child {padding-left:0;}
.application__box + .application__box {margin-top:2rem}
.application__form .frmbox .frmbox__head .title {
    padding-left:0.8rem;
    font-size:0.85rem;
}
.application__form .frmbox .frmbox__body {width:calc(100% - 6.65rem)}
.environment-box {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
}
.environment-box > div {
    display:inline-flex;
    align-items:center;
}
.application__argree {
    position:relative;
    margin-top:2rem;
}
.application__argree .text-box {
    height:300px;
    overflow-y:auto;
}

.environment-box > div + div {margin-left:1rem}

@media screen and (max-width:845px){
    .application__col4 {
        flex-direction:column;
        align-items:flex-start;
    }
    .application__col4 .frmbox {
        width:100%;
        padding-left:0;
    }
    .application__col4 .frmbox + .frmbox {margin-top:0.5rem}
    .application .raise-box {
        flex-direction:column;
    }
    .application .raise-box .raise-box__name {width:100%;}
    .application .raise-box .raise-box__unit {
        width:100%;
        margin-top:0.5rem;
        padding-left:0;
    }
    .application .raise-box .raise-box__date {
        width:100%;
        padding-left:0;
        margin-top:0.5rem;
    }
    .application .raise-box .raise-box__btn-box {
        width:100%;
        margin-top:0.5rem;
        padding-left:0;
    }
    .application__col3 .frmbox {
        width:100%;
        padding-left:0;
    }
    .application__col2 {flex-direction:column;}
    .application__col2 .frmbox {
        padding-left:0;
        width:100%;
    }
    .application .raise-box .raise-box__unit .frmbox {
        padding-left:0;
    }
    .application .raise-box .raise-box__date .frmbox {
        padding-left:0;
    }

}
@media screen and (max-width:700px){
    .application__form .frmbox .frmbox__body {width:100%}
    .application .raise-box .frmbox .frmbox__body {width:100%}   
    .application__form .frmbox .frmbox__head .title {
        font-size:0.9rem;
    }
}
@media screen and (max-width:600px) {
    .environment-box {flex-direction:column;}
    .environment-box > div {
        width:100%;
    } 
    .environment-box > div + div {
        margin-left:0;
        margin-top:0.5rem;
    }
    .checkbox {width:100%;}
    .checkbox + .checkbox {margin-top:0.5rem}
    .checkbox ~ .checkbox {margin-left:0;}
    .application__col4 .checkbox {width:auto;}
    .application__col4 .checkbox + .checkbox {margin-top:0}
    .application__col4 .checkbox ~ .checkbox {margin-left:1rem;}
    .environment-box .checkbox {width:auto;}
    
}