.about_banner {
    background: url('../images/title_img1.jpg') center center;
    background-size: cover;
    padding: 50px 0;
    text-align: center;
}

.warp_banner {
    background: url('../images/title_img2.jpg') center center;
    background-size: cover;
    padding: 50px 0;
    text-align: center;
}

.about_banner .title{
    color: #000;
}



.about_content1,
.about_content2,
.about_content3,
.warp_content {
    text-align: center;
    padding: 5% 0;
}


.warp_content .inner {
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.warp_content .inner > p {
    margin: 20px 0;
}

.warp_content .inner .art_button {
    margin: 30px auto;
}

.about_content1 {
    background-color: #f6f6f6;
}
.about_content2 {
    background-color: #fc9a00;
}

.about_content2 .inner > div {
    max-width: 800px;
    margin: 0 auto;
}

.about_content3 {
    background: url('../images/2_rpa_img-2.jpg') center center;
    background-size: cover;
}

.about_content3 .inner > h4 {
    color: #FFFFFF;
}
.about_content3 .inner > div {
    display: flex;
}

.about_content3 .inner > div > div {
    flex: 1;
    margin: 20px 10px;
    padding: 5%;
    background-color: #fff;
}

.about_content3 .inner > div > div > b {
    display: block;
    margin: 0 0 15px;
    font-size: 1.5em;
}

.about_content3 .inner .downbtn {
    font-size: 1.2em;
    padding: 10px 30px;
    background-color: #fc9a00;
    color: #FFFFFF;
}

.about_content3 .inner .downbtn:hover {
    background-color: #FFFFFF;
    color: #fc9a00;
}


.warp_content2 .inner {
    position: relative;
}

.swiper-two {
    position: relative;
    /*height: 250px;*/
    margin: 30px 0;
    overflow: hidden;
}

.warp-next {
    position: absolute;
    right: -50px !important;
}
.warp-prev {
    position: absolute;
    left: -50px !important;
}


.video-con {
    text-align: center !important;
}
.video-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.video-wrap .video-box {
    flex-basis: 48%;
    margin: 30px 0;
    text-align: center;

}

.video-wrap .video-box > iframe {
    width: 100%;
    height: 100%;

}





/* 스마트폰 세로 */
@media only screen and (max-width : 768px) {
    .about_content3 .inner > div {
        display: block;
    }

    .warp_content .inner {
        margin: 0 20px;

    }


    .video-wrap .video-box {
        flex-basis: 100%;
        margin: 30px 0;
        text-align: center;

    }

}