/** @format */

@charset "utf-8";
@import url('../../common/css/reset.css');
@import url('../../common/css/study.css?ver=2503261544');
@import url('../../common/css/layout.css');
/* @import url("study_1399.css") screen and (max-width: 1399px); */
@import url('../../common/css/study_1099.css') screen and (max-width: 1199px);
@import url('../../common/css/study_0899.css') screen and (max-width: 959px);
@import url('../../common/css/study_0767.css') screen and (max-width: 767px);
@import url('../../common/css/study_0499.css?ver=2403051121') screen and (max-width: 499px);

/*------------------------------
theme, break
------------------------------*/
:root {
    --btn-background-color: linear-gradient(90deg, #e93d24 0%, #ff2863 100%);
    --element-primary-color: #370a4c;
    --element-primary-pulse-start: rgba(55, 10, 76, 0.5);
    --element-primary-pulse-end: rgba(55, 10, 76, 0);

    --lesson-color: rgba(242, 255, 255, 1);
    --lesson-shadow: rgba(119, 206, 231, 0.3);
}

/* lesson sub */
.lesson_info_img.type_quote,
.lesson_info_img.type_inkpen,
.lesson_info_img.type_bible {
    min-height: 1px;
    box-shadow: 0 6px 40px 0 rgba(155, 176, 239, 0.4), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
}
.lesson_info_img.type_quote > .bx_text p > em,
.lesson_info_img.type_inkpen > .bx_text p > em,
.lesson_info_img.type_bible > .bx_text p > em {
    display: block;
    margin-top: 20px;
    color: #a9a9a9;
    color: #8a8ca2;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
}

.lesson_info_img.type_quote:after,
.lesson_info_img.type_inkpen:after,
.lesson_info_img.type_bible:after {
    background: #fff;
}
.lesson_info_img.type_quote picture,
.lesson_info_img.type_inkpen picture,
.lesson_info_img.type_bible picture {
    display: none;
}
.lesson_info_img.type_quote .bx_text,
.lesson_info_img.type_inkpen .bx_text,
.lesson_info_img.type_bible .bx_text {
    position: relative;
    width: 100%;
    z-index: 1;
}
.lesson_info_img.type_quote .bx_text:after,
.lesson_info_img.type_inkpen .bx_text:after,
.lesson_info_img.type_bible .bx_text:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: no-repeat 100% calc(100% + 1rem) / auto 6rem;
    z-index: 0;
}
.lesson_info_img.type_bible .bx_text:after {
    background-image: url(../img/svg/img_icon_bookOpen.svg);
}
.lesson_info_img.type_inkpen .bx_text:after {
    background-image: url(../img/svg/img_icon_inkpen.svg);
}
.lesson_info_img.type_quote .bx_text:after {
    background-image: url(../img/svg/icon_quote.svg);
}

.lesson_img_only {
    border-radius: 20px;
    overflow: hidden;
}

/*------------------------------
new
------------------------------*/
.lesson_front .course-header-inner .course-header-title {
    line-height: 1.2;
    text-align: right;
    letter-spacing: 1.8px;
}
.lesson_front .course-header-inner .course-header-subtitle {
    width: 100%;
    text-align: right;
}

/* lesson sub */

.footer-title .username {
    color: #9136fe;
}

.text-black {
    color: rgb(0, 0, 0) !important;
}
.lesson_info_icon.type_people {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 6px 40px 0 rgba(93, 95, 102, 0.15);
    overflow: hidden;
}
.lesson_info_icon.type_people .bx_img {
    flex-shrink: 0;
    width: 232px;
}
.lesson_info_icon.type_people > .bx_text {
    align-self: flex-start;
    padding: 30px 24px;
}
.lesson_info_icon.type_people > .bx_text p {
    line-height: 1.75;
}
.lesson_info_icon.type_people > .bx_text .title {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 1.5em;
}
.lesson_info_img.bgCustom2:after {
    background-color: rgb(0, 111, 129);
}

.lesson_list.type_bigNum ol {
    padding-left: 50px;
}
.lesson_list.type_bigNum ol li + li {
    margin-top: calc(12px * 3);
}
.lesson_list.type_bigNum ol li:before {
    top: 0;
    width: 50px;
    height: 100%;
    color: rgba(108, 108, 108, 0.2);
    font-size: 4rem;
    font-family: 'SC-6';
    line-height: 1;
    text-align: left;
    text-indent: -4px;
    background: transparent;
    transform: translate(-10px, -10px);
}

@media screen and (max-width: 1099px) {
    /* max-width: 1099px 끝 */
}
@media screen and (min-width: 900px) {
    .lesson_front .header_overlay {
        background: linear-gradient(180deg, rgba(26, 15, 32, 0.1) 15%, rgba(0, 0, 0, 0.85) 80%);
    }
    /* min-width: 900px 끝 */
}
@media screen and (max-width: 899px) {
    /* max-width: 899px 끝 */
}
@media screen and (max-width: 499px) {
    .lesson_front .course-header-inner .course-header-subtitle,
    .lesson_front .course-header-inner .course-header-title {
        line-height: 1.2;
        text-align: right;
        letter-spacing: 1.8px;
    }
    .lesson_front .course-header-inner .course-header-subtitle {
        width: 100%;
        text-align: right;
    }

    .lesson_info_icon.type_people {
        flex-flow: column wrap;
    }
    .lesson_info_icon.type_people > .bx_text,
    .lesson_info_icon.type_people .bx_img {
        width: 100%;
    }

    /* max-width: 499px 끝 */
}