/*******************************************************************************
                                폰트
********************************************************************************/
.language-mbti * {font-family: 'SUIT', sans-serif; box-sizing: border-box;}

/*******************************************************************************
                                페이지 공통
********************************************************************************/
html,body{
    scroll-behavior: smooth;
}
.language-mbti {
    text-align: center;
}
.mbti-section01 {
    overflow: hidden;
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/language-mbti/mbti-section01-bg-220510.jpg") no-repeat center top;
    background-size: cover;
}
.mbti-section02 {
    background: #4F00A8;
    position: relative;
    z-index: 10;
}
.mbti-section03 {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/language-mbti/mbti-section02-bg-220510.jpg") no-repeat right bottom;
    background-size: cover;
}
.mbti-section04 {
    background: #FFE8DA;
}
.mbti-section05 {
    background: #F5E1FD;
}
.mbti-section06 {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/language-mbti/mbti-section02-bg-220510.jpg") no-repeat right bottom;
    background-size: cover;
}
.mbti-section07 {
    background: #DAEEFC;
}
.mbti-section08 {
    background: #F1FCED;
}
.mbti-width {
    width: 1080px;
    margin: 0 auto;
    padding: 5rem 0;
}



/* 타이틀 */
.mbti-title {
    font-weight: 900;
    font-size: 3.4rem;
    color: #000;
    margin-bottom: .7rem;
}
.mbti-text {
    color: #222;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 2.5rem;
}
.mbti-text > strong {
    color: #FF2F2F;
    font-weight: 600;
}
h1 > span {
    display: inline-block;
}


.mbti-sub-title2 {
    color: #FFFFFF;
    font-size: 2.2rem;
    margin-bottom: .7rem;
    font-weight: 500;
    font-family: 'MBC1961',sans-serif;
}
.mbti-textBox2 {
    font-size: 1.4rem;
    color: #fff;
    margin-bottom: 2.5rem;
    font-weight: 400;
}

/* EI,PJ */
.mbti-title-type-E > span,
.mbti-title-type-I > span,
.mbti-title-type-P > span,
.mbti-title-type-J > span {
    display: inline-block;
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
    font-size: 3rem;
    font-weight: 500;
    color: #fff;
    line-height: 4.5rem;
    font-family: 'MBC1961',sans-serif;
}
.mbti-title-type-E > span {
    background: #FF7D2F;
}
.mbti-title-type-I > span {
    background: #CE57FA;
}
.mbti-title-type-P > span {
    background: #128BE4;
}
.mbti-title-type-J > span {
    background: #44BF19;
}
@media screen and (max-width: 1080px) {
    .mbti-width {
        width: 100%;
        padding: 5rem 1.5rem;
    }

}

@media screen and (max-width: 767px) {
    .mbti-title {
        font-size: calc(1rem + 6vw);
    }
    .mbti-text {
        font-size: calc(1rem + 2.2vw);
    }
    .mbti-sub-title2 {
        font-size: calc(1rem + 3.8vw);
        }
    .mbti-textBox2 {
        font-size: calc(1rem + 1.6vw);
    }

}
@media screen and (max-width: 460px) {
    .mbti-text {
        font-size: calc(1rem + 1.6vw);
    }
}
/*******************************************************************************
                                네비게이션
********************************************************************************/
.mbti-nav {
    display: flex;
    justify-content: space-between;
    align-items: start;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 9;
}
.mbti-nav > a {
    width: 50%;
    background: #434343;
    color: #727272;
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    transition: all .3s ;
}
.mbti-nav > a > strong {
    font-size: 1.5rem;
    display: inline-block;
    margin-right: 1rem;
    font-family: 'MBC1961', sans-serif;
    transition: all .3s ;
}
.mbti-nav > a > strong > strong {
    font-size: 2rem;
    font-family: 'MBC1961', sans-serif;
}
.mbti-nav > a > span {
    font-size: 1.5rem;
    display: inline-block;
    padding-right: 2rem;
    position: relative;
    font-weight: 700;
}
.mbti-nav > a > span::before {
    content: '>';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* 활성화 시 */
.mbti-nav > a.active,
.mbti-nav > a:hover{
    width: calc(50% - 10px);
    padding-top: calc(.5rem + 10px);
    transition: all .3s ;
}

/* 컬러 */
.mbti-EandI {
    justify-content: end;
    transition: background  .3s ;
}
.mbti-EandI.active,
.mbti-EandI:hover{
    transition: background  .3s ;
    background: #7DFCF2;
    box-shadow: 1px -1px #276D68, 2px -2px #276D68, 3px -3px #276D68, 4px -4px #276D68, 5px -5px #276D68, 6px -6px #276D68, 7px -7px #276D68, 8px -8px #276D68, 9px -9px #276D68, 10px -10px #276D68;
}
.mbti-EandI.active > strong,
.mbti-EandI:hover > strong{
    background: linear-gradient(to right, #FF7D2F 40%, #CE57FA 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mbti-nav > a.active > span,
.mbti-EandI:hover > span,
.mbti-PandJ:hover > span{
    color: #000000;
}
.mbti-PandJ {
    justify-content: start;
    transition: all .3s ;
}
.mbti-PandJ.active,
.mbti-PandJ:hover{
    transition: background  .3s ;
    background: #FFEE7C;
    box-shadow: -1px -1px #7F763A, -2px -2px #7F763A, -3px -3px #7F763A, -4px -4px #7F763A, -5px -5px #7F763A, -6px -6px #7F763A, -7px -7px #7F763A, -8px -8px #7F763A, -9px -9px #7F763A, -10px -10px #7F763A;
}
.mbti-PandJ.active > strong,
.mbti-PandJ:hover > strong{
    background: linear-gradient(to right, #128BE4 40%, #44BF19 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 네비 상위 패딩 */
.mbti-section03 .mbti-width,
.mbti-section04 .mbti-width,
.mbti-section05 .mbti-width,
.mbti-section06 .mbti-width,
.mbti-section07 .mbti-width,
.mbti-section08 .mbti-width{
    padding: 8rem 0 5rem;
}
@media screen and (max-width: 1180px) {
    .mbti-nav > a > strong > strong {
        font-size: calc(1rem + 2vw);
    }
    .mbti-nav > a > strong{
        font-size: calc(1rem + 1vw);
    }
    .mbti-nav > a > span {
        font-size: calc(1rem + 1vw);
    }
}
@media screen and (max-width: 1080px) {
    .mbti-section03 .mbti-width,
    .mbti-section04 .mbti-width,
    .mbti-section05 .mbti-width,
    .mbti-section06 .mbti-width,
    .mbti-section07 .mbti-width,
    .mbti-section08 .mbti-width{
        padding: 8rem 1.5rem 5rem;
    }
}

@media screen and (max-width: 767px) {
    .mbti-nav > a{
        display: block;
    }
    .mbti-nav > a > strong > strong {
        font-size: calc(1rem + 1.5vw);
    }
    .mbti-nav > a > strong{
        font-size: calc(1rem + 1vw);
    }
    .mbti-nav > a > span {
        font-size: calc(1rem + 1vw);
    }
    .mbti-nav > a > span::before {
        display: none;
    }
    .mbti-nav > a > span {
        padding: 0;
        white-space: nowrap;
    }
}
/*******************************************************************************
                                mbti 유형별
********************************************************************************/
.mbti-section01 >  .mbti-width {
    padding: 3rem 0;
}
.mbti-section01-titleImg {
    width: 40rem;
    margin: 0 auto;
    position: relative;
}
.mbti-section01-titleImg > img {
    width: 100%;
    animation: scale-in-center 1s .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.mbti-section01-imgBox {
    width: 35rem;
    margin: -3rem auto 0;
    animation: scale-in-center 1s .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    z-index: 1;
    position: relative;
}
.mbti-section01-imgBox > img {
    width: 100%;
}
.mbti-section01-title {
    position: relative;
    z-index: 5;
    background: #fff;
    width: 37rem;
    border-radius: 2.5rem 0 2.5rem 0 ;
    margin: 0 auto;
    padding: 1.5rem 0;
}
.mbti-section01-title > strong {
    font-size: 2.4rem;
    display: inline-block;
    margin-bottom: 1rem;
    color: #000;
    font-weight: 500;
    font-family: 'MBC1961',sans-serif;
}
.mbti-section01-title > strong > strong {
    font-family: 'MBC1961',sans-serif;
}
.mbti-section01-title > span {
    font-size: 1.6rem;
}
.mbti-section01-title > span > strong {
    background: #FFF837;
}
.mbti-section01-titleImg-img1 {
    position: absolute;
    width: 7rem !important;
    top: 0;
    right: 100%;
}
.mbti-section01-titleImg-img2 {
    position: absolute;
    width: 6rem !important;
    left: 100%;
    top: 100%;
}


@media screen and (max-width: 1080px) {
    .mbti-section01 >  .mbti-width {
        padding: 3rem 1.5rem;
    }
    .mbti-section01-titleImg-img1 {
        right: 90%;
    }
    .mbti-section01-titleImg-img2 {
        left: 90%;
    }

}
@media screen and (max-width: 640px) {
    .mbti-section01-titleImg {
        width: 100%;
    }
    .mbti-section01-imgBox {
        width: 100%;
    }
    .mbti-section01-title {
        width: 100%;
    }
    .mbti-section01-title > strong > strong {
        font-weight: 500;
    }
}
@media screen and (max-width: 480px) {
    .mbti-section01-title > strong {
        font-size: calc(1rem + 4vw);
    }
    .mbti-section01-title > span {
        font-size:  calc(1rem + 1.6vw);
    }
}


/*******************************************************************************
                                여러분은 어떤 유형인가요?
********************************************************************************/
.mbti-section02-con {
    width: 45.75rem;
    height: 25.65rem;
    margin: 0 auto;
}
.mbti-section02-con > iframe {
    width: 100%;
    height: 100%;
    border: none;
}
@media screen and (max-width: 720px) {
    .mbti-section02-con {
        width: 84.7222vw;
        height: 47.5000vw;
    }
}

/*******************************************************************************
                               성향별 추천
********************************************************************************/
.mbti-select {
    display: flex;
    justify-content:space-between;
}
.mbti-select-col {
    border: 1px solid #D7D8CA;
    width: 49%;
    padding: 1.5rem 3.2rem;
    position: relative;
}
.mbti-select-title {
    font-size: 2rem;
    margin-bottom: .25rem;
    font-weight: 900;
}
.mbti-select-text {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 1.3rem;
}
.mbti-select-category > span {
    display: inline-block;
    padding: .25rem .55rem;
    border-radius: .9rem;
    border: 2px solid #BFBFBF;
    margin: 0 .1rem .2rem 0;
    font-size: 1rem;
    font-weight: 400;
    background: #fff;
}
.mbti-select-imgBox {
    height: 15rem;
}
.mbti-select-link {
    position: absolute;
    left: 50%;
    bottom: 1.5rem;
    transform: translateX(-50%);
    width: calc(100% - 6.4rem);
}
.mbti-select-link > a {
    display: inline-block;
    width: 100%;
    padding: .9rem 0;
    font-size: 1rem;
    font-weight: 700;
    box-shadow: .25rem .25rem #BFC0AC58;
    color: #fff;
}

/* 컬러, 배경 */
.mbti-section03 .mbti-select-col:nth-child(1) {
    background: #fff url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/language-mbti/mbti-section03-img-220510.jpg") no-repeat center bottom;
    background-size: cover;
}
.mbti-section03 .mbti-select-col:nth-child(1) .mbti-select-title {
    color: #FF7D2F;
}
.mbti-section03 .mbti-select-col:nth-child(1) .mbti-select-link > a {
    background: #FF7D2F;
    transition: all .3s;
}
.mbti-section03 .mbti-select-col:nth-child(1) .mbti-select-link > a:hover {
    background: #CE57FA;
    transition: all .3s;
}
.mbti-section03 .mbti-select-col:nth-child(2) {
    background: #fff url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/language-mbti/mbti-section03-img2-220510.jpg") no-repeat center bottom;
    background-size: cover;
}
.mbti-section03 .mbti-select-col:nth-child(2) .mbti-select-title {
    color: #CE57FA;
}
.mbti-section03 .mbti-select-col:nth-child(2) .mbti-select-link > a {
    background: #CE57FA;
    transition: all .3s;
}
.mbti-section03 .mbti-select-col:nth-child(2) .mbti-select-link > a:hover {
    background: #FF7D2F;
    transition: all .3s;
}

.mbti-section06 .mbti-select-col:nth-child(1) {
    background: #fff url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/language-mbti/mbti-section07-img-220510.jpg") no-repeat center bottom;
    background-size: cover;
}
.mbti-section06 .mbti-select-col:nth-child(1) .mbti-select-title {
    color: #128BE4;
}
.mbti-section06 .mbti-select-col:nth-child(1) .mbti-select-link > a {
    background: #128BE4;
    transition: all .3s;
}
.mbti-section06 .mbti-select-col:nth-child(1) .mbti-select-link > a:hover {
    background: #44BF19;
    transition: all .3s;
}
.mbti-section06 .mbti-select-col:nth-child(2) {
    background: #fff url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/language-mbti/mbti-section07-img02-220510.jpg") no-repeat center bottom;
    background-size: cover;
}
.mbti-section06 .mbti-select-col:nth-child(2) .mbti-select-title {
    color: #44BF19;
}
.mbti-section06 .mbti-select-col:nth-child(2) .mbti-select-link > a {
    background: #44BF19;
    transition: all .3s;
}
.mbti-section06 .mbti-select-col:nth-child(2) .mbti-select-link > a:hover {
    background: #128BE4;
    transition: all .3s;
}


@media screen and (max-width: 767px) {
    .mbti-select {
        display: block;
    }
    .mbti-select-col {
        padding: 1.5rem;
        width: 100%;
        text-align: left;
        margin-bottom: 2rem;
    }
    .mbti-section03 .mbti-select-col:nth-child(1) {
        background-size: contain;
    }
    .mbti-section03 .mbti-select-col:nth-child(2) {
        background-size: contain;
    }
    .mbti-section06 .mbti-select-col:nth-child(1) {
        background-size: contain;
    }
    .mbti-section06 .mbti-select-col:nth-child(2) {
        background-size: contain;
    }
    .mbti-select-imgBox {
        height: 15rem;
    }
    .mbti-select-link {
        width: calc(100%);
        text-align: center;
    }
}
/*******************************************************************************
                            에너지 넘치고 호기심 많은 E, 혼자만의 시간이 중요한 I
********************************************************************************/
.mbti-section04 .mbti-title {
    margin-bottom: 2.4rem;
}
.mbti-section05 .mbti-title {
    margin-bottom: 2.4rem;
}
.mbti-slider {
    background: #fff;
    margin-bottom: 2rem;
    padding-bottom: 3.5rem;
}
.mbti-slider-title {
    display: inline-block;
    color: #FF9024;
    padding: 1rem 2rem 1rem 5rem;
    background: #000;
    margin-bottom: 2.5rem;
    font-size: 2rem;
    border-radius: 0 0 2rem 2rem ;
    position: relative;
}
.mbti-slider-sub-title {
    font-size: 1.4rem;
    color: #000;
    margin-bottom: 1rem;
}
.mbti-slider-text {
    font-size: 1rem;
    width: 80%;
    margin: 0 auto 1.5rem;
}
.mbti-slider-con {
    margin-bottom: 2rem;
}
.mbti-slider-institution-title {
    background: #FF9024;
    color: #ffff;
    padding: .7rem 2.35rem;
    display: inline-block;
    border-radius: .5rem;
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
}
.mbti-slider-institution > div {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin: 0 auto 1.3rem;
}
.mbti-slider-institution > div > span {
    width: 9.3rem;
}
.mbti-slider-institution > div > span > img {
    width: 100%;
}
.mbti-slider-institution > div > dl {
    width: 70%;
    margin: 0 auto;
    text-align: left;
}
.mbti-slider-institution > div > dl > dt {
    font-weight: 800;
    font-size: 1.2rem;
    color: #000;
    margin-bottom: .6rem;
}
.mbti-slider-institution > div > dl > dd > ul {
    list-style: inside square;
}
.mbti-slider-institution > div > dl > dd > ul > li {
    font-size: 1rem;
}
.mbti-slider-institution > div > span {
    width: 18%;
    display: inline-block;
}
.mbti-slider-institution > div > span > img {
    max-width: 90%;
}
.mbti-slider-institution-img {
    width: 40% !important;
}

.mbti-section05 .mbti-slider-title {
    color: #E090FE;
}

.mbti-section05 .mbti-slider-institution-title {
    background: #E090FE;
}

.mbti-slider-title::before {
    content: '';
    position: absolute;
    left: 2rem;
    top: 46%;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #FF9024;
    color: #FF9024;
    font-size: 1.3rem;
    line-height: 1.5rem;
}
.mbti-slider:nth-child(3) .mbti-slider-title::before {
    content: '1';
}
.mbti-slider:nth-child(4) .mbti-slider-title::before {
    content: '2';
}
.mbti-slider:nth-child(5) .mbti-slider-title::before {
    content: '3';
}
.mbti-slider:nth-child(6) .mbti-slider-title::before {
    content: '4';
}
.mbti-section05 .mbti-slider-title::before {
    border-color: #E090FE;
    color: #E090FE;
}

@media screen and (max-width: 767px) {
    .mbti-slider-institution > div {
        width: 90%;
        align-items: start;
    }
    .mbti-slider-institution > div > span {
        display: none;
    }
    .mbti-slider-institution > div > dl {
        width: 100%;
    }
    .mbti-slider-title {
        padding: 1rem 0;
        width: 100%;
    }
    .mbti-slider-title::before {
        display: none;
    }
    .mbti-slider-institution > div > dl > dd > ul {
        list-style: none;
    }
    .mbti-slider-institution > div > dl > dd > ul > li {
        margin-bottom: .5rem;
    }
}

/*******************************************************************************
                        즉흥적이며 자유로운 P, 조직적이고 체계적인 J
********************************************************************************/
.mbti-section07 .mbti-title,
.mbti-section08 .mbti-title {
    margin-bottom: 4rem;
}
.mbti-textBox-row {
    background: #fff;
    margin-bottom: 1rem;
    box-shadow: .25rem .25rem #BFC0AC58;
    text-align: left;
    padding: 2.5rem;
    display: flex;
    align-items: center;
}
.mbti-textBox-row > dt {
    width: 25%;
    font-size: 2rem;
    color: #000;
    font-weight: 800;
}
.mbti-textBox-row > dt > strong {
    font-size: 1.4rem;
    font-weight: 500;
}
.mbti-textBox-row > dd {
    width: 75%;
    font-size: 1rem;
}
.mbti-textBox-row > dd > ul {
    list-style: inside;
    color: #000;
    margin-top: 1.2rem;
}
.mbti-textBox-row > dd > ul > li {
    font-size: 1rem;
}

.mbti-section08-textBox {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin: 5rem auto 0;
}
.mbti-section08-textBox > span {
    display: inline-block;
    width: 6rem;
    height: 5.35em;
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/language-mbti/mbti-section08-img-220510.png") no-repeat center center;
    background-size: 100%;
    margin-right: 1rem;
}
.mbti-section08-textBox > dl {
    text-align: left;
    width: 80%;
}
.mbti-section08-textBox > dl > dt {
    color: #E8287D;
    font-size: 2rem;
    margin-bottom: .7rem;
    font-family: 'MBC1961',sans-serif;
}
.mbti-section08-textBox > dl > dd {
    color: #222;
    font-size: 1rem;
    font-weight: 500;
}
.mbti-section08-textBox > dl > dd > strong {
    font-weight: 800;
}
@media screen and (max-width: 767px) {
    .mbti-textBox-row {
        display: block;
        text-align: center;
        padding: 1.5rem;
    }
    .mbti-textBox-row > dt {
        width: 100%;
    }
    .mbti-textBox-row > dd {
        width: 100%;
    }
    .mbti-section08-textBox {
        display: block;
    }
    .mbti-section08-textBox > span {
        display: none;
    }
    .mbti-section08-textBox > dl {
        width: 100%;
    }
}

/*******************************************************************************
                                1위 유학 채널
********************************************************************************/
.mbti-section09 {background: #EAFEE8;}
.mbti-section09 .sub-title {margin-bottom: 3rem;font-size: 2.7rem;color: #000;}
.mbti-section09-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;}
.mbti-section09-con2 {display: grid;grid-template-columns: repeat(12,1fr); grid-gap: 24px;}
.mbti-section09-con .youtube-wrap {width: 80%; margin: 0 auto;}
.mbti-section09-con .youtube-wrap iframe {width: 100%;aspect-ratio: 16 / 9; box-shadow: 0 8px 16px rgba(0, 0, 0, 16%);}
.mbti-section09-con2  #youtube-con {grid-column: 9 span; width: 100%;}
.mbti-section09-con2  #youtube-con iframe {width: 100%;}
.mbti-section09-con2 ul {display: grid;grid-template-rows: repeat(3,1fr);grid-gap: 13px;grid-column: 3 span;}
.mbti-section09-con2 ul li {box-shadow: 0 8px 16px rgba(0, 0, 0, 16%);    }
.mbti-section09-con2 ul li img {width: 100%;height: 100%;}
@media screen and (max-width: 1200px) {
    .mbti-section09-con2 {
        grid-template-columns: repeat(1,1fr);
        grid-gap: 16px;
    }
    .mbti-section09-con2  #youtube-con {
        grid-column: 1 span;
    }
    .mbti-section09-con2 ul {
        grid-column: 1 span;
    }
    .mbti-section09-con2 ul {
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: repeat(1,1fr);
        grid-gap: 6px;
    }
    .mbti-section09-con .youtube-wrap {    width: 100%;} 
}
@media screen and (max-width:767px) {
    .mbti-section09-text {padding: 8px 16px;font-size: calc(1rem + 1.9446vw);}
}

/* 추가 220825 */
.YGtraining-section4-con-bg {
    width: 100%;
    background: #7200FF;
    text-align: center;
    padding: 5rem 0;
}
.YGtraining-section4-con-bg .mbti-width {
    padding: 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;
    font-family: 'esamanru', sans-serif;
    margin-bottom: 50px;
}
.YGtraining-section4-con2-title > strong {
    font-size: 64px;
    font-family: 'esamanru', sans-serif;
    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: 5rem 1.5rem;
    }

    .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: 100%;
        height: 45.2778vw;
    }
}
@media screen and (max-width: 720px) {
    .YGtraining-section4-con2-title {
        font-size: 6.388889vw;
    }
    .YGtraining-section4-con2 {
        width: 100%;
    }
    .YGtraining-section4-con2-title > strong {
        font-size: 8.333333vw;
    }
    .YGtraining-section4-con2-youtube {
        width: 100%;
        height: 51.388889vw;
    }
}

/*******************************************************************************
                                슬라이드
********************************************************************************/
.mbti-slider-con .mbti-slider-img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    transition: all .3s;
}
.mbti-slider-con img{
    width: 100%;
    transition: all .3s;
}
.mbti-slider-con .slick-active .mbti-slider-img {
    padding: 0;
    transition: all .3s .5s;
}
.mbti-slider-con .slick-active .mbti-slider-img > img {
    width: 100%;
    transition: all .3s .5s;
    box-shadow: 0 3rem 2rem #00000043;
}

.slider-prev,
.slider-next {
    width: 3rem !important;
    height: 100% !important;
    position: relative;
}
.slider-next {
    right: 0;
}
.slider-prev {
    left: 0;
}
.slick-slider .slick-arrow:before{
    display: none;
}

.slider-prev::after,
.slider-next::after {
    content: '';
    width: 2rem;
    height: 4rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all .3s;
}
.slider-next::after {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/language-mbti/mbti-slider-arrowNext-220510.png") no-repeat center center;
    background-size:cover;
}
.slider-prev::after {
    background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/language-mbti/mbti-slider-arrowPrev-220510.png") no-repeat center center;
    background-size:cover;
}
.slider-prev:hover::after,
.slider-next:hover::after {
    transition: all .3s;
}
.slider-prev:hover::after {
    transform: translate(-65%,-50%);
}
.slider-next:hover::after {
    transform: translate(-35%,-50%);
}
@media screen and (max-width: 767px) {
    .slick-slider .slick-arrow {
        display: block !important;
    }
    .slider-next {
        transform: translate(50%,-50%) !important;
    }
    .slider-prev {
        transform: translate(-50%,-50%) !important;
    }
    .mbti-slider-con .slick-active .mbti-slider-img {
        padding:0 2rem 2rem;
    }
}

/*******************************************************************************
                                애니메이션
********************************************************************************/
@keyframes bgcolor {
    0% {
        background: #c6eae3;
    }
    25% {
        background: #99dfe8;
    }
    50% {
        background: #ffff8d;
    }
    75% {
        background: #d6e0cb;
    }
    100% {
        background: #9fea8a;
    }
}
@keyframes scale-in-center {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}