@charset "utf-8";


/* common01 */
.common01{
    margin: 6.77vw 0 13.54vw;
    position: relative;
}
.common01 .text{
    padding-left: 7.03125vw;
}
.common01 .text p{
    font-size: 1.56vw;
    color: #0123B4;
    font-weight: 700;
}
.common01 .text h1{
    font-size: 2.60vw;
    font-weight: 900;
    margin: 1.04vw 0 2.08vw;
}
.common01 .back{
    width: 100%;
    padding: 2.60vw 7.03125vw 5.20vw;
    border-radius: 1.56vw;
    background: #0122b421;
}
.common01 .back p {
    font-size: 1.30vw;
    line-height: 1.6;
    font-weight: 500;
}
.common01 .back p  span{
    font-size: 2.08vw;
    font-weight: 700;
}
.common01 .photo{
    position: absolute;
    top: 0;
    right: 7.03125vw;
    width: 42.1875vw;
    height: 26.04vw;
    border-radius: 1.56vw;
    background: #0123B4;
}
.common01 .photo figure{
    position: absolute;
    top: 1.56vw;
    right: 1.56vw;
    width: 100%;
    height: 100%;
    border-radius: 1.56vw;
    overflow: hidden;
}
/* common01 */



/* 모바일 */
@media screen and (max-width:500px) {
    .common01 {
        margin: 10vw 0 20vw;
    }
    .common01 .text {
        padding-left: 0;
    }
    .common01 .photo {
        top: 35vw;
        right: unset;
        left: 20px;
        width: calc(100% - 40px);
        height: 50vw;
        border-radius: 6vw;
    }
    .common01 .photo figure {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 6vw;
    }
    .common01 .text p {
        text-align: center;
        font-size: 4vw;
    }
    .common01 .back p  span{
        font-size: 6vw;
        word-break: keep-all;
    }
    
    .common01 .text h1 {
        word-break: keep-all;
        text-align: center;
        font-size: 8vw;
        margin: 5vw 0 8vw;
    }
    .common01 .back {
        width: 100%;
        padding: 60vw 20px 10vw;
        border-radius: 6vw;
    }
    .common01 .back p {
        font-size: 3.8vw;
        word-break: keep-all;
    }
    
}
/* 모바일 */