@charset "utf-8";


/*
@font-face {font-family: "Aggravo";src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff") format("woff");font-weight: 700;font-display: swap}
*/

#ldp * {box-sizing: border-box}
#ldp img {max-width: 100%}
#ldp .container {z-index: 1}

/* top */
.ldp-top {padding: 5rem 0 6rem;position: relative;background: linear-gradient(180deg, #1E3A8A 0%, #1E40AF 50%, #1D4ED8 100%);color: #fff}
.ldp-top::before {content:'';background: url("https://img.megastudyth.com/ldp/high/top_bg1.png") no-repeat 0 0 / cover;width: 38rem;height: 38.25rem;position: absolute;top: 0;left: 0}
.ldp-top::after {content:'';background: url("https://img.megastudyth.com/ldp/high/top_bg2.png") no-repeat 0 0 / cover;width: 41.9375rem;height: 41rem;position: absolute;bottom: 0;right: 0}
.ldp-top__layout {display: flex;max-width: 62.5rem;margin: 0 0 0 0.625rem;align-items: center;justify-content: space-between;}
.ldp-top__left {display: flex;flex-direction: column;align-items: flex-start;}
.ldp-top__left h3 {gap: 0 6px;margin-bottom: 1.5rem;}
.ldp-top__left h3 > span {font-size: 0.875rem;font-weight: 400;background: #3B82F6;border-radius: 2.5rem;padding: 0 0.75rem;height: 1.625rem;display: inline-flex;align-items: center;letter-spacing: 08%;margin-right: 6px;}
.ldp-top__left h3 b {width: 100%;margin-top: 1.75rem;font-size: 3.5rem;line-height: 100%;display: block;}
.ldp-top__left h3 b span {font-weight: 400;line-height: 120%;margin-top: 0.5rem;display: inline-block;font-size: 3rem}
.ldp-top__left p {font-weight: 300;line-height: 160%;color: #E0E7FF}
.ldp-top__btn {display: flex;margin-top: 2.5rem;align-items: center;gap: 0.75rem}
.ldp-top__btn li a {font-size: 1rem;border:1px solid #fff;display: flex;height: 3.75rem;align-items: center;justify-content: center;padding: 0 1.75rem;border-radius: 3.75rem}
.ldp-top__btn li:nth-child(1) a {color:#000;background:#FACC15;border-color:#FACC15}
.btn-curriculum.is-disabled {cursor: default !important}
.ldp-top__right {gap: 1rem;display: flex;flex-direction: column;justify-content: flex-start;max-width: 25rem;width: 25rem;}
.ldp-top__right h4 {height: 2.5rem;background: #001D70;display: flex;font-weight: 400;justify-content: center;align-items: center;border-radius: 4px}
.ldp-top__swiper {overflow: hidden;width: 100%;border-radius: 1.25rem;overflow: hidden} 

.middle .ldp-top {background: linear-gradient(180deg, #047857 0%, #10B981 100%);color: #fff}
.middle .ldp-top::before {background-image: url("https://img.megastudyth.com/ldp/middle/top_bg1.png")}
.middle .ldp-top::after {background-image: url("https://img.megastudyth.com/ldp/middle/top_bg2.png")}
.middle .ldp-top__right h4 {background: #05503C}
.middle .ldp-top__left h3 > span {background: #10B981}
.middle .ldp-top__left h3 {margin-bottom: 4.25rem;}

/* belt */
.ldp-belt {background:#0F172A;color: #FFFFFF;padding: 1.25rem 0;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 3;}
.ldp-belt .hide {position: absolute;top: 0;right: 0}
.ldp-belt dl {display: flex;justify-content: space-between;position: relative;margin: 0 0.625rem}
.ldp-belt dt {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding-left: 7.4375rem;gap: 0.5rem}
.ldp-belt dt i {position: absolute;left: 00;width: 5.9375rem}
.ldp-belt dt b {font-weight: 700;font-size: 2.25rem;line-height: 1;letter-spacing: 0;text-shadow: 0 0 1.25rem #8BED02}
.ldp-belt dt b br {display:none}
.ldp-belt dt span {font-size: 1.125rem;font-weight: 400}
.ldp-belt dd {display: flex;flex-direction: column;gap: 0.5rem;justify-content: center;width: 17.5rem}
.ldp-belt dd a {height: 3rem;line-height: 3rem;background: #06C755;border-radius: 0.5rem;text-align: center;flex: 1}
.ldp-belt dd a:first-child {background:#fff;color:#000}

/* sidebnr */
.ldp-sidebnr {padding: 5rem 0 4.375rem}
.ldp-sidebnr__title {margin: 0 0.625rem 2.5rem}
.ldp-sidebnr__title h4 {font-size: 2rem;color: #1E3A8A}
.ldp-sidebnr__title p {margin: 0.25rem 0 0}
.ldp-sidebnr__layout {display: flex;justify-content: space-between;gap: 1.25rem;padding: 0 0.625rem}
.ldp-sidebnr__swiper {width: calc(50% - 0.625rem);border-radius: 1.25rem;overflow: hidden}

/* select */
.ldp-select {padding: 5rem 15px 2.5rem;background: #F8FAFC;display: flex;flex-direction: column;align-items: center;text-align: center}
.ldp-select dt {font-size: 3rem;font-weight: 500;line-height: 100%;margin: 0 0 0.75rem}
.ldp-select dd {font-size: 1.125rem;color: #64748B;font-weight: 300;line-height: 140%}

/* scOnSticky */
.ldp-scOnSticky {position: relative;}
.ldp-scOnSticky:before {content: ''; display: block; background: #fff; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; z-index: -1}
.ldp-scOnSticky.is-sticky {position: sticky;top: 0;z-index: 2}
.ldp-scOnSticky.is-sticky::before {box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075)}
.ldp-scOnSticky.is-sticky * {/*transition:all 0.5s*/}
.ldp-scOnSticky__tab {display: flex;padding: 1rem 0 3.75rem;background: #F8FAFC;justify-content: center}
.ldp-scOnSticky.is-sticky .ldp-scOnSticky__tab {padding-bottom: 1rem}
.ldp-scOnSticky__tab li {flex: 1;max-width: 26rem}
.ldp-scOnSticky__tab li a {height: 3.75rem;display: flex;justify-content: center;\: ;background: #fff;align-items: center;border:1px solid #CBD5E1;border-radius:0 0.5rem 0.5rem 0;font-weight: 500;color: #475569}
.ldp-scOnSticky__tab li a.on {background: #1E50B5;color:#fff;border-color:#1E50B5;}
.ldp-scOnSticky__tab li:first-child a {border-radius:0.5rem 0 0 0.5rem}
.ldp-scOnSticky__search {background: #F8FAFC;padding: 0 0 2.5rem}
.ldp-scOnSticky.is-sticky .ldp-scOnSticky__search {padding-bottom: 1rem}
.ldp-scOnSticky__search .search_zone {max-width:69.5rem;margin:0 auto;display:flex;gap:0.5rem;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center}
.ldp-scOnSticky__search .search_zone form {flex:1 1 auto;min-width:0}
.ldp-scOnSticky__search .vod-list__sch {margin-top:0;border:2px solid #CBD5E1}
.ldp-scOnSticky__search .vod-list__sch button:before {border-color:#CBD5E1}
.ldp-scOnSticky__search .vod-list__sch button:after {background:#CBD5E1}
.ldp-scOnSticky__search .btn-reset {display:flex;align-items:center;gap:0.625rem;height:3rem;border:.0625rem solid #CBD5E1;border-radius:999px;background:#F8FAFC;color:#6b7280;cursor:pointer;white-space:nowrap;min-width:9.5rem;flex:0 0 9.5rem;justify-content:center;font-weight:400;padding:0 0 0 0.5rem}
.ldp-scOnSticky__line {display: flex;margin: 2.5rem 0 0 -0rem;justify-content: center}
.ldp-scOnSticky.is-sticky .ldp-scOnSticky__line {margin-top: 1rem;padding-bottom: 1rem}
.ldp-scOnSticky__line .swiper {max-width: 69.5rem;width: 69.5rem;}
.ldp-scOnSticky__line a {display: block}
.ldp-scOnSticky__line .mo {display: none}

/* scOffSticky */
.ldp-scOffSticky {background: #fff;padding: 0 0 1rem;position: relative;}
.ldp-scOffSticky:before {content: ''; display: block; background: #fff; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; z-index: -1}
.ldp-scOffSticky.is-sticky {position: sticky;top: 0;z-index: 2}
.ldp-scOffSticky.is-sticky::before {box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075)}
.ldp-scOffSticky .container {max-width: 69.5rem}
.ldp-tagList {display: flex;gap: 0.5rem;padding-bottom: 1.75rem;border-bottom: 1px solid #D3D8DD;margin-bottom: 1.75rem;padding-top: 1rem;flex-wrap: wrap;flex-direction: row;}
.is-sticky .ldp-tagList {
    margin-top: 0;
}
.ldp-tagList li {list-style:none}
.ldp-scOffSticky.is-sticky .ldp-tagList {padding-bottom: 1rem;margin-bottom: 1rem}
.ldp-tagList li button {border:1px solid #E2E8F0;height: 2.5rem;padding: 0 1.25rem;border-radius: 2.5rem;color: #64748B}
.ldp-tagList li button.active {color: #1E50B5;background: #DBEAFE;border-color: #DBEAFE}

/* vod */
.ldp-vod {position: relative;}
.ldp-vod__layout {max-width: 69.5rem;width: 100%;margin: 0rem auto 0;}
.ldp-vod .main-inner{padding-left: 0;padding-right: 0;}

/* review */
.ldp-review {padding: 5rem 0}
.ldp-review .container {max-width: 69.5rem}
.ldp-review__title {margin: 0 0 3rem;text-align: center}
.ldp-review__title h4 {font-size: 3rem;color: #1E50B5}
.ldp-review__title h4 br {display: none}
.ldp-review__title p {margin: 0.25rem 0 0;color: #6B7684;font-size: 1.125rem;font-weight: 300}
.ldp-review__layout {display:flex;gap: 1.75rem;align-items: stretch}
.ldp-review__left {flex: 0 0 22rem;min-width: 22rem}
.ldp-review__right {flex:1 1 auto;min-width:0}
.ldp-review__swiper {position:relative}
.ldp-review__swiper.image {overflow:hidden;border-radius:16px}
.ldp-review__swiper.image .swiper-slide img {display:block;width:100%;border-radius:16px}

.swiper-pagination-bullets.ldp-review__pagination {position:absolute;left:0;right:0;bottom:1.75rem;display:flex;justify-content:center;gap:6px;z-index: 1}
.swiper-pagination-bullets.ldp-review__pagination .swiper-pagination-bullet {width:0.5rem;height:0.5rem;background:#ffffff80;opacity:1;margin:0 !important}
.swiper-pagination-bullets.ldp-review__pagination .swiper-pagination-bullet-active {background:#fff}

.ldp-review__swiper.text {height:100%;overflow:hidden}
.ldp-review__text-card {display:flex;flex-direction:column;justify-content:space-between;height:100%;padding: 2.5rem 1.75rem;background: #F1F5F9;border-radius:16px}
.ldp-review__text-card .quote {font-size: 1.25rem;line-height: 140%;font-weight: 400;color:#111;word-break:keep-all;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis}
.ldp-review__text-card .foot {margin-top:auto;padding-top: 1.25rem;border-top: 1px solid #D0D9E4}
.ldp-review__text-card .name {color:#333;overflow: hidden;text-overflow: ellipsis;max-width: 100%;white-space: nowrap}
.ldp-review__text-card .desc {margin-top:2px;font-weight:700;color:#111;overflow: hidden;text-overflow: ellipsis;max-width: 100%;white-space: nowrap}
.ldp-review__swiper.text .ldp-review__pagination {display:none}

/* line */
.ldp-line {padding: 3.75rem 0 0}
.ldp-line__inner {background:#07163B;border-radius:1.25rem;padding: 3.75rem 15px 4.1875rem;max-width: 69.5rem;margin: 0 auto}
.ldp-line__title {text-align:center}
.ldp-line__title h4 {color:#fff;font-size:3rem;font-weight: 500;line-height: 140%}
.ldp-line__title p {margin-top: 0.5rem;color: #DBEAFE;font-size:1.125rem;font-weight: 200;line-height: 140%}
.ldp-line__title p .mo {display: none}
.ldp-line__btn {margin-top:2.625rem;display:flex;justify-content:center;gap:1rem}
.ldp-line__btn li {flex: 0 0 17.875rem}
.ldp-line__btn li a {display:flex;align-items:center;justify-content:center;width:100%;height:4.25rem;border-radius:1rem;font-size:1.25rem;font-weight: 400;text-align:center}
.ldp-line__btn li:first-child a {background:#F3F4F6;color: #1E50B5}
.ldp-line__btn li:last-child a {background:#11D451;color:#fff}

/* popup */
.ldp-popup {display:none; position:fixed; inset:0; z-index:9999; align-items:center; justify-content:center; padding:3rem 2rem}
.ldp-popup.on {display:flex}
.ldp-popup__dim {position:absolute; inset:0; background:rgba(0,0,0,.6)}
.ldp-popup__wrap {position:relative;width:100%;max-width:58.75rem;max-height:calc(100vh - 6rem);background: #fff;border-radius:1.25rem;box-shadow:0 1rem 2.5rem rgba(0,0,0,.28)}
.ldp-popup__close {position: absolute;top: -3rem;right: 0.5rem;width:2.5rem;height:2.5rem;border:0;background:none;font-size:0;cursor:pointer;z-index:1}
.ldp-popup__close:before,
.ldp-popup__close:after {content:''; position:absolute; top:50%; left:50%; width:1.5rem; height:.125rem; background:#fff; border-radius:999px}
.ldp-popup__close:before {transform:translate(-50%,-50%) rotate(45deg)}
.ldp-popup__close:after {transform:translate(-50%,-50%) rotate(-45deg)}
.ldp-popup__slider {position: relative}
.ldp-popup__swiper {overflow: hidden; border-radius: 1.25rem}
.ldp-popup__swiper .swiper-slide {display: flex; align-items: center; justify-content: center}
.ldp-popup__swiper .swiper-slide img {display: block; width: 100%; height: auto; max-height: calc(100vh - 12rem); object-fit: contain}
.ldp-popup__prev,
.ldp-popup__next {position: absolute;top: 50%;width: 2.5rem;height: 2.5rem;margin-top: -1.25rem;border: 0;border-radius: 50%;background: #000;font-size: 0;cursor: pointer;z-index: 10}
.ldp-popup__prev {left: -1.25rem}
.ldp-popup__next {right: -1.5rem}
.ldp-popup__prev:before,
.ldp-popup__next:before {content: ''; position: absolute; top: 50%; left: 50%; width: .625rem; height: .625rem; border-top: .125rem solid #fff; border-right: .125rem solid #fff}
.ldp-popup__prev:before {transform: translate(-30%, -50%) rotate(-135deg)}
.ldp-popup__next:before {transform: translate(-70%, -50%) rotate(45deg)}
.ldp-popup .swiper-pagination-bullets.ldp-popup__pagination {text-align:center;position: absolute;bottom: 1rem;left: 0}



@media (max-width:1280px){

    /* sidebnr */
    .ldp-sidebnr__title {margin-left:0;margin-right:0}
    .ldp-sidebnr__layout {padding:0}

    /* belt */
    .ldp-belt dt {padding-left: 6.5rem}
    .ldp-belt dt b {font-size: 2rem}
    .ldp-belt dt i {width: 5rem}

    .ldp-vod{
    width: auto;
}
    .ldp-tagList{
    /* padding-top: 0; */
    padding-bottom: 1.0rem;
    margin-bottom: 1.0rem;
}

}

@media (max-width: 1120px){

    /* padding */
    .ldp-scOnSticky__tab,
    .ldp-scOnSticky__search,
    .ldp-scOnSticky__line ,
    .ldp-vod {padding-left: 15px; padding-right: 15px}

    /* line */
    .ldp-line__inner {border-radius: 0}


}

@media (max-width:992px){

    /* top */
    .ldp-top::before {width: 24.125rem;height: 24.3125rem}
    .ldp-top::after {width: 22.9375rem;height: 22.4375rem}

    /* belt */
    .ldp-belt dl {flex-direction: column}
    .ldp-belt dd {display: flex;flex-direction: row;width: auto;margin-top: 1rem}
    .ldp-top__right {width: 44%;max-width: inherit}

    /* select */
    .ldp-select dt {font-size:2rem}

    /* review */
    .ldp-review__title h4 {font-size:2rem}
    .ldp-review__layout {gap:1rem;padding: 0 2rem}
    .ldp-review__left {min-width: calc(50% - 1rem);flex: 0 0 calc(50% - 1rem)}
    .ldp-review__swiper.text {aspect-ratio: 1/1.125}
    .ldp-review__swiper.text .swiper-pagination-bullets.ldp-review__pagination.ldp-review__pagination {display:flex}
    .ldp-review__swiper.text .swiper-pagination-bullets.ldp-review__pagination.ldp-review__pagination .swiper-pagination-bullet {width:7px;height:7px;background:#C9D1DD;opacity:1;margin:0 !important}
    .ldp-review__swiper.text .swiper-pagination-bullets.ldp-review__pagination.ldp-review__pagination .swiper-pagination-bullet-active {background:#2A4FCB}

    /* line */
    .ldp-line {padding-top: 0}
}

@media (max-width:768px){

    /* top */
    .ldp-top__btn li {flex: 1}
    .ldp-top__btn li a {padding: 0}
    .ldp-top__layout {flex-direction: column}
    .ldp-top__left {width: 100%}
    .ldp-top__btn {width: 100%;}
    .ldp-top__right {flex-direction: row;margin-top: 3.75rem;flex-wrap: wrap;width: 100%}
    .ldp-top__right li img {width: 100%}
    .ldp-top__right h4 {width: 100%}
    .ldp-top__swiper {width: calc(50% - 0.5rem)}

    /* belt */
    .ldp-belt {bottom: 5.1rem;}

    /* scOnSticky */
    .ldp-scOnSticky__tab {padding-bottom: 3rem}
    .ldp-scOnSticky__line {padding-left:0;padding-right:0;margin-top: 0}
    .ldp-scOnSticky__line .swiper {}
    .ldp-scOnSticky__line .pc {display: none}
    .ldp-scOnSticky__line .mo {display: block}
    .ldp-scOnSticky__search .btn-reset {min-width:8.5rem;flex:0 0 8.5rem;gap:0.25rem}

    .ldp-tagList {
    padding-top: 1rem;
}
    .ldp-tagList li button {
    font-size: 0.875rem;
    height: 2rem;
}
    
    /* line */
    .ldp-line .container {padding:2.5rem 1.25rem;border-radius:1rem}
    .ldp-line__title h4 {font-size:2rem}
    .ldp-line__title p {font-size:1rem}
    .ldp-line__title p .mo {display: block}
    .ldp-line__btn li {width:100%;flex: 1}
    .ldp-line__btn li a {height:3.75rem;font-size:1.125rem;border-radius:.875rem}

}

@media (max-width:576px){

    /* top */
    .ldp-top__left h3 b {font-size: 3rem}
    .ldp-top__left h3 b span {font-size: 2.5rem}
    .ldp-top__right {flex-direction: column}
    .ldp-top__swiper {width: 100%}
    .middle .ldp-top__left h3 {margin-bottom: 1.5rem}

    /* belt */
    .ldp-belt dt {flex-direction: column-reverse;gap: 0.125rem}
    .ldp-belt dt b br {display:block}

    /* sidebnr */
    .ldp-sidebnr__layout {flex-direction: column}
    .ldp-sidebnr__swiper {width: 100%}

    /* review */
    .ldp-review__layout {flex-direction:column}
    .ldp-review__left {flex:none;min-width:0}
    .ldp-review__text-card {min-height:260px;padding:26px 18px}
    .ldp-review__title h4 br {display: block}

    /* scOnSticky */
    .ldp-scOnSticky__search .search_zone {gap:0.375rem}
    .ldp-scOnSticky__search .btn-reset {min-width:7.25rem;flex:0 0 7.25rem;padding:0 0.5rem;font-size:0.8125rem}

}