/*********************************************************************
**********************************************************************
                           레이아웃
**********************************************************************
*********************************************************************/
.camp-main {
    text-align: center;
}
.camp-main-section1 {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section1-bg01-220421.jpg") no-repeat center bottom;
    background-size: cover;
}
.camp-main-section5 {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section5-bg01-220421.jpg") no-repeat center bottom;
    background-size: 100%;
}

.camp-width {
    width: 1080px;
    margin: 0 auto;
    padding: 5rem 0;
    box-sizing: border-box;
}

.camp-main-section-title {
    font-size: 2rem;
    color: #000;
    font-weight: 400;
    margin-bottom: 1.7rem;
}
.camp-main-section-title > strong {
    color: #6CB741;
}

.camp-main-link > a > span {
    position: relative;
}
.camp-main-link > a {
    display: inline-block;
    width: 40rem;
    padding: 1rem 0;
    background: #000;
    border-radius: .5rem;
    color: #fff;
    font-size: 1.5rem;
}
.camp-main-link a > span::before {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: .5rem;
    width: 1.1rem;
    height: 1.2rem;
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section1-icon05-220421.png") no-repeat center center;
    background-size: cover;
}

@media screen and (max-width: 1080px) {
    .camp-width {
        width: 100%;
        padding: 5rem 1.5rem;
    }
}
@media screen and (max-width: 720px) {
    .camp-width {
        padding: 5rem 1rem;
    }
    .camp-main-link > a{
        width: 100%;
    }
}

/*********************************************************************
**********************************************************************
                           메인비주얼
**********************************************************************
*********************************************************************/
.camp-main-section1 > .camp-width {
    padding: 60px 0;
}
.camp-main-section1-title {
    font-size: 1.5rem;
    color: #000;
    margin-bottom: 1.3rem;
}
.camp-main-section1-title > span {
    display: inline-block;
    width: 10rem;
    margin-bottom: 1rem;
}
.camp-main-section1-title > span > img {
    width: 100%;
}
.camp-main-section1-title > strong {
    font-size: 2.5rem;
    position: relative;
}

.camp-main-section1-title > strong::before{
    content: '“';
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translate(-10%,-50%);
}

.camp-main-section1-title > strong::after{
    content: '”';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(10%,-50%);
}

.camp-main-section1-con {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    row-gap: 1.6rem;
    column-gap: 1.6rem;
}

.camp-main-section1-col {
    background: rgba(0,0,0,.85);
    padding: 1.6rem 0 .4rem ;
}
.camp-main-section1-col-img {
    height: 2.05rem;
    width: 100%;
    margin-bottom: 1rem;
}
.camp-main-section1-col-text {
    color: #DDDDDD;
    font-size: 1.1rem;
    font-weight: 500;
}
.camp-main-section1-col-text > span {
    color: #ffd119;
}


/* 메인 비주얼 컨 이미지 */
.camp-main-section1-col:nth-child(1) .camp-main-section1-col-img {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section1-icon01-220421.png") no-repeat center center;
    background-size: contain;
}
.camp-main-section1-col:nth-child(2) .camp-main-section1-col-img {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section1-icon02-220421.png") no-repeat center center;
    background-size: contain;
}
.camp-main-section1-col:nth-child(3) .camp-main-section1-col-img {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section1-icon03-220421.png") no-repeat center center;
    background-size: contain;
}
.camp-main-section1-col:nth-child(4) .camp-main-section1-col-img {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section1-icon04-220421.png") no-repeat center center;
    background-size: contain;
}
@media screen and (max-width: 1080px) {
    .camp-main-section1 > .camp-width {
        width: 100%;
        padding: 5rem 1.5rem;
    }
}

@media screen and (max-width: 720px) {
    .camp-main-section1-con {
        grid-template-columns: repeat(2,1fr);
    }
}

@media screen and (max-width: 420px) {
    .camp-main-section1-title {
        font-size: 1.3rem;
    }
    .camp-main-section1-title > strong {
        font-size: 2rem;
    }
}

/*********************************************************************
**********************************************************************
               12년 연속 유학업계 1위가 준비하기에 믿을 수 있습니다.
**********************************************************************
*********************************************************************/
.camp-main-section2-con {
    padding-bottom: 1rem;
    background: linear-gradient( to right, #FFFFFF 0%, #eee 30% ,#eee 60%, #fff 100%);
}
.camp-main-section2-con-img > img {
    width: 100%;
}
.camp-main-section2-con-text {
    font-size: 1rem;
    color: #848484;
}
.camp-main-section2-con-text > span {
    color: #333333;
}
@media screen and (max-width: 720px) {
    .camp-main-section2-con {
        padding-bottom: 2rem;
    }
    .camp-main-section2-con-img > img {
        width: 100%;
    }
}

/*********************************************************************
**********************************************************************
                   조기유학 전문팀이 책임지고 관리합니다.
**********************************************************************
*********************************************************************/
.camp-main-section5-text {
    font-size: 1rem;
    color: #666666;
    margin-bottom: 1rem;
}
.camp-main-section5-text > span {
    color: #53A822;
}
.camp-main-section5-img {
    margin-bottom: 2rem;
}
.camp-main-section5-img > img {
    width: 30rem;
}
.camp-main-section5-con-title {
    font-size: 1.2rem;
    color: #333333;
    margin-bottom: 1rem;
}

.camp-main-section5-con1-con {
    padding: 2rem 5rem;
    background: #F8F8F8;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.camp-main-section5-con1-col {
    position: relative;
    width: 30%;
}
.camp-main-section5-con1-col:last-child::before {
    display: none;
}
.camp-main-section5-con1-col > div {
    width: 100%;
    height: 8rem;
    margin-bottom: 1.2rem;
}
.camp-main-section5-con1-col > p {
    color: #555555;
    font-size: 1rem;
}

.camp-main-section5-con2 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 2rem;
    row-gap: 1.6rem;
    text-align: left;
    margin-bottom: .8rem;
}
.camp-main-section5-con2-col {
    background: #E5F7F9;
    padding: 1.6rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.camp-main-section5-con2-col > span {
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 4rem;
}
.camp-main-section5-con2-col > div {
    width: 75%;
}
.camp-main-section5-con2-col > div > h4 {
    color: #038A97;
    font-size: 1.1rem;
}
.camp-main-section5-con2-col > div > p {
    color: #555555;
    font-size: 1rem;
}
.camp-main-section5-con2-text {
    color: #666666;
    font-size: .8rem;
    text-align: left;
    margin-bottom: 3rem;
}


.camp-main-section5-con3 {
    padding: 2.2rem 3.9rem;
    background: rgba(248, 248, 248, .9);
}
.camp-main-section5-con3-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.2rem;
}
.camp-main-section5-con3-imgBox {
    width: 18%;
}
.camp-main-section5-con3-imgBox > img {
    width: 100%;
}
.camp-main-section5-con3-imgBox > figcaption {
    font-size: 1rem;
    color: #333333;
    margin-top: .5rem;
}
.camp-main-section5-con3-imgBox > figcaption > span {
    color: #999999;
}
.camp-main-section5-con3-text {
    text-align: left;
    width: 80%;
    color: #666666;
}
.camp-main-section5-con3-text > strong {
    color: #333333;
    font-size: 1.2rem;
    font-weight: 400;
}
.camp-main-section5-con3-text > strong > span {
    color: #21AABA;
}
.camp-main-section5-con-col-img {
    display: flex;
    justify-content: space-around;
}
.camp-main-section5-con-col-img > div {
    width: 11.6rem;
    height: 8rem;
}


/* 이미지 */
.camp-main-section5-con1-col:nth-child(1) > div {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section5-img02-220421.jpg") no-repeat center center;
    background-size: cover;
}
.camp-main-section5-con1-col:nth-child(2) > div {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section5-img03-220421.jpg") no-repeat center center;
    background-size: cover;
}
.camp-main-section5-con1-col:nth-child(3) > div {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section5-img04-220421.jpg") no-repeat center center;
    background-size: cover;
}


.camp-main-section5-con2-col:nth-child(1) > span {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section5-icon01-220421.png") no-repeat center center;
    background-size: cover;
}
.camp-main-section5-con2-col:nth-child(2) > span {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section5-icon02-220421.png") no-repeat center center;
    background-size: cover;
}
.camp-main-section5-con2-col:nth-child(3) > span {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section5-icon03-220421.png") no-repeat center center;
    background-size: cover;
}
.camp-main-section5-con2-col:nth-child(4) > span {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section5-icon04-220421.png") no-repeat center center;
    background-size: cover;
}
.camp-main-section5-con2-col:nth-child(5) > span {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section5-icon05-220421.png") no-repeat center center;
    background-size: cover;
}
.camp-main-section5-con2-col:nth-child(6) > span {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section5-icon06-220421.png") no-repeat center center;
    background-size: cover;
}
.camp-main-section5-con2-col:nth-child(7) > span {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section5-icon07-220421.png") no-repeat center center;
    background-size: cover;
}
.camp-main-section5-con2-col:nth-child(8) > span {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section5-icon08-220421.png") no-repeat center center;
    background-size: cover;
}


.camp-main-section5-con-col-img > div:nth-child(1) {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section5-img05-220421.jpg") no-repeat center center;
    background-size: cover;
}
.camp-main-section5-con-col-img > div:nth-child(2) {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section5-img06-220421.jpg") no-repeat center center;
    background-size: cover;
}
.camp-main-section5-con-col-img > div:nth-child(3) {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section5-img07-220421.jpg") no-repeat center center;
    background-size: cover;
}

@media screen and (max-width: 1080px) {
    .camp-main-section5-con1-con {
        padding: 2rem 6vw;
    }

}

@media screen and (max-width: 720px) {
    .camp-main-section5-con1-col > div {
        height: 20.8333vw;
    }
    .camp-main-section5-con2 {
        grid-template-columns: repeat(1,1fr);
    }
    .camp-main-section5-con3 {
        padding: 2.2rem 2.4rem;
    }
    .camp-main-section5-con3-wrap {
        display: block;
    }
    .camp-main-section5-con3-imgBox {
        width: 100%;
        margin: 0 auto 2.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .camp-main-section5-con3-imgBox > img {
        width: 30%;
    }
    .camp-main-section5-con3-imgBox > figcaption {
        white-space: nowrap;
        font-size: 4vw;
        margin-left: 2rem;
    }
    .camp-main-section5-con3-text {
        width: 100%;
    }
    .camp-main-section5-con-col-img {
        display: none;
    }
}

/*********************************************************************
**********************************************************************
               명문대 합격생 배출의 결과로 퀄리티를 자신합니다.
**********************************************************************
*********************************************************************/
.camp-main-section6-con1 {}
.camp-main-section6-con-title {
    color: #333333;
    font-size: 1.2rem;
    margin-bottom: 1.6rem;
}
.camp-main-section6-con1-flex {
    display: flex;
    justify-content: space-around;
    padding-bottom: 2.7rem;
    border-bottom: 5px solid #EEEEEE;
}
.camp-main-section6-con1-col {
    width: 45%;
}
.camp-main-section6-con1-col-img {
    height: 8rem;
    margin-bottom: 1.2rem;
    width: 100%;
}
.camp-main-section6-con1-col:nth-child(1) .camp-main-section6-con1-col-img {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section6-img01-220421.png") no-repeat center center;
    background-size: contain;
}
.camp-main-section6-con1-col:nth-child(2) .camp-main-section6-con1-col-img {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/camp-main/camp-main-section6-img02-220421.png") no-repeat center center;
    background-size: contain;
}
.camp-main-section6-con1-col-text {
    font-size: 1.2rem;
}
.camp-main-section6-con1-col-text > strong {
    color: #6CB741;
}


.camp-main-section6-con2 {
    padding-top: 3.8rem;
}
.camp-main-section6-con2-imgBox {
    width: 80%;
    margin: 0 auto 1.5rem;
}
.camp-main-section6-con2-imgBox > img {
    width: 100%;
}


.camp-main-section6-con2-textBox {
    text-align: left;
    margin-bottom: 1.2rem;
    font-size: 1rem;
}
.camp-main-section6-con2-textBox >  span {
    color: #6CB741;
}