@font-face {
    font-family: 'ROKAFSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'ROKAFSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSansBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
/*******************************************************************************
                                페이지 공통
********************************************************************************/
.long-term-language {
    text-align: center;
}
.long-term-language * {
    box-sizing: border-box;
}
.long-language-section01 {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section01-bg01-220620.jpg") no-repeat center center;
    background-size: cover;
    overflow: hidden;
}
.long-language-section02 {
    background: #e6f0f5;
}
.long-language-section03 {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section03-bg01-220620.jpg") no-repeat center top;
    background-size: cover;
}
.long-language-section04 {
    background: #FFFFE5;
}
.long-language-section05 {
    background: #EEEEEE;
}
.long-language-section06 {
    background: #DCDCDC;
}
.long-language-section07 {
    background: #6A11C6;
}
.YGtraining-section4 {
    background: #E6F0F5;
}
.long-language-width {
    width: 1080px;
    margin: 0 auto;
    padding: 5rem 0;
}
.yg-max-width{width: 1080px; margin: 0 auto; text-align: center; color: #000;}

/* 서브 타이틀 */
.long-language-sub-title {
    font-size: 3rem;
    color: #000;
    margin-bottom: 5rem;
    font-family: 'ROKAFSans', sans-serif;
}
.long-language-sub-title > span {
    font-size: 2.4rem;
    margin-bottom: .8rem;
    font-weight: 500;
}
.long-language-sub-title > strong {
    color: #7E00FF;
}
.long-language-sub-text {
    font-size: 1.2rem;
    margin-bottom: 5rem;
}
.long-language-sub-text > strong {
    text-decoration: underline;
}

.long-language-sub-text > small {
    color: #555555;
    font-size: 1rem;
}
@media screen and (max-width: 1080px) {
    .long-language-width {
        width: 100%;
        padding: 5rem 1.5rem;
    }
    .yg-max-width {
        width: 100%;
    }
}

@media screen and (max-width: 720px) {
    .long-language-sub-title {font-size: calc(1rem + 2.4vw);margin-bottom: 3rem;}
    .long-language-sub-title > span {font-size: calc(1rem + 2vw);}
    .long-language-sub-text {font-size: calc(1rem + .8vw);}
    .long-language-sub-text > small {font-size: calc(1rem + .7vw);}
}

/*******************************************************************************
                                메인비주얼
********************************************************************************/
.long-language-section01 .long-language-width {
    padding: 5rem 0 2rem;
}
.long-language-section01-title {
    margin-bottom: 2rem;
}
.long-language-section01-title > span {
    display: inline-block;
    width: 80%;
    padding: .2rem 0;
    background: linear-gradient(to right , #00000000 , #ffffff 30%, #ffffff 70%, #00000000 );
    font-size: 2.4rem;
    margin-bottom: 1.2rem;
}
.long-language-section01-title > strong {
    font-family: 'ROKAFSans', sans-serif;
    font-size: 6.5rem;
    background: linear-gradient(to bottom , #9C21F8 40%, #7022F9 80%);
    color: transparent;
    -webkit-background-clip: text;
    line-height: 1.2;
}
.long-language-section01-title > strong > strong {
    font-size: 7.5rem;
    color: #7022F9;
}
.long-language-section01-con  {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    padding: 0 3rem;
    margin-bottom: 10rem;
}
.long-language-section01-con > span {
    display: inline-block;
    width: 110%;
    background: #000;
    padding: .5rem 0;
    -webkit-border-radius: 1.8rem;
    -moz-border-radius: 1.8rem;
    border-radius: 1.8rem;
    font-size: 1.4rem;
    color: #FFFFFF;
    position: relative;
    font-family: 'ROKAFSans', sans-serif;
    font-weight: 500;
}
.long-language-section01-con > span::before {
    content: '+';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 2;
}
.long-language-section01-con > span:last-child::before{
    display: none;
}
.long-language-section01-con > span:nth-child(1) {background: rgba(126,0,255,.8);}
.long-language-section01-con > span:nth-child(2) {background: rgba(144,0,255,.7);}
.long-language-section01-con > span:nth-child(3) {background: rgba(180,0,255,.6);}
.long-language-section01-con > span:nth-child(4) {background: rgba(210,0,255,.5);}
.long-language-section01-text {
    position: relative;
    color: #ffff;
    padding: 2rem 0;
    z-index: 2;
}
.long-language-section01-text::before,
.long-language-section01-text::after {
    content: '';
    width: 100vw;
    height: 120%;
    position: absolute;
    z-index: -1;
}
.long-language-section01-text::before {
    right: 20%;
    top: 40%;
    transform: translate(50%,-50%) rotate(-5deg);
    background: linear-gradient(to right , #00000000 , #5389E9 40%, #5389E9 60%, #00000000 );
}
.long-language-section01-text::after {
    left: 20%;
    top: 40%;
    z-index: -2;
    transform: translate(-50%,-50%) rotate(5deg);
    background: linear-gradient(to right , #00000000 , #5EC8BF 40%, #5EC8BF 60%, #00000000 );
}
.long-language-section01-text > dt {
    font-family: 'ROKAFSans', sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
    margin-bottom: .8rem;
}
.long-language-section01-text > dd {
    font-size: 1.2rem;
}
@media screen and (max-width: 1080px) {
    .long-language-section01 .long-language-width {
        padding: 5rem 1.5rem 2rem;
    }
}
@media screen and (max-width: 720px) {
    .long-language-section01-title > span {
        font-size: calc(1rem + 2.7vw)}
    .long-language-section01-title > strong {
        font-size: calc(1rem + 8vw);
    }
    .long-language-section01-title > strong > strong {
        font-size: calc(1rem + 10vw);
    }
    .long-language-section01-con {
        padding: 0;
    }
    .long-language-section01-con > span {
        font-size: calc(1rem + .8vw);
    }
    .long-language-section01-text > dd {
        font-size: calc(1rem + 1vw);
    }
    .long-language-section01-text > dt {
        font-size: calc(1rem + 1vw);
    }
    .long-language-section01-text::before,
    .long-language-section01-text::after {
        width: 60rem;
    }
}
/*******************************************************************************
                            장기 어학연수 장점
********************************************************************************/
.long-language-section02-con {
    margin-bottom: 4rem;
}
.long-language-section02-con-title {
    font-size: 1.6rem;
    color: #000;
    padding-left: 3rem;
    text-align: left;
    position: relative;
    margin-bottom: 1rem;
}
.long-language-section02-con-title::before {
    content: '01';
    color: #7E00FF;
    position: absolute;
    left: 0;
}
.long-language-section02-con2 .long-language-section02-con-title::before {content: '02';}
.long-language-section02-con3 .long-language-section02-con-title::before {content: '03';}
.long-language-section02-con4 .long-language-section02-con-title::before {content: '04';}
.long-language-section02-con-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: .5rem;
    row-gap: .5rem;
}
.long-language-section02-col{
    background: #fff;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    padding: 1.5rem 0;
}
.long-language-section02-col-text {margin-bottom: 1.2rem;color: #000;}
.long-language-section02-col-text.color-green {color: #2CAE2F;}
.long-language-section02-col-iconBox {height: 3rem; display: inline-block;width: 100%;}
.long-language-section02-col-span {grid-column: 3 span; background: #F4F9FC;}
.long-language-section02-col-span-title {font-size: 1.6rem;margin-bottom: .9rem;}
.long-language-section02-col-span-con {display: flex;justify-content: center;margin-bottom: 1.3rem;}
.long-language-section02-col-span-con-col {margin: 0 1.25rem;-webkit-border-radius: .25rem;-moz-border-radius: .25rem;border-radius: .25rem;padding: .25rem;border: 1px solid #B5B5B5;width: 25%;position: relative;}
.long-language-section02-col-span-con-col::before {content: '';position: absolute;left: 100%;top: 50%;transform: translate(-25%,-50%);width: 4rem;height: 3.2rem;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section02-img14-220620.png") no-repeat center center;background-size: cover;z-index: 2;}
.long-language-section02-col-span-con-col:last-child:before {transform: translate(20%,-50%);right: 0;left: auto;width: 3.5rem;height: 3.5rem;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section02-img10-220620.png") no-repeat center center;background-size: cover;}
.long-language-section02-col-span-con-col > p {font-size: 1rem; display: flex;align-items: end; justify-content: center;padding-bottom: 1.4rem;}
.long-language-section02-col-span-con-col > p > strong {font-size: 2.2rem;display: inline-block;margin: 0 .4rem;line-height: 1; font-family: 'ROKAFSans', sans-serif;}
.long-language-section02-col-span-con-col-title {background: #434343;-webkit-border-radius: .25rem;-moz-border-radius: .25rem;border-radius: .25rem;font-size: 1rem;padding: 1rem 0;color: #fff;margin-bottom: 1.4rem;}
.long-language-section02-col-span-con-col:last-child {border-color: #D2A6DD}
.long-language-section02-col-span-con-col:last-child .long-language-section02-col-span-con-col-title {background: #AA11D0;}
.long-language-section02-col-span-con-col:last-child > p > strong {color: #AA11D0;}
.long-language-section02-col-span-text > li {color: #888888;position: relative;display: inline-block;}
.long-language-section02-col-span-text > li::before {content: '*';position: absolute;right: 100%;padding-left: 1rem;}

.long-language-section02-con1 .long-language-section02-col:nth-child(1) .long-language-section02-col-iconBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section02-img01-220620.png") no-repeat center center;background-size: contain;}
.long-language-section02-con1 .long-language-section02-col:nth-child(2) .long-language-section02-col-iconBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section02-img02-220620.png") no-repeat center center;background-size: contain;}
.long-language-section02-con1 .long-language-section02-col:nth-child(3) .long-language-section02-col-iconBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section02-img03-220620.png") no-repeat center center;background-size: contain;}
.long-language-section02-con2 .long-language-section02-col:nth-child(1) .long-language-section02-col-iconBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section02-img04-220620.png") no-repeat center center;background-size: contain;}
.long-language-section02-con2 .long-language-section02-col:nth-child(2) .long-language-section02-col-iconBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section02-img05-220620.png") no-repeat center center;background-size: contain;}
.long-language-section02-con2 .long-language-section02-col:nth-child(3) .long-language-section02-col-iconBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section02-img06-220620.png") no-repeat center center;background-size: contain;}
.long-language-section02-con3 .long-language-section02-col:nth-child(1) .long-language-section02-col-iconBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section02-img07-220620.png") no-repeat center center;background-size: contain;}
.long-language-section02-con3 .long-language-section02-col:nth-child(2) .long-language-section02-col-iconBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section02-img08-220620.png") no-repeat center center;background-size: contain;}
.long-language-section02-con3 .long-language-section02-col:nth-child(3) .long-language-section02-col-iconBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section02-img09-220620.png") no-repeat center center;background-size: contain;}
.long-language-section02-con4 .long-language-section02-col:nth-child(1) .long-language-section02-col-iconBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section02-img11-220620.png") no-repeat center center;background-size: contain;}
.long-language-section02-con4 .long-language-section02-col:nth-child(2) .long-language-section02-col-iconBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section02-img12-220620.png") no-repeat center center;background-size: contain;}
.long-language-section02-con4 .long-language-section02-col:nth-child(3) .long-language-section02-col-iconBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section02-img13-220620.png") no-repeat center center;background-size: contain;}

@media screen and (max-width: 720px) {
    .long-language-section02-con-grid {
        grid-template-columns: repeat(1,1fr);
        font-size: calc(1rem + 1vw);
    }
    .long-language-section02-col-span {
        grid-column: 1 span;
        padding: 1.5rem;
    }
    .long-language-section02-con-title {font-size: calc(1rem + 1vw);padding-left: 2rem;}
    .long-language-section02-col-span-title {font-size: calc(1rem + 1.8vw);}
    .long-language-section02-col-span-con {display: block;}
    .long-language-section02-col-span-con-col {
        width: 100%;
        margin: 0 0 2rem;
    }
    .long-language-section02-col-span-con-col::before {
        top: 100%;
        left: 50%;
        transform: translate(-50%,-25%) rotate(90deg);
    }
    .long-language-section02-col-span-con-col:last-child:before {
        top: 50%;
    }
    .long-language-section02-col-span-con-col > p {font-size: calc(1rem + 3vw);}
    .long-language-section02-col-span-con-col > p > strong {font-size: calc(1rem + 4vw);}
    .long-language-section02-col-span-con-col-title {font-size: calc(1rem + 2vw);}
    .long-language-section02-col-span-text > li{
        text-align: left;
        margin-bottom: .5rem;
    }
}
/*******************************************************************************
                          2개국 연계 어학연수도 가능해요!
********************************************************************************/
.long-language-section03 {
    overflow: hidden;
}
.long-language-section03 .long-language-width{
    padding: 5rem 0 0;
}
.long-language-section03-con {
    padding: 4rem 6rem;
    border: .15rem solid #D2D2D2;
    -webkit-border-radius: 1.5rem 1.5rem 0 0;
    -moz-border-radius: 1.5rem 1.5rem 0 0;
    border-radius: 1.5rem 1.5rem 0 0;
    background: #fff;
    border-bottom: none;
    box-shadow: .35rem .35rem .4rem #00000025;
}
.long-language-section03-con-title {
    font-size: 1.8rem;
    display: inline-block;
    padding: .4rem 1rem;
    background: #F8EEFF;
    margin-bottom: 1.2rem;
}
.long-language-section03-con-text {
    color: #555;
    font-size: 1.2rem;
    margin-bottom: 3.6rem;
}
.long-language-section03-con-text > strong{
    color: #7E00FF;
}
.long-language-section03-con-wrap {
    display: flex;
    justify-content: space-between;
}
.long-language-section03-col {
    width: 40%;
}
.long-language-section03-col > dt {
    font-size: 1.4rem;
    margin-bottom: .9rem;
}
.long-language-section03-col > dd > span {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EEEEEE;
    margin-bottom: .5rem;
    padding: 1.4rem 0;
    text-align: center;
    font-size: 1rem;
    position: relative;
}
.long-language-section03-col:first-child > dd > span::before {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(50%,-50%);
    width: 4rem;
    height: .45rem;
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section03-img04-220620.png") no-repeat center center;background-size: contain;
}
.long-language-section03-col > dd > span:first-child {
    height: 5rem;
}
.long-language-section03-col > dd > span:last-child {
    height: 10rem;
}
.long-language-section03-col > dd > span > span > span {
    display: block;
    margin-bottom: 1rem;
}
@media screen and (max-width: 1080px) {
    .long-language-section03 .long-language-width {
        padding: 5rem 1.5rem 0;
    }
}
@media screen and (max-width: 720px) {
    .long-language-section03-con {
        padding: 1rem;
    }
    .long-language-section03-col > dd > span  img {
        display: none;
    }
    .long-language-section03-col:first-child > dd > span::before {
        display: none;
    }
    .long-language-section03-col > dd > span {font-size: calc(1rem + 1vw);}
    .long-language-section03-col > dt {font-size: calc(1rem + 1vw);}
    .long-language-section03-con-text {font-size: calc(1rem + 1vw);}
    .long-language-section03-con-title {font-size: calc(1rem + 1vw);}
    .long-language-section03-col {
        width: 48%;
    }
}
/*******************************************************************************
                        장기 어학연수 추천 국가 TOP 3
********************************************************************************/
.long-language-section04-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}
.long-language-section04-row > span {
    width: 48%;
    height: 19rem;
    display: inline-block;
}
.long-language-section04-row > dl {
    width: 48%;
    text-align: left;
}
.long-language-section04-row > dl > dt {
    margin-bottom: 1.4em;
    font-size: 1.6rem;
}
.long-language-section04-row > dl > dt > img {
    height: 3rem;
    margin-bottom: .8rem;
}
.long-language-section04-row > dl > dt > strong {
    font-size: 1.2rem;
    color: #7E00FF;
    padding-bottom: .4rem;
    position: relative;
    line-height: 1;
    display: inline-block;
}
.long-language-section04-row > dl > dt > strong::before {
    content: '';
    width: 100%;
    height: .15rem;
    background: #7E00FF;
    position: absolute;
    left: 0;
    top: 100%;
}
.long-language-section04-row > dl > dd > p {
    font-size: 1rem;
}
.long-language-section04-row1 > span {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section04-img01-220620.png") no-repeat left center;background-size: cover;
}
.long-language-section04-row2 > span {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section04-img02-220620.jpg") no-repeat left center;background-size: cover;
}
.long-language-section04-row3 > span {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/long-term-language/long-language-section04-img03-220620.jpg") no-repeat left center;background-size: cover;
}
@media screen and (max-width: 720px) {
    .long-language-section04-row {
        display: block;
    }
    .long-language-section04-row > span {
        width: 100%;
    }
    .long-language-section04-row > dl {
        width: 100%;
    }
}
/*******************************************************************************
                                장기 어학연수 주요 과정
********************************************************************************/
.long-language-section05 .long-language-sub-title {
    margin-bottom: 1.6rem;
}
.long-language-section05-con {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 1.1rem;
    row-gap: 1rem;
}
.long-language-section05-col {
    padding: 1.8rem;
    background: #00000030;
}
.long-language-section05-col > dt {
    font-size: 1.6rem;
    margin-bottom: 1.1rem;
    font-family: 'ROKAFSans', sans-serif;
    font-weight: 700;
}
.long-language-section05-col > dd {
    font-size: 1rem;
}
@media screen and (max-width: 720px) {
    .long-language-section05-con {
        grid-template-columns: repeat(1,1fr);
    }
}
/*******************************************************************************
                            장기 어학연수 추천 플랜
********************************************************************************/
.long-language-section06 .long-language-sub-title {
    margin-bottom: 1.6rem;
}
.long-language-section06-con {
    margin-bottom: 4rem;
    text-align: left;
}
.long-language-section06-title {
    display: inline-block;
    background: #1B1B1B;
    -webkit-border-radius: 1.35rem;
    -moz-border-radius: 1.35rem;
    border-radius: 1.35rem;
    padding: .6rem 1.4rem;
    margin-bottom: 1.2rem;
}
.long-language-section06-title > dl {
    display: flex;justify-content: center;align-items: center;
}
.long-language-section06-title > dl > dt {
    font-size: 1rem;
    font-weight: 400;
    margin-right: 1rem;
}

.long-language-section06-title > dl > dd {
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
}
.long-language-section06-con-col-wrap {
    text-align: center;
    display: grid;
    grid-template-columns: repeat(3,1fr);
}
.long-language-section06-con-col {
    width: calc(100% + 1rem);
    display: flex;
    justify-content: center;align-items: center;
    padding: 2rem 0;
    position: relative;
}
.long-language-section06-con-col:nth-child(2):before,
.long-language-section06-con-col:nth-child(3):before{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 1rem solid transparent;
    border-top: .5rem solid transparent;
    border-bottom: 0;
    border-right: 0;

}
.long-language-section06-con-col:nth-child(2) {
    transform: translateY(-.5rem);
}
.long-language-section06-con-col:nth-child(3) {
    transform: translateY(-1rem);
}
.long-language-section06-con-col > p {
    font-weight: 700;
    font-size: 1.4rem;
    color: #000;
}
.long-language-section06-con-col > p > span {
    display: inline-block;
    font-size: 1rem;
    color: #fff;
    padding: .2rem 1rem;
    -webkit-border-radius: .75rem;
    -moz-border-radius: .75rem;
    border-radius: .75rem;
    background: #000;

}


.long-language-section06-con1 .long-language-section06-title > dl > dt {color: #FC8FB3;}
.long-language-section06-con1 .long-language-section06-con-col {background: linear-gradient(to right, #E78586, #FE90B7);}
.long-language-section06-con1 .long-language-section06-con-col:nth-child(2):before,
.long-language-section06-con1 .long-language-section06-con-col:nth-child(3):before {border-top-color: #B65051;}
.long-language-section06-con2 .long-language-section06-title > dl > dt {color: #8CD5FB;}
.long-language-section06-con2 .long-language-section06-con-col {background: linear-gradient(to right , #43C3CF, #90D6FE);}
.long-language-section06-con2 .long-language-section06-con-col:nth-child(2):before,
.long-language-section06-con2 .long-language-section06-con-col:nth-child(3):before {border-top-color: #246F76;}
.long-language-section06-con3 .long-language-section06-title > dl > dt {color: #FCFB90;}
.long-language-section06-con3 .long-language-section06-con-col {background: linear-gradient(to right , #E7C885, #FDFE90);}
.long-language-section06-con3 .long-language-section06-con-col:nth-child(2):before,
.long-language-section06-con3 .long-language-section06-con-col:nth-child(3):before {border-top-color: #7B6738;}


@media screen and (max-width: 720px) {
    .long-language-section06-title > dl {
        display: block;
    }
    .long-language-section06-title > dl > dd {
        font-size: calc(1rem + 1vw);
    }
}
/*******************************************************************************
                            장기 어학연수 FAQ
********************************************************************************/
.long-language-section07 .long-language-sub-title {color: #fff;}
.long-language-section07 .long-language-sub-title > strong {color: #FFF601;}
.long-language-section07-row {
    text-align: left;
    padding: 2rem;
    background: #fff;
    margin-bottom: 1rem;
    color: #000;
}
.long-language-section07-row > dt {
    position: relative;
    font-size: 1.2rem;
    margin-bottom: 1.8rem;
    font-family: 'ROKAFSans', sans-serif;
    font-weight: 700;
    padding-left: 1.5rem;
}
.long-language-section07-row > dt::before {
    content: 'Q';
    position: absolute;
    left: 0;
    top: 0;
    color: #7E00FF;
}
.long-language-section07-row > dd {
    font-size: 1rem;
}
.long-language-section07-row > dd > strong {
    background: #92F9FF;
}
.long-language-section07-row > dd > span {
    font-size: .9rem;
    color: #555;
}

/*******************************************************************************
                                1위 유학 채널
********************************************************************************/
.long-language-section08 {background: #EAFEE8;}
.long-language-section08 .sub-title {margin-bottom: 3rem;font-size: 2.7rem;color: #000;}
.long-language-section08-text {display: inline-block;margin-bottom: 0.6rem;padding: 0.6rem 1.2rem;border-radius: 8px;background: #fff;border: 1px solid #1EC95B;color: #1EC95B;font-size: 1.3rem;font-weight: 700;}
.long-language-section08-con2 {display: grid;grid-template-columns: repeat(12,1fr); grid-gap: 24px;}
.long-language-section08-con .youtube-wrap {width: 80%; margin: 0 auto;}
.long-language-section08-con .youtube-wrap iframe {width: 100%;aspect-ratio: 16 / 9; box-shadow: 0 8px 16px rgba(0, 0, 0, 16%);}
.long-language-section08-con2  #youtube-con {grid-column: 9 span; width: 100%;}
.long-language-section08-con2  #youtube-con iframe {width: 100%;}
.long-language-section08-con2 ul {display: grid;grid-template-rows: repeat(3,1fr);grid-gap: 13px;grid-column: 3 span;}
.long-language-section08-con2 ul li {box-shadow: 0 8px 16px rgba(0, 0, 0, 16%);    }
.long-language-section08-con2 ul li img {width: 100%;height: 100%;}
@media screen and (max-width: 1200px) {
    .long-language-section08-con2 {
        grid-template-columns: repeat(1,1fr);
        grid-gap: 16px;
    }
    .long-language-section08-con2  #youtube-con {
        grid-column: 1 span;
    }
    .long-language-section08-con2 ul {
        grid-column: 1 span;
    }
    .long-language-section08-con2 ul {
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: repeat(1,1fr);
        grid-gap: 6px;
    }
    .long-language-section08-con .youtube-wrap {    width: 100%;} 
}
@media screen and (max-width:767px) {
    .long-language-section08-text {padding: 8px 16px;font-size: calc(1rem + 1.9446vw);}
}
/*******************************************************************************
                            압도적 어학연수 혜택
********************************************************************************/

/* 후기 */
.mbti-section09-con {
    margin: 5rem 0 0;
    display: block !important;
    text-align: center !important;
}
.mbti-section09-con-title {
    font-size: 2.5rem;
    margin-bottom: 2.5rem;
    position: relative;
    display: inline-block;
    padding: 0 1rem ;
}
.mbti-section09-con-title::before,
.mbti-section09-con-title::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    background: #000;
    height: .3rem;
}
.mbti-section09-con-title::before {
    right: 100%;
}
.mbti-section09-con-title::after {
    left: 100%;
}
.mbti-section09-con-row {
    background: #fff;
    border-radius: .5rem;
    position: relative;
    margin-bottom: 2rem;
    padding: 1.3rem;
}
.mbti-section09-con-row > img {
    width: 6.5rem;
    position: absolute;
    bottom: 0;
    left: 1rem;
    transform: translateY(20%);
}
.mbti-section09-con-row > p {
    font-size: 1.3rem;
    margin-bottom: .9rem;
    line-height: 1.2;
}
.mbti-section09-con-row > p > strong {
    color: #7504FE;
    font-weight: 400;
}
.mbti-section09-con-row > span {
    font-size: .9rem;
    color: #666666;
}
.mbti-section09-con-row:nth-child(2n +1) > img{
    right: 1rem;
    left: auto;
}
.mbti-section09-con .mbti-section09-con-row:last-child {
    margin-bottom: 0;
}
.mbti-section09-con-link > a {
    display: inline-block;
    width: 60%;
    font-size: 1.3rem;
    color: #fff;
    padding: 1.5rem 0;
    background: #1ED94F;
    font-weight: 700;
}

/* 추가 220825 */
.YGtraining-section4-con-bg {
    width: 100%;
    background: #7200FF;
    text-align: center;
    padding: 120px 0;
}
.YGtraining-section4-con2 {
    width: 1080px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
}
.YGtraining-section4-con2-title {
    background: linear-gradient(to right, #1ED94F, #F2F047);
    color: transparent;
    -webkit-background-clip: text;
    font-size: 50px;
    margin-bottom: 50px;
}
.YGtraining-section4-con2-title > strong {
    font-size: 64px;
    font-weight: 700;
}
.YGtraining-section4-con2-youtube {
    width: 869px;
    height: 489px;
    margin: 0 auto;
}
.YGtraining-section4-con2-youtube > iframe {
    width: 100%;
    height: 100%;
    border: none;
}
/* //추가 220825 */

@media screen and (max-width: 1080px) {
    .YGtraining-section4-con-bg {
        padding: 6rem 2rem;
    }
    .mbti-section09-con-row {
        padding-bottom: 7rem;
        margin-bottom: 5rem;
    }
    .mbti-section09-con-title::before,
    .mbti-section09-con-title::after {
        display: none;
    }
    .mbti-section09-con-row > p {
        font-size: 1.5rem;
    }
    .mbti-section09-con-row > p br {
        display: none;
    }
    .mbti-section09-con-row > span {
        font-size: 1.2rem;
    }
    .mbti-section09-con-row > img {
        left: 50%;
        transform: translate(-50%,20%);
    }
    .mbti-section09-con-row:nth-child(2n +1) > img{
        right: 50%;
        transform: translate(50%,20%);
    }
    .mbti-section09-con-link > a {
        width: 100%;
    }
    .YGtraining-section4-con2 {
        width: 100%;
    }
    .YGtraining-section4-con2-title {
        font-size: 4.6296vw;
        margin-bottom: 4.6296vw;
    }
    .YGtraining-section4-con2-title > strong {
        font-size: 5.9259vw;
    }
    .YGtraining-section4-con2-youtube {
        width: 80.4630vw;
        height: 45.2778vw;
    }

}
/* //YGtraining-section4 */
@media screen and (max-width: 720px) {
    /* .YGtraining-section4 */
    .YGtraining-section4{
        padding: 18.194444vw 0 0;
    }
    .YGtraining-section4>div.yg-max-width>div:nth-child(2){
        margin-bottom: 2.7777778vw;
    }
    .YGtraining-section4>div.yg-max-width>div>img{
        width: 90vw;
        margin-bottom: 2vw;
    }
    .YGtraining-section4>div.yg-max-width>div{
        width: 90vw;
        margin: 0 auto;
        display: block;
    }
    .YGtraining-section4>div.yg-max-width>div>div>h3{
        font-size: 5.555556vw;
        margin-bottom: 2vw;
    }
    .YGtraining-section4>div.yg-max-width>div>div>p:nth-child(2){
        font-size: 4.166667vw;
        margin-bottom: 1.9444444vw;
    }
    .YGtraining-section4>div.yg-max-width>div>div>p{
        font-size: 3.333333vw;
    }
    .YGtraining-section4>div.yg-max-width>div>div>p:last-child{
        margin-bottom: 6vw;
    }
    .YGtraining-section4>div.yg-max-width>div>figure {
        width: 100%;
        margin-bottom: 3vw;
    }
    .YGtraining-section4>div.yg-max-width>div>figure > img {
        width: 100%;
    }
    .YGtraining-section4>div.yg-max-width>div>figure > figcaption {
        left: 2vw;
        top: 2vw;
        width: 13.0556vw;
        height: 13.0556vw;
    }
    .YGtraining-section4>div.yg-max-width>div>figure > figcaption > span {
        font-size: 3.6111vw;
    }
    .YGtraining-section4-con2 {
        width: 100%;
    }
    .YGtraining-section4-con2-title {
        font-size: 6.388889vw;
    }
    .YGtraining-section4-con2-title > strong {
        font-size: 8.333333vw;
    }
    .YGtraining-section4-con2-youtube {
        width: 100%;
        height: 51.388889vw;
    }
}


/*******************************************************************************
                            애니메이션
********************************************************************************/
@keyframes box1 {
    0% {
        background: #84E4E4;
    }
    25% {
        background: #84DAE4;
    }
    50% {
        background: #84CCE4;
    }
    75% {
        background: #84B3E4;
    }
    100% {
        background: #848DE4;
    }
}
.long-language-section05-col:nth-child(1) {animation : box1 alternate linear 4s infinite 0s;}
.long-language-section05-col:nth-child(2) {animation : box1 alternate linear 4s infinite .5s;}
.long-language-section05-col:nth-child(3) {animation : box1 alternate linear 4s infinite 1s;}
.long-language-section05-col:nth-child(4) {animation : box1 alternate linear 4s infinite 1.5s;}
.long-language-section05-col:nth-child(5) {animation : box1 alternate linear 4s infinite 2s;}
.long-language-section05-col:nth-child(6) {animation : box1 alternate linear 4s infinite 2.5s;}
.long-language-section05-col:nth-child(7) {animation : box1 alternate linear 4s infinite 3s;}
.long-language-section05-col:nth-child(8) {animation : box1 alternate linear 4s infinite 3.5s;}