/*******************************************************************************
                                폰트
********************************************************************************/
.language-mbti * {font-family: "Noto Sans TC", sans-serif; box-sizing: border-box;}

/*******************************************************************************
                                페이지 공통
********************************************************************************/
html,body{
    scroll-behavior: smooth;
}
.language-mbti {
    text-align: center;
}
.mbti-section01 {
    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-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-section10 {
    animation: bgcolor 4s linear infinite alternate both;
}
.ukFair-section06 {
    background: url('/images/uk-fair/ukFair-section06-bg01-220210.jpg') no-repeat center center;
    background-size: cover;
}
.ukFair-section07 {
    background: url('/images/uk-fair/ukFair-section07-bg01-220210.jpg') no-repeat center center;
    background-size: cover;
}
.mbti-width {
    width: 1080px;
    margin: 0 auto;
    padding: 5rem 0;
}



/* 타이틀 */
.mbti-title {
    font-size: 3.4rem;
    color: #000;
    margin-bottom: .7rem;
    font-weight: 500;
}
.mbti-text {
    color: #222;
    font-size: 1.6rem;
    margin-bottom: 2.5rem;
}
.mbti-text > strong {
    color: #FF2F2F;
}



.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;
}


.ukFair-width {
    width: 1080px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
}


@media screen and (max-width: 1080px) {
    .mbti-width {
        width: 100%;
        padding: 9.2593vw 30px;
    }
    .ukFair-width {
        width: 100%;
    }
}

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

}
@media screen and (max-width: 460px) {
    .mbti-text {
        font-size: calc(.5rem + 2.6vw);
    }
}
/*******************************************************************************
                                네비게이션
********************************************************************************/
.mbti-nav {
    display: flex;
    justify-content: space-between;
    align-items: start;
    z-index: 9;
}
.mbti-nav > a {
    width: 50%;
    background: #7DFCF2;
    color: #000;
    display: flex;
    align-items: center;
    padding: 1rem 1rem;
    transition: all .3s ;
}
.mbti-nav > a > span {
    font-size: 2rem;
    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-EandI {
    justify-content: end;
    transition: background  .3s ;
}
.mbti-PandJ {
    justify-content: start;
    transition: all .3s ;
}
@media screen and (max-width: 1180px) {
    .mbti-nav > a > strong > strong {
        font-size: calc(.5rem + 2vw);
    }
    .mbti-nav > a > strong{
        font-size: calc(.5rem + 1vw);
    }
    .mbti-nav > a > span {
        font-size: calc(.5rem + 1vw);
    }
}

@media screen and (max-width: 767px) {
    .mbti-nav > a{
        display: block;
    }
    .mbti-nav > a > span {
        font-size: calc(.5rem + 2vw);
    }
    .mbti-nav > a > span {
        padding: 0;
        white-space: nowrap;
    }
}
/*******************************************************************************
                                mbti 유형별
********************************************************************************/
.mbti-section01 >  .mbti-width {
    padding: 6rem 0;
}
.mbti-section01-titleImg {
    margin: 0 auto;
    position: relative;
    animation: scale-in-center 1s .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.mbti-section01-titleImg > img {
    width: 100%;
}
.mbti-section01-imgBox {
    width: 45rem;
    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 {
    margin-bottom: 6rem;
}
.mbti-section01-title > span {
    display: inline-block;
    padding: .4rem 3rem;
    background: #8638E2;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    color: #fff;
    font-size: 2rem;
    margin-bottom: 1rem;
}
.mbti-section01-title > strong{
    -webkit-text-stroke: 5px #6619CA ;
    text-shadow: 7px 5px #6619CA;
    color: #fff;
}
.mbti-section01-title-strong1 {
    color: #FFFFFF;
    font-size: 5.375rem;
}
.mbti-section01-title-strong1 > strong {
    color: #25FFE6;
}
.mbti-section01-title-strong2 {
    font-size: 4.5rem;
}
.mbti-section01-title-strong2 > span {
    color: #E886F6;
}
.mbti-section01-con {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    row-gap: 1rem;
    column-gap: 3rem;
    margin-bottom: 3rem;
}
.mbti-section01-con-col {
    background: #fff;
    padding: 1.3rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #8638E2;
    font-size: 1.5rem;
    -webkit-border-radius: 1rem 0;
    -moz-border-radius: 1rem 0;
    border-radius: 1rem 0;
}
.mbti-section01-link > a {
    padding: .5rem 7rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    border: 5px solid #6619CA;
    background: #FF3282;
    box-shadow: .2rem .2rem #6619CA;
    font-size: 2rem;
    font-weight: 700;
}


@media screen and (max-width: 1080px) {
    .mbti-section01 >  .mbti-width {
        padding: 9.2593vw 30px;
    }
    .mbti-section01-title > span {
        font-size: 2.9630vw;
    }
    .mbti-section01-title-strong1 {
        font-size: 7.9630vw;
    }
    .mbti-section01-title-strong2 {
        font-size: 6.6667vw;
    }
    .mbti-section01-title > strong{
        -webkit-text-stroke: 0.4630vw #6619CA ;
        text-shadow: 0.6481vw 0.4630vw #6619CA;
    }
    .mbti-section01-con-col {
        padding: 2.2222vw 0;
        font-size: 2.2222vw;
    }
    .mbti-section01-link > a {
        padding: .5rem 7rem;
        font-size: 2.9630vw;
    }

}
@media screen and (max-width: 720px) {
    .mbti-section01 >  .mbti-width {
        padding: 9.2593vw 4.1667vw;
    }
    .mbti-section01-imgBox {
        width: 100%;
    }
    .mbti-section01-con {
        grid-template-columns: repeat(1,1fr);
    }
    .mbti-section01-title > span {
        font-size: 4vw;
        margin-bottom: .5rem;
    }
    .mbti-section01-title-strong1 {
        font-size: 9.0630vw;
    }
    .mbti-section01-title-strong2 {
        font-size: 8.6667vw;
    }
    .mbti-section01-con-col {
        padding: 3.2222vw 0;
        font-size: 4vw;
    }
    .mbti-section01-link > a {
        font-size: 5vw;
        padding: 1rem 0;
        width: 100%;
        display: inline-block;
    }
}

/*******************************************************************************
                               성향별 추천
********************************************************************************/
.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-title {
        font-size: 7vw;
    }
    .mbti-select-text {
        font-size: 6vw;
    }
    .mbti-select-category > span {
        font-size: 4vw;
    }
    .mbti-select {
        display: block;
    }
    .mbti-select-col {
        padding: 4vw;
        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: 50vw;
    }
    .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 {
    padding: 0;
    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%;
        font-size: 6vw;
    }
    .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;
    }
    .mbti-slider-sub-title {
        padding: 0 .5rem;
        font-size: 5vw;
    }
    .mbti-slider-text {
        width: 90%;
    }
    .mbti-slider-institution-title {
        font-size: 5vw;
    }
    .mbti-slider-institution > div > dl > dt {
        font-size: calc(1rem + .2vw);
    }
}

/*******************************************************************************
                        즉흥적이며 자유로운 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%;
        font-size: 7vw;
    }
    .mbti-textBox-row > dt > strong {
        font-size: 5vw;
    }
    .mbti-textBox-row > dd {
        width: 100%;
    }
    .mbti-section08-textBox {
        display: block;
    }
    .mbti-section08-textBox > span {
        display: none;
    }
    .mbti-section08-textBox > dl {
        width: 100%;
    }
    .mbti-textBox-row > dd > ul {
        text-align: left;
        list-style: outside;
    }
}
/*******************************************************************************
                                최대 150만원
********************************************************************************/
.mbti-section10-title {
    color: #6619CA;
    margin-bottom: 3rem;
}
.mbti-section10-con {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    row-gap: 2rem;
    column-gap: 2rem;
    margin-bottom: 4rem;
}
.mbti-section10-con-col {
    background: url("/images/language_course_promotion/mbti-section10-img-220617.png") no-repeat center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.4375rem;
    padding: 2rem 0;
}
.mbti-section10-imgBox > img {
    width: 100%;
}
.mbti-section10-sub-title {
    text-align: left;
    width: 70%;
    margin: 0 auto 1rem;
    font-weight: 400;
}
.mbti-section10-text {
    font-size: 1rem;
    width: 70%;
    margin: 0 auto;
    position: relative;
    padding-left: 1.4rem;
    text-align: left;
}
@media screen and (max-width: 720px) {
    .mbti-section10-con {
        grid-template-columns: repeat(2,1fr);
    }
    .mbti-section10-con-col {
        font-size: 1rem;
    }
    .mbti-section10-sub-title{
        width: 100%;
        font-size: calc(1rem + 1vw);
    }
    .mbti-section10-text{
        width: 100%;
    }
}
@media screen and (max-width: 400px) {
    .mbti-section10-imgBox {
        width: 100%;
    }
    .mbti-section10-con {
        grid-template-columns: repeat(1,1fr);
    }
}
/**************************************************************************
***************************************************************************
                ed:m 報名學員均享有   ukFair-section06
***************************************************************************
**************************************************************************/
.ukFair-section06 > div {
    padding: 100px 0;
}
.ukFair-section06-title {
    font-size: 45px;
    margin-bottom: 80px;
}
.ukFair-section06-con-row {
    position: relative;
    background: #fff;
    margin-bottom: 69px;
    border-radius: 10px;
}
.ukFair-section06-con-row-title {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
    display: inline-block;
    font-size: 20px;
    color: #fff;
    background: #00C509;
    padding: 7px 15px;
    font-weight: 700;
}
.ukFair-section06-con-row-flex {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    row-gap: 24px;
    column-gap: 24px;
    padding: 60px 30px;
}
.ukFair-section06-con-row-col-imgBox {
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ukFair-section06-con-row-col-text {
    font-size: 22px;
    font-weight: 400;
    color: #000;
}
.ukFair-section06-textBox {
    text-align: left;
}
.ukFair-section06-textBox > h5 {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 4px;
}
.ukFair-section06-textBox > ul {
    list-style-type: square;
}
.ukFair-section06-textBox > ul > li {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 4px;
}


.ukFair-section06-con-row-col-imgBox1 > img {
    width: 59px;
}
.ukFair-section06-con-row-col-imgBox2 > img {
    width: 69px;
}
.ukFair-section06-con-row-col-imgBox3 > img {
    width: 116px;
}
.ukFair-section06-con-row-col-imgBox4 > img {
    width: 73px;
}
.ukFair-section06-con-row-col-imgBox5 > img {
    width: 87px;
}
.ukFair-section06-con-row-col-imgBox6 > img {
    width: 66px;
}
.ukFair-section06-con-row-col-imgBox7 > img {
    width: 61px;
}
.ukFair-section06-con-row-col-imgBox8 > img {
    width: 69px;
}

@media screen and (max-width:1080px) {
    .ukFair-section06 > div {
        padding: 9.2593vw 2.7778vw;
    }
    .ukFair-section06-title {
        font-size: 4.1667vw;
        margin-bottom: 7.4074vw;
    }
    .ukFair-section06-con-row {
        margin-bottom: 6.3889vw;
    }
    .ukFair-section06-con-row-title {
        font-size: 1.8519vw;
        padding: 0.6481vw 1.3889vw;
    }
    .ukFair-section06-con-row-flex {
        row-gap: 2.2222vw;
        column-gap: 2.2222vw;
        padding: 5.5556vw 2.7778vw;
    }
    .ukFair-section06-con-row-col-imgBox {
        height: 12.0370vw;
    }
    .ukFair-section06-con-row-col-text {
        font-size: 2.0370vw;
    }
    .ukFair-section06-textBox > h5 {
        font-size: 1.3889vw;
        margin-bottom: 0.3704vw;
    }
    .ukFair-section06-textBox > ul > li {
        font-weight: 400;
        font-size: 1.2vw;
        margin-bottom: 0.3704vw;
    }


    .ukFair-section06-con-row-col-imgBox1 > img {
        width: 5.4630vw;
    }
    .ukFair-section06-con-row-col-imgBox2 > img {
        width: 6.3889vw;
    }
    .ukFair-section06-con-row-col-imgBox3 > img {
        width: 10.7407vw;
    }
    .ukFair-section06-con-row-col-imgBox4 > img {
        width: 6.7593vw;
    }
    .ukFair-section06-con-row-col-imgBox5 > img {
        width: 8.0556vw;
    }
    .ukFair-section06-con-row-col-imgBox6 > img {
        width: 6.1111vw;
    }
    .ukFair-section06-con-row-col-imgBox7 > img {
        width: 5.6481vw;
    }
    .ukFair-section06-con-row-col-imgBox8 > img {
        width: 6.3889vw;
    }
}
@media screen and (max-width:720px) {
    .ukFair-section06-title {
        font-size: 5.1667vw;
        margin-bottom: 7.4074vw;
    }
    .ukFair-section06-con-row-title {
        font-size: 3.8519vw;
        padding: 0.6481vw 1.3889vw;
    }
    .ukFair-section06-con-row-flex {
        grid-template-columns: repeat(2,1fr);
        row-gap: 2.2222vw;
        column-gap: 2.2222vw;
        padding: 5.5556vw 2.7778vw;
    }
    .ukFair-section06-con-row-col-imgBox {
        height: 12.0370vw;
    }
    .ukFair-section06-con-row-col-text {
        font-size: 2.5370vw;
    }
    .ukFair-section06-textBox > h5 {
        font-size: 3.3889vw;
        margin-bottom: 0.3704vw;
    }
    .ukFair-section06-textBox > ul > li {
        font-weight: 400;
        font-size: 2.2vw;
        margin-bottom: 0.3704vw;
    }


    .ukFair-section06-con-row-col-imgBox1 > img {
        width: 5.4630vw;
    }
    .ukFair-section06-con-row-col-imgBox2 > img {
        width: 6.3889vw;
    }
    .ukFair-section06-con-row-col-imgBox3 > img {
        width: 10.7407vw;
    }
    .ukFair-section06-con-row-col-imgBox4 > img {
        width: 6.7593vw;
    }
    .ukFair-section06-con-row-col-imgBox5 > img {
        width: 8.0556vw;
    }
    .ukFair-section06-con-row-col-imgBox6 > img {
        width: 6.1111vw;
    }
    .ukFair-section06-con-row-col-imgBox7 > img {
        width: 5.6481vw;
    }
    .ukFair-section06-con-row-col-imgBox8 > img {
        width: 6.3889vw;
    }
}

/**************************************************************************
***************************************************************************
                展覽優惠   ukFair-section07
***************************************************************************
**************************************************************************/
.ukFair-section07 > div {
    padding: 100px 0;
}
.ukFair-section07-title {
    font-size: 45px;
    color: #fff;
    margin-bottom: 30px;
}
.ukFair-section07-text {
    font-size: 20px;
    color: #fff;
    margin-bottom: 60px;
}
.ukFair-section07-text > span {
    color: #85FF49;
}
.ukFair-section07-con {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 64px;
    row-gap: 34px;
}
.ukFair-section07-col {
    height: 208px;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0 34px ;
    background: #fff;
    border-radius: 13px;
}
.ukFair-section07-col-title {
    margin-bottom: 13px;
    font-size: 22px;
    font-weight: 700;
    color: #000;
}
.ukFair-section07-col-text {
    font-size: 16px;
    font-weight: 300;
}

@media screen and (max-width:1080px) {
    .ukFair-section07 > div {
        padding: 9.2593vw 2.7778vw;
    }
    .ukFair-section07-title {
        font-size: 4.1667vw;
        margin-bottom: 2.7778vw;
    }
    .ukFair-section07-text {
        font-size: 1.8519vw;
        margin-bottom: 5.5556vw;
    }
    .ukFair-section07-con {
        column-gap: 5.9259vw;
        row-gap: 3.1481vw;
    }
    .ukFair-section07-col {
        height: 19.2593vw;
        padding: 0 3.1481vw ;
        border-radius: 1.2037vw;
    }
    .ukFair-section07-col-title {
        margin-bottom: 1.2037vw;
        font-size: 2.0370vw;
    }
    .ukFair-section07-col-text {
        font-size: 1.4815vw;
    }

}
@media screen and (max-width:720px) {
    .ukFair-section07-title {
        font-size: 5.1667vw;
    }
    .ukFair-section07-text {
        font-size: 2.5519vw;
    }
    .ukFair-section07-con {
        text-align: left;
        grid-template-columns: repeat(1,1fr);
    }
    .ukFair-section07-col {
        height: 23.2593vw;
        display: block;
        padding: 3.5vw;
    }
    .ukFair-section07-col-title {
        margin-bottom: 2.2037vw;
        font-size: 3.0370vw;
    }
    .ukFair-section07-col-text {
        font-size: 2.4815vw;
    }
}

/*******************************************************************************
                                슬라이드
********************************************************************************/
.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: absolute;
    background: none;
    border: none ;
    font-size: 0;
    top: 0;
    z-index: 20;
}
.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;
    }
}