.mo-br{ display: none; }
.pc-br{ display: block; }
.container.best-awards { overflow: visible; }

/* 비주얼 */
.best-awards .area-pg-visual { position: relative; width: 100%; height: 20.8rem; padding: 5rem 0;}
.best-awards .area-pg-visual .maxWidth {position: relative; width: 100%; height: 100%; }
.best-awards .area-pg-visual .bgImage { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/mainBanner.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.best-awards .area-pg-visual .titleWrap { display: inline-block; position: relative; color: var(--c-text01);}
.best-awards .area-pg-visual .titleWrap:after { display: block; position: absolute; top: 0; right: -6rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/tagMainBanner.png'); background-repeat: no-repeat; background-size: cover; background-position: center; width: 6rem; height: 6rem;content: ""; }
.best-awards .area-pg-visual .titleWrap span { display: block; font-size: var(--f-fontSize05); font-weight: 700; }
.best-awards .area-pg-visual .titleWrap .title { margin-top: 0.3rem; }
.best-awards .area-pg-visual .titleWrap .title strong { background: linear-gradient(90deg, #FF00B3 16.31%, #FF3FD5 49.9%, #7B00FF 83.49%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 130%; }
.best-awards .area-pg-visual .titleWrap .title strong::selection{color: #fff; background: #FF00B3 !important; background-color: #FF00B3; background-clip: initial; -webkit-background-clip: initial; -webkit-text-fill-color: #fff;}
.best-awards .area-pg-visual .textBox { width: 33rem; margin-top: 1.2rem; padding: .6rem 1.2rem ; border-radius: var(--r-radius01); background: linear-gradient(111.41deg, rgba(255, 255, 255, 0.63) -26.06%, rgba(255, 255, 255, 0.36) 73.94%); font-size: var(--f-fontSize05); letter-spacing: -.3px; }
.best-awards .area-pg-visual .textBox strong { display: block; color: #FF00A1;}

.best-awards section .maxWidth { max-width: 1248px; padding: 5rem 0; }

/* Thank You Gift */
.thank { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/bgThankSection.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: auto; text-align: center; }
.thank .title {display: inline-block; position: relative; background: linear-gradient(180deg, #FFFCA0 14.29%, #FFC916 77.78%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0px 4px 20px #39016020; line-height: 150%; }
.thank .title:before {display: block; position: absolute; top: 0; left: -3.6rem; width: 2.2rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/titleTagLeft.png') no-repeat center center; background-size: cover; aspect-ratio: 44/80; content: ""; }
.thank .title:after {display: block; position: absolute; top: 0; right: -3.6rem; width: 2.2rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/titleTagRight.png') no-repeat center center; background-size: cover; aspect-ratio: 44/80; content: ""; }
.thank .thank-section-box { width: 100%; margin: 2rem 0 4rem; padding: 3rem 11.2rem ; border-radius: var(--r-radius01); background: #fff; box-shadow: 0px 2px 40px 0px #6400A8; }
.thank .thank-section-box.last { margin-bottom: 0; }
.thank .common-videoPlay .videoWrap.youtube { padding-bottom: 56.25%; border-radius: var(--r-radius01); }
.thank .common-videoPlay .videoWrap.youtube iframe { top: 0; left: 0; border-radius: var(--r-radius01); }
.thank .common-videoPlay .videoWrap.youtube figure::after { width: 4.1rem; height: 4.1rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/btn_play.png'); }
.thank .common-videoPlay .videoWrap + .videoWrap { margin-top: 1.6rem; }
.thank .thank-section-box .textWrap { margin-top: 2rem; font-size: var(--f-body1); color: var(--c-text01); }
.thank .thank-section-box .textWrap strong { font-size: var(--f-fontSize05); }
.thank .thank-section-box .textWrap .pink { color: #FF00A1; }
.thank .tagTop { display: inline-block; width: 8.3rem; height: 2.5rem; margin-bottom: .4rem; border-radius: var(--r-radius03); background: linear-gradient(90deg, #FF54EE 0%, #FF0DC2 100%); box-shadow: 0px 4px 10px 0px #0000001F; font-size: var(--f-fontSize04); font-weight: 700; line-height: 2.5rem; text-align: center; color: #fff; }

/* sns */
.sns { overflow: visible; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/bgSnsSection.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: auto; }
.best-awards .sns .maxWidth { padding: 0 0 5rem; }
.best-awards #sns-tabMenu .maxWidth { padding: 5rem 0 2rem; }
#sns-tabMenu { position: sticky; top: 0; left: 0; z-index: 1; background: #710CEE; }
#sns-tabMenu .buttonWrap { display: flex; gap: 24px; }
#sns-tabMenu button { width: calc( 50% - 12px); height: 4rem; border-radius: var(--r-radius03); background-color: #5B03C8; font-size: var(--f-fontSize02); font-weight: 400; line-height: 4rem; color: #fff; }
#sns-tabMenu button.active { background-color: #fff; box-shadow: 0px 4px 12px 0px #45009A; font-weight: 500; color: var(--c-text01); }
.sns .sns-section-box { width: 100%; padding: 3rem 7.8rem ; border-radius: var(--r-radius01); background: #fff; box-shadow: 0px 2px 20px 0px #45009A; }
.sns .list-youtube { display: grid; grid-template-columns: repeat(2,1fr); gap: 40px; }
.sns .list-youtube .img { position: relative; }
.sns .list-youtube .img::after{ content: ''; position: absolute; top: 16px ; right: 16px; width: 4.1rem; height: 4.1rem; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/btn_play.png'); touch-action: none; pointer-events: none;}
.sns .list-youtube .img img { width: 100%; border-radius: var( --r-radius01); aspect-ratio: 448/252; }
.sns .list-youtube .textBox { margin-top: .8rem; font-size: var( --f-body1); color: var(--c-text01); text-align: left; }
.sns .sns-section-box.blog { margin-top: 3rem; padding: 3.6rem 5.6rem; }
.sns .list-blog li { margin-bottom: 16px; border-radius: 4px; border: 1px solid #C5C5C5; }
.sns .list-blog li:last-child { margin-bottom: 0; }
.sns .list-blog .blogWrap { display: flex; gap: 24px; }
.sns .list-blog .imageWrap { width: 20rem; }
.sns .list-blog .imageWrap .image { width: 100%; min-height: 12.3rem; border-radius: 4px 0 0 4px; background-size: cover; background-position: center; }
.sns .list-blog .imageWrap .image01 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/img_blog_01.png'); }
.sns .list-blog .imageWrap .image02 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/img_blog_02.png'); }
.sns .list-blog .imageWrap .image03 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/img_blog_03.jpg'); }
.sns .list-blog .imageWrap .image04 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/img_blog_04.png'); }
.sns .list-blog .imageWrap .image05 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/img_blog_05.jpg'); }
.sns .list-blog .imageWrap .image06 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/img_blog_06.jpg'); }
.sns .list-blog .textWrap { width: calc(100% - 20rem - 24px ); padding: 24px; padding-left: 0; text-align: left; }
.sns .list-blog .textWrap .title { display: block; font-size: var(--f-fontSize05); line-height: 135%; color: var(--c-text01); }
.sns .list-blog .textWrap p { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 16px; font-size: var(--f-body2); color: var(--c-text01); }
.sns .list-blog .textWrap a { margin-top: 0.8rem; width: 8.8rem; border-radius: 8px; background-color: #5700C3; color: #fff; font-size: var(--f-body2); height: 40px; line-height: 150%; font-weight: 500; display: flex; align-items: center; justify-content: center; }
.sns .list-blog .textWrap a .arrow {background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/common/buttonArrow.svg');background-repeat: no-repeat;background-size: contain;background-position: center;width: 0.8rem;height: 0.8rem;margin-left: 0.2rem; }

/* LOVE YOUR DREAM */
.dream { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/bgDreamBanner.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: auto; text-align: center; }
.dream .text { font-size: var(--f-fontSize02); font-weight: 500; line-height: 132%; color: var(--c-text01); }
.dream img { display: block; width: 20rem; max-width: 400px; margin: 2rem auto 0;}

/* 2023 유학후기 BEST AWARDS */
.awards { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/bgAwardsBanner.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: auto; text-align: center; }
.best-awards .awards .maxWidth { padding: 4rem 0; }
.awards .title { font-size: var(--f-display); font-weight: 700; line-height: 130%; color: #fff; text-shadow: 0px 4px 20px #00000020; }
.awards .title strong {background: linear-gradient(180deg, #FFFCA0 14.29%, #FFC916 77.78%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0px 4px 20px #00000020; font-weight: 700; line-height: 130%; }
.awards a { width: 12.5rem; margin: 1.2rem auto 0; border-radius: var(--r-radius03); background-color: #1EC95B; color: #fff; font-size: var(--f-fontSize04); height: 2.8rem; line-height: 150%; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.awards a .arrow {background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/common/buttonArrow.svg');background-repeat: no-repeat;background-size: contain;background-position: center;width: 0.8rem;height: 0.8rem;margin-left: 0.2rem; }

/*******************************************************************************
                                팝업
********************************************************************************/
/* 팝업 */
.youtube-popup-wrap {display: none;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%); z-index: 100; background: rgba(0, 0, 0, 0.7);width: 100vw;height: 100vh;}
.youtube-popup-close {position: absolute;right: 0;top: -3.6rem;display: inline-block;cursor: pointer;font-size: 2rem;color: #fff;}
.youtube-popup-close .ui-layout-close {width: 2.4rem; height: 2.4rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/iconClose.png'); background-size: contain;}
.youtube-popup {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 96%; max-width: 960px;}

@media screen and (max-width: 1280px) {
    .best-awards section .maxWidth { padding: 5rem 16px; }
    .best-awards .sns .maxWidth { padding: 0 16px 5rem; }
    .best-awards #sns-tabMenu .maxWidth { padding: 5rem 16px 2rem; }
    .best-awards .awards .maxWidth { padding: 4rem 16px; }
    .best-awards #sns-tabMenu .maxWidth { padding: 5rem 16px 2rem; }
}

@media screen and (max-width: 768px) {
    .mo-br{ display: block; }
    .pc-br{ display: none; }
    .best-awards section .maxWidth { padding: 3.85rem 16px; }
    
    /* 비주얼 */
    .best-awards .area-pg-visual { height: auto; padding: 3.23rem 0; }
    .best-awards .area-pg-visual .maxWidth { padding: 0 24px; }
    .best-awards .area-pg-visual .bgImage { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/mainBanner_mo.jpg'); }
    .best-awards .area-pg-visual .titleWrap .title { margin-top: 4px; font-size: 2.46rem; }
    .best-awards .area-pg-visual .titleWrap:after { right: -7.7rem;width: 7.7rem; height: 7.7rem; }
    .best-awards .area-pg-visual .textBox { width: 100%; margin-top: 1.85rem; padding: .92rem 16px; }
    .best-awards .area-pg-visual .textBox strong { line-height: 130%; }
    .best-awards .area-pg-visual .textBox p { font-size: var(--f-body1); }

    /* Thank You Gift */
    .thank { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/bgThankSection_mo.jpg')}
    .best-awards section.thank .maxWidth { padding-top: 4.31rem; }
    .thank .title { font-size: 1.84rem; line-height: 134%;}
    .thank .title:before { top: 50%; left: -2.6rem; width: 1.84rem; transform: translateY(-50%); }
    .thank .title:after { top: 50%; right: -2.6rem; width: 1.84rem; transform: translateY(-50%); }
    .thank .thank-section-box { margin: 2rem 0 3.08rem; padding: 1.85rem 16px; }
    .thank .thank-section-box .textWrap { margin-top: 1.23rem; letter-spacing: -.2px;}
    .thank .thank-section-box .textWrap strong { display: block; }
    .thank .tagTop { width: 10rem; height: 2.77rem; margin-bottom: 1.08rem; line-height: 2.77rem; }
    .thank .common-videoPlay .videoWrap + .videoWrap { margin-top: 1.23rem; }
    .thank .common-videoPlay .videoWrap.youtube figure::after { width: 3.7rem; height: 3.7rem; }
    
    /* sns */
    .best-awards .sns .maxWidth { padding: 0 16px 3.85rem; }
    .best-awards #sns-tabMenu .maxWidth { padding: 16px 16px 12px; }
    #sns-tabMenu .buttonWrap { gap: 16px; }
    #sns-tabMenu button { width: calc( 50% - 8px); height: 3.1rem; font-size: var( --f-fontSize05); line-height: 3.1rem; }
    #sns-tabMenu button.active { font-weight: 700; }
    .sns .sns-section-box { padding: 1.85rem 16px; }
    .sns .list-youtube { grid-template-columns: repeat(1, 1fr); gap: 24px; }
    .sns .list-youtube .textBox { margin-top: 12px; text-align: center; }
    .sns .list-youtube .img::after { width: 3.7rem; height: 3.7rem; }
    .sns .sns-section-box.blog { margin-top: 20px; padding: 2.3rem 16px; }
    .sns .list-blog .blogWrap { display: block; }
    .sns .list-blog .imageWrap { width: 100%; }
    .sns .list-blog .imageWrap .image { height: 12.54rem; }
    .sns .list-blog .textWrap { width: 100%; padding: 16px; text-align: center; }
    .sns .list-blog .textWrap p { margin-top: 12px; -webkit-line-clamp: 6; }
    .sns .list-blog .textWrap .title { line-height: 150%; }
    .sns .list-blog .textWrap a { width: 11.08rem; height: 2.46rem; margin: 12px auto 0; }
    
    /* LOVE YOUR DREAM */
    .dream .text { font-size: var(--f-fontSize05); font-weight: 700; line-height: 150%; }
    .dream img { width: 15.08rem; margin-top: 24px; }

    /* 2023 유학후기 BEST AWARDS */
    .best-awards .awards .maxWidth { padding: 3.85rem 16px; }
    .awards { height: 27.7rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/best-awards/bgAwardsBanner_mo.jpg'); }
    .awards a { height: 3.1rem; margin: 12px auto 0; }
}