/*******************************************************************************
                            새로운 꿈에 도전하세요!
********************************************************************************/
#new-dream-section * {    letter-spacing: -1px;}
#new-dream-section {background: #FEFDEF; padding: 0; margin: 0;}
#new-dream-section .new-dream-section-con {display: grid;grid-template-columns: repeat(12,1fr);grid-gap: 24px;}
#new-dream-section .new-dream-section-con li {position: relative;z-index: 1;border-radius: 12px;padding: 1rem 1.2rem;text-align: left;background: #000;overflow: hidden;}
#new-dream-section .new-dream-section-con li::before {content: '';position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: linear-gradient(to bottom,#00D0F6 20% , #00000000 60%);}
#new-dream-section .new-dream-section-con li.col1 {grid-column: 6 span;grid-row: 3 span;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/guide/language-training-guide-section10-img1.jpg') no-repeat right center;background-size: cover;text-shadow: 0 1px 3px #139CBE;}
#new-dream-section .new-dream-section-con li.col2 {    grid-column: 6 span;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/guide/language-training-guide-section10-img2.jpg') no-repeat right center;background-size: cover;text-shadow: 0 1px 3px #0759D4;}
#new-dream-section .new-dream-section-con li.col3 {grid-column: 3 span;grid-row: 2 span;height: 15rem;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/guide/language-training-guide-section10-img3.jpg') no-repeat right center;background-size: cover;text-shadow: 0 1px 3px #008739;}
#new-dream-section .new-dream-section-con li.col4 {grid-column: 3 span;grid-row: 2 span;height: 15rem;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/guide/language-training-guide-section10-img4.jpg') no-repeat right center;background-size: cover;text-shadow: 0 1px 3px #7039C4;}
#new-dream-section .new-dream-section-con li.col5 {grid-column: 7 span;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/guide/language-training-guide-section10-img5.jpg') no-repeat right center;background-size: cover;text-shadow: 0 1px 3px #C18022;}
#new-dream-section .new-dream-section-con li.col6 {grid-column: 5 span;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/guide/language-training-guide-section10-img6.jpg') no-repeat right center;background-size: cover;text-shadow: 0 1px 3px #C44A9F;}
#new-dream-section .new-dream-section-con li.col2::before {background: linear-gradient(to right,#257BFD 50%, #00000000 80%);}
#new-dream-section .new-dream-section-con li.col3::before {background: linear-gradient(to bottom,#00CC56 40%, #00000000 70%);}
#new-dream-section .new-dream-section-con li.col4::before {background: linear-gradient(to bottom,#A46AFF 40%, #00000000 70%);}
#new-dream-section .new-dream-section-con li.col5::before {background: linear-gradient(to right,#FE9922 40% , #00000000);}
#new-dream-section .new-dream-section-con li.col6::before {background: linear-gradient(to right,#F17CCE 40%, #00000000 60%);}
#new-dream-section .new-dream-section-con li h3 {margin-bottom: 0.2rem;color: #fff;font-size: 1.4rem;line-height: 1.2;}
#new-dream-section .new-dream-section-con li p {font-size: 0.9rem;color: #fff;}
#new-dream-section .new-dream-title {margin-bottom: 3rem;font-size: 2.7rem;color: #000;}
#new-dream-section .new-dream-title > span {display: block;font-size: 1.6rem;color: #333333;font-weight: 400;}
@media screen and (max-width:767px) {
    #new-dream-section .new-dream-title {margin-bottom: 30px;font-size: calc(1rem + 4.167vw);}
    #new-dream-section .new-dream-title > span {font-size: calc(1rem + 2.5002vw);}
    #new-dream-section .new-dream-section-con {grid-template-columns: repeat(1,1fr);grid-gap: 12px;        }
    #new-dream-section .new-dream-section-con li {display: flex;flex-direction: column;justify-content: center;padding: 16px;height: 10rem !important;}
    #new-dream-section .new-dream-section-con li::before {        background: linear-gradient(to right,#00D0F6 50% , #00000000 60%);}
    #new-dream-section .new-dream-section-con li.col1 {grid-column: 1 span;grid-row: 1 span;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/guide/language-training-guide-section10-img1.jpg') no-repeat right bottom;background-size: 55%;}
    #new-dream-section .new-dream-section-con li.col2 {    grid-column: 1 span;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/guide/language-training-guide-section10-img2.jpg') no-repeat right center;background-size: cover;}
    #new-dream-section .new-dream-section-con li.col3 {grid-column: 1 span;grid-row: 1 span;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/guide/language-training-guide-section10-img3.jpg') no-repeat right bottom;background-size: 50%;}
    #new-dream-section .new-dream-section-con li.col4 {grid-column: 1 span;grid-row: 1 span;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/guide/language-training-guide-section10-img4.jpg') no-repeat right bottom;background-size: 50%;}
    #new-dream-section .new-dream-section-con li.col5 {grid-column: 1 span;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/guide/language-training-guide-section10-img5.jpg') no-repeat right center;background-size: cover;}
    #new-dream-section .new-dream-section-con li.col6 {grid-column: 1 span;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/guide/language-training-guide-section10-img6.jpg') no-repeat right center;background-size: cover;}
    #new-dream-section .new-dream-section-con li.col2::before {background: linear-gradient(to right,#257BFD 50%, #00000000 80%);}
    #new-dream-section .new-dream-section-con li.col3::before {background: linear-gradient(to right,#00CC56 50%, #00000000 70%);}
    #new-dream-section .new-dream-section-con li.col4::before {background: linear-gradient(to right,#A46AFF 50%, #00000000 70%);}
    #new-dream-section .new-dream-section-con li.col5::before {background: linear-gradient(to right,#FE9922 50% , #00000000);}
    #new-dream-section .new-dream-section-con li.col6::before {background: linear-gradient(to right,#F17CCE 50%, #00000000 60%);}
    #new-dream-section .new-dream-section-con li h3 {font-size: calc(1rem + 1.9446vw);}
    #new-dream-section .new-dream-section-con li p {font-size: calc(1rem + 0.2778vw);}
}

@media screen and (max-width: 767px) {
    #new-dream-section .language-training-guide-section10-con {grid-template-columns: repeat(1,1fr);grid-gap: 12px;}
    #new-dream-section .language-training-guide-section10-con li {display: flex;flex-direction: column;justify-content: center;padding: 16px;height: 10rem !important;}
    #new-dream-section .language-training-guide-section10-con li::before {background: linear-gradient(to right,#00D0F6 50% , #00000000 60%);}
    #new-dream-section .language-training-guide-section10-con li.col1 {grid-column: 1 span;grid-row: 1 span;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/guide/language-training-guide-section10-img1.jpg') no-repeat right bottom;background-size: 50%;}
    #new-dream-section .language-training-guide-section10-con li.col2 {grid-column: 1 span;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/guide/language-training-guide-section10-img2.jpg') no-repeat right center;background-size: cover;}
    #new-dream-section .language-training-guide-section10-con li.col3 {grid-column: 1 span;grid-row: 1 span;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/guide/language-training-guide-section10-img3.jpg') no-repeat right bottom;background-size: 50%;}
    #new-dream-section .language-training-guide-section10-con li.col4 {grid-column: 1 span;grid-row: 1 span;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/guide/language-training-guide-section10-img4.jpg') no-repeat right bottom;background-size: 50%;}
    #new-dream-section .language-training-guide-section10-con li.col5 {grid-column: 1 span;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/guide/language-training-guide-section10-img5.jpg') no-repeat right center;background-size: cover;}
    #new-dream-section .language-training-guide-section10-con li.col6 {grid-column: 1 span;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/guide/language-training-guide-section10-img6.jpg') no-repeat right center;background-size: cover;}
    #new-dream-section .language-training-guide-section10-con li.col2::before {background: linear-gradient(to right,#257BFD 50%, #00000000 80%);}
    #new-dream-section .language-training-guide-section10-con li.col3::before {background: linear-gradient(to right,#00CC56 50%, #00000000 70%);}
    #new-dream-section .language-training-guide-section10-con li.col4::before {background: linear-gradient(to right,#A46AFF 50%, #00000000 70%);}
    #new-dream-section .language-training-guide-section10-con li.col5::before {background: linear-gradient(to right,#FE9922 50% , #00000000);}
    #new-dream-section .language-training-guide-section10-con li.col6::before {background: linear-gradient(to right,#F17CCE 50%, #00000000 60%);}
    #new-dream-section .language-training-guide-section10-con li h3 {font-size: calc(1rem + 1.9446vw);}
    #new-dream-section .language-training-guide-section10-con li p {font-size: calc(1rem + 0.2778vw);}
}