/*******************************************************************************
                                    레이아웃
********************************************************************************/
.language-abroad-philippines * {box-sizing: border-box;
    line-height: 1.2;}
.language-abroad-philippines {
    text-align: center;
}
.language-philippines-section01 {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/language-abroad-philippines/language-philippines-section01-bg01-220728.jpg") no-repeat center center ;
    background-size: cover;
}
.language-philippines-section02 {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/language-abroad-philippines/language-philippines-section02-bg01-220728.jpg");
    position: relative;
    background-size: cover;
    overflow: hidden;
}
.language-philippines-section03 {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/language-abroad-philippines/language-philippines-section03-bg01-220728.jpg");
    background-size: cover;
}
.language-philippines-section04 {
    background: #EFF1F6;
}
.language-philippines-section06 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/language-abroad-philippines/language-philippines-section06-bg01-220728.jpg"); background-size: cover;}
.language-philippines-section08 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/language-abroad-philippines/language-philippines-section08-bg01-220728.jpg"); background-size: cover;}
.language-philippines-section10 {
    background: #EFF1F6;
}
.language-philippines-section11 {
    background: #FCF1D8;
}


.language-philippines-width {
    width: 1080px;
    margin: 0 auto;
    padding: 5rem 0;
}

.language-philippines-title {
    display: flex;justify-content: center;align-items: center;
    margin-bottom: 3rem;
    color: #000;
    font-size: 2.6rem;
}
.language-philippines-title > strong {
    color: #4400E5;
}
.language-philippines-title-img {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/language-abroad-philippines/language-philippines-title-img01-220728.png") no-repeat center center;
    background-size: cover;
    width: 3.9rem;
    height: 4.5rem;
    display: inline-block;
}
.language-philippines-text {
    color: #767676;
    font-size: 1rem;
    margin-bottom: 3rem;
}

@media screen and (max-width: 1080px) {
    .language-philippines-width {
        width: 100%;
        padding: 5rem 1.5rem;
    }
}
@media screen and (max-width: 720px) {
    .language-philippines-title {
        display: block;
    }
    .language-philippines-text {
        font-size: 15px;
    }
}

/*******************************************************************************
                        language-philippines-section01
********************************************************************************/
.language-philippines-section01-text {
    background: #fff;
    padding: .4rem 3.5rem;
    width: 60%;
    margin: 0 auto 2.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 .15rem .3rem #00000029;
    position: relative;
    height: 2.75rem;
}
.language-philippines-section01-text::before,
.language-philippines-section01-text::after{
    content: '';
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    border-top: 1.375rem solid transparent;
    border-bottom: 1.375rem solid transparent;
}
.language-philippines-section01-text::before {
    right: 100%;
    border-right: 1.5rem solid #ffff;
}
.language-philippines-section01-text::after {
    left: 100%;
    border-left: 1.5rem solid #ffff;
}
.language-philippines-section01-text > span {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}
.language-philippines-section01-text > span > span {
    width: 1.6rem;
    height: 1.6rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #4400E5;
    display: flex;align-items: center;justify-content: center;
    margin-left: .25rem;
}
.language-philippines-section01-text > span:last-child {
    margin-left: 1rem;
}
.language-philippines-section01-text > span:last-child > span {
    background: #CE1126;
}
.language-philippines-section01-text > span > span > svg {
    width: .8rem;
}
.language-philippines-section01-title {
    font-size: 7rem;
    color: #4400E5;
    text-shadow: .3rem .3rem  0 #FFFFFF;
    margin-bottom: 10rem;
    font-family: 'KoreanPDSRR',sans-serif;
}
.language-philippines-section01-title > strong {
    font-weight: 400;
    display: inline-block;
}
.language-philippines-section01-title> strong > span {
    display: inline-block;
}
.language-philippines-section01-title > strong > span > svg {
    width: 4.25rem;
    height: 4.25rem;
}

@media screen and (max-width: 1080px)  {
    .language-philippines-section01-text {
        width: 90%;
        padding: .4rem 3.5rem;
    }
}
@media screen and (max-width: 540px)  {
    .language-philippines-section01-title {
        font-size: calc(1rem + 13vw);
    }
    .language-philippines-section01-title > span > svg {
        height: 11.1111vw;
        width: 11.1111vw;
    }
    .language-philippines-section01-text {
        padding: .4rem 0;
    }
    .language-philippines-section01-text > strong > span {
        font-size: calc(1rem + 1vw);
    }
}
/*******************************************************************************
                        language-philippines-section02
********************************************************************************/
.language-philippines-section02-img {
    position: absolute;
    right: 0;
    top: 10%;
    width: 18rem;
    transform: translateX(15%);
}
.language-philippines-section02-title {
    margin: 2rem 0 3.5rem;
    position: relative;
    font-size: 2.6rem;
    color: #fff;
}
.language-philippines-section02-title::before{
    content: 'Philippines';
    color: #A285FF;
    font-size: 4rem;
    position: absolute;
    right: 60%;
    bottom: 100%;
    transform: translateX(100%);
    font-weight: 300;
    font-family: 'FREESCPT',sans-serif;
}
.language-philippines-title-text {
    display: inline-block;
    margin-top: 2rem;
}
.language-philippines-title-text > span {
    font-size: 1.2rem;
    background: #000;
    font-weight: 400;
    padding: .25rem .9rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    position: relative;
}
.language-philippines-title-text > span::before {
    content: '#';
}
.language-philippines-section02-con {
    overflow: hidden;
    width: 42.7rem;
    height: 24rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    margin: 0 auto;
}
.language-philippines-section02-con > iframe {
    width: 100%;
    height: 100%;
    border: none;
}
@media screen and (max-width: 720px) {
    .language-philippines-section02-con {
        width: 88.8889vw;
        height: 50vw;
    }
    .language-philippines-title-text > span {
        font-size: calc(1rem + 0.3vw);
    }
}

/*******************************************************************************
                        language-philippines-section03
********************************************************************************/
.language-philippines-section03-row {
    height: 10rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    margin-bottom: 1rem;
    background: #fff;
    display: flex;
    overflow: hidden;
    box-shadow: .15rem .5rem .5rem #00000029;
}
.language-philippines-section03-row > figure {
    position: relative;
    width: 30%;
}
.language-philippines-section03-row > figure > img {
    min-height: 100%;
}
.language-philippines-section03-row > figure > figcaption {
    position: absolute;
    right: 0;
    top: 10%;
    -webkit-border-radius: .5rem 0 0 .5rem;
    -moz-border-radius: .5rem 0 0 .5rem;
    border-radius: .5rem 0 0 .5rem;
    padding: .3rem .65rem;
    background: #4400E5;
    font-size: 1rem;
    color: #ffff;
    font-weight: 700;
}
.language-philippines-section03-row > dl {
    width: 70%;
    text-align: left;
    padding: 1.5rem;
}
.language-philippines-section03-row > dl > dt {
    font-size: 1.2rem;
    margin-bottom: .5rem;
    font-weight: 700;
}
.language-philippines-section03-row > dl > dd {
    color: #767676;
    font-size: .8rem;
}
.language-philippines-section03-row > dl > dd > span {
    color: #CE1126;
}
@media screen and (max-width: 1080px) {
    .language-philippines-section03-row {
        display: block;
        height: auto;
        width: 60%;
        margin: 0 auto 1rem;
    }
    .language-philippines-section03-row > figure {
        width: 100%;
    }
    .language-philippines-section03-row > figure > img {
        min-height: auto;
        width: 100%;
    }
    .language-philippines-section03-row > dl {
        width: 100%;
    }
}
@media screen and (max-width: 720px) {
    .language-philippines-section03-row {
        width: 100%;
    }
    .language-philippines-section03-row > dl > dt {
        font-size: calc(1rem + 1vw);
    }
    .language-philippines-section03-row > figure > figcaption {
        font-size: calc(1rem + .8vw);
    }
    .language-philippines-section03-row > dl > dd {
        font-size: calc(1rem + .2vw);
    }
}
/*******************************************************************************
                        language-philippines-section04
********************************************************************************/
.language-philippines-section04-con1 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 1rem;
    row-gap: 1rem;
    padding: 1.5rem;
    margin-bottom: 4rem;
}
.language-philippines-section04-col {
    background: #ffff;
    position: relative;
    padding: 3.5rem 0 3rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
}
.language-philippines-section04-col > dl > dt {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: .6rem;
}
.language-philippines-section04-col > dl > dd {
    color: #767676;
    font-size: .8rem;
    line-height: 1.4;
}
.language-philippines-section04-col-title {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6.3rem;
    height: 6.3rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: .4rem solid #FFCB53;
    background: #fff;
    box-shadow: .15rem .5rem .5rem #00000029;
}
.language-philippines-section04-con2-title {
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.language-philippines-section04-con2-title > span {
    background: #4400E5;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: .8rem;
}
.language-philippines-section04-con2-title > span > svg {
    width: 1rem;
    height: 1rem;
    transform: translate(-10%,-10%);
}
.language-philippines-section04-table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #c5c5c5;
}
.language-philippines-section04-table td,
.language-philippines-section04-table th {
    padding: 1rem 0;
    border-bottom: 1px solid #C5C5C5;
    vertical-align: middle;
}
.language-philippines-section04-table th {
    background: #F8F8F8;

}
.language-philippines-section04-table td {
    background: #fff;
    border-right: 1px solid #c5c5c5;
}
.language-philippines-section04-table td:last-child {
    border-right: none;
}
.language-philippines-section04-table-th {
    width: 1px;
    height: 1px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: .25rem solid;
}
.language-philippines-border-color01 {
    border-color: #FFCB53;
}
.language-philippines-border-color02 {
    border-color: #FF8839;
}
.language-philippines-border-color03 {
    border-color: #CE1126;
}
@media screen and (max-width: 720px) {
    .language-philippines-section04-con1 {
        grid-template-columns: repeat(1,1fr);
        row-gap: 4rem;
    }
    .language-philippines-section04-con2-title {
        font-size: 18px;
    }
    .language-philippines-section04-col-title {
        font-size: 16px;
    }
    .language-philippines-section04-col > dl > dd {
        font-size: 16px;
    }
    .language-philippines-section04-col > dl > dd {
        font-size: 13px;
    }
    .language-philippines-section04-table td,
    .language-philippines-section04-table th {
        font-size: 13px;
    }
    .language-philippines-section04-table th:first-child {
        display: none;
    }
}
/*******************************************************************************
                        language-philippines-section05
********************************************************************************/
.language-philippines-section05-img > img {
    width: 60%;
}
.language-philippines-ir {display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px;}
@media screen and (max-width: 1080px){
    .language-philippines-section05-img > img {
        width: 100%;
    }
}
/*******************************************************************************
                        세부 바기오 어학연수
********************************************************************************/
.language-philippines-language-section .language-philippines-width {
    padding: 0;
    display: flex;
    justify-content: end;
}
.language-philippines-language-box {
    padding: 4rem 3rem;
    width: 50%;
    color: #fff;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    text-align: left;
    transform: translateY(20%);
    box-shadow: 0 .15rem .3rem #00000029;
}
.language-philippines-language-box > ul {
    list-style: inside;
    font-size: .9rem;
}
.language-philippines-language-section .language-philippines-title {
    font-size: 2.6rem;
    color: #fff;
    margin-bottom: .3rem;
    display: block;
}
.language-philippines-language-box-text {
    font-size: 1.2rem;
    margin-bottom: 2rem;
}
.language-philippines-section06 .language-philippines-language-box {
    background: #CE1126;
}
.language-philippines-section06 .language-philippines-language-box > ul {
    color: #FFC4CA;
}
.language-philippines-section08 .language-philippines-language-box {
    background: #4400E5;
}
.language-philippines-section08 .language-philippines-language-box > ul {
    color: #B69BF6;
}
@media screen and (max-width: 1080px) {
    .language-philippines-language-section .language-philippines-width {
        padding-top: 3rem;
    }
    .language-philippines-language-box {
        width: 80%;
    }

}
@media screen and (max-width: 540px) {
    .language-philippines-section08.language-philippines-language-section .language-philippines-language-box {
        padding: 4rem .5rem 4rem 1.5rem;
    }
    .language-philippines-language-box {
        width: 90%;
    }
    .language-philippines-language-section .language-philippines-title{
        font-size: 28px;
    }
    .language-philippines-language-box-text {
        font-size: 16px;
    }
    .language-philippines-language-box > ul {
        font-size: 14px;
    }
}
/*******************************************************************************
                        추천 학교
********************************************************************************/
.language-philippines-section07,
.language-philippines-section09 {
    text-align: left;
}
.edm-pick {
    display:table;
    border: 1px solid #CE1126;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    overflow: hidden;
    vertical-align: middle;
    margin-bottom: .5rem;
}
.edm-pick > strong {
    display: inline-block;
    padding: .3rem .5rem .5rem;
    line-height: 1;
}
.edm-pick > strong > img {
    width: 100%;
}
.edm-pick > span {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 700;
    background: #CE1126;
    display:table-cell;
    vertical-align:middle;
    padding: .3rem;
}
.language-philippines-sub-title {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
    color: #000;
}
.language-philippines-school-row {
    display: flex;
    justify-content: space-between;
    border: 1px solid #C5C5C5;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    overflow: hidden;
    margin-bottom: 1.5rem;
}
.language-philippines-school-row > dl {
    width: 65%;
    padding: 1.5rem;
}
.language-philippines-school-row > dl > dt {
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 2rem;
    color: #000;
    font-weight: 700;
    margin-bottom: 1rem;
}
.language-philippines-school-row > dl > dt > span {
    display: inline-block;
    font-size: .8rem;
    color: #fff;
    padding: .3rem .5rem;
    margin-left: 1.5rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}
.language-philippines-school-row > dl > dt > span.sparta {
    background: #4400E5;
}
.language-philippines-school-row > dl > dt > span.semi-sparta {
    background: #FF8839;
    margin-left: .5rem;
}
.language-philippines-school-row > dl > dd > p {
    color: #CE1126;
    font-size: 1rem;
    margin-bottom: .5rem;
}
.language-philippines-school-row > dl > dd > ul {
    list-style: outside;
    padding-left: 1rem;
}
.language-philippines-school-row > dl > dd > ul > li {
    font-size: .8rem;
    color: #767676;
}
.language-philippines-school-img {
    width: 35%;
    position: relative;
}
.language-philippines-school-img > img {
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.language-philippines-school-btn {
    text-align: center;
    margin-top: 4rem;
}
.language-philippines-school-btn > a {
    background: #000;
    color: #fff;
    font-size: 1rem;
    padding: .8rem 3.5rem .8rem 1.5rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    position: relative;
}
.language-philippines-school-btn > a > svg {
    width: .5rem;
    position: absolute;
    right: 1rem;
    top: 50%;transform: translateY(-50%);
}
@media screen and (max-width: 720px) {
    .language-philippines-school-row {
        display: block;
    }
    .language-philippines-school-img {
        width: 100%;
    }
    .language-philippines-school-row > dl {
        width: 100%;
    }
    .language-philippines-school-img {
        height: 41.6667vw;
        overflow: hidden;
    }
    .edm-pick > span {
        font-size: 14px;
    }
    .language-philippines-sub-title {
        font-size: 18px;
    }
    .language-philippines-school-row > dl > dt {
        font-size: 24px;
    }
    .language-philippines-school-row > dl > dt > span {
        font-size: 13px;
    }
    .language-philippines-school-row > dl > dd > p {
        font-size: 15px;
    }
    .language-philippines-school-row > dl > dd > ul > li {
        font-size: 13px;
    }
    .language-philippines-school-btn > a {
        display: block;
        font-size: 20px;
        width: 100%;
    }
    .language-philippines-school-btn > a > svg {
        width: 1rem;
    }
}
/*******************************************************************************
                        language-philippines-section10
********************************************************************************/
.language-philippines-section10 .language-philippines-title ,
.language-philippines-section11 .language-philippines-title {
    display: block;
}
.language-philippines-title-sub-text {
    font-size: 1.4rem;
    font-weight: 400;
    color: #333;
}
.language-philippines-title-sub-text > span {
    color: #4400E5;
}
.language-philippines-section10-con {
    display: grid;
    margin-bottom: 4rem;
    grid-template-columns: repeat(3,1fr);
    row-gap: 1rem;
    column-gap: 1rem;
}
.language-philippines-section10-col {
    background: #fff;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem;
    padding: 2rem 0;
}
.language-philippines-section10-icon > svg {
    height: 5rem;
}
.language-philippines-section10-text {
    font-size: 1rem;
}
.language-philippines-section10-textBox {
    text-align: left;
    display: flex;
    align-items: center;
}
.language-philippines-section10-textBox > span {
    display: inline-block;
    width: 8.5rem;
    height: 6.85rem;
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/language-abroad-philippines/language-philippines-section10-img01-220728.png") no-repeat center center ;
    background-size: cover;
}
.language-philippines-section10-textBox > dl {
    width: 70%;
    margin-left: 1rem;
}
.language-philippines-section10-textBox > dl > dt {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.language-philippines-section10-textBox > dl > dd {
    font-size: 1rem;
    color: #767676;
}
@media screen and (max-width: 720px) {

    .language-philippines-section10-con {
        grid-template-columns: repeat(2,1fr);
    }
    .language-philippines-section10-textBox > span {
        display: none;
    }
    .language-philippines-section10-textBox > dl {
        width: 100%;
    }
}
@media screen and (max-width: 440px) {
    .language-philippines-section10 .language-philippines-title ,
    .language-philippines-section11 .language-philippines-title {
        font-size: 28px;
    }
    .language-philippines-section10-text,
    .language-philippines-section10-textBox > dl > dd {
        font-size: 15px;
    }
    .language-philippines-section10-textBox > dl > dt {
        font-size: 16px;
    }
}
/*******************************************************************************
                        language-philippines-section11
********************************************************************************/
.language-philippines-section11-con-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}
.language-philippines-section11-con-row > dl {
    width: 65%;
    text-align: left;
}
.language-philippines-section11-con-row > dl > dt {
    font-size: 1.6rem;
    margin-bottom: .5rem;
    color: #000;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.language-philippines-section11-con-row > dl > dt > span {
    display: inline-block;
    padding: 0 .8rem;
    background: #FE0000;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 700;
    margin-left: .5rem;
}
.language-philippines-section11-con-row > dl > dd {
    color: #767676;
}
.language-philippines-section11-con-row > dl > dd > p {
    font-size: 1rem;
    margin-bottom: 1rem;
}
.language-philippines-section11-con-row > dl > dd > ul {
    font-size: .8rem;
}
.language-philippines-section11-con-row > dl > dd > ul > li {
    margin-bottom: .2rem;
}
.language-philippines-section11-con-row > dl > dd > ul > li::before {
    content: '※';
}
.language-philippines-section11-img {
    width: 33%;
    position: relative;
}
.language-philippines-section11-img > img {
    width: 100%;
}
.language-philippines-section11-img > figcaption {
    position: absolute;
    left: 5%;
    top: 5%;
    background: #4400E5;
    width: 4.75rem;
    height: 4.75rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 700;
}
@media screen and (max-width: 720px) {
    .language-philippines-section11-con-row {
        display: block;
        margin-bottom: 3rem;
    }
    .language-philippines-section11-con-row > dl {
        width: 100%;
    }
    .language-philippines-section11-img {
        width: 50%;
        margin-bottom: 2rem;
    }

}
@media screen and (max-width: 440px) {
    .language-philippines-section11-img > figcaption {
        font-size: 5vw;
        width: 21.1111vw;
        height: 21.1111vw;
    }
    .language-philippines-section11-img {
        width: 100%;
    }
    .language-philippines-section11-con-row > dl > dt {
        font-size: 5vw;
    }
    .language-philippines-section11-con-row > dl > dd > p{
        font-size: 4.1667vw;
    }
    .language-philippines-section11-con-row > dl > dd > ul {
        font-size: 3.6111vw;
    }
}
/*******************************************************************************
                        안전한 어학 연수 학교만을 추천합니다!
********************************************************************************/
.mbti-section011-title {
    font-size: 2.6rem;
    margin-bottom: 2rem;
    color: #000;
}
.mbti-section011-title > span {
    font-size: 1.4rem;
    color: #333;
    font-weight: 400;
}
.mbti-section011-title > strong {
    color: #4400E5;
}
.mbti-section011-text {
    font-size: 1rem;
    margin-bottom: 4.5rem;
    color: #767676;
}
.mbti-section011-text > strong {
    color: #CE1126;
}
.mbti-section011-con-title {
    font-size: 1.4rem;
    margin-bottom: 1.1rem;
    color: #333;
}
.mbti-section011-con {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 5rem;
    row-gap: 5rem;
}
.mbti-section011-col .mbti-section011-icon {
    width: 9.9rem;
    height: 9.9rem;
    border-radius: 50%;
    margin: 0 auto .9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, #00E5E5 0%, #4400E5 100%);
}
.mbti-section011-col .mbti-section011-icon > svg {
    width: 4rem;
}
.mbti-section011-col > dl > dt {
    font-size: 1.2rem;
    margin-bottom: .4rem;
    font-weight: 700;
}
.mbti-section011-col > dl > dd {
    font-size: 1rem;
    color: #767676;
}
@media screen and (max-width: 767px) {
    .mbti-section011-con {
        column-gap: 2rem;
        grid-template-columns: repeat(2,1fr);
    }
    .mbti-section011-col .mbti-section011-icon {
        width: 24vw;
        height: 24vw;
    }
    .mbti-section011-col > dl > dt {
        font-size: calc(1rem + 1vw);
    }
    .mbti-section011-col > dl > dd {
        font-size: calc(1rem + .9vw);
    }
}


/*******************************************************************************
                        애니메이션
********************************************************************************/
.language-philippines-section03-row,
.language-philippines-school-row{
    opacity: 0;
}
.active .slide-in-bottom {
    animation: slide-in-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.active .slide-in-bottom-2{
    animation: slide-in-bottom 0.8s .2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.active .slide-in-bottom-3{
    animation: slide-in-bottom 0.8s .4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.active .slide-in-bottom-4{
    animation: slide-in-bottom 0.8s .6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.active .slide-in-bottom-5{
    animation: slide-in-bottom 0.8s .8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.language-philippines-section02-title {
    opacity: 0;
}
.bounce-in-right {
    animation: bounce-in-right 1.1s 1.3s both ;
}
.bounce-in-left {
    animation: bounce-in-left 1.1s 1.3s both;
}
.language-philippines-title,
.mbti-section011-title{
    opacity: 0;
}
.active .language-philippines-title,
.active .mbti-section011-title,
.active .language-philippines-section02-title {
    animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.language-philippines-title-text {
    opacity: 0;
}
.active .language-philippines-title-text {
    animation: fade-in-bottom 0.6s .2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.language-philippines-section04 .language-philippines-section04-col {
    opacity: 0;
}
.language-philippines-section04.active .language-philippines-section04-col:nth-child(1){
    animation: slide-in-bottom 0.5s .6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.language-philippines-section04.active .language-philippines-section04-col:nth-child(2){
    animation: slide-in-bottom 0.5s .9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.language-philippines-section04.active .language-philippines-section04-col:nth-child(3){
    animation: slide-in-bottom 0.5s 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


@keyframes bounce-in-right {
    0% {
        transform: translateX(200px);
        animation-timing-function: ease-in;
        opacity: 0;
    }
    38% {
        transform: translateX(0);
        animation-timing-function: ease-out;
        opacity: 1;
    }
    55% {
        transform: translateX(68px);
        animation-timing-function: ease-in;
    }
    72% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }
    81% {
        transform: translateX(32px);
        animation-timing-function: ease-in;
    }
    90% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }
    95% {
        transform: translateX(8px);
        animation-timing-function: ease-in;
    }
    100% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }
}
@keyframes bounce-in-left {
    0% {
        transform: translateX(-200px);
        animation-timing-function: ease-in;
        opacity: 0;
    }
    38% {
        transform: translateX(0);
        animation-timing-function: ease-out;
        opacity: 1;
    }
    55% {
        transform: translateX(-68px);
        animation-timing-function: ease-in;
    }
    72% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }
    81% {
        transform: translateX(-28px);
        animation-timing-function: ease-in;
    }
    90% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }
    95% {
        transform: translateX(-8px);
        animation-timing-function: ease-in;
    }
    100% {
        transform: translateX(0);
        animation-timing-function: ease-out;
    }
}
@keyframes fade-in-bottom {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slide-in-bottom {
    0% {
        transform: translateY(300px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}