/*******************************************************************************
                                  애니메이션
********************************************************************************/
@keyframes move {
    0%{
        transform: translateY(0);
        opacity: 0;
    }
    10% ,90%{
        opacity: 1;
    }
    100%{
        transform: translateY(45vw);
        opacity: 0;
    }
}

/*******************************************************************************
                                  layout
********************************************************************************/
.dndn-package * {
    box-sizing: border-box;
}
.dndn-package ul {
    list-style: none;
    padding: 0;
}
.dndn-package-section01 {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section01-bg01-221026.jpg") no-repeat center bottom;
    background-size: cover;
}
.dndn-package-section02 {
    background: linear-gradient(180deg, #FDDBBC 10%, #FFBFA7 30%) ;
}
.dndn-package-section03 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #F0EFFA;
}
.dndn-package-section04 {
    background: #FFD786;
}
.dndn-package-section05 {
    background: #F4FDFC;
}
.dndn-package-section06 {
    background: #FFF6C4;
}
.dndn-package-section07 {
    background: #EBEBEB;
    display: none;
}
.dndn-package-section08 {
    background: #FFD786;
}
.dndn-package-section09 {
    background: #3B1991;
}
.dndn-package-section10 {
    background: url("/images/dndn-package/dndn-package-section010-bg.jpg") no-repeat top center;
    background-size: cover;
}

.dndn-package-width {
    width: 1080px;
    margin: 0 auto;
    padding: 100px 0;
    text-align: center;
}

.dndn-package-sub-title {
    font-size: 60px;
    margin-bottom: 40px;
    color: #000;
}
.dndn-package-sub-title > span {
    font-size: 32px;
    color: #000000;
}
.dndn-package-sub-title > strong {
    color: #8150FF;
}
@media screen and (max-width:1200px) {
    .dndn-package-width {
        width: 100%;
        padding: 100px 16px;
    }
}
@media screen and (max-width:768px) {
    .dndn-package-sub-title {
        font-size: 24px;
    }
    .dndn-package-sub-title > span {
        font-size: 30px;
    }
}

/*******************************************************************************
                                  타이틀
********************************************************************************/
.dndn-package-section01-title {
    width: 75%;
    margin: 0 auto;
    padding: 105px 40px;
    background: #0C1B43;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #FFFFFF;
    font-size: 60px;
    line-height: 1.2;
}
.dndn-package-section01-title > em {
    display: inline-block;
    padding: 4px 16px;
    margin-bottom: 40px;
    background: #fff;
    font-size: 34px;
    color: #0C1B43;
    font-weight: 400;
    font-style: normal;
}
.dndn-package-section01-title > small {
    font-size: 36px;
    line-height: 1;
    font-weight: 500;
}
.dndn-package-section01-title > strong {
    display: inline-block;
    margin-bottom: 40px;
    font-size: 90px;
    line-height: 1.4;
    color: #FAB52A;
}
.dndn-package-section01-title > span {
    display: inline-block;
    line-height: 1;
    font-size: 32px;
    color: #0D1C43;
    background: #FAB52A;
    padding: 10px 48px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    transform: translateY(-20%);
    font-weight: 400;
}

@media screen and (max-width:1200px)  {
    .dndn-package-section01-title {
        width: 90%;
        padding: 105px 16px;
    }
}

@media screen and (max-width:767px) {
    .dndn-package-section01-title {
        width: 100%;
        font-size: 30px;
        padding: 70px 8px;
    }
    .dndn-package-section01-title > em {
        margin-bottom: 16px;
        font-size: 16px;
    }
    .dndn-package-section01-title > small {
        font-size: 16px;
    }
    .dndn-package-section01-title > strong {
        margin-bottom: 20px;
        font-size: 36px;
    }
    .dndn-package-section01-title > span {
        font-size: 16px;
        padding: 8px 36px;
    }
}

/*******************************************************************************
                              무엇이 걱정되나요?
********************************************************************************/
.dndn-package-section02-title {
    font-size: 44px;
    color: #000;
    margin-bottom: 50px;
    line-height: 1.4;
}
.dndn-package-section02-title > span {
    display: inline-block;
    padding: 4px 20px;
    background: #8150FF;
    color: #fff;
    font-size: 30px;
}
.dndn-package-section02-con {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #fff;
    margin-bottom: 8px;
    padding: 20px 0;
}
.dndn-package-section02-con > span {
    font-size: 28px;
    font-weight: 500;
    color: #000;
    position: relative;
}
.dndn-package-section02-con > span::before {
    content: '';
    position: absolute;
    left: 105%;
    top: 50%;
    transform: translateY(-50%);
    width: 104px;
    height: 86px;
}
.dndn-package-section02-con:nth-child(2n +1) > span::before {
    left: auto;
    right: 105%;
}
.dndn-package-section02-text {
    margin-top: 60px;
    font-size: 32px;
    color: #000;
}
.dndn-package-section02-text > strong > strong {
    color: #3F07CE;
}

.dndn-package-section02-row1 > span::before {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section02-img01-221026.png") no-repeat center center;
    background-size: cover;
    top: 20%;
}
.dndn-package-section02-row2 > span::before {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section02-img02-221026.png") no-repeat center center;
    background-size: cover;
}
.dndn-package-section02-row3 > span::before {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section02-img03-221026.png") no-repeat center center;
    background-size: cover;
}
.dndn-package-section02-row4 > span::before {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section02-img04-221026.png") no-repeat center center;
    background-size: cover;
}
.dndn-package-section02-row5 > span::before {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section02-img05-221026.png") no-repeat center center;
    background-size: cover;
    top: 100%;
}
@media screen and (max-width:1200px) {
    .dndn-package-section02-con > span::before {
        display: none;
    }
}
@media screen and (max-width:768px) {
    .dndn-package-section02-title {
        font-size: 20px;
    }
    .dndn-package-section02-title > span {
        font-size: 26px;
    }
    .dndn-package-section02-con > span{
        font-size: 15px;
    }
    .dndn-package-section02-text {
        font-size: 20px;
    }
}

/*******************************************************************************
                            어학연수 든든 패키지
********************************************************************************/
.dndn-package-section03-title {
    font-size: 70px;
    color: #000;
    margin-bottom: 60px;
    position: relative;
}
.dndn-package-section03-title::before {
    content: '';
    position: absolute;
    right: 0;
    transform: translate(50%,-10%);
    top: 100%;
    width: 16.35rem;
    height: 13rem;
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section03-img01-221026.png") no-repeat center top;
    background-size: cover;
}
.dndn-package-section03-title > span {
    font-size: 46px;
}
.dndn-package-section03-title > strong {
    color: #8150FF;
}
.dndn-package-section03-con {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 1rem;
    margin-bottom: 2rem;
}
.dndn-package-section03-con-col {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 240px;
    height: 240px;
    background: #FFE064;
    border: 3px solid #FFFFFF;
    margin: 0 auto;
}
.dndn-package-section03-con-col > span {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
}
.dndn-package-section03-con-col > span > svg {
    width: 27px;
}
.dndn-package-section03-textBox {
    padding: 1.9rem 0;
    background: #E7E5F5;
    -webkit-border-radius: 5rem;
    -moz-border-radius: 5rem;
    border-radius: 5rem;
    font-size: 32px;
    color: #000;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
}
.dndn-package-section03-textBox::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-40%,-50%);
    width: 8.9rem;
    height: 11.35rem;
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section03-img02-221026.png") no-repeat center center;
    background-size: cover;
}
.dndn-package-section03-textBox > span {
    color: #DD0000;
}
@media screen and (max-width:1200px) {
    .dndn-package-section03 .dndn-package-width {
        padding: 5rem 1.5rem 8rem;
    }
    .dndn-package-section03-title::before {
        right: 0;
        transform: translate(30%,-40%);
        top: 0;
    }
    .dndn-package-section03-con {
        grid-template-columns: repeat(2,1fr);
    }
    .dndn-package-section03-textBox::before {
        transform: translate(0,0);
    }
}
@media screen and (max-width:768px) {
    .dndn-package-section03-title {
        font-size: 30px;
    }
    .dndn-package-section03-title > span {
        font-size: 24px;
    }
    .dndn-package-section03-title::before {
        display: none;
    }
    .dndn-package-section03-con-col {
        width: 150px;
        height: 150px;
    }
    .dndn-package-section03-con-col > span {
        font-size: 18px;
    }
    .dndn-package-section03-textBox {
        font-size: 18px;
        padding: 1.9rem 1rem;
    }
    .dndn-package-section03-textBox::before {
        display: none;
    }
}

/*******************************************************************************
                                수업 4주 무료
********************************************************************************/
.dndn-package-section04-con {
    padding: 4rem;
    background: #ffff;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.dndn-package-section04-con.dndn-package-section04-con1 {
    padding: 0 0 4rem;
}
.dndn-package-section04-textBox {
    width: 60%;
    text-align: left;
}
.dndn-package-section04-con-title {
    font-size: 2.3rem;
    color: #000;
    margin-bottom: 2.5rem;
}
.dndn-package-section04-con-title > span {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}
.dndn-package-section04-con-title > span > strong {
    color: #8150FF;
    font-weight: 400;
}
.dndn-package-section04-con-title > span > span {
    font-size: 1rem;
    color: #fff;
    background: #F75252;
    display: inline-block;
    padding: .35rem 1.3rem;
    margin-right: .3rem;
}
.dndn-package-section04-con-title > span > span:first-child {
    color: #000;
    background: #FFE064;
}
.dndn-package-section04-con-title > strong {
    color: #8150FF;
}
.dndn-package-section04-con-text {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 2rem;
}
.dndn-package-section04-con-text > strong {
    color: #8150FF;
}
.dndn-package-section04-con-list li {
    color: #888888;
    font-size: .7rem;
}
.dndn-package-section04-con-list li::before {
    content: '※';
}
.dndn-package-section04-imgBox {
    width: 40%;
}
.dndn-package-section04-con-wrap {
    padding: 4rem;
    background: #ffff;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
}
.dndn-package-section04-con-con2 {
    padding: 4rem 0 0;
    position: relative;
}
.dndn-package-section04-con-con2::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 4px;
    border: 1px solid #ccc;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    background: #CCCCCC;
}

.dndn-package-section04-con2 .dndn-package-section04-imgBox {background: url("/images/dndn-package/dndn-package-section04-img02-221026.jpg") no-repeat center center;background-size: contain;}
.dndn-package-section04-con5 .dndn-package-section04-imgBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section04-img05-221026.jpg") no-repeat center center;background-size: 80%;}
.dndn-package-section04-con7 .dndn-package-section04-imgBox {background: url("/images/dndn-package/dndn-package-section04-img07-221026.jpg") no-repeat center center;background-size: contain;}

.dndn-package-section04-con1 .dndn-package-section04-textBox {
    width: 100%;
}
.dndn-package-section04-con-table {
    width: 100%;
    border-collapse: collapse;
}
.dndn-package-section04-con-table th,
.dndn-package-section04-con-table td {
    border: 1px solid #D6C5FF;
    color: #555555;
}
.dndn-package-section04-con-table th {
    width: 25%;
    background: #F5F1FF;
    text-align: center;
}
.dndn-package-section04-con-table td {
    width: 75%;
    text-align: left;
    padding: 10px;
}
.dndn-package-section04-con-table td strong {
    color: #000;
}
.dndn-package-section04-con-table td span {
    color: #DD0000;
}

@media screen and (max-width:1200px) {
    .dndn-package-section04 .dndn-package-width {
        padding: 5rem 1rem;
    }
    .dndn-package-section04-con {
        display: block;
    }
    .dndn-package-section04-textBox{
        width: 100%;
        text-align: center;
    }
    .dndn-package-section04-imgBox {
        width: 100%;
        height: 20rem;
    }
    .dndn-package-section04-con1 .dndn-package-section04-imgBox,
    .dndn-package-section04-con2 .dndn-package-section04-imgBox,
    .dndn-package-section04-con5 .dndn-package-section04-imgBox,
    .dndn-package-section04-con7 .dndn-package-section04-imgBox {
        background-size: contain;
    }
}
@media screen and (max-width:768px) {
    .dndn-package-section04-con {
        padding: 2rem .5rem;
    }
    .dndn-package-section04-con.dndn-package-section04-con1 {
        padding: 0 0 2rem;
    }
    .dndn-package-section04-con-wrap {
        padding: 2rem .5rem;
    }
    .dndn-package-section04-textBox {
        margin-bottom: 1rem;
    }
    .dndn-package-section04-con-title {
        font-size: 24px;
    }
    .dndn-package-section04-con-title > span {
        justify-content: center;
    }
    .dndn-package-section04-con-title > span > span {
        font-size: 14px;
    }
    .dndn-package-section04-con-text {
        font-size: 16px;
    }
    .dndn-package-section04-con-list li {
        font-size: 12px;
    }
    .dndn-package-section04-con1 .dndn-package-section04-imgBox {
        height: 26rem;
    }
    .dndn-package-section04-con5 .dndn-package-section04-imgBox {
        height: 26rem;
    }
    .dndn-package-section04-con2 .dndn-package-section04-imgBox {
        background: url("/images/dndn-package/dndn-package-section04-img02-mo-221026.jpg") no-repeat center center;background-size: contain;}

}

/*******************************************************************************
                          어학연수 국가별 특징
********************************************************************************/
.dndn-package-section05-con {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
}
.dndn-package-section05-imgBox {
    width: 40%;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
}
.dndn-package-section05-con-textBox {
    width: calc(60% - 1.5rem);
}
.dndn-package-section05-con-title {
    font-size: 1.8rem;
    margin-bottom: .9rem;
    text-align: left;
    color: #8150FF;
}
.dndn-package-section05-table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid rgba(129, 80, 255, .27);
    background: #fff;
}
.dndn-package-section05-table th,
.dndn-package-section05-table td {
    border-bottom: 1px solid rgba(129, 80, 255, .27);
    padding: .5rem 1rem;
    font-size: 1rem;
    width: auto;
}
.dndn-package-section05-table th {
    background: rgba(129, 80, 255, .27);
    color: #555555;
}
.dndn-package-section05-table th:first-child {
    width: 20%;
}
.dndn-package-section05-table td {
    text-align: left;
    color: #000;
}
.dndn-package-section05-table td li::before {
    content: '-';
}

.dndn-package-section05-img01 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section05-img01-221026.jpg") no-repeat center center;background-size: cover;}
.dndn-package-section05-img02 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section05-img02-221026.jpg") no-repeat center center;background-size: cover;}
.dndn-package-section05-img03 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section05-img03-221026.jpg") no-repeat center center;background-size: cover;}
.dndn-package-section05-img04 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section05-img04-221026.jpg") no-repeat center center;background-size: cover;}
.dndn-package-section05-img05 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section05-img05-221026.jpg") no-repeat center center;background-size: cover;}
.dndn-package-section05-img06 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section05-img06-221026.jpg") no-repeat center center;background-size: cover;}
.dndn-package-section05-img07 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section05-img07-221026.jpg") no-repeat center center;background-size: cover;}
@media screen and (max-width:768px) {
    .dndn-package-section05-con {
        display: block;
    }
    .dndn-package-section05-imgBox {
        width: 100%;
        height: 15rem;
        margin-bottom: .5rem;
    }
    .dndn-package-section05-con-textBox {
        width: 100%;
    }
    .dndn-package-section05-con-title {
        font-size: 20px;
        text-align: center;
    }
    .dndn-package-section05-table th,
    .dndn-package-section05-table td {
        font-size: 15px;
    }
}
/*******************************************************************************
                            선택에는 이유가 있습니다
********************************************************************************/
.dndn-package-section06-con {
    padding: 4rem 5rem;
    background: #fff;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    margin-bottom: 1rem;
    position: relative;
}
.dndn-package-section06-con:last-child {
    margin-bottom: 0;
}
.dndn-package-section06-con::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%) rotate(45deg);
    width: 1.9rem;
    height: 1.9rem;
    background: linear-gradient(to right bottom, #FFF6C400 50%, #FFF6C4 50%);
}
.dndn-package-section06-title {
    color: #000;
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: .4rem;
}
.dndn-package-section06-text {
    font-size: .7rem;
    color: #888888;
    margin-bottom: 3rem;
}
.dndn-package-section06-img {
    width: 100%;
    height: 15rem;
    margin-bottom: 4rem;
    background: url("/images/dndn-package/dndn-package-section06-img01-221026.png") no-repeat center center;
    background-size: contain;
}
.dndn-package-section06-text2 {
    display: inline-block;
    padding: .4rem 1.7rem;
    background: linear-gradient(to right, #EB38A6 , #8150FF );
    font-size: 1.6rem;
    color: #fff;
    font-weight: 400;
}

.dndn-package-section06-con2 .dndn-package-section06-img {
    background: url("/images/dndn-package/dndn-package-section06-img02-221026.png") no-repeat center center;
    background-size: contain;
}
@media screen and (max-width:1200px) {
    .dndn-package-section06-con {
        padding: 4rem 2rem;
    }
}
@media screen and (max-width:768px) {
    .dndn-package-section06-con {
        padding: 4rem 1rem;
    }
    .dndn-package-section06-img {
        height: 20rem;
        background: url("/images/dndn-package/dndn-package-section06-img03-221026.png") no-repeat center center;
        background-size: contain;
    }
    .dndn-package-section06-con2 .dndn-package-section06-img {
        height: 15rem;
    }
    .dndn-package-section06-title {
        font-size: 20px;
    }
    .dndn-package-section06-text {
        font-size: 12px;
    }
    .dndn-package-section06-text2 {
        font-size: 20px;
    }
}
/*******************************************************************************
                          dndn-package-section07
********************************************************************************/
.dndn-package-section07-textBox {margin-bottom: 40px;}
.dndn-package-section07-textBox dl {display: flex;margin-bottom: 4px; font-size: 24px;}
.dndn-package-section07-textBox dt {width: 15%;color: #fff;}
.dndn-package-section07-textBox dt span {display: inline-block;width: 106px;background: #767676;}
.dndn-package-section07-textBox dd {text-align: left;width: 85%;}
.dndn-package-section07-imgBox {position: relative;width: calc(100% - 90px);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background: #fff;padding: 60px 10px 20px;border: 1px solid #D6D6D6;}
.dndn-package-section07-imgBox div {position: absolute;right: -90px;padding: 20px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;background: #4D7DFF;color: #fff;box-shadow: 10px 10px 20px #00000030;}
.dndn-package-section07-imgBox div span {display: block;font-size: 30px;line-height: 1.2;font-weight: 700;
    color: #FFFF00;}
.dndn-package-section07-imgBox div strong {display: block;font-size: 40px;}
.dndn-package-section07-imgBox div small {display: block;font-size: 16px;font-weight: 400;}
.dndn-package-section07-imgBox > span {display: inline-block;width: 100%;aspect-ratio: 806 / 510;background: url("/images/dndn-package/dndn-package-section07.jpg") no-repeat center center;background-size: cover;}
@media screen and (max-width:768px) {
    .dndn-package-section07-textBox {margin-bottom: 90px;}
    .dndn-package-section07-textBox dl {font-size: 15px;}
    .dndn-package-section07-textBox dt {width: 25%;}
    .dndn-package-section07-textBox dt span {width: 90%;}
    .dndn-package-section07-textBox dd {width: 75%;}
    .dndn-package-section07-imgBox {width: 100%;padding: 20px 6px;}
    .dndn-package-section07-imgBox div {right: 50%;top: 0;transform: translate(50%,-50%);padding: 8px;}
    .dndn-package-section07-imgBox div span {font-size: 18px;}
    .dndn-package-section07-imgBox div strong {font-size: 25px;}
    .dndn-package-section07-imgBox div small {font-size: 11px;}
}
/*******************************************************************************
                          edm유학센터가 함께하겠습니다.
********************************************************************************/
.dndn-package-section08-con {
    display: flex;
    justify-content: space-between;
    padding: 4rem;
    background: #fff;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    text-align: left;
    margin-bottom: 1rem;
}
.dndn-package-section08-con5 {
    margin-bottom: 4rem;
}
.dndn-package-section08-con-textBox {
    width: 65%;
}
.dndn-package-section08-con-title {
    font-size: 2.3rem;
    margin-bottom: 2rem;
    color: #000;
    font-weight: 400;
}
.dndn-package-section08-con-title > strong {
    color: #8150FF;
    font-weight: 400;
}
.dndn-package-section08-con-text {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 1rem;
}
.dndn-package-section08-con-text > strong {
    color: #8150FF;
}
.dndn-package-section08-con-imgBox {
    width: 35%;
}
.dndn-package-section08-con-imgBox li {
    margin-bottom: .5rem;
    background: #FCF6E5;
    padding: .5rem 1rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    color: #6B6055;
    font-size: .8rem;
    display: flex;
    align-items: center;
}

.dndn-package-section08-con-imgBox li:nth-child(1) .dndn-package-section08-con-imgBox-img {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-icon01-221026.jpg") no-repeat center center;
}
.dndn-package-section08-con-imgBox li:nth-child(2) .dndn-package-section08-con-imgBox-img {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-icon02-221026.jpg") no-repeat center center;
}
.dndn-package-section08-con-imgBox li:nth-child(3) .dndn-package-section08-con-imgBox-img {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-icon03-221026.jpg") no-repeat center center;
}
.dndn-package-section08-con-imgBox li:nth-child(4) .dndn-package-section08-con-imgBox-img {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-icon04-221026.jpg") no-repeat center center;
}
.dndn-package-section08-con-imgBox li:nth-child(5) .dndn-package-section08-con-imgBox-img {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-icon05-221026.jpg") no-repeat center center;
}
.dndn-package-section08-con-imgBox li:nth-child(6) .dndn-package-section08-con-imgBox-img {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-icon06-221026.jpg") no-repeat center center;
}

.dndn-package-section08-con-imgBox li .dndn-package-section08-con-imgBox-img {
    display: inline-block;
    width: 2.25rem;
    height: 1.4rem;
    background-size: cover;
    margin-right: .5rem;
}
.dndn-package-section08-con1 .dndn-package-section08-con-imgBox {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-img01-221026.png") no-repeat center center;
    background-size: contain;
}
.dndn-package-section08-con2 .dndn-package-section08-con-imgBox {
    background: url("/images/dndn-package/dndn-package-section08-img02-221026.png") no-repeat center center;
    background-size: contain;
}
.dndn-package-section08-con4 .dndn-package-section08-con-imgBox {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-img03-221026.png") no-repeat center center;
    background-size: 80%;
}
.dndn-package-section08-con5 .dndn-package-section08-con-imgBox {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-img04-221026.png") no-repeat center center;
    background-size: contain;
}
@media screen and (max-width:1200px) {
    .dndn-package-section08-con {
        display: block;
    }
    .dndn-package-section08-con-textBox {
        width: 100%;
        text-align: center;
        margin-bottom: 1.5rem;
    }
    .dndn-package-section08-con-imgBox {
        width: 100%;

    }
    .dndn-package-section08-con1 .dndn-package-section08-con-imgBox {
        height: 13rem;
    }
    .dndn-package-section08-con2 .dndn-package-section08-con-imgBox,
    .dndn-package-section08-con4 .dndn-package-section08-con-imgBox,
    .dndn-package-section08-con5 .dndn-package-section08-con-imgBox {
        height: 10rem;
    }
    .dndn-package-section08-con2 .dndn-package-section08-con-imgBox {
        height: 32rem;
    }
}
@media screen and (max-width:768px) {
    .dndn-package-section08-con {
        padding: 2rem .5rem;
    }
    .dndn-package-section08-con-title {
        font-size: 24px;
    }
    .dndn-package-section08-con-text {
        font-size: 16px;
    }
    .dndn-package-section08-con-imgBox li {
        font-size: 14px;
    }
    .dndn-package-section08-con4 .dndn-package-section08-con-imgBox {
        background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-img03-221026.png") no-repeat center center;
        background-size: contain;
    }
}


/*******************************************************************************
                                  소비자가 선택한 유학기업 1위
********************************************************************************/
.dndn-package-section09-con {
    display: flex;
    justify-content: end;
    position: relative;
}
.dndn-package-section09-imgBox {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section09-img01-221026.png") no-repeat center center;
    background-size: cover;
    width: 10.5rem;
    height: 13rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.dndn-package-section09-textBox {
    text-align: left;
    width: calc(90% - 10.5rem);
}
.dndn-package-section09-title {
    margin-bottom: 2rem;
    text-align: left;
}
.dndn-package-section09-title > span {
    font-size: 1.8rem;
    color: #00F8B5;
    font-weight: 400;
    text-shadow: 1px 0 0 #FFFFFF;
}

.dndn-package-section09-title > strong {
    font-size: 0;
    width: 25rem;
    aspect-ratio: 444 / 92 ;
    background: url("/images/dndn-package/dndn-package-section09-img02-221026.png") no-repeat center center;
    background-size: cover;
    display: inline-block;
}
.dndn-package-section09-text {
    font-size: 1.2rem;
    color: #fff;
}
@media screen and (max-width:1200px) {
    .dndn-package-section09-con {
        display: block;
    }
    .dndn-package-section09-imgBox {
        width: 10.5rem;
        height: 13rem;
        margin: 0 auto;
        position: static;
        transform: translateY(0);
    }
    .dndn-package-section09-textBox {
        margin-bottom: .7rem;
        width: 100%;
        text-align: center;
    }
}
@media screen and (max-width:768px) {
    .dndn-package-section09-title {
        text-align: center;
    }
    .dndn-package-section09-title > span {
        font-size: 20px;
    }
    .dndn-package-section09-title > strong {
        width: 80%;
        background-size: contain;
    }
    .dndn-package-section09-text {
        font-size: 15px;
    }
}

/*******************************************************************************
                                  dndn-package-section10-con
********************************************************************************/
.dndn-package-section10-con {
    padding: 50px;
    background: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 60px;
}
.dndn-package-section10-con:last-child {
    margin-bottom: 0;
}
.dndn-package-section10-con h2 {
    margin-bottom: 60px;
    font-size: 46px;
    color: #8150FF;
}
.dndn-package-section10-con p {
    margin-bottom: 40px;
    font-size: 24px;
}
.dndn-package-section10-con table {
    border-collapse: collapse;
    width: 100%;
}
.dndn-package-section10-con table th,
.dndn-package-section10-con table td {
    border: 1px solid #C4C4C4;
    font-size: 20px;
    color: #555;
}
.dndn-package-section10-con table th {
    background: #FFFFEC;
}
.dndn-package-section10-con table td {
    background: #F8F8F8;
}
.dndn-package-section10-con table td:last-child {
    padding: 10px 30px;
    background: #fff;
    text-align: left;
    color: #000;
}
.dndn-package-section10-con table td ul {
    list-style: outside circle;
}
.dndn-package-section10-con1 div {
    aspect-ratio: 483 / 122;
    background: url("/images/dndn-package/dndn-package-section10-img1-pc.jpg") no-repeat center center;
    background-size: contain;
}
.dndn-package-section10-con3 div {
    aspect-ratio: 322 / 113;
    background: url("/images/dndn-package/dndn-package-section10-img2-pc.jpg") no-repeat center center;
    background-size: contain;
}
@media screen and (max-width:768px) {
    .dndn-package-section10-con {
        padding: 30px 10px;
        margin-bottom: 30px;
    }
    .dndn-package-section10-con:last-child {
        margin-bottom: 0;
    }
    .dndn-package-section10-con h2 {
        margin-bottom: 30px;
        font-size: 24px;
    }
    .dndn-package-section10-con p {
        margin-bottom: 30px;
        font-size: 15px;
    }
    .dndn-package-section10-con table th,
    .dndn-package-section10-con table td {
        font-size: 15px;
    }
    .dndn-package-section10-con table td:last-child {
        padding: 10px 20px;
    }
    .dndn-package-section10-con1 div {
        aspect-ratio: 316 / 504;
        background: url("/images/dndn-package/dndn-package-section10-img1-mo.jpg") no-repeat center center;
        background-size: contain;
    }
    .dndn-package-section10-con3 div {
        aspect-ratio: 316 / 588 ;
        background: url("/images/dndn-package/dndn-package-section10-img2-mo.jpg") no-repeat center center;
        background-size: contain;
    }
}