.sub_content p {
    color:#000;
    font-size:17px;
    font-family:'NotoKrR';
    line-height:1.7;
    margin-bottom:45px;
}

.intro_wrap {
    width:100%;
}

.intro_wrap .image_wrap {
    width:250px;
    float:left;
    overflow:hidden;
}

.intro_wrap ul {
    width:calc(100% - 250px);
    float:left;
    background-color:#fff;
    padding:23px 30px;
    box-shadow:0px 11px 8px -10px rgba(0, 0, 0, 0.1), 0px -11px 8px -10px rgba(0, 0, 0, 0.1);
    border:1px solid #e3e3e3;
}

.intro_wrap ul li {
    width:100%;
    border-bottom:1px solid #e9e9e9;
    padding:10px 3px;
    font-size:15px;
    font-family:'NotoKrR';
    color:#3c3c3c;
}

.intro_wrap ul li:last-child {
    border-bottom: 0px;
}

.intro_wrap ul li:after {
    clear:both;
    content:'';
    display:block;
}

.intro_wrap ul li strong {
    color:#000;
    font-family:'NotoKrM';
    width:70px;
    display:block;
    float:left;
    line-height:1.5;
    font-weight: 500;
}

.intro_wrap ul li span {
    width:calc(100% - 70px);
    display:block;
    float:left;
    line-height:1.5;
}

@media screen and (max-width:1024px) {
    .intro_wrap ul {
        padding:24px 30px;
    }

    .intro_wrap ul li {
        font-size: 13px;
    }
}

@media screen and (max-width:767px) {
    .intro_wrap .image_wrap {
        float:none;
        margin:0 auto 20px;
        border:1px solid #ccc;
    }

    .intro_wrap ul {
        width:100%;
        float:none;
    }
}

@media screen and (max-width:480px) {
    .sub_content p {
        font-size:14px;
    }

    .intro_wrap > ul {
        padding: 10px 15px;
    }

    .intro_wrap ul li strong {
        width: 50px;
    }

    .intro_wrap ul li span {
        width: calc(100% - 50px);
        word-break: keep-all;
    }

}