/*********************************************************************
**********************************************************************
                           레이아웃
**********************************************************************
*********************************************************************/
.uk-preparation-bg {
    background: #ffa401;
    padding: 50px;
}
.preparation-section01 {
    background: #ffa401 url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uhak-preparation/uhak-preparation-bg01-211209.jpg") no-repeat center bottom;
    background-size: cover;
}
.preparation-section02 {
    background: #ffa401 url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uhak-preparation/uhak-preparation-bg04-220328.jpg") no-repeat center center;
    background-size: 100%;
}
.preparation-section03 {
    background: #ECECEC url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uhak-preparation/uhak-preparation-bg02-211209.jpg") no-repeat center top;
    background-size: 100%;
}
.preparation-section05 {
    background: #000;
}
.uk-preparation .maxWidth {
    width: 1080px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 80px 0;
}
@media screen and (max-width: 1180px) {
    .uk-preparation .maxWidth{
        width: 100%;
        padding: 5.5556vw;
    }

}
@media screen and (max-width: 1080px) {
    .uk-preparation-bg {
        padding: 4.6296vw;
    }
}

/*********************************************************************
**********************************************************************
                           메인 비쥬얼
**********************************************************************
*********************************************************************/
.preparation-section01 > div {
    position: relative;
    z-index: 2;
    text-align: center;
}
.preparation-section01 > div::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-45%);
    background: #6335CB;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 850px;
    height: 850px;
    z-index: -1;
}
.preparation-section01 .section01-title {
    margin: 50px 0;
}
.preparation-section01 .section01-title> strong{
    color: #fff;
    line-height: 0.9;
    text-align: center;
    font-size: 130px;
    display: inline-block;
    margin-bottom: 16px;
}
.preparation-section01 .section01-title > span {
    font-size: 48px;
    color: #FFBA01;
    line-height: 1.2;
}
.preparation-section01 .section01-con {
    background: linear-gradient(to right, #00000000, #00000090, #00000096, #00000090, #00000000);
    color: #fff;
    padding: 40px 0;
    border-radius: 16px;
}
.preparation-section01 .section01-con > strong {
    font-size: 48px;
}
.preparation-section01 .section01-con > p {
    font-size: 40px;
}
.preparation-section01 .section01-con > p > span {
    color: #FFBA01;
}
.preparation-section01 .section01-img1 {
    position: absolute;
    left: 95%;
    top: 50%;
    width: 25%;
    transform: translateY(-50%);
}
.preparation-section01 .section01-img1 > img {
    width: 378px;
}
.preparation-section01 .section01-img2 {
    position: absolute;
    left: 15%;
    top: 10%;
}
@media screen and (max-width: 1600px) {
    .preparation-section01 .section01-img1 {
        top: 20%;
        left: 65%;
    }
}
@media screen and (max-width: 1080px) {
    .preparation-section01 > div::before{
        width: 78.7037vw;
        height: 78.7037vw;
    }
    .preparation-section01 .section01-title {
        margin: 4.6296vw 0;
    }
    .preparation-section01 .section01-title> strong{
        font-size: 12.0370vw;
    }
    .preparation-section01 .section01-title > span {
        font-size: 4.4444vw;
    }
    .preparation-section01 .section01-con {
        padding: 3.7037vw 0;
        border-radius: 1.4815vw;
    }
    .preparation-section01 .section01-con > strong {
        font-size: 4.4444vw;
    }
    .preparation-section01 .section01-con > p {
        font-size: 3.7037vw;
    }
    .preparation-section01 .section01-img1 > img {
        width: 16vw;
    }
    .preparation-section01 .section01-img2 > img {
        width: 15vw;
    }
}

/*********************************************************************
**********************************************************************
                           그렇지 않습니다
**********************************************************************
*********************************************************************/
.preparation-section02 .maxWidth {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-bottom: 200px;
}
.preparation-section02 .maxWidth::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-45%);
    background: #FF900190;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 850px;
    height: 850px;
    z-index: -2;
}
.preparation-section02 .section02-title {
    font-size: 40px;
    color: #fff;
    margin-bottom: 30px;
    line-height: 1.2;
}
.preparation-section02 .section02-title > span {
    font-size: 36px;
    color: #000;
}
.preparation-section02 .section02-con {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.preparation-section02 .section02-con > div {
    width: 30%;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 15px 15px 30px #54545470;
    padding: 20px 0;
}
.preparation-section02 .section02-con > div > p {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 4px;
}
.preparation-section02 .section02-con > div > h4 {
    font-size: 36px;
    font-weight: 700;
    color: #6335CB;
}
.preparation-section02 .section02-text {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
}

@media screen and (max-width: 1080px) {
    .preparation-section02 .maxWidth {
        margin-bottom: 18.5185vw;
    }
    .preparation-section02 .maxWidth::before {
        width: 78.7037vw;
        height: 78.7037vw;
        box-shadow: 0 0 20px #00000060;
    }
    .preparation-section02 .section02-title {
        font-size: 3.7037vw;
        margin-bottom: 2.7778vw;
    }
    .preparation-section02 .section02-title > span {
        font-size: 3.3333vw;
    }
    .preparation-section02 .section02-con {
        margin-bottom: 4.6296vw;
    }
    .preparation-section02 .section02-con > div {
        padding: 1.8519vw 0;
    }
    .preparation-section02 .section02-con > div > p {
        font-size: 2.0370vw;
        margin-bottom: 0.3704vw;
    }
    .preparation-section02 .section02-con > div > h4 {
        font-size: 3vw;
    }
    .preparation-section02 .section02-text {
        font-size: 3.7037vw;
    }

}

/*********************************************************************
**********************************************************************
                           서비스 내용
**********************************************************************
*********************************************************************/
.preparation-section03 .maxWidth {
    padding: 150px 0;
    position: relative;
}
.preparation-section03  .preparation-section03-styleBox {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-60%);
    width: 140px;
    height: 140px;
    background: #ffa401;
    border-radius: 50%;
}
.preparation-section03  .preparation-section03-styleBox::before{
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 100%;
    top: 60%;
    transform: translateX(-6px);
    background: #ECECEC;
    border-radius: 20px 0 0 0;
    box-shadow: 0 -10px 0 #ffa401;
}
.preparation-section03  .preparation-section03-styleBox::after{
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 100%;
    top: 60%;
    transform: translateX(6px);
    background: #ECECEC;
    border-radius: 0 20px 0 0;
    box-shadow: 0 -10px  0 #ffa401;
}
.preparation-section03 .section03-title {
    font-size: 60px;
    margin-bottom: 36px;
    text-align: center;
    line-height: 1.2;
}
.preparation-section03 .section03-title > span {
    color: #6335CB;
}
.preparation-section03 .section03-text {
    font-size: 40px;
    text-align: center;
    font-weight: 700;
    color: #000;
    line-height: 1;
    margin-bottom: 90px;
}
.preparation-section03 .section03-text > span {
    font-size: 26px;
    display: inline-block;
    color: #767676;
    font-weight: 400;

}
.preparation-section03 .section03-con1 {
    position: relative;
    box-shadow: 5px 20px 40px #a5a5a5;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 112px 30px 80px;
    margin-bottom: 120px;
}

.preparation-section03 .section03-con1 > h4 {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
    background: #6335CB;
    display: inline-block;
    padding: 16px 60px;
    font-size: 30px;
    color: #fff;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
}

.preparation-section03 .section03-con1 > div {
    display: flex;
    justify-content: end;
    align-items: center;
}
.preparation-section03 .section03-con1 > div > div {
    width: 80%;
    padding-left: 36px;
    position: relative;
}
.preparation-section03 .section03-con1 > div > div > h5::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 36px;
    color: #000;
    font-weight: 700;
}
.preparation-section03 .section03-con1 > div:nth-child(2) > div > h5::before{
    content: '1.';
}
.preparation-section03 .section03-con1 > div:nth-child(3) > div > h5::before{
    content: '2.';
}
.preparation-section03 .section03-con1 > div > div > h5 {
    font-size: 36px;
    color: #000;
    margin-bottom: 12px;
    line-height: 1.2;
}
.preparation-section03 .section03-con1 > div > div > h5 > span {
    font-size: 24px;
    font-weight: 400;
}
.preparation-section03 .section03-con1 > div > div > p {
    color: #767676;
    font-size: 20px;
    margin-bottom: 20px;
}
.preparation-section03 .section03-con1 > div > div > ul >li {
    font-size: 20px;
    margin-bottom: 4px;
}
.preparation-section03 .section03-con1 > div > div > ul >li > span {
    font-weight: 700;
    color: #FE8300;
}
.preparation-section03 .section03-con1 > div > span {
    width: 480px;
    height: 270px;
    display: inline-block;
}
.preparation-section03 .section03-con1 > div > span > img {
    width: 100%;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
}

.preparation-section03 .section03-con2 {
    position: relative;
    box-shadow: 0 0 20px #545454 ;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 112px 30px 16px;
    margin-bottom: 120px;
}
.preparation-section03 .section03-con2 > h4 {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
    background: #FE8300;
    display: inline-block;
    padding: 16px 60px;
    font-size: 30px;
    color: #fff;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
}
.preparation-section03 .section03-con2 .section03-con2-title  {
    padding: 1.5rem 0;
    width: 100%;
    text-align: center;
    font-size: 40px;
    color: #000;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 46px;
}
.preparation-section03 .section03-con2 .section03-con2-title > span  {
    font-size: 26px;
    font-weight: 400;
}
.preparation-section03 .section03-con2 > figure {
    display: flex;
    margin-bottom: 50px;
    align-items: start;
}
.preparation-section03 .section03-con2 > figure > img {
    display: inline-block;
    width: 30%;
    margin-right: 32px;
}
.preparation-section03 .section03-con2 > figure > figcaption {
    width: calc(100% - 32px - 30%);
}
.preparation-section03 .section03-con2 > figure > figcaption > h5 {
    font-size: 36px;
    color: #000;
    margin-bottom: 8px;
    font-weight: 700;
}
.preparation-section03 .section03-con2 > figure > figcaption > p {
    font-size: 20px;
    font-weight: 400;
    color: #767676;
    margin-bottom: 16px;
    width: 70%;
}
.preparation-section03 .section03-con2 > figure > figcaption > h6 {
    font-size: 26px;
    color: #000;
    margin-bottom: 8px;
}
.preparation-section03 .section03-con2 > figure > figcaption > span {
    font-size: 20px;
    display: inline-block;
    margin-bottom: 8px;
}
.preparation-section03 .section03-con2 > figure > figcaption > ul > li {
    color: #767676;
    font-size: 16px;
    margin-bottom: 4px;
    position: relative;
    left: 10px;
}
.preparation-section03 .section03-con2 > figure > figcaption > ul > li::before{
     content: 'ㆍ';
     position: absolute;
     right: 100%;
 }

.preparation-section03 .section03-con2-con-box {
    padding: 0 0 40px 36px;
    position: relative;
}
.preparation-section03 .section03-con2-con-box::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 36px;
    font-weight: 700;
}
.preparation-section03 .section03-con2-con-box.section03-con2-con-box1::before {
    content: '1. ';
}
.preparation-section03 .section03-con2-con-box.section03-con2-con-box2::before {
    content: '2. ';
}
.preparation-section03 .section03-con2-con-box > h5 {
    font-size: 36px;
    margin-bottom: 16px;
    color: #000;
}
.preparation-section03 .section03-con2-con-box > h5 > span {
    color: #6335CB;
}
.preparation-section03 .section03-con2-con-box > p {
    color: #767676;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 26px;
}
.preparation-section03 .section03-con2-con-box > p > span {
    color: #FE8300;
    font-weight: 700;
}
.preparation-section03 .section03-con2-con-box > figure {
    display: flex;
    align-items: start;
}
.preparation-section03 .section03-con2-con-box > figure > img {
    width: 20%;
}
.preparation-section03 .section03-con2-con-box > figure > figcaption {
    margin-left: 20px;
}
.preparation-section03 .section03-con2-con-box > figure > figcaption > h6 {
    font-size: 26px;
    color: #000;
    margin-bottom: 8px;
}
.preparation-section03 .section03-con2-con-box > figure > figcaption > span {
    font-size: 20px;
    margin-bottom: 16px;
}
.preparation-section03 .section03-con2-con-box > figure > figcaption > ul > li {
    font-size: 16px;
    font-weight: 400;
    color: #767676;
    margin-bottom: 4px;
    position: relative;
    left: 10px;
}
.preparation-section03 .section03-con2-con-box > figure > figcaption > ul > li::before {
    content: 'ㆍ';
    position: absolute;
    right: 100%;
}

.preparation-section03 .section03-con2 > p {
    text-align: right;
    font-size: 16px;
    color: #767676;
}
.preparation-section03 .section03-con3 > h4 {
    width: 55%;
    text-align: center;
}
.preparation-section03 .section03-con3 > h4 > span {
    color: #FFBA01;
}
.preparation-section03 .section03-con3 > div {
    align-items: start;
    text-align: left;
    margin-bottom: 1.5rem;
}
.section03-con3-textBox2,
.section03-con3-textBox4 {
    transform: translate(-10%);
}
.section03-con3-textBox {
    position: relative;
    padding: 24px 31px;
    border-radius: 10px;
}
.section03-con3-textBox > img {
    position: absolute;
    right: 98%;
    top: 5%;
    width: 28px;
}
.section03-con3-textBox > span {
    position: absolute;
    right: 0;
    top: 101%;
    color: #767676;
    font-size: 16px;
}
.section03-con3-textBox1 {
    background: #EFEFEF url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uhak-preparation/uhak-preparation-img12-211209.png") no-repeat right bottom;
    background-size: 10%;
}
.section03-con3-textBox2 {
    background: #EFEFEF url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uhak-preparation/uhak-preparation-img13-211209.png") no-repeat right bottom;
    background-size: 10%;
}
.section03-con3-textBox3 {
    background: #EFEFEF url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uhak-preparation/uhak-preparation-img14-211209.png") no-repeat right bottom;
    background-size: 10%;
}
.section03-con3-textBox4 {
    background: #EFEFEF url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uhak-preparation/uhak-preparation-img15-211209.png") no-repeat right bottom;
    background-size: 10%;
}
.section03-con3 {
    text-align: center;
}
.section03-con3 > span {
    width: 800px;
    height: 450px;
    margin: 0 auto 30px;
    display: inline-block;
}
.section03-con3 > span > iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.preparation-section03 .section03-con4 {
    position: relative;
    box-shadow: 5px 20px 40px #a5a5a5;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 112px 30px 80px;
    margin-bottom: 120px;
    text-align: center;
    color: #000;
}
.preparation-section03 .section03-con4 > h4 {
    position: absolute;
    white-space: nowrap;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
    background: #6335CB;
    display: inline-block;
    padding: 16px 60px;
    font-size: 30px;
    color: #fff;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
    width: auto;
}

.section03-con4-textBox-title {
    font-size: 40px;
    margin-bottom: 21px;
}
.section03-con4-textBox-title > small {
    font-size: 26px;
    font-weight: 400;
}
.section03-con4-textBox-text {
    font-size: 28px;
    margin-bottom: 50px;
}
.section03-con4-textBox-text span {
    color: #FE8300;
    font-weight: 700;
}
.section03-con4-textBox-text > strong {
    background: #FE830010;
}
.section03-con4-con {
    margin-bottom: 80px;
}
.section03-con4-con-title {
    font-size: 28px;
    margin-bottom: 28px;
    color: #010101;
}
.section03-con4-con-title > span {
    color: #6335CB;
}
.section03-con4-textBox-con {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 32px;
}
.section03-con4-textBox-con-col {
    width: 240px;
}
.section03-con4-textBox-con-col > span {
    display: inline-block;
    margin-bottom: 14px;
}
.section03-con4-textBox-con-col > span > img {
    width: 100%;
}
.section03-con4-textBox-con-col > p {
    color: #767676;
    font-size: 20px;
}
.section03-con4-textBox-con-col > p > span {
    color: #FE8300;
}
.section03-con4-textBox-youtube {
    display: flex;
    margin-bottom: 60px;
    justify-content: space-between;
}
.section03-con4-textBox-youtube > span {
    width: 440px;
    height: 248px;
}
.section03-con4-textBox-youtube > span > iframe {
    border: none;
}
.section03-con4-con-row {
    display: flex;
    align-items: center;
    padding: 30px 40px;
    border-radius: 10px;
    text-align: left;
    background-size: cover;
    margin-bottom: 10px;
}
.section03-con4-con-img {
    width: 170px;
    margin-right: 32px;
}
.section03-con4-con-img > img {
    width: 100%;
}
.section03-con4-con-text {
    width: 68%;
}
.section03-con4-con-text > dt {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 8px;
}
.section03-con4-con-text > dt > strong {
    font-size: 26px;
    margin-right: 4px;
}
.section03-con4-con-text > dd {
    margin-left: 20px;
}
.section03-con4-con-text > dd > ul {
    list-style: outside;
}
.section03-con4-con-text > dd > ul > li {
    color: #767676;
    font-size: 16px;
}
.section03-con4-flexBox {
    display: flex;
    justify-content: space-between;
}
.section03-con4-flexBox-video {
    width: 50%;
}
.section03-con4-flexBox-video > span {
    width: 440px;
    height: 248px;
    display: inline-block;
}
.section03-con4-flexBox-video > span > iframe {
    border: none;
}
.section03-con4-flexBox-text {
    width: 48%;
    text-align: left;
    list-style: outside;
}
.section03-con4-flexBox-text > li {
    margin-bottom: 4px;
}
.section03-con4-flexBox-text > li > dl {
    display: flex;
    font-size: 20px;
}
.section03-con4-flexBox-text > li > dl > dt {
    width: 20%;
    font-weight: 700;
}
.section03-con4-flexBox-text > li > dl > dd {
    width: 75%;
    color: #767676;
}


.section03-con4-con-row:nth-child(1) {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uhak-preparation/uhak-preparation-section03-bg01-220328.jpg") no-repeat right center;
}
.section03-con4-con-row:nth-child(2) {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uhak-preparation/uhak-preparation-section03-bg02-220328.jpg") no-repeat right center;
}
.section03-con4-con-row:nth-child(3) {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uhak-preparation/uhak-preparation-section03-bg03-220328.jpg") no-repeat right center;
}
.section03-con4-con-row:nth-child(4) {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uhak-preparation/uhak-preparation-section03-bg04-220328.jpg") no-repeat right center;
}
.section03-con4-con-row:nth-child(5) {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uhak-preparation/uhak-preparation-section03-bg05-220328.jpg") no-repeat right center;
}
.section03-con4-con-row:nth-child(6) {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uhak-preparation/uhak-preparation-section03-bg06-220328.jpg") no-repeat right center;
}
.section03-con4-con-row:nth-child(7) {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uhak-preparation/uhak-preparation-section03-bg07-220328.jpg") no-repeat right center;
}
@media screen and (max-width: 1080px) {
    .preparation-section03 .maxWidth {
        padding: 13.8889vw 0;
    }
    .preparation-section03 .section03-title {
        font-size: 5.5556vw;
        margin-bottom: 2.4074vw;
    }
    .preparation-section03 .section03-text {
        font-size: 3.7037vw;
        margin-bottom: 8.3333vw;
    }
    .preparation-section03 .section03-text > span {
        font-size: 2.4074vw;
    }
    .preparation-section03 .section03-con1 {
        padding: 10.3704vw 2.7778vw 7.4074vw;
        margin-bottom: 11.1111vw;
    }
    .preparation-section03 .section03-con1 > h4 {
        padding: 1.4815vw 5.5556vw;
        font-size: 2.7778vw;
    }
    .preparation-section03 .section03-con1 > div {
        margin-bottom: 4.6296vw;
    }
    .preparation-section03 .section03-con1 > div > div {
        padding-left: 3.3333vw;
    }
    .preparation-section03 .section03-con1 > div > div > h5::before {
        font-size: 3.3333vw;
    }
    .preparation-section03 .section03-con1 > div > div > h5 {
        font-size: 3.3333vw;
        margin-bottom: 1.1111vw;
    }
    .preparation-section03 .section03-con1 > div > div > h5 > span {
        font-size: 2.2222vw;
    }
    .preparation-section03 .section03-con1 > div > div > p {
        font-size: 1.8519vw;
        margin-bottom: 1.8519vw;
    }
    .preparation-section03 .section03-con1 > div > div > ul >li {
        font-size: 1.8519vw;
        margin-bottom: 0.3704vw;
    }
    .preparation-section03 .section03-con1 > div > span {
        width: 44.4444vw;
        height: 25.0000vw;
    }

    .preparation-section03 .section03-con2 {
        padding: 10.3704vw 2.7778vw 1.4815vw;
        margin-bottom: 11.1111vw;
    }
    .preparation-section03 .section03-con2 > h4 {
        padding: 1.4815vw 5.5556vw;
        font-size: 2.7778vw;
    }
    .preparation-section03 .section03-con2 .section03-con2-title  {
        padding: 3.2593vw 0;
        font-size: 3.3333vw;
        margin-bottom: 4.2593vw;
    }
    .preparation-section03 .section03-con2 .section03-con2-title > span  {
        font-size: 2.4074vw;
    }
    .preparation-section03 .section03-con2 > figure {
        margin-bottom: 4.6296vw;
    }
    .preparation-section03 .section03-con2 > figure > img {
        margin-right: 2.9630vw;
    }
    .preparation-section03 .section03-con2 > figure > figcaption > h5 {
        font-size: 3.3333vw;
        margin-bottom: 0.7407vw;
    }
    .preparation-section03 .section03-con2 > figure > figcaption > p {
        font-size: 1.8519vw;
        margin-bottom: 1.4815vw;
    }
    .preparation-section03 .section03-con2 > figure > figcaption > h6 {
        font-size: 2.4074vw;
        margin-bottom: 0.7407vw;
    }
    .preparation-section03 .section03-con2 > figure > figcaption > span {
        font-size: 1.8519vw;
        margin-bottom: 0.7407vw;
    }
    .preparation-section03 .section03-con2 > figure > figcaption > ul > li {
        font-size: 1.4815vw;
        margin-bottom: 0.3704vw;
    }

    .preparation-section03 .section03-con2-con-box {
        padding: 0 0 3.7037vw 3.3333vw;
    }
    .preparation-section03 .section03-con2-con-box::before {
        font-size: 3.3333vw;
    }
    .preparation-section03 .section03-con2-con-box > h5 {
        font-size: 3.3333vw;
        margin-bottom: 1.4815vw;
    }
    .preparation-section03 .section03-con2-con-box > p {
        font-size: 1.8519vw;
        margin-bottom: 2.4074vw;
    }
    .preparation-section03 .section03-con2-con-box > figure > figcaption {
        margin-left: 1.8519vw;
    }
    .preparation-section03 .section03-con2-con-box > figure > figcaption > h6 {
        font-size: 2.4074vw;
        margin-bottom: 0.7407vw;
    }
    .preparation-section03 .section03-con2-con-box > figure > figcaption > span {
        font-size: 1.8519vw;
        margin-bottom: 1.4815vw;
    }
    .preparation-section03 .section03-con2-con-box > figure > figcaption > ul > li {
        font-size: 1.4815vw;
        margin-bottom: 0.3704vw;
    }

    .preparation-section03 .section03-con2 > p {
        font-size: 1.4815vw;
    }

    .section03-con3-textBox {
        padding: 2.2222vw 2.8704vw;
        font-size: 1.7vw;
    }

    .section03-con3-textBox > img {
        width: 2.5926vw;
    }

    .section03-con3-textBox > span {
        font-size: 1.4815vw;
    }



    .preparation-section03 .section03-con4 {
        padding: 10.3704vw 2.7778vw 7.4074vw;
        margin-bottom: 11.1111vw;
    }
    .preparation-section03 .section03-con4 > h4 {
        padding: 1.4815vw 5.5556vw;
        font-size: 2.7778vw;
    }

    .section03-con4-textBox-title {
        font-size: 3.7037vw;
        margin-bottom: 1.9444vw;
    }
    .section03-con4-textBox-title > small {
        font-size: 2.4074vw;
    }
    .section03-con4-textBox-text {
        font-size: 2.5926vw;
        margin-bottom: 4.6296vw;
    }
    .section03-con4-con {
        margin-bottom: 7.4074vw;
    }
    .section03-con4-con-title {
        font-size: 2.5926vw;
        margin-bottom: 2.5926vw;
    }
    .section03-con4-textBox-con {
        margin-bottom: 2.9630vw;
    }
    .section03-con4-textBox-con-col {
        width: 22.2222vw;
    }
    .section03-con4-textBox-con-col > span {
        margin-bottom: 1.2963vw;
    }
    .section03-con4-textBox-con-col > p {
        font-size: 1.8519vw;
    }
    .section03-con4-textBox-youtube {
        margin-bottom: 5.5556vw;
    }
    .section03-con4-textBox-youtube > span {
        width: 40.7407vw;
        height: 22.9630vw;
    }
    .section03-con4-con-row {
        padding: 2.7778vw 3.7037vw;
        margin-bottom: 0.9259vw;
    }
    .section03-con4-con-img {
        width: 15.7407vw;
        margin-right: 2.9630vw;
    }
    .section03-con4-con-text > dt {
        font-size: 1.8519vw;
        margin-bottom: 0.7407vw;
    }
    .section03-con4-con-text > dt > strong {
        font-size: 2.4074vw;
        margin-right: 0.3704vw;
    }
    .section03-con4-con-text > dd {
        margin-left: 1.8519vw;
    }
    .section03-con4-con-text > dd > ul > li {
        font-size: 1.4815vw;
    }
    .section03-con4-flexBox-video > span {
        width: 40.7407vw;
        height: 22.9630vw;
    }
    .section03-con4-flexBox-text > li {
        margin-bottom: 0.3704vw;
    }
    .section03-con4-flexBox-text > li > dl {
        font-size: 1.8519vw;
    }

    .section03-con3 > span {
        width: 74.0741vw;
        height: 41.6667vw;
        margin: 0 auto 2.7778vw;
    }
}


@media screen and (max-width: 720px) {
    .preparation-section03  .preparation-section03-styleBox {
        display: none;
    }
    .preparation-section03 .section03-con1 > div {
        display: block;
    }
    .preparation-section03 .section03-con1 > div > div {
        width: 100%;
    }
    .preparation-section03 .section03-con1 > div > span {
        margin: 3vw auto;
        width: 83.3333vw;
        height: 46.9444vw;
        display: block;
    }
    .preparation-section03 .section03-con3 > div > span {
        margin: 0 auto 4.1667vw;
        height: auto;
    }
    .preparation-section03 .section03-con3 > div > div {
        padding-left: 0;
    }
    .preparation-section03 .section03-con3 > h4 {
        width: 70%;

    }
    .section03-con3-textBox2,
    .section03-con3-textBox4 {
        transform: translate(0);
    }

    .section03-con3-textBox {
        padding: 3.1667vw 3.2778vw;
        font-size: 2.3333vw;
        width: 85%;
        margin: 0 auto;
    }

    .section03-con3-textBox > img {
        width: 4.7222vw;
    }

    .section03-con3-textBox > span {
        font-size: 2.7778vw;
    }

    .preparation-section03 .section03-con3 > div {
        margin-bottom: 9.6296vw;
    }


    .preparation-section03 .section03-con4 > h4 {
        font-size: 2.7778vw;
    }

    .section03-con4-textBox-title {
        font-size: 4vw;
    }
    .section03-con4-textBox-title > small {
        font-size: 3vw;
    }
    .section03-con4-textBox-text {
        font-size: 3.8889vw;
    }
    .section03-con4-con {
        margin-bottom: 7.4074vw;
    }
    .section03-con4-con-title {
        font-size: 3.8889vw;
    }
    .section03-con4-textBox-con {
        display: block;
    }
    .section03-con4-textBox-con-col {
        width: 100%;
        display: flex;
        align-items: center;
    }
    .section03-con4-textBox-con-col > span {
        margin-right: 2vw;
        width: 45%;
    }
    .section03-con4-textBox-con-col > p {
        font-size: 3.6111vw;
        text-align: left;
    }
    .section03-con4-textBox-youtube {
        display: block;
    }
    .section03-con4-textBox-youtube > span {
        width: 100%;
        height: 48vw;
        display: inline-block;
    }
    .section03-con4-textBox-youtube > span:first-child {
        margin-bottom: 4.1667vw;
    }
    .section03-con4-con-row {
        padding: 5.5556vw;
        margin-bottom: 2.7778vw;
        display: block;
        position: relative;
    }
    .section03-con4-con-img {
        width: 23.6111vw;
        margin:0 0 2.7778vw;
    }
    .section03-con4-con-text {
        width: 100%;
    }
    .section03-con4-con-text > dt {
        font-size: 3.6111vw;
        margin-bottom: 0;
        display: block;
        position: absolute;
        left: 40%;
        top: 5.5556vw;
    }
    .section03-con4-con-text > dt > strong {
        font-size: 4.1667vw;
        margin-right: 0;
    }
    .section03-con4-con-text > dd {
        margin-left: 1.8519vw;
    }
    .section03-con4-con-text > dd > ul > li {
        font-size: 2.7778vw;
    }
    .section03-con4-flexBox-video > span {
        width: 100%;
        height: 48vw;
    }
    .section03-con4-flexBox {
        display: block;
    }
    .section03-con4-flexBox-video {
        width: 100%;
        margin-bottom: 4.1667vw;
    }
    .section03-con4-flexBox-text {
        width: 100%;
        padding-left: 3.8889vw;
        box-sizing: border-box;
    }
    .section03-con4-flexBox-text > li > dl {
        font-size: 3.6111vw;
    }
    .section03-con4-con-row:nth-child(1),
    .section03-con4-con-row:nth-child(2),
    .section03-con4-con-row:nth-child(3),
    .section03-con4-con-row:nth-child(4),
    .section03-con4-con-row:nth-child(5),
    .section03-con4-con-row:nth-child(6),
    .section03-con4-con-row:nth-child(7){
        background-image:none;
    }
    .section03-con4-con-row:nth-child(n) {
        background: #E3E8EF;
    }
    .section03-con4-con-row:nth-child(2n) {
        background: #EFEFEF;
    }

    .section03-con3 > span {
        width: 100%;
        height: 47.6667vw;
        margin: 0 auto 5vw;
    }
}



/*********************************************************************
**********************************************************************
                           국내 1위
**********************************************************************
*********************************************************************/
.preparation-section04 {
    text-align: center;
    padding: 100px 0;
}
.preparation-section04 > h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 26px;
}
.preparation-section04 > h3 > span {
    font-size: 60px;
    font-weight: 700;
    color: #fff;

}
.preparation-section04 > h3 > img {
    width: 80px;
}
.preparation-section04 > p {
    font-size: 40px;
    color: #000;
    font-weight: 400;
}
.preparation-section04 > p > strong {
    font-weight: 700;
}

@media screen and (max-width: 1080px) {
    .preparation-section04 {
        padding: 9.2593vw 0;
    }
    .preparation-section04 > h3 {
        margin-bottom: 2.4074vw;
    }
    .preparation-section04 > h3 > span {
        font-size: 5.5556vw;
    }
    .preparation-section04 > h3 > img {
        width: 8.4074vw;
    }
    .preparation-section04 > p {
        font-size: 3.7037vw;
    }
}
@media screen and (max-width: 720px) {
    .preparation-section04 > h3 > span {
        font-size: 8.5556vw;
    }
    .preparation-section04 > h3 > img {
        width: 12vw;
    }
    .preparation-section04 > p {
        font-size: 4.5vw;
    }
}


/*********************************************************************
**********************************************************************
                           서비스 수강 규정
**********************************************************************
*********************************************************************/
.preparation-section05 .maxWidth > h5 {
    color: #FFA401;
    font-size: 26px;
    margin-bottom: 20px;
}
.preparation-section05 .maxWidth > ul {
    margin-bottom: 20px;
}
.preparation-section05 .maxWidth > ul > li {
    font-size: 20px;
    margin-bottom: 4px;
    color: #767676;
}
.preparation-section05 .maxWidth > p {
    color: #767676;
    font-size: 20px;
}

@media screen and (max-width: 1080px) {
    .preparation-section05 .maxWidth > h5 {
        font-size: 2.4074vw;
        margin-bottom: 1.8519vw;
    }
    .preparation-section05 .maxWidth > ul {
        margin-bottom: 1.8519vw;
    }
    .preparation-section05 .maxWidth > ul > li {
        font-size: 1.8519vw;
        margin-bottom: 0.3704vw;
    }
    .preparation-section05 .maxWidth > p {
        font-size: 1.8519vw;
    }
}

@media screen and (max-width: 720px) {
    .preparation-section05 .maxWidth > h5 {
        font-size: 3.6111vw;
    }
    .preparation-section05 .maxWidth > ul {
        margin-bottom: 3.3333vw;
    }
    .preparation-section05 .maxWidth > ul > li {
        font-size: 3.0333vw;
        margin-bottom: 1.5vw;
    }
    .preparation-section05 .maxWidth > p {
        font-size: 3.3333vw;
    }
}