@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
/*******************************************************************************
                                  애니메이션
********************************************************************************/
@keyframes move {
    0%{transform: translateY(0);opacity: 0;}
    10% ,90%{opacity: 1;}
    100%{transform: translateY(45vw);opacity: 0;}
}
#app { overflow-x: visible !important; }
figure { margin:0; }
.nav-mobile-search { z-index: 4; }
.quickNav { padding-left: 0; right:calc(-1 * (20.5rem + 1px)) }
.quickNav__switch { left: auto; right: calc(100% - 1px); }
/*******************************************************************************
                                  layout
********************************************************************************/
.dndn-package * {overflow: initial;box-sizing: border-box;font-family: 'Noto Sans TC', sans-serif;}
.dndn-package ul {list-style: none;padding: 0;}
.dndn-package-section01 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section01-bg01-221026.jpg") no-repeat center bottom;background-size: cover;}
.dndn-package-section01.christmas {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section01-bg03-231130.jpg") no-repeat right bottom;background-size: cover;}
.dndn-package-section01.event {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/edmtw-bg1-241206.png") no-repeat center;background-size: cover;}
.dndn-package-section02 {background: linear-gradient(180deg, #FDDBBC 10%, #FFBFA7 30%) ;}
.dndn-package-section03 {background: #F3FFFE;}
.dndn-package-section04 {background: #B8E1FF;}
.dndn-package-section05 {background: #F4FDFC;}
.dndn-package-section06 {background: #FFF6C4;}
.dndn-package-section07 {background: #EBEBEB;display: none;}
.dndn-package-section08 {background: #FFD786;}
.dndn-package-section09 {background: #3B1991;}
.dndn-package-section10 {background: url("/images/dndn-package/dndn-package-section010-bg.jpg") no-repeat top center;background-size: cover;}
.dndn-package-section10.green {background: #D6F2E0;}
.dndn-package-section11 {background: #A3E6FF;}
.dndn-package-section12 {background: #FFECD6;}
.dndn-package-section13 {background: #F0EFFA;}
.dndn-package-section15 {background: url("/images/dndn-package/dndn-package-section015-bg.jpg") no-repeat top center;background-size: cover;}
.dndn-package-section16 {overflow: hidden;position: relative;z-index: 1;background: #D1F7FB;}
/* .area_renewal * {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important; overflow: initial; line-height: 150%;} */
.area_renewal * {overflow: initial; line-height: 150%;}
.area_renewal .maxWidth { max-width: 1248px; margin: 0 auto;}
.dndn-package-width {width: 1248px;margin: 0 auto;padding: 7.5rem 0;text-align: center;}
.dndn-package-sub-title {margin-top: 0;margin-bottom: 60px;font-size: 54px;font-weight: 700;line-height: 130%;color: #000;}
.dndn-package-sub-title > span {font-size: 32px;color: #000000;}
.dndn-package-sub-title > strong {line-height: 130%; color: #8150FF;}
br.mo-br {display: none;}
br.pc-br {display: block;}
.mo-display {display: none !important;}
.pc-display {display: block !important;}
@media screen and (max-width: 1280px) {
    .dndn-package .maxWidth { width: 100%; padding: 0 16px; }
    .dndn-package-width { width: 100%; padding: 100px 16px; }
}
@media screen and (max-width:1200px) {
    .dndn-package-width {width: 100%;padding: 100px 16px;}
}
@media screen and (max-width:768px) {
    br.mo-br {display: block;}
    br.pc-br {display: none;}
    .mo-display {display: block !important;}
    .pc-display {display: none !important;}
    .dndn-package-width { padding: 50px 16px; }
    .dndn-package-sub-title {font-size: 28px; margin-bottom: 30px;}
    .dndn-package-sub-title > span {font-size: 28px;}
}
/* 리뉴얼 커스터마이징 */
:root{
    /* Color */
    --c-primary : #1EC95B;
    --c-point : #FC1D01;
    --c-background-neutral : #F5F5F7;
    --c-background-yellow : #F8FAEC;
    --c-background-blue : #EAFAFF;
    --c-text01 : #000000;
    --c-text02 : #333333;
    --c-text03 : #666666;
    --c-text04 : #999999;
    --c-gradient-red : linear-gradient(90deg, #FC1D01 0%, #FDA245 100%);
    --c-gradient-green : linear-gradient(90deg, #1EC95B 0%, #01D29C 100%);
    --c-border-neutral : #F5F5F7;
    --c-border-blue : #E4E8F1;
    --c-border-black : #000000;
    --c-success : #1EC95B;
    --c-warning : #FC1D01;

    /* Typography */
    --f-display : 3.375rem; /* 54px */
    --f-fontSize01 : 2.5rem; /* 40px */
    --f-fontSize02 : 2rem; /* 32px */
    --f-fontSize03 : 1.625rem; /* 26px */
    --f-fontSize04 : 1.375rem; /* 22px */
    --f-fontSize05 : 1.25rem; /* 20px */
    --f-body1 : 1.125rem; /* 18px */
    --f-body2 : 1rem; /* 16px */
    --f-detail : 0.875rem; /* 14px */

    /* letter spacing (Typography와 함께 사용) */
    --ls-display : ;

    /* Shadows */
    --s-shadow-neutral01 : 0px 4px 10px 0px rgba(0, 0, 0, 0.12);
    --s-shadow-neutral02 : 0px 8px 20px 0px rgba(0, 0, 0, 0.12);
    --s-shadow-neutral03 : 0px 14px 40px 0px rgba(0, 0, 0, 0.14);
    --s-shadow-blue01 : 0px 4px 10px 0px #EBEFF4;
    --s-shadow-blue02 : 0px 8px 20px 0px #EBEFF4;
    --s-shadow-blue03 : 0px 14px 40px 0px #EBEFF4;

    /* Radius */
    --r-radius01: 12px;
    --r-radius02: 24px;
    --r-radius03: 9999999px;
}
@media screen and (max-width: 768px) {
    :root{
        /* Typography */
        --f-display : 1.75rem; /* 28px */
        --f-fontSize01 : 1.563rem; /* 25px */
        --f-fontSize02 : 1.38rem; /* 22px */
        --f-fontSize03 : 1.25rem; /* 20px */
        --f-fontSize04 : 1.13rem; /* 18px */
        --f-fontSize05 : 1rem; /* 16px */
        --f-body1 : .94rem; /* 15px */
        --f-body2 : .88rem; /* 14px */
        --f-detail : .813rem; /* 13px */
    }
}
/* 비주얼 */
.dndn-package .area-pg-visual { position: relative; width: 100%; height: 28.5rem; padding: 6.38rem 0; }
.dndn-package .area-pg-visual h1{font-size: var(--f-display); font-weight: 700; line-height: 110%; letter-spacing: -1.08px;}
.dndn-package .area-pg-visual .maxWidth {position: relative; }
.dndn-package .area-pg-visual .bgImage { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/mainBanner_tw_250530.png'); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.dndn-package .area-pg-visual .titleWrap { position: absolute; z-index: 1; }
.dndn-package .area-pg-visual .titleWrap > span { display: inline-block; font-size: var(--f-body1); color: #fff; background: #FF50CA; border-radius: 8px; padding: 2px 8px; font-weight: 700; }
.dndn-package .area-pg-visual .titleWrap > span + span { margin-left: 0.5rem; }
.dndn-package .area-pg-visual .titleWrap .title { margin-bottom: 0; color: #000; }
.dndn-package .area-pg-visual .titleWrap .title strong { color: #071CFF; }
.dndn-package .area-pg-visual .titleWrap .sub { font-size: var(--f-fontSize05); color: #fff; }
.dndn-package .area-pg-visual .textWrap { margin-top: 1.5rem; font-size: var(--f-body2); font-weight: 400; line-height: 130%; color: #000; }
.dndn-package .area-pg-visual .textWrap .box { display: flex; gap: .75rem; line-height: 130%; }
.dndn-package .area-pg-visual .textWrap .box + .box { margin-top: 0.75rem; }
.dndn-package .area-pg-visual .textWrap .box strong { height: 24px; padding: 0 .5rem; border: 1px solid #000; border-radius: 4px; font-weight: 400; line-height: 130%; }
.dndn-package .area-pg-visual .textWrap .contact-btn { width: 8.4rem;margin-top: 2rem;display: block;border-radius: 999999px;background-color: var(--c-text01);color: #fff;font-size: var(--f-detail);height: 32px;line-height: 150%;font-weight: 400;display: flex;align-items: center;justify-content: center; }
.dndn-package .area-pg-visual .textWrap .contact-btn span { margin-top: -1px; }
.dndn-package .area-pg-visual .textWrap .contact-btn .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: 1rem;height: 1rem;margin: 0;margin-top: -1px;margin-left: 0.2rem; }
.dndn-package .area-pg-visual .contactWrapBox { width: 100%; height: 100%; }
.dndn-package .area-pg-visual .contactWrap { position: absolute; z-index: 1; right: 0; background-color: #fff; border-radius: 24px; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.12); width: 400px; padding: 24px 16px; top: 50%; transform: translateY(-50%); }
.dndn-package .area-pg-visual .contactWrap .box { position: relative; padding-left: 4.13rem; font-size: var(--f-body2); line-height: 150%;}
.dndn-package .area-pg-visual .contactWrap .box + .box { margin-top: 0.75rem; }
.dndn-package .area-pg-visual .contactWrap strong { width: 4.13rem; padding-left: 1rem; position: absolute; left: 0; font-weight: 500; display: block; }
.dndn-package .area-pg-visual .contactWrap p { color: var(--c-text02); }
.dndn-package .area-pg-visual .contactWrap .contact-btn { margin-top: 1rem; display: block; border-radius: 999999px; background-color: var(--c-text01); color: #fff; font-size: var(--f-body1); height: 40px; line-height: 150%; font-weight: 600; display: flex; align-items: center; justify-content: center; }
.dndn-package .area-pg-visual .contactWrap .contact-btn:hover { background-color: #18A149; }
.dndn-package .area-pg-visual .contactWrap .contact-btn .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: 1rem; height: 1rem; margin-left: 0.2rem; }
@media screen and (max-width: 1280px) {
    .dndn-package .area-pg-visual .contactWrap{right: 16px;}
}
@media screen and (max-width: 800px) {
    .dndn-package .area-pg-visual .contactWrap { width: 360px; }
 }
@media screen and (max-width: 768px) {
    .dndn-package .area-pg-visual { height: 27.15rem; padding: 2.5rem 0 1rem; }
    .dndn-package .area-pg-visual .bgImage { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/mainBanner_tw_mo_250530.png'); background-position: bottom center; }
    .dndn-package .area-pg-visual .titleWrap { position: relative; z-index: 1;}
    .dndn-package .area-pg-visual .titleWrap .title { margin-top: 8px; line-height: 36px; }
    .dndn-package .area-pg-visual .titleWrap .title strong { line-height: 36px;}
    .dndn-package .area-pg-visual .titleWrap span { line-height: 22px; padding: 2px 4px; }
    .dndn-package .area-pg-visual .titleWrap span + span { margin-left: 8px; }
    .dndn-package .area-pg-visual .titleWrap .sub { line-height: 24px; margin-top: 8px; }
    .dndn-package .area-pg-visual .textWrap { font-weight: 500; }
    .dndn-package .area-pg-visual .textWrap .box + .box { margin-top: 8px; }
    .dndn-package .area-pg-visual .textWrap .box strong { height: 21px; }
    .dndn-package .area-pg-visual .textWrap .contact-btn { display: none; }
    .dndn-package .area-pg-visual .contactWrapBox { height: auto; }
    .dndn-package .area-pg-visual .contactWrap { position: relative; transform: none; width: 100%; top: 0; left: 0; padding: 16px 24px; margin-top: 8.7rem; }
    .dndn-package .area-pg-visual .contactWrap strong { width: 4.46rem; padding-left: 0; }
    .dndn-package .area-pg-visual .contactWrap .box { padding-left: 3.62rem; }
    .dndn-package .area-pg-visual .contactWrap .box + .box { margin-top: 12px; }
    .dndn-package .area-pg-visual .contactWrap .contact-btn { display: none; }
}
.program .navigation { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 2.2rem; font-size: var(--f-body1); position: relative; z-index: 6; }
.program .navigation button { background-color: #E2E2E5; width: 2.5rem; height: 2.5rem; border-radius: 50%; background-repeat: no-repeat; background-size: contain; background-position: center; }
.program .navigation button:hover { background-color: #ccc; }
.program .navigation button + button { margin-left: 1rem; }
.program .navigation .nav-prev { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/common/nav_prev.svg'); }
.program .navigation .nav-next { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/common/nav_next.svg'); }
.program .navigation .control { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/common/control_stop.svg'); }
.program .navigation .control.play { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/common/control_play.svg'); }
.program .navigation .fraction { display: inline-block; width: auto; margin-right: 1rem;}
.program .navigation .fraction .swiper-pagination-current { color: var(--c-text01); font-weight: 700; }
.program .navigation .swiper-button-disabled{display: block !important; touch-action: none; pointer-events: none; opacity: 0.6;}
@media screen and (max-width: 768px){
    .program .navigation { position: absolute; bottom: 0; right: 16px; margin: 0; padding: 0; }
    .program .navigation button.nav-prev,
    .program .navigation button.nav-next,
    .program .navigation button.control { display: none !important; }
    .program .navigation .fraction { background-color: #E2E2E5; border-radius: 999999px; padding: 2px 16px; font-size: var(--f-body2); margin-right: 0;}
    .program .navigation .fraction span { display: inline-block; font-size: inherit; }
}
/* 탭 메뉴 */
#page-tabMenu { padding: 1rem; border-bottom: 1px solid var(--c-border-blue); position: sticky; top: 112px; background-color: #fff; z-index: 7; }
#page-tabMenu button { display: inline-block; font-size: var(--f-fontSize05); color: var(--c-text03); position: relative; }
#page-tabMenu button::after { content: ''; position: absolute; bottom: -1rem; left: 50%; transform: translateX(-50%); width: 0; height: 4px; background-color: var(--c-primary); z-index: 1; opacity: 0; transition: width 0.5s ease; }
#page-tabMenu button.active { font-weight: 700; color: var(--c-text01); }
#page-tabMenu button.active::after,
#page-tabMenu button:hover::after { opacity: 1; width: 100%; }
#page-tabMenu button + button { margin-left: 3.375rem; }
@media screen and (max-width: 1160px){ 
    #page-tabMenu { top: 152px; }
}
@media screen and (max-width: 991px){
    #page-tabMenu { top: 59px; }
}
@media screen and (max-width: 768px){
    #page-tabMenu { padding: 16px 0; }
    #page-tabMenu button + button { margin-left: 14px; }
    #page-tabMenu button::after{bottom: -17px;}
}
/* 핵심 보기 */
#pointView { padding: 0; overflow: hidden; }
#pointView .slideWrap { overflow: hidden; width: calc(100% + 150px); margin-left: -50px; padding: 1.5rem 50px 5rem; position: relative; }
#pointView .slideWrap::before { content: ''; position: absolute; width: 50px; left: 0; height: 100%; background: linear-gradient(90deg, #fff 75%, transparent 100%); z-index: 4; top: 0; }
#pointView .slideWrap::after { content: ''; position: absolute; width: 100px; right: 0; height: 100%; background: linear-gradient(-90deg, #fff 0%, transparent 100%); z-index: 4; top: 0; }
#pointView .slideWrap .navigation{margin-bottom: 1.5rem;}
#pointView .swiper-wrapper { height: auto; }
#pointView .swiper-slide { border-radius: 24px; box-shadow: 0 8px 20px 0 #EBEFF4; padding: 2rem 1.5rem; border: 1px solid var(--c-border-blue); height: 14rem; }
#pointView .swiper-slide figure { width: 2.5rem; height: 2.5rem; background-size: contain; background-position: center; background-repeat: no-repeat; display: block; margin-bottom: 7px;}
#pointView .swiper-slide p { font-size: var(--f-fontSize03); font-weight: 700; color: var(--c-text01); margin-bottom: 0.5rem; }
#pointView .swiper-slide p strong { color: #FC1D01; }
#pointView .swiper-slide span { display: block; color: var(--c-text03); font-size: var(--f-body1); line-height: 27px; }
@media screen and (max-width: 1500px){
    #pointView .slideWrap { width: calc(100% + 100px); }
    #pointView .slideWrap::after { background: linear-gradient(-90deg, #fff 50%, transparent 100%); }
}
@media screen and (min-width: 769px) and (max-width: 1140px){
    #pointView .swiper-slide {height: auto;}
}
@media screen and (max-width: 768px){
    #pointView .slideWrap { padding: 32px 0 5.461rem 16px; width: calc(100% + 32px); margin-left: -16px; }
    #pointView .slideWrap::before { background: linear-gradient(90deg, #fff 55%, transparent 100%); width: 16px; }
    #pointView .slideWrap::after { background: linear-gradient(-90deg, #fff 50%, transparent 100%); width: 50px; }
    #pointView .swiper-slide { height: 11.38rem; padding: 24px 16px;  max-width: initial;}
    #pointView .swiper-slide figure { width:2.46rem; height: 2.46rem; margin-bottom: 8px; }
    #pointView .swiper-slide p { line-height: 30px; margin-bottom: 8px; }
    #pointView .swiper-slide span { line-height: 22.5px; }
    #pointView .slideWrap .navigation{margin-bottom: 0; bottom: 2.461rem;}
}
/* 학생 리뷰 */
.dndn-package .area-review { background: #FFF6C3; }
.dndn-package .area-review .dndn-package-width { padding-bottom: 6.25rem; }
.dndn-package .area-review .box-cont { padding: 3.75rem; border-radius: 24px; background-color: #fff; box-shadow: 0px 8px 20px 0px #0000001F; }
.dndn-package .area-review .box-cont > h3 { margin: 0; font-size: var(--f-fontSize02); font-weight: 400; line-height: 130%; text-align: center; }
.dndn-package .area-review .list-cont { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; margin: 1.92rem auto 0; text-align: left; }
.dndn-package .area-review .list-cont li { overflow: hidden; min-height: 21.25rem; position: relative; padding: 2rem 1.5rem; border-radius: 24px; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/reviewBox_tw_img01.jpg'); background-size: cover; background-position: bottom center; background-repeat: no-repeat; box-shadow: 0px 8px 20px 0px #0000001F; }
.dndn-package .area-review .list-cont li.list02 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/reviewBox_tw_img02.jpg'); }
.dndn-package .area-review .list-cont li.list03 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/reviewBox_tw_img03.jpg'); }
.dndn-package .area-review .list-cont li.list04 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/reviewBox_tw_img04.jpg'); }
.dndn-package .area-review .list-cont li:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.3; content: ""; }
.dndn-package .area-review .textWrap { position: relative; font-size: var(--f-body2); font-weight: 600; color: #fff; z-index: 1;}
.dndn-package .area-review .textWrap p { margin-bottom: .6rem; }
.dndn-package .area-review .textWrap span { display: block; font-weight: 700; line-height: 130%; }
.dndn-package .area-review .textWrap strong { font-weight: 600; color: #FFF843; }
@media screen and (max-width:768px) {
    .dndn-package .area-review .box-cont { padding: 1.9rem 16px 1.9rem; border-radius: 12px; }
    .dndn-package .area-review .box-cont > h3 { line-height: 100%; }
    .dndn-package .area-review .slide { position: relative; padding-bottom: 2.5rem; margin-top: 1.5rem; }
    .dndn-package .area-review .swiper-container { overflow: hidden; position: relative; }
    .dndn-package .area-review .swiper-container::after { content: ''; position: absolute; width: 72px; right: 0; height: 100%; background: linear-gradient(-90deg, #fff 0%, transparent 100%); z-index: 4; top: 0; }
    .dndn-package .area-review .list-cont { position: relative; height: 16.25rem; gap: 0; margin-top: 0; }
    .dndn-package .area-review .list-cont li { min-height: 100%; padding: 1.5rem; background-position: center; box-shadow: none; }
    .dndn-package .area-review .textWrap p { letter-spacing: -.5px;}
    .dndn-package .area-review .slide .navigation { right: 0; }
}
/*******************************************************************************
                                  타이틀
********************************************************************************/
.dndn-package-section01-title {width: 75%;margin: 0 auto;padding: 105px 40px;background: #0C1B43;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;color: #FFFFFF;font-size: 60px;line-height: 1.2;}
.dndn-package-section01-title > em {display: inline-block;padding: 4px 16px;margin-bottom: 40px;background: #fff;font-size: 34px;color: #0C1B43;font-weight: 400;font-style: normal;}
.dndn-package-section01-title > small {font-size: 36px;line-height: 1;font-weight: 500;}
.dndn-package-section01-title > span {display: inline-block;line-height: 1;font-size: 32px;color: #0D1C43;background: #FAB52A;padding: 10px 48px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;transform: translateY(-20%);font-weight: 400;}
.dndn-package-section01-title > span a {color: #0D1C43;}

@media screen and (max-width:1200px)  {
    .dndn-package-section01-title {width: 90%;padding: 105px 16px;}
}

@media screen and (max-width:767px) {
.dndn-package-section01-title {width: 100%;font-size: 30px;padding: 70px 8px;}
.dndn-package-section01-title > em {margin-bottom: 16px;font-size: 16px;}
.dndn-package-section01-title > small {font-size: 16px;}
.dndn-package-section01-title > strong {margin-bottom: 20px;font-size: 36px;}
.dndn-package-section01-title > span {font-size: 16px;padding: 8px 36px;}
}
/*******************************************************************************
                              무엇이 걱정되나요?
********************************************************************************/
.dndn-package-section02-title {font-size: 44px;color: #000;margin-bottom: 50px;line-height: 1.4;}
.dndn-package-section02-title > span {display: inline-block;padding: 4px 20px;background: #8150FF;color: #fff;font-size: 60px;}
.dndn-package-section02-con {-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #fff;margin-bottom: 8px;padding: 20px 0;}
.dndn-package-section02-con > span {font-size: 28px;font-weight: 500;color: #000;position: relative;}
.dndn-package-section02-con > span::before {content: '';position: absolute;left: 105%;top: 50%;transform: translateY(-50%);width: 104px;height: 86px;}
.dndn-package-section02-con:nth-child(2n +1) > span::before {left: auto;right: 105%;}
.dndn-package-section02-text {margin-top: 60px;font-size: 32px;color: #000;}
.dndn-package-section02-text > strong > strong {color: #3F07CE;}
.dndn-package-section02-row1 > span::before {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section02-img01-221026.png") no-repeat center center;background-size: cover;top: 20%;}
.dndn-package-section02-row2 > span::before {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section02-img02-221026.png") no-repeat center center;background-size: cover;}
.dndn-package-section02-row3 > span::before {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section02-img03-221026.png") no-repeat center center;background-size: cover;}
.dndn-package-section02-row4 > span::before {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section02-img04-221026.png") no-repeat center center;background-size: cover;}
.dndn-package-section02-row5 > span::before {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section02-img05-221026.png") no-repeat center center;background-size: cover;top: 100%;}
@media screen and (max-width:1200px) {
    .dndn-package-section02-con > span::before {display: none;}
}
@media screen and (max-width:768px) {
    .dndn-package-section02-title {font-size: 20px;}
    .dndn-package-section02-title > span {font-size: 24px;}
    .dndn-package-section02-con > span{font-size: 15px;}
    .dndn-package-section02-text {font-size: 16px;}
    .dndn-package-section02-con {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin-bottom: 8px;padding: 10px 0;}
}

/*******************************************************************************
                            어학연수 든든 패키지
********************************************************************************/
.dndn-package-section03-title {font-size: 70px;color: #000;margin-bottom: 60px;position: relative;}
.dndn-package-section03-title > span {font-size: 46px;}
.dndn-package-section03-title > strong {color: #8150FF;}
.dndn-package-section03-con {display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 1rem;margin-bottom: 2rem;}
.dndn-package-section03-con-col {display: flex;justify-content: center;align-items: center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;width: 240px;height: 240px;background: #FFE064;border: 3px solid #FFFFFF;margin: 0 auto;}
.dndn-package-section03-con-col > span {font-size: 30px;line-height: 1.2;font-weight: 700;}
.dndn-package-section03-con-col > span > svg {width: 27px;}
.dndn-package-section03-textBox {padding: 1.9rem 0;background: #E7E5F5;-webkit-border-radius: 5rem;-moz-border-radius: 5rem;border-radius: 5rem;font-size: 32px;color: #000;font-weight: 700;line-height: 1.2;position: relative;}
.dndn-package-section03-textBox::before {content: '';position: absolute;left: 0;top: 50%;transform: translate(-40%,-50%);width: 8.9rem;height: 11.35rem;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section03-img02-221026.png") no-repeat center center;background-size: cover;}
.dndn-package-section03-textBox > span {color: #DD0000;}
@media screen and (max-width:1200px) {
    .dndn-package-section03 .dndn-package-width {padding: 5rem 1.5rem 8rem;}
    .dndn-package-section03-con {grid-template-columns: repeat(2,1fr);}
    .dndn-package-section03-textBox::before {transform: translate(0,0);}
}
@media screen and (max-width:768px) {
    .dndn-package-section03-title {font-size: 28px;}
    .dndn-package-section03-title > span {font-size: 24px;}
    .dndn-package-section03-con-col {width: 150px;height: 150px;}
    .dndn-package-section03-con-col > span {font-size: 18px;}
    .dndn-package-section03-textBox {font-size: 18px;padding: 1.9rem 1rem;}
    .dndn-package-section03-textBox::before {display: none;}
}
/* 이벤트 */
.area-benefit { padding: 5rem 0; background-color: #C6F78E; }
.area-benefit .box { padding: 3.75rem 6.625rem; border-radius: 12px; background: #FFF; box-shadow: 4px 4px 12px 0px #B0E474; }
.area-benefit .title { margin: 0; font-size: var(--f-fontSize01); font-weight: 700; line-height: 130%; letter-spacing: -.2px; text-align: center; color: var(--c-text01); }
.area-benefit .innerBox { width: 100%; margin: 3.75rem auto 0; }
.area-benefit .listEvent { margin: 0 0 3.75rem; }
.area-benefit .listEvent li { display: flex; gap: 1.5rem; }
.area-benefit .listEvent li + li { margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid #E4E8F1; }
.area-benefit .listEvent .textWrap { width: 50%; }
.area-benefit .listEvent .titleList { display: block; font-size: var(--f-fontSize02); font-weight: 700; line-height: 125%; letter-spacing: -.2px; color: #000; }
.area-benefit .listEvent .text { margin-top: 1rem; font-size: var(--f-fontSize05); color: #000; }
.area-benefit .listEvent .text > strong { font-weight: 700; color: #FD4A34; }
.area-benefit .listEvent .text > em { font-weight: 700; font-style: normal; }
.area-benefit .listEvent .imgWrap { width: 50%; }
.area-benefit .listEvent .imgWrap figure { aspect-ratio: 506/270; border-radius: 12px; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/benefit-tw-img01.png'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.area-benefit .listEvent .imgWrap figure.img02 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/benefit-tw-img02.png'); }
.area-benefit .listEvent .imgWrap figure.img03 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/benefit-tw-img03.png'); }
.area-benefit .linkEvent > a { display: flex; justify-content: center; align-items: center; max-width: 25rem; margin: 0 auto; border-radius: 9999px; background: #000; font-size: var(--f-fontSize03); font-weight: 700; line-height: 78px; color: #fff; } 
.area-benefit .linkEvent > a figure { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/common/buttonArrow_x24.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 1.5rem; height: 1.5rem; margin: 0; margin-left: 4px; }

@media screen and (max-width: 1024px) {
    .area-benefit .box { padding: 3.75rem 3rem; }
}

@media screen and (max-width: 768px) {
    .area-benefit { padding: 50px 0; background: #C6F78E; }
    .area-benefit .box { padding: 1.875rem 0; }
    .area-benefit .innerBox { max-width: 100%; margin-top: 2rem; }
    .area-benefit .listEvent { margin-bottom: 2rem; }
    .area-benefit .listEvent li { display: block; padding: 0 16px; }
    .area-benefit .listEvent li + li { margin-top: 2rem; padding-top: 2rem; }
    .area-benefit .listEvent .textWrap { width: 100%; margin-bottom: 1.5rem; text-align: center; }
    .area-benefit .listEvent .imgWrap { width: 100%; }
    .area-benefit .listEvent .titleList { line-height: 132%; }
    .area-benefit .listEvent .text { margin: 1rem 0 0; }
    .area-benefit .linkEvent { padding: 0 16px; }
    .area-benefit .linkEvent > a { font-size: var(--f-fontSize03);line-height: 54px; }
}
/*******************************************************************************
                                수업 4주 무료
********************************************************************************/
.dndn-package-section04-con {padding: 5rem 6.625rem;background: #ffff;-webkit-border-radius: 1rem;-moz-border-radius: 1rem;border-radius: 1rem;box-shadow: 0px 8px 20px 0px #0000001F;display: flex;justify-content: space-between;}
.dndn-package-section04-con + .dndn-package-section04-con {margin-top: 2.5rem;}
.dndn-package-section04-textBox {width: 60%;text-align: left;}
.dndn-package-section04-con-title {margin-bottom: 2.5rem;font-size: 2.3rem;color: #000;}
.dndn-package-section04-con-title > span {display: flex;align-items: center;margin-bottom: 1.25rem;}
.dndn-package-section04-con-title > span > strong {font-weight: 400;color: #681AFF;}
.dndn-package-section04-con-title > span > span {font-size: var(--f-fontSize05);font-weight: 700;color: #fff;background: #F75252;display: inline-block;padding: 0 .5rem;margin-right: .5rem;}
.dndn-package-section04-con-title > span > span:first-child {color: #000;background: #FFE064;}
.dndn-package-section04-con-title > span > span:last-child {margin-right: 0;}
.dndn-package-section04-con-title > p {font-size: var( --f-display); font-weight: 700; line-height: 130%; }
.dndn-package-section04-con-title > p > strong {line-height: 130%; color: #681AFF;}
.dndn-package-section04-con-textWrap {display: flex; gap: 24px; font-size: 1.2rem;}
.dndn-package-section04-con-textWrap > strong {font-size: var(--f-fontSize04);}
.dndn-package-section04-con-text {font-size: var(--f-fontSize04);color: #000;}
.dndn-package-section04-con-text > strong {font-weight: 400; color: #681AFF;}
.dndn-package-section04-con-list {display: grid; grid-template-columns: repeat(3,1fr); gap: 4.75rem; margin: 0;margin-top: 2.5rem;}
.dndn-package-section04-con-list li {position: relative;border: 1px solid rgba(129, 80, 255, .27);text-align: center;}
.dndn-package-section04-con-list li:after {display: block;position: absolute; top: 50%; right: -2.375rem;margin-top: -15px; margin-right: -15px;width: 31px;height: 31px;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section04-img01-icon.png") no-repeat center center;background-size:cover;content: "";}
.dndn-package-section04-con-list li:last-child:after {display: none;}
.dndn-package-section04-con-list li > em {display: block;background-color: rgba(102, 43, 255, .08);font-size: var(--f-fontSize04);font-style: normal;font-weight: bold;line-height: 3.4rem;color: #333;}
.dndn-package-section04-con-list li > p {padding: 1.3rem 1.5rem;font-size: var(--f-fontSize05);letter-spacing: -.6px;color: #333;}
.dndn-package-section04-con-list li > p > strong {font-weight: 400;color: #FC1D01;}
.dndn-package-section04-con-list li > p > span {display: block;margin-top: .5rem;font-size: var(--f-detail);color: #666;}
.dndn-package-section04-imgBox {width: 40%;}
.dndn-package-section04-con-wrap {padding: 4rem;background: #ffff;-webkit-border-radius: 1rem;-moz-border-radius: 1rem;border-radius: 1rem;margin-bottom: 1rem;}
.dndn-package-section04-con.event { gap: 2rem; }
.dndn-package-section04-con.event .dndn-package-section04-textBox { width: calc(100% - 28rem - 2rem); }
.dndn-package-section04-con.event .dndn-package-section04-con-text > span { display: block; margin-top: 1rem; line-height: 145%; color: #666; }
.dndn-package-section04-con.event .dndn-package-section04-imgBox { display: block; width: 28rem; height: auto; }
.dndn-package-section04-con.event .dndn-package-section04-imgBox figure { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section04-tw-img01.png');background-size: cover;background-position: center; aspect-ratio: 448/240; }
.dndn-package-section04-con-con2 {padding: 4rem 0 0;position: relative;}
.dndn-package-section04-con-con2::before {content: '';position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);width: 100%;height: 4px;border: 1px solid #ccc;-webkit-border-radius: 1rem;-moz-border-radius: 1rem;border-radius: 1rem;background: #CCCCCC;}
.dndn-package-section04-con2-list {text-align: left;}
.dndn-package-section04-con2 .dndn-package-section04-con-title {margin-bottom: 2.5rem;}
.dndn-package-section04-con2 .dndn-package-section04-textBox {width: 100%;color: #333;}
.dndn-package-section04-con2-list {margin-bottom:0;font-size: var(--f-fontSize04);}
.dndn-package-section04-con2-list > li {position: relative;margin-bottom:1rem;border: 1px solid rgba(129, 80, 255, .27);line-height: 2rem;}
.dndn-package-section04-con2-list > li strong {font-weight: 700;line-height: 145%;}
.dndn-package-section04-con2-list > li .arrow {display: flex;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;width: 56px;height: 100%;background: rgba(102, 43, 255, .08);}
.dndn-package-section04-con2-list > li .arrow:after {display: block;background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/buttonArrow_purple.svg');background-size: contain;background-position: center;width:24px;height:24px;content:"";}
.dndn-package-section04-con2-list > li p {padding: .75rem 0;padding-left:calc(56px + 1rem);line-height:145%;}
.dndn-package-section04-con2-list > li:last-child {margin-bottom: 0;}
.dndn-package-section04-con2 .dndn-package-section04-imgBox {width: 35%; aspect-ratio: 403/412; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section04-img02-240613.png") no-repeat center center;background-size: contain;}
.dndn-package-section04-con4 .dndn-package-section04-imgBox {background: url("/images/dndn-package/dndn-package-section04-img04-230911.jpg") no-repeat center center; background-size: contain;}
.dndn-package-section04-con5 .dndn-package-section04-imgBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section04-img05-241007.jpg") no-repeat center center;background-size: 80%;}
.dndn-package-section04-con6 .dndn-package-section04-imgBox {background: url("/images/dndn-package/dndn-package-section04-img06-230911.jpg") no-repeat center center; background-size: contain;}
.dndn-package-section04-con7 .dndn-package-section04-imgBox {background: url("/images/dndn-package/dndn-package-section04-img07-221026.jpg") no-repeat center center;background-size: contain;}
.dndn-package-section04-con8 .dndn-package-section04-imgBox {background: url("/images/dndn-package/dndn-package-section04-img08-240221.jpg") no-repeat center center;background-size: contain;}
.dndn-package-section04-con9 .dndn-package-section04-imgBox {background: url("/images/dndn-package/dndn-package-section04-img09-231227.jpg") no-repeat center center;background-size: contain;}
.dndn-package-section04-con10 .dndn-package-section04-imgBox {background: url("/images/dndn-package/dndn-package-section04-img10-240221.jpg") no-repeat center center;background-size: contain;}
.dndn-package-section04-con1 .dndn-package-section04-textBox {width: 100%;}
.dndn-package-section04-con-table {width: 100%;border-collapse: collapse;}
.dndn-package-section04-con-table th,.dndn-package-section04-con-table td {border: 1px solid #D6C5FF;color: #555555;}
.dndn-package-section04-con-table th {width: 25%;background: #F5F1FF;text-align: center;}
.dndn-package-section04-con-table td {width: 75%;text-align: left;padding: 10px;}
.dndn-package-section04-con-table td strong {color: #000;}
.dndn-package-section04-con-table td span {color: #DD0000;}

@media screen and (max-width:1200px) {
    .dndn-package-section04-con {display: block;}
    .dndn-package-section04-textBox{width: 100%;text-align: center;}
    .dndn-package-section04-con.event .dndn-package-section04-textBox { width: 100%; }
    .dndn-package-section04-con.event .dndn-package-section04-imgBox { margin-top: 1.25rem; }
    .dndn-package-section04-imgBox {width: 40%;height: 12rem; margin: 0 auto;}
    .dndn-package-section04-con-textWrap {justify-content: center;}
    .dndn-package-section04-con1 .dndn-package-section04-imgBox,.dndn-package-section04-con2 .dndn-package-section04-imgBox,.dndn-package-section04-con5 .dndn-package-section04-imgBox,.dndn-package-section04-con7 .dndn-package-section04-imgBox {background-size: contain;}
}
@media screen and (max-width:1024px) {
    .dndn-package-section04-con {padding: 5rem 3rem;}
    .dndn-package-section04-con-textWrap {display: block;}
    .dndn-package-section04-con-list {gap: 3rem;}
    .dndn-package-section04-con-list li:after {right: -1.5rem;}
}
@media screen and (max-width:768px) {
    .dndn-package-section04-con {padding: 2.5rem 16px;}
    .dndn-package-section04-con + .dndn-package-section04-con {margin-top: 20px;}
    .dndn-package-section04-con-wrap {padding: 2rem .5rem;}
    .dndn-package-section04-con-title {margin-bottom: 1.9rem;font-size: 28px;}
    .dndn-package-section04-con-title > span {justify-content: center;}
    .dndn-package-section04-con-title > span > span {padding:3px 8px;font-size: var(--f-fontSize05);}
    .dndn-package-section04-con-text {font-size: var(--f-fontSize04);}
    .dndn-package-section04-con-textWrap {display: block;}
    .dndn-package-section04-con-textWrap > strong {display: block;margin-bottom: .5rem;font-size: var(--f-fontSize04);}
    .dndn-package-section04-con-list li > em {font-size: var(--f-fontSize04);line-height: 243%;}
    .dndn-package-section04-con-list li > p {padding: 1rem .5rem;font-size: var(--f-fontSize05);}
    .dndn-package-section04-con-list li > p > span {margin-top:.25rem;font-size: var(--f-detail);}
    .dndn-package-section04-con-list {grid-template-columns: repeat(1,1fr);gap: 2.62rem; margin-top: .75rem;}
    .dndn-package-section04-con-list li:after {top: auto;bottom: -1.31rem;left: 50%;width: 28px;height:28px;margin-left: -14px;margin-bottom: -14px;transform: rotate(90deg);}
    .dndn-package-section04-con.event .dndn-package-section04-con-title { margin-bottom: 1.25rem; }
    .dndn-package-section04-con.event .dndn-package-section04-con-text > span {margin-top: .5rem;}
    .dndn-package-section04-con.event .dndn-package-section04-imgBox {width: 100%;}
    .dndn-package-section04-con1 .dndn-package-section04-imgBox {height: 26rem;}
    .dndn-package-section04-con2 .dndn-package-section04-imgBox {width: 60%;max-width: 190px;aspect-ratio: 190/195;background: url("/images/dndn-package/dndn-package-section04-img02-mo-241008.jpg") no-repeat center center;background-size: cover;}
    .dndn-package-section04-con2 .dndn-package-section04-con-title { margin-bottom: 1.92rem; }
    .dndn-package-section04-con2-list > li { margin-bottom: .75rem;}
    .dndn-package-section04-con2-list > li p {line-height: 132%;}
}
/* 공지 */
.dndn-package .area-notice { padding: 5rem 0; background: #FFD993; }
.dndn-package .area-notice .box-cont { padding: 2.5rem 3rem 3.8rem; border-radius: 24px; background-color: #fff; box-shadow: 0px 8px 20px 0px #0000001F; text-align: center; }
.dndn-package .area-notice .box-cont .tag-notice { display: block; position: relative; width: 10.25rem; height: 2.5rem; margin: 0 auto; background-color: #000; border-radius: var(--r-radius03); line-height: 2.5rem; font-size: var(--f-fontSize04); font-weight: 700; font-style: normal; color: #fff; }
.dndn-package .area-notice .box-cont .tag-notice:before { position: absolute; bottom: -11px; left: -30px; width:  58px; height: 64px;  background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/notice_bell_icon.png) no-repeat; background-size: cover; content: "";}
.dndn-package .area-notice .box-cont .tit-cont { margin: 1.5rem 0; font-size: var(--f-fontSize01); line-height: 130%; letter-spacing: -0.8px; color: #FC1D01;}
.dndn-package .area-notice .box-cont > p { font-size: var(--f-fontSize05); color: var(--c-text02); }
@media screen and (max-width:768px) {
    .dndn-package .area-notice { padding: 50px 0; }
    .dndn-package .area-notice .box-cont .tit-cont { margin: 16px 0; }
    .dndn-package .area-notice .box-cont .tag-notice { width: 96px; height: 36px; font-size: 18px; line-height: 36px; }
    .dndn-package .area-notice .box-cont .tag-notice:before { top: -8px; width: 46px; height: 51px; }
    .dndn-package .area-notice .box-cont { padding: 24px 16px 32px; }
}
/*******************************************************************************
                          어학연수 국가별 특징
********************************************************************************/
.dndn-package-section05-con {display: flex;justify-content: space-between;margin-bottom: 3rem;}
.dndn-package-section05-con.hasDesc {margin-bottom: 5.625rem;}
.dndn-package-section05-con.last {margin-bottom: 0;}
.dndn-package-section05-imgBox {display:block;width: 40%;-webkit-border-radius: .5rem;-moz-border-radius: .5rem;border-radius: .5rem;cursor: pointer;}
.dndn-package-section05-con-textBox {position: relative; width: calc(60% - 1.5rem);}
.dndn-package-section05-con-title {display: flex;justify-content:space-between;font-size: 1.8rem;margin-bottom: .9rem;text-align: left;    }
.dndn-package-section05-con-title > a {color: #8150FF;}
.dndn-package-section05-con-title > em {display:block;width: 15.1rem;background-color: #fff;border-radius: 60px;border: 1px solid #C6E0DD;font-size: 1.1rem;font-style: normal;text-align: center;line-height: 2.4rem;color: #003333;}
.dndn-package-section05-table {border-collapse: collapse;width: 100%;border: 1px solid rgba(129, 80, 255, .27);background: #fff;}
.dndn-package-section05-table th,.dndn-package-section05-table td {border-bottom: 1px solid rgba(129, 80, 255, .27);padding: .5rem 1rem;font-size: 1rem;width: auto;}
.dndn-package-section05-table th {background: rgba(129, 80, 255, .27);color: #555555;}
.dndn-package-section05-table th:first-child {width: 20%;}
.dndn-package-section05-table td {text-align: left;color: #000;}
.dndn-package-section05-table td li::before {content: '-';}
.dndn-package-section05-table td a {color:#333;}
.dndn-package-section05-table-desc {position: absolute;width: 100%;margin-top: .5rem;font-size: .9rem;text-align: right;color: #888;}
.dndn-package-section05-img01 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section05-img01-221026.jpg") no-repeat center center;background-size: cover;}
.dndn-package-section05-img02 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section05-img02-221026.jpg") no-repeat center center;background-size: cover;}
.dndn-package-section05-img03 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section05-img03-221026.jpg") no-repeat center center;background-size: cover;}
.dndn-package-section05-img04 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section05-img04-221026.jpg") no-repeat center center;background-size: cover;}
.dndn-package-section05-img05 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section05-img05-221026.jpg") no-repeat center center;background-size: cover;}
.dndn-package-section05-img06 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section05-img06-221026.jpg") no-repeat center center;background-size: cover;}
.dndn-package-section05-img07 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section05-img07-221026.jpg") no-repeat center center;background-size: cover;}
.dndn-package-section05-img08 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section05-img09-250107.png") no-repeat center center;background-size: cover;}
@media screen and (max-width:768px) {
    .dndn-package-section05-con {display: block;margin-bottom: 2rem;}
    .dndn-package-section05-con.hasDesc {margin-bottom: 4rem;}
    .dndn-package-section05-imgBox {width: 100%;height: 12.3rem;margin-bottom: 16px;}
    .dndn-package-section05-con-textBox {width: 100%;}
    .dndn-package-section05-con-title > em {width: 200px;font-size: 14px;line-height: 28px;}
    .dndn-package-section05-con-title {margin-bottom: 12px;font-size: 20px;line-height: 28px;text-align: center;}
    .dndn-package-section05-table th,.dndn-package-section05-table td {font-size: 15px;}
    .dndn-package-section05-table-desc {font-size: .7rem;}
}
/*******************************************************************************
                            선택에는 이유가 있습니다
********************************************************************************/
.dndn-package-section06-con {padding: 4rem 5rem;background: #fff;-webkit-border-radius: .5rem;-moz-border-radius: .5rem;border-radius: .5rem;margin-bottom: 1rem;position: relative;}
.dndn-package-section06-con:last-child {margin-bottom: 0;}
.dndn-package-section06-con::before {content: '';position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%) rotate(45deg);width: 1.9rem;height: 1.9rem;background: linear-gradient(to right bottom, #FFF6C400 50%, #FFF6C4 50%);}
.dndn-package-section06-title {color: #000;font-size: 1.8rem;font-weight: 400;margin-bottom: .4rem;}
.dndn-package-section06-text {font-size: .7rem;color: #888888;margin-bottom: 3rem;}
.dndn-package-section06-img {width: 100%;height: 15rem;margin-bottom: 4rem;background: url("/images/dndn-package/dndn-package-section06-img01-221026.png") no-repeat center center;background-size: contain;}
.dndn-package-section06-text2 {display: inline-block;padding: .4rem 1.7rem;background: linear-gradient(to right, #EB38A6 , #8150FF );font-size: 1.6rem;color: #fff;font-weight: 400;}
.dndn-package-section06-con2 .dndn-package-section06-img {background: url("/images/dndn-package/dndn-package-section06-img02-221026.png") no-repeat center center;background-size: contain;}
@media screen and (max-width:1200px) {
    .dndn-package-section06-con {padding: 4rem 2rem;}
}
@media screen and (max-width:768px) {
    .dndn-package-section06-con {padding: 4rem 1rem;}
    .dndn-package-section06-img {height: 20rem;background: url("/images/dndn-package/dndn-package-section06-img03-221026.png") no-repeat center center;background-size: contain;}
    .dndn-package-section06-con2 .dndn-package-section06-img {height: 15rem;}
    .dndn-package-section06-title {font-size: 20px;}
    .dndn-package-section06-text {font-size: 12px;}
    .dndn-package-section06-text2 {font-size: 20px;}
}
/*******************************************************************************
                          dndn-package-section07
********************************************************************************/
.dndn-package-section07-textBox {margin-bottom: 40px;}
.dndn-package-section07-textBox dl {display: flex;margin-bottom: 4px; font-size: 24px;}
.dndn-package-section07-textBox dt {width: 15%;color: #fff;}
.dndn-package-section07-textBox dt span {display: inline-block;width: 106px;background: #767676;}
.dndn-package-section07-textBox dd {text-align: left;width: 85%;}
.dndn-package-section07-imgBox {position: relative;width: calc(100% - 90px);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background: #fff;padding: 60px 10px 20px;border: 1px solid #D6D6D6;}
.dndn-package-section07-imgBox div {position: absolute;right: -90px;padding: 20px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;background: #4D7DFF;color: #fff;box-shadow: 10px 10px 20px #00000030;}
.dndn-package-section07-imgBox div span {display: block;font-size: 30px;line-height: 1.2;font-weight: 700;color: #FFFF00;}
.dndn-package-section07-imgBox div strong {display: block;font-size: 40px;}
.dndn-package-section07-imgBox div small {display: block;font-size: 16px;font-weight: 400;}
.dndn-package-section07-imgBox > span {display: inline-block;width: 100%;aspect-ratio: 806 / 510;background: url("/images/dndn-package/dndn-package-section07.jpg") no-repeat center center;background-size: cover;}
@media screen and (max-width:768px) {
    .dndn-package-section07-textBox {margin-bottom: 90px;}
    .dndn-package-section07-textBox dl {font-size: 15px;}
    .dndn-package-section07-textBox dt {width: 25%;}
    .dndn-package-section07-textBox dt span {width: 90%;}
    .dndn-package-section07-textBox dd {width: 75%;}
    .dndn-package-section07-imgBox {width: 100%;padding: 20px 6px;}
    .dndn-package-section07-imgBox div {right: 50%;top: 0;transform: translate(50%,-50%);padding: 8px;}
    .dndn-package-section07-imgBox div span {font-size: 18px;}
    .dndn-package-section07-imgBox div strong {font-size: 25px;}
    .dndn-package-section07-imgBox div small {font-size: 11px;}
}
/*******************************************************************************
                          edm유학센터가 함께하겠습니다.
********************************************************************************/
.dndn-package-section08 .dndn-package-sub-title {margin-bottom: 64px;font-size: 54px;font-weight: 700;}
.dndn-package-section08-con {display: flex;justify-content: space-between;padding: 4rem;background: #fff;-webkit-border-radius: 1rem;-moz-border-radius: 1rem;border-radius: 1rem;text-align: left;margin-bottom: 1rem;}
.dndn-package-section08-con5 {margin-bottom: 4rem;}
.dndn-package-section08-con-textBox {width: 65%;}
.dndn-package-section08-con-tag {display: inline-block;margin-bottom: 1.2rem;padding: .35rem 1.3rem;background-color: #FFE064;font-size: 1rem;font-style: normal;font-weight: bold;color: #000;}
.dndn-package-section08-con-title {font-size: 2.3rem;margin-bottom: 2rem;color: #000;}
.dndn-package-section08-con-title > strong {color: #681AFF;}
.dndn-package-section08-con-text {font-size: 1.2rem;color: #000;margin-bottom: 1rem;}
.dndn-package-section08-con-text > strong {color: #681AFF;}
.dndn-package-section08-con-text > strong.black {font-weight: bold;color: #000;}
.dndn-package-section08-con-imgBox {width: 35%;}
.dndn-package-section08-con-imgBox li {margin-bottom: .5rem;background: #FCF6E5;padding: .5rem 1rem;-webkit-border-radius: .5rem;-moz-border-radius: .5rem;border-radius: .5rem;color: #6B6055;font-size: .8rem;display: flex;align-items: center;}
.dndn-package-section08-con-imgBox li:nth-child(1) .dndn-package-section08-con-imgBox-img {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-icon01-221026.jpg") no-repeat center center;}
.dndn-package-section08-con-imgBox li:nth-child(2) .dndn-package-section08-con-imgBox-img {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-icon02-221026.jpg") no-repeat center center;}
.dndn-package-section08-con-imgBox li:nth-child(3) .dndn-package-section08-con-imgBox-img {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-icon03-221026.jpg") no-repeat center center;}
.dndn-package-section08-con-imgBox li:nth-child(4) .dndn-package-section08-con-imgBox-img {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-icon04-221026.jpg") no-repeat center center;}
.dndn-package-section08-con-imgBox li:nth-child(5) .dndn-package-section08-con-imgBox-img {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-icon05-250401.png") no-repeat center center;background-size: cover;width: 2.25rem;height: auto;aspect-ratio: 46/32;}
.dndn-package-section08-con-imgBox li .dndn-package-section08-con-imgBox-img {display: inline-block;width: 2.25rem;height: 1.4rem;background-size: cover;margin-right: .5rem;}
.dndn-package-section08-con1 .dndn-package-section08-con-imgBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-img01-221026.png") no-repeat center center;background-size: contain;}
.dndn-package-section08-con2 .dndn-package-section08-con-imgBox {background: url("/images/dndn-package/dndn-package-section08-img02-221026.png") no-repeat center center;background-size: contain;}
.dndn-package-section08-con4 .dndn-package-section08-con-imgBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-img03-221026.png") no-repeat center center;background-size: 80%;}
.dndn-package-section08-con5 .dndn-package-section08-con-imgBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-img04-221026.png") no-repeat center center;background-size: contain;}
.dndn-package-section08-con6 .dndn-package-section08-con-imgBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-img05-241007.png") no-repeat center center;background-size: cover;}
@media screen and (max-width:1200px) {
    .dndn-package-section08-con {display: block;}
    .dndn-package-section08-con-textBox {width: 100%;text-align: center;margin-bottom: 1.5rem;}
    .dndn-package-section08-con-imgBox {width: 100%;}
    .dndn-package-section08-con1 .dndn-package-section08-con-imgBox, .dndn-package-section08-con6 .dndn-package-section08-con-imgBox {height: 13rem;}
    .dndn-package-section08-con2 .dndn-package-section08-con-imgBox,.dndn-package-section08-con4 .dndn-package-section08-con-imgBox,.dndn-package-section08-con5 .dndn-package-section08-con-imgBox {height: 10rem;}
    .dndn-package-section08-con2 .dndn-package-section08-con-imgBox {height: 32rem;}
    .dndn-package-section08-con4 .dndn-package-section08-con-imgBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-img03-221026.png") no-repeat center center;background-size: contain;}
    .dndn-package-section08-con6 .dndn-package-section08-con-imgBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section08-img05-mo-241007.png") no-repeat center center;background-size: contain;}
}
@media screen and (max-width:768px) {
    .dndn-package-section08-con {padding: 2rem .5rem;}
    .dndn-package-section08-con-title {font-size: 24px;}
    .dndn-package-section08 .dndn-package-sub-title {margin-bottom: 30px;font-size: 28px;}
    .dndn-package-section08 .dndn-package-sub-title > span {font-size: 18px;}
    .dndn-package-section08-con-text {font-size: 16px;}
    .dndn-package-section08-con-imgBox li {font-size: 14px;}
}


/*******************************************************************************
                                  소비자가 선택한 유학기업 1위
********************************************************************************/
.dndn-package-section09-con {display: flex;justify-content: end;position: relative;}
.dndn-package-section09-imgBox {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/dndn-package-section09-img01-221026.png") no-repeat center center;background-size: cover;width: 10.5rem;height: 13rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.dndn-package-section09-textBox {text-align: left;width: calc(90% - 10.5rem);}
.dndn-package-section09-title {margin-bottom: 2rem;text-align: left;}
.dndn-package-section09-title > span {font-size: 1.8rem;color: #00F8B5;font-weight: 400;text-shadow: 1px 0 0 #FFFFFF;}
.dndn-package-section09-title > strong {font-size: 0;width: 25rem;aspect-ratio: 444 / 92 ;background: url("/images/dndn-package/dndn-package-section09-img02-221026.png") no-repeat center center;background-size: cover;display: inline-block;}
.dndn-package-section09-text {font-size: 1.2rem;color: #fff;}
@media screen and (max-width:1200px) {
    .dndn-package-section09-con {display: block;}
    .dndn-package-section09-imgBox {width: 10.5rem;height: 13rem;margin: 0 auto;position: static;transform: translateY(0);}
    .dndn-package-section09-textBox {margin-bottom: .7rem;width: 100%;text-align: center;}
}
@media screen and (max-width:768px) {
    .dndn-package-section09-title {text-align: center;}
    .dndn-package-section09-title > span {font-size: 20px;}
    .dndn-package-section09-title > strong {width: 80%;background-size: contain;}
    .dndn-package-section09-text {font-size: 15px;}
}

/*******************************************************************************
                                  dndn-package-section10-con
********************************************************************************/
.dndn-package-section10-con {padding: 50px;background: #fff;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;margin-bottom: 60px;}
.dndn-package-section10-con:last-child {margin-bottom: 0;}
.dndn-package-section10-con h2 {margin-bottom: 60px;font-size: 46px;color: #8150FF;}
.dndn-package-section10-con p {margin-bottom: 40px;font-size: 24px;}
.dndn-package-section10-con table {border-collapse: collapse;width: 100%;}
.dndn-package-section10-con table th,
.dndn-package-section10-con table td {border: 1px solid #C4C4C4;font-size: 20px;color: #555;}
.dndn-package-section10-con table th {background: #FFFFEC;}
.dndn-package-section10-con table td {background: #F8F8F8;}
.dndn-package-section10-con table td:last-child {padding: 10px 30px;background: #fff;text-align: left;color: #000;}
.dndn-package-section10-con table td ul {list-style: outside circle;}
.dndn-package-section10-con1 div {aspect-ratio: 483 / 122;background: url("/images/dndn-package/dndn-package-section10-img1-pc.jpg") no-repeat center center;background-size: contain;}
.dndn-package-section10-con3 div {aspect-ratio: 322 / 113;background: url("/images/dndn-package/dndn-package-section10-img2-pc.jpg") no-repeat center center;background-size: contain;}
@media screen and (max-width:768px) {
    .dndn-package-section10-con {padding: 30px 10px;margin-bottom: 30px;}
    .dndn-package-section10-con:last-child {margin-bottom: 0;}
    .dndn-package-section10-con h2 {margin-bottom: 30px;font-size: 24px;}
    .dndn-package-section10-con p {margin-bottom: 30px;font-size: 15px;}
    .dndn-package-section10-con table th,
    .dndn-package-section10-con table td {font-size: 15px;}
    .dndn-package-section10-con table td:last-child {padding: 10px 20px;}
    .dndn-package-section10-con1 div {aspect-ratio: 316 / 504;background: url("/images/dndn-package/dndn-package-section10-img1-mo.jpg") no-repeat center center;background-size: contain;}
    .dndn-package-section10-con3 div {aspect-ratio: 316 / 588 ;background: url("/images/dndn-package/dndn-package-section10-img2-mo.jpg") no-repeat center center;background-size: contain;}
}

/*******************************************************************************
                                  dndn-package-section11
********************************************************************************/
.dndn-package-section11 .dndn-package-sub-title { margin-top: 0;margin-bottom: 3.75rem; }
.dndn-package-section11 .dndn-package-sub-title > p{ font-size: 32px;font-weight: 600; }
.dndn-package-section11 .dndn-package-section11-list { display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5rem 1.9rem;max-width: 1080px;margin: 0 auto; }
.dndn-package-section11 .dndn-package-section11-list li { background-color: #fff;border-radius: 12px;box-shadow: 0 6px 10px 0 rgba(0,0,0,0.16);border: 1px solid #F1F1F5; }
.dndn-package-section11 .dndn-package-section11-list li > div { display: inline-block;width: 100%;height: 100%;padding: 1.9rem;text-align: left; }
.dndn-package-section11 .dndn-package-section11-list li .logo { display: block;height: 5rem;background-size: contain;background-repeat: no-repeat;margin-bottom: 0.75rem; }
.dndn-package-section11 .dndn-package-section11-list li .logo01 { background-image: url('/images/lfair/participating-school/logo/ec.png'); }
.dndn-package-section11 .dndn-package-section11-list li .logo02 { background-image: url('/images/lfair/participating-school/logo/ilsc.png'); }
.dndn-package-section11 .dndn-package-section11-list li .logo03 { background-image: url('/images/lfair/participating-school/logo/sgic.png'); }
.dndn-package-section11 .dndn-package-section11-list li .logo04 { background-image: url('/images/lfair/participating-school/logo/ilac.png'); }
.dndn-package-section11 .dndn-package-section11-list li .logo05 { background-image: url('/images/lfair/participating-school/logo/kings.png'); }
.dndn-package-section11 .dndn-package-section11-list li .logo06 { background-image: url('/images/lfair/participating-school/logo/edm-korean.png'); }
.dndn-package-section11 .dndn-package-section11-list li h3 { font-size: var(--f-fontSize04);margin-bottom: 0.65rem;letter-spacing: -0.22px;line-height: 150%;color: #000; }
.dndn-package-section11 .dndn-package-section11-list li .flagWrap { display: flex;gap: 8px; }
.dndn-package-section11 .dndn-package-section11-list li .flagWrap img { aspect-ratio: 33/22;height: 1.38rem; }
.dndn-package-section11 .dndn-package-section11-list li .flagWrap.kor img { border: 1px solid #CBCBCB; }
.dndn-package-section11 .dndn-package-section11-text { margin-bottom: 0;padding: 1.5rem 0;font-size: var(--f-fontSize03);font-weight: 500;color: #000; }
.dndn-package-section11-linkBox > a { display: flex;justify-content: center;align-items: center;max-width: 25rem;margin: 0 auto;border-radius: 9999px;background: #2E04FF;font-size: 26px;font-weight: 700;line-height: 78px;color: #fff;cursor: pointer; }
.dndn-package-section11-linkBox > a .arrow { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/buttonArrow_x24.svg');background-repeat: no-repeat;background-size: contain;background-position: center;width: 1.5rem;height: 1.5rem;margin-left: 0.2rem; }

@media screen and (max-width:960px) {
    .dndn-package-section11 .dndn-package-section11-list li h3 { height: 4.13rem; }
    .dndn-package-section11 .dndn-package-section11-list li a { padding: 24px; }
    .dndn-package-section11 .dndn-package-section11-list li .flagWrap img { height: 1rem; }
}

@media screen and (max-width:768px) {
    .dndn-package-section11 .dndn-package-sub-title { margin-bottom: 1.92rem;font-size: 28px;line-height: 120%; }
    .dndn-package-section11 .dndn-package-sub-title > p { font-size: 22px; }
    .dndn-package-section11 .dndn-package-section11-list { grid-template-columns: repeat(1, 1fr);gap: 12px; }
    .dndn-package-section11 .dndn-package-section11-list li > div { text-align: center; }
    .dndn-package-section11 .dndn-package-section11-list li a { padding: 24px;text-align: center; }
    .dndn-package-section11 .dndn-package-section11-list li .logo { width: 11.25rem;height: auto;aspect-ratio: 180 / 66;margin: 0 auto; }
    .dndn-package-section11 .dndn-package-section11-list li .logo01 { background-image: url('/images/lfair/participating-school/logo/ec_mo.png'); }
    .dndn-package-section11 .dndn-package-section11-list li .logo02 { background-image: url('/images/lfair/participating-school/logo/ilsc_mo.png'); }
    .dndn-package-section11 .dndn-package-section11-list li .logo03 { background-image: url('/images/lfair/participating-school/logo/sgic_mo.png'); }
    .dndn-package-section11 .dndn-package-section11-list li .logo04 { background-image: url('/images/lfair/participating-school/logo/ilac_mo.png'); }
    .dndn-package-section11 .dndn-package-section11-list li .logo05 { background-image: url('/images/lfair/participating-school/logo/kings_mo.png'); }
    .dndn-package-section11 .dndn-package-section11-list li .logo06 { background-image: url('/images/lfair/participating-school/logo/edm-korean_mo.png'); }
    .dndn-package-section11 .dndn-package-section11-list li h3 { height: auto;margin: 12px 0;line-height: 122%; }
    .dndn-package-section11 .dndn-package-section11-list li .flagWrap { align-items: center;justify-content: center; }
    .dndn-package-section11 .dndn-package-section11-list li .flagWrap img { height: 1rem; }
    .dndn-package-section11 .dndn-package-section11-list li .flagWrap img:last-child { margin-right: 0; }
    .dndn-package-section11 .dndn-package-section11-text { font-size: var(--f-fontSize03); }
    .dndn-package-section11-linkBox > a { font-size: var(--f-fontSize03);line-height: 54px; }
}
/*******************************************************************************
                                  dndn-package-section12
********************************************************************************/
.dndn-package-section12-text {margin-bottom: 60px;font-size: 20px;}
.dndn-package-section12-link {display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 16px;width: 49%;margin: 0 auto 40px;}
.dndn-package-section12-link > a {display: inline-block;padding: 20px 0;border-radius: 10px;background: #8150FF;font-size: 20px;font-weight: 700;color: #fff;}
.dndn-package-section12-grid-wrap {padding: 40px;background: #fff;border-radius: 20px;}
.dndn-package-section12-grid-wrap > h3 {margin-bottom: 32px;font-size: 36px;color: #8150FF;}
.dndn-package-section12-grid-wrap > p {text-align: left;font-size: 14px;color: #888888;}
.dndn-package-section12-grid {display: grid;grid-template-columns: repeat(3,1fr);margin-bottom: 8px;}
.dndn-package-section12-grid > span {display: flex;justify-content: center;align-items: center;padding: 10px 0;border: 1px solid #DDCFFF;font-size: 20px;}
.dndn-package-section12-grid > span > strong {font-weight: 400;color: #DD0000;}
@media screen and (max-width:768px) {
    .dndn-package-section12-text {margin-bottom: 30px;font-size: 16px;}
    .dndn-package-section12-link {grid-gap: 4px;width: 68%;margin: 0 auto 20px;}
    .dndn-package-section12-link > a {padding: 10px;border-radius: 10px;font-size: 14px;}
    .dndn-package-section12-grid-wrap {padding: 20px 10px;}
    .dndn-package-section12-grid-wrap > h3 {margin-bottom: 20px;font-size: 20px;}
    .dndn-package-section12-grid-wrap > p {font-size: 11px;}
    .dndn-package-section12-grid > span {font-size: 15px;}
}
/*******************************************************************************
                                  dndn-package-section13
********************************************************************************/
.dndn-package-section13 p {margin-bottom: 60px;font-size: 24px;}
.dndn-package-section13-review {display: grid;grid-template-columns: repeat(2,1fr);margin-bottom: 60px;gap: 0 1.5rem;text-align: left;}
.dndn-package-section13-review > div {padding: 32px;border-radius: 10px;background: #fff;box-shadow: 0px 8px 20px 0px #0000001F;}
.dndn-package-section13-review .student { display: flex;align-items: center;gap: 24px; }
.dndn-package-section13-review .student figure { width: 80px;height: 80px;margin: 0;}
.dndn-package-section13-review .infoStudent { width: calc(100% - 104px);margin-bottom: 0;font-size: 20px;}
.dndn-package-section13-review .infoStudent span { display: block; }
.dndn-package-section13-review .infoStudent strong { font-weight: 700;color: #8150FF;}
.dndn-package-section13-review .textBox { display: flex;align-items: center;height: calc(100% - 128px); margin-top: 16px;padding: 16px 24px;border-radius: 12px;background: #F5F5F7;box-sizing:content-box;font-size: 16px;color: #333; }
.dndn-package-section13-video {display: grid; grid-template-columns: repeat(2,1fr);gap: 3.72rem 1.5rem;}
.dndn-package-section13-con:last-child {margin-bottom: 0;}
.dndn-package-section13-con > p {margin-bottom: 21px;color: #8150FF;font-size: 30px;font-weight: 700;}
.dndn-package-section13-con > p > span {display: inline-block;}
.dndn-package-section13-con > p > span + span {margin-left: 8px;}
.dndn-package-section13-con > p > span::before {content: '#';}
.dndn-package-section13-con > div {aspect-ratio: 16 / 9;}
.dndn-package-section13-con > div > iframe {width: 100%;height: 100%;}

@media screen and (max-width:768px) {
    .dndn-package-section13-review {margin-bottom: 20px;grid-template-columns: repeat(1,1fr);gap: 16px;}
    .dndn-package-section13-review > div {padding: 14px 24px 34px;}
    .dndn-package-section13-review .infoStudent {font-size: 16px;}
    .dndn-package-section13-review .textBox {height: auto;font-size: 14px;line-height:24px;}
    .dndn-package-section13-video {grid-template-columns:repeat(1,1fr);gap:0 2rem;}
    .dndn-package-section13 p {margin-bottom: 30px;font-size: 16px;}
    .dndn-package-section13-con {margin-bottom: 20px;}
    .dndn-package-section13-con > p {margin-bottom: 10px;font-size: 16px;}
}
/*
youtube 영상 재생 부분 (공통)
:: common-videoPlay : youtube 영상 article class name
*/
.common-videoPlay .videoWrap.youtube{position: relative; cursor: pointer; background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; padding-bottom: 54.5%;}
.common-videoPlay .videoWrap.youtube figure {position: absolute; width: 100%; height: 100%; object-fit: cover; top: 50%; left: 50%; transform: translate(-50%,-50%); background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 2;}
.common-videoPlay .videoWrap.youtube iframe { width: 100%; height: 100%; object-fit: cover; position: absolute; }
.common-videoPlay .videoWrap.youtube figure::after{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 46px; height: 46px; 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/common/btn_play.png'); touch-action: none; pointer-events: none;}
.common-videoPlay .videoPopup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: none; }
.common-videoPlay .videoPopup .dim { background: rgba(0,0,0,0.8); width: 100%; height: 100%; }
.common-videoPlay .videoPopup .popup { position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); width: 48rem; aspect-ratio: 960/540; max-width: 80%; animation: junior-videoPopup 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s forwards; }
.common-videoPlay .videoPopup .popup iframe { width: 100%; height: 100%; object-fit: cover; }
.common-videoPlay .videoPopup .popup .closeBtn { width: 2.4rem; height: 2.4rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/junior-abroad-seminar-admission/popup_closeBtn.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: -3.6rem; right: 0; }
.common-videoPlay .videoPopup .popup .closeBtn span { text-indent: -999999%; display: block; }

@keyframes junior-videoPopup {
    0% { top: 60%; opacity: 0; }
    100% { top: 50%; opacity: 1; }
}
/* 유학티비 */
#uhakTv * {box-sizing: border-box; line-height: 150%; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
#uhakTv {overflow: hidden; padding: 5rem 0 3.125rem; position: relative;}
#uhakTv .maxWidth {max-width: 1248px; margin: 0 auto; padding: 0; width: 100%;}
#uhakTv.type2 .maxWidth{max-width: 1080px; margin: 0 auto; padding: 0; width: 100%;}
#uhakTv .swiper-wrapper {height:auto;}
#uhakTv .articleTitle .title { display: flex; align-items: center; margin: 0; font-size: var(--f-fontSize01); font-weight: 700; letter-spacing: -0.8px; color: var(--c-text01); line-height: 52px; }
#uhakTv .articleTitle .title figure { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/junior-abroad-seminar-admission/youtubeChanel_icon.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 8rem; height: 1.8rem; margin-left: 0.8rem; }
#uhakTv .articleTitle .sub { margin-top: 1rem; font-size: var(--f-fontSize05); text-align: left; }
#uhakTv .navigation{width: calc(100% - 50px);}
#uhakTv .slideWrap { width: calc(100% + 100px); position: relative; margin-top: 80px; margin-left: -50px;}
#uhakTv .slideWrap .navigation .fraction {display: none;}
#uhakTv .slideWrap .slide{overflow: hidden; padding: 30px 50px; margin-top: -30px; position: relative;}
#uhakTv .slideWrap .slide::before{content: ''; position: absolute; left: 0; width: 30px; height: 100%; background-color: #fff; top: 0; z-index: 2;}
#uhakTv .slideWrap .slide::after{content: ''; position: absolute; right: 0; width: 30px; height: 100%; background-color: #fff; top: 0; z-index: 2;}
#uhakTv .slideWrap .slide .swiper-slide { padding: 1.6rem; border-radius: 24px; border: 1px solid #C5C5C5; min-height: 16.4rem;}
#uhakTv .slideWrap .slide .videoWrap { width: 100%; padding-bottom: 55.6%;}
#uhakTv .slideWrap .slide .textWrap { font-size: var(--f-fontSize05); color: var(--c-text01); padding-top: 1.2rem; }
#uhakTv .ellipsis2 { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -moz-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; display: -moz-box; display: -webkit-box; }

#uhakTv .navigation { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 2.2rem; font-size: var(--f-body1); position: relative; z-index: 6; }
#uhakTv .navigation.hidden { display: none; opacity: 1; }
#uhakTv .navigation button { background-color: #E2E2E5; width: 2rem; height: 2rem; border-radius: 50%; background-repeat: no-repeat; background-size: contain; background-position: center; }
#uhakTv .navigation button + button { margin-left: 0.8rem; }
#uhakTv .navigation .nav-prev { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/common/nav_prev.svg'); }
#uhakTv .navigation .nav-next { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/common/nav_next.svg'); }
#uhakTv .navigation .control { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/common/control_stop.svg'); }
#uhakTv .navigation .control.play { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/common/control_play.svg'); }
#uhakTv .navigation .fraction { display: inline-block; width: auto; margin-right: 1rem;}
#uhakTv .navigation .fraction .swiper-pagination-current { color: var(--c-text01); font-weight: 700; }
#uhakTv .navigation .swiper-button-disabled{display: block !important; touch-action: none; pointer-events: none; opacity: 0.6;}


@media (hover: hover) and (pointer: fine) {
    #uhakTv .slideWrap .slide .swiper-slide:hover{box-shadow: var(--s-shadow-neutral02);  border: 3px solid var(--c-primary);}
}

@media screen and (max-width: 1500px){
    #uhakTv .slideWrap .slide .swiper-slide{min-height: initial;}
}
@media screen and (max-width: 1280px) {
    #uhakTv .maxWidth{padding: 0 16px;}
    #uhakTv.type2 .maxWidth{padding: 0;}
}
@media screen and (max-width: 1112px) {
    #uhakTv.type2 .maxWidth{padding: 0 16px;}
}

@media screen and (max-width: 768px) {
    #uhakTv { padding: 50px 0; }
    #uhakTv .articleTitle .title { line-height: 32.5px; }
    #uhakTv .articleTitle .title figure { width: 6.838rem; height: 1.538rem; margin-left: 8px; }
    #uhakTv .articleTitle .sub { margin-top: 8px; }
    #uhakTv .slideWrap {width: calc(100% + 16px); margin: 40px 0 0; position: relative; }
    #uhakTv .slideWrap .navigation .fraction {display: block;}
    #uhakTv .slideWrap::after { display: none; }
    #uhakTv .slideWrap .slide{padding: 30px 30px 2.5rem; margin-top: -30px; margin-left: -30px; width: calc(100% + 30px);}
    #uhakTv .slideWrap .slide::before{background: linear-gradient(90deg, #fff 80%, transparent 100%);}
    #uhakTv .slideWrap .slide::after{display: none;}
    #uhakTv .slideWrap .slide .swiper-slide { height: auto; padding: 16px; max-width: initial;}
    #uhakTv .slideWrap .slide .swiper-slide.swiper-slide-active{border: 2px solid var(--c-primary); box-shadow: var(--s-shadow-neutral02);}
    #uhakTv .slideWrap .slide .textWrap { font-size: 1.153rem; padding-top: 12px; line-height: 22.5px; }

    #uhakTv .navigation { position: absolute; bottom: 0; right: 16px; margin: 0; padding: 0; }
    #uhakTv .navigation.hidden { display: flex; }
    #uhakTv .navigation button.nav-prev,
    #uhakTv .navigation button.nav-next,
    #uhakTv .navigation button.control { display: none !important; }
    #uhakTv .navigation .fraction { background-color: #E2E2E5; border-radius: 999999px; padding: 0 12px; font-size: var(--f-body1); margin-right: 0;}
    #uhakTv .navigation .fraction span { display: inline-block; font-size: inherit; }
    @media (hover: hover) and (pointer: fine) {
        #uhakTv .slideWrap .slide .swiper-slide:hover{border-width: 2px;}
        #uhakTv .navigation button:hover { background-color: #ccc; }
    }
}

/*******************************************************************************
                                  dndn-package-section14
********************************************************************************/
.dndn-package-section14 {background: #FDF2F5;}
.dndn-package-section14-con {margin-top: 60px;}
.dndn-package-section14-con h3 {font-size: 36px;margin-bottom: 22px;}
.dndn-package-section14-con h3 a {color: #8150FF;}
.dndn-package-section14-con table {width: 100%;border-collapse: collapse;background: #fff;}
.dndn-package-section14-con table th,.dndn-package-section14-con table td {    border: 1px solid #D3D3D3;}
.dndn-package-section14-con table th {padding: 20px 0; background: #F1FCFF; color: #555555; font-size: 20px;}
.dndn-package-section14-con table th span::before {content: "*";}
.dndn-package-section14-con table td {position: relative; padding: 20px; font-size: 20px;}
.dndn-package-section14-con table td.color-red {color: #DD0000; padding-right: 120px;}
.dndn-package-section14-con table td[colspan] {text-align: left;}
.dndn-package-section14-con table td ul {margin: 0;list-style: inside;}
.dndn-package-section14-con table td ul li::marker {content: '- ';}
.dndn-package-section14-con table td span {display: block;}
.dndn-package-section14-con table td > div {position: absolute;right: 40px;top: 50%;transform: translateY(-50%);padding: 4px;background: #DD0000;color: #fff;width: 160px;}
.dndn-package-section14-con table td > div::before {content: '';position: absolute;left: 100%;top: 50%;transform: translate(-5%, -50%);height: 100%;aspect-ratio: 22 / 37;clip-path: polygon(0% 0%, 10% 0, 100% 50%, 10% 100%, 0% 100%);background: #DD0000;}
.dndn-package-section14-con table tr:nth-child(n + 2) th {background: #F7F7F7;}
.dndn-package-section14-con table tr:nth-child(n + 7) th {background: #EBEBEB;}
.dndn-package-section14-con table td span,.dndn-package-section14-con table th span {font-size: 18px;font-weight: 400;}
.dndn-package-section14-con > ul {margin-top: 10px;color: #888888;font-size: 14px;list-style: inside;text-align: left;}
.dndn-package-section14-con > ul > li::marker {content: "*";}
@media screen and (max-width:1200px) {
    .dndn-package-section14-con table td > div {position: relative;top: auto;right: auto;transform: translate(0, 0);width: 60%;margin: 8px auto 0;}
    .dndn-package-section14-con table td.color-red {padding-right: 20px;}
}
@media screen and (max-width:768px) {
    .dndn-package-section14-con {margin-top: 30px;}
    .dndn-package-section14-con h3 {font-size: 20px;margin-bottom: 10px;}
    .dndn-package-section14-con table th {padding: 10px 0;font-size: 15px;white-space: nowrap;}
    .dndn-package-section14-con table th span {white-space: normal;}
    .dndn-package-section14-con table td {padding: 10px; font-size: 15px;}
    .dndn-package-section14-con table td span,.dndn-package-section14-con table th span {font-size: 13px;}
    .dndn-package-section14-con table td span {white-space: nowrap;}
    .dndn-package-section14-con > ul {font-size: 11px;}    
}

/*******************************************************************************
                                  dndn-package-section15
********************************************************************************/
.dndn-package-section15-con {
    display: flex;
    align-items: start;
}
.dndn-package-section15-con .img {
    width: 65%;
    margin-right: 40px;
    padding: 60px 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 16%);
}
.dndn-package-section15-con .img > span {
    display: inline-block;
    width: 100%;
    aspect-ratio: 648 / 292;
    background: url('/images/dndn-package/dndn-package-section015-img1.jpg') no-repeat center center;
    background-size: cover;
}
.dndn-package-section15-con .textBox {
    text-align: left;
}
.dndn-package-section15-con .textBox dl {
    margin-bottom: 40px;
    font-size: 20px;
}
.dndn-package-section15-con .textBox dl dt {
    display: inline-block;
    margin-bottom: 12px;
    padding: 8px 32px;
    border-radius: 10px;
    background: #8150FF;    
    font-weight: 700;
    color: #fff;
}

.dndn-package-section15-con .textBox dl dd li {
    position: relative;
    margin-left: 10px;
}
.dndn-package-section15-con .textBox dl dd li::before {
    content: 'ㆍ';
    position: absolute;
    right: 100%;top: 0;
}
.dndn-package-section15-con .textBox small {
    color: #888888;
    font-size: 14px;
}
.dndn-package-section15-con .textBox small::before {
    content: '*';
}

.cc_green{color:#38761D}
.cc_red{color:#980000}

@media screen and (max-width:768px) {
    .dndn-package-section15-con {
        display: block;
    }
    .dndn-package-section15-con .img {
        width: 100%;
        margin-right:0;
        padding: 20px 0;
        margin-bottom: 30px;
    }
    .dndn-package-section15-con .textBox {
        text-align: center;
    } 
    .dndn-package-section15-con .textBox dl {
        margin-bottom: 20px;
        font-size: 15px;
    }
    .dndn-package-section15-con .textBox small {
        font-size: 11px;
    }
}

/*******************************************************************************
                            든든 패키지 추가
********************************************************************************/
.dndn-package-section16 .dndn-package-sub-title strong {line-height: 130%; color: #FC1D01;}
.dndn-package-section16-con2 {display: grid;grid-template-columns: repeat(12,1fr);column-gap: 24px; row-gap: 44px; margin-bottom: 62px;}
.dndn-package-section16-con2 li {position: relative;grid-column: 4 span;padding: 40px 24px;background: #fff;border-radius: 12px;box-shadow: 0px 4px 4px 0px #CCEDF0;}
.dndn-package-section16-con2 li:nth-child(n + 4) {grid-column: 3 span;}
.dndn-package-section16-con2 li > em {display: block;position: absolute;top: 10px;right: 10px;min-width: 56px;padding: 0 8px;background-color: #FFE451;border-radius: 8px;font-size: 18px;font-weight: bold;font-style: normal;text-align: center;line-height: 30px;}
.dndn-package-section16-con2 li > span {display: flex;align-items: center;justify-content: center;aspect-ratio: 1 / 1;width: 30px;margin: 0 auto 12px;background: #94D9E0;border-radius: 50%;font-weight: 700;font-size: 18px;color: #fff;}
.dndn-package-section16-con2 li p {font-size: 26px;font-weight: 700;line-height: 140%;color: #000;margin-bottom:0}
.dndn-package-section16-con2 li p strong {line-height: 140%;color: #0064FA;}
.dndn-package-section16-con2 li p strong.red {color: #FC1D01; font-weight: inherit;}
.dndn-package-section16-con2 li p em {font-weight: 700;font-style: normal;}
.dndn-package-section16-con2 li p.gray{color:#888888 !important;margin-top:0; position: absolute; bottom: -31px; left: 0; width: 100%; text-align: center; font-size: 14px; font-weight: 400; line-height: 150%;}
.dndn-package-section16-text {padding: 30px 0;font-size: 18px;color: #000;}
.dndn-package-section16-textBox {display: flex; gap: 8px; justify-content: center; padding: 1.9rem 0; background: #BBECF3; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; font-size: var(--f-body1); font-weight: 400; color: #000; line-height: 1.2; position: relative; margin-bottom: 2rem; border-radius: 12px;} 
.dndn-package-section16-textBox figure {display: block; margin: 0; margin-top: 2px; content: ''; width: 24px; height: 24px; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/master-solution-uk/iconNoti.svg') no-repeat center center; background-size: cover; } 
.dndn-package-section16-textBox strong {color: #FD4A34; font-style: normal; font-weight: 400;} 
.dndn-package-section16-linkBox {display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 1.5rem;} 
.dndn-package-section16-linkBox > a {display: flex; justify-content: center; align-items: center; padding: 1.25rem 0; border-radius: 9999px; background: #0664F0; font-size: var(--f-fontSize03); font-weight: 700; line-height: 147%; color: #fff;} 
.dndn-package-section16-linkBox > a figure {background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/common/buttonArrow_x24.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 1.5rem; height: 1.5rem; margin: 0; margin-left: 4px;}

@media screen and (max-width:768px) {
    .dndn-package-section16-con2 {grid-template-columns: repeat(2,1fr); column-gap: 8px; margin-bottom: 30px; row-gap: 16px;}
    .dndn-package-section16-con2 li {grid-column: 2 span;padding: 32px 16px; border-radius: 12px; }
    .dndn-package-section16-con2 li:nth-child(n + 4) {grid-column: 1 span;}
    .dndn-package-section16-con2 li > em {top: 8px;right: 8px;min-width: 38px;height: 30px;font-size: 15px;line-height: 30px;}
    .dndn-package-section16-con2 li > span {margin:0 auto 8px;width: 24px;font-size: 14px;}
    .dndn-package-section16-con2 li p {font-size: var(--f-fontSize03);line-height: 150%;}
    .dndn-package-section16-con2 li p strong {display: inline-block;letter-spacing: -.5px;}
    .dndn-package-section16-con2 li.hasDesc{margin-bottom: 29px;}
    .dndn-package-section16-con2 li:nth-child(4) {margin-bottom: 29px;}
    .dndn-package-section16-con2 li p.gray{font-size: var(--f-body2); bottom: -29px;}
    .dndn-package-section16-text {margin: 0; padding: 0 0 32px;font-size: 15px;}
    .dndn-package-section16-textBox {display: block; padding: 1.25rem 0; font-size: var(--f-fontSize04); text-align:center;}
    .dndn-package-section16-textBox figure { margin: 0 auto 4px; }
    .dndn-package-section16-textBox > span {display: inline-block;font-size: 20px;line-height: 27px;}
    .dndn-package-section16-linkBox { grid-template-columns: repeat(1,1fr); gap: 1rem; } 
    .dndn-package-section16-linkBox > a { padding: .75rem 0; font-size: var(--f-fontSize03); line-height: 150%; } 
    .dndn-package-section16-linkBox > a > figure { aspect-ratio: 24 / 30; font-size: calc(1rem + 2.5002vw); } 
}

/*******************************************************************************
                                  리얼 후기
********************************************************************************/
.real-review-section * {font-family: 'Noto Sans KR', sans-serif;box-sizing: border-box;}
.real-review-section {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/real-review/real-review_bg_tw.jpg') no-repeat center center;background-size: cover;}
.real-review-section .max-width {display: grid;grid-template-columns: repeat(12,1fr);grid-gap: 24px;padding: 3.2rem 0;max-width: 1080px;margin: 0 auto;text-align: center;}
.real-review-section-con {grid-column: 7 span;text-align: left;}
.real-review-section-con2 {grid-column: 12 span;}
.real-review-section-con p {margin-bottom: 0.2rem;font-size: 1.1rem;font-weight: normal;color: #fff;}
.real-review-section-con h2 {margin-bottom: 1.3rem;text-shadow: 0 2px 6px #000000;color: #fff;font-size: 1.8rem;text-align: left;}
.real-review-section-con h2 > strong {color: #FFEE03;}
.real-review-section-con h2 em{color: #FFEE03;}
.real-review-section-con a {display: inline-block;padding: 0.3rem 1rem;background: #1EC95B;border-radius: 8px;font-size: 0.8rem;font-weight: normal;color: #fff;}
@media screen and (max-width: 1080px) {
    .real-review-section-con{padding: 0 16px;}
}
@media screen and (max-width:767px) {
    .real-review-section .max-width {grid-template-columns: repeat(1,1fr);padding: 1.5rem 0;}
    .real-review-section-con {grid-column: 1 span;text-align: left;}
    .real-review-section-con2 {grid-column: 1 span;text-align: left;}
    .real-review-section-con p {font-size: 1.2rem;}
    .real-review-section-con h2 {font-size: 1.1rem;}
    .real-review-section-con a {padding: 0.2rem 1rem;border-radius:4px;font-size: 0.9rem;}
}

.c-footer .nav-item .icon { line-height: unset; }