@charset "utf-8";

/*
 * File       : rwd-sub.css
 *
 * SUMMARY:
 * 01) 1680px
 * 02) 1480px
 * 03) 1023px
 * 04) 860px
 * 05) 540px
 */



/* **************************************** *
 * 1680px
 * **************************************** */
@media (max-width: 1680px){

    
}



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){

}

/* **************************************** *
 * 1280px
 * **************************************** */
@media (max-width: 1280px){

    /* GLOBAL */
    .article-title { font-size: 46rem;}

}


/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px){

    /* GLOBAL */
    .article-header__text {margin-bottom:30rem;}
    .article-title { font-size: 40rem; }
    #container { padding-top: 80rem; padding-bottom: 120rem;}
    
    /* MYPAGE */
    #container.mypage {padding-bottom:0;}
    .mypage .lecture-list {margin-left:-10rem; margin-right:-10rem;}
    .mypage .lecture-item { width: calc(33.33% - 20rem); margin: 25rem 10rem;}
    .mypage .board-item .type { width: auto; display: inline-block; vertical-align: middle; margin:0 0 3rem;}
    .mypage .board-item .type:first-child {margin-left:0; margin-right:10rem;}
    .mypage .board-item .type + a {margin-top:10rem;}
    .mypage .board-item time {margin-top:15rem; margin-left:0; padding-left:0;}
    .mypage .board-item time:before {display:none;}
    
    /* MYPAGE VIEW */
    .mypage-view .article-header__inner {border-bottom:0; padding-bottom:0;}
    .mypage-view .article-title { font-size: 32rem;}
    .lecture-info {display:block;}
    .lecture-info__img { max-width: 100%;}
    .lecture-info__text {margin-top:40rem;}
    .progressbar-wrap {width:100%;}
    .lecture-info li .progressbar {width:100%;}

    .lecture-table {overflow:visible; position:relative; margin-top: 80rem; padding-top: 80rem;}
    .lecture-table:before {content:'';display:block;height: 8rem;background: #E2E2E2;position: absolute;top: 0;left: -30rem;right: -30rem;}
    .lecture-table caption {position: static;width:auto;height:auto;font-size:26rem;font-weight: 600;line-height: 1.5;margin-bottom: 15rem;display: block;}
    .lecture-table colgroup {display:none;}
    .lecture-table thead {display:none}
    .lecture-table tbody {display:block;}
    .lecture-table tr {width: 100%;display: block;display: flex;flex-wrap: wrap;padding: 25rem;border:1rem solid #ddd;border-radius: 10rem;overflow: hidden;}
    .lecture-table tr + tr {margin-top:20rem;}
    .lecture-table td {display:block;width: 100%;border-bottom: none;text-align: left;padding: 0;}
    .lecture-table td:first-child {display:none;}
    .lecture-table td.td-lecture-title {font-size: 20rem;font-weight: 600;flex-shrink: 0;margin-bottom: 10rem;}
    .lecture-table td.td-lecture-subject {order: 4;width: auto;font-size: 18rem;color: #767676;margin-right:10rem; padding-right:10rem; position:relative;} 
    .lecture-table td.td-lecture-subject:after {width:1rem; height:12rem; background:#E2E2E2; content:''; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%);}
    .lecture-table td.td-lecture-runtime {order:5;width: auto;font-size: 18rem;color: #767676;} 
    .lecture-table td.td-lecture-progress {order: 6;margin: 10rem 0 20rem;} 
    .lecture-table td.td-lecture-btn {order: 6;}
    .lecture-table td:before {content: attr(data-title); margin-right:5rem;}
    /*.lecture-table td:nth-child(6):before {content: ' / ' attr(data-title);}*/
    .lecture-table td.td-lecture-title:before, .lecture-table td.td-lecture-subject:before, .lecture-table td.td-lecture-progress:before, .lecture-table td.td-lecture-btn:before {display:none;}
    .lecture-table .progressbar {width:100%;}
    .lecture-table .progressbar > span {background:#009E9A;}
    .lecture-table .percentage {font-size:18rem; color:#009E9A; font-weight:600;}
    .lecture-table .btn-lecture {width:100%;padding:15rem;font-size:18rem;color:#004EA1;font-weight:600;background:#EEF6FF;border-radius: 5rem;}
    .lecture-table .btn-lecture span {position:relative; padding-right:20rem;} 
    .lecture-table .btn-lecture span:after {content: '\e909';font-family: 'academy';font-size: 10rem;font-weight:normal;color:#004EA1; position:absolute; right:0; top:50%; transform:translateY(-50%);}
    
    .recommend-lectures-wrap { margin-top: 80rem; padding: 80rem 0;}
    .recommend-lectures__head h3 {font-size:26rem;}
    .recommend-lectures + .recommend-lectures {margin-top:80rem;}
    .recommend-lectures .recommend-lectures__slider { margin: 0 -10rem; overflow:visible;}
    .recommend-lectures .lecture-item { width: calc(33.3% - 20rem); margin: 0 10rem;}

    /* LECTURE POPUP */
    .lecture-popup__wrap .mfp-container {padding:0;}
    .lecture-popup {display:block; margin-top:50rem;}
    .lecture-popup .mfp-close { right: 15rem; top: -45rem;}
    .lecture-popup .mfp-close:before {font-size:22rem;}
    .lecture-video-section {max-width:100%;padding: 0;}
    .lecture-popup .mfp-close:before {color:#fff;}
    .lecture-video-section .lecture-popup__head {order:2;padding: 30rem 20rem 35rem;}
    .lecture-popup__head h2 { font-size: 26rem; margin-top:0;}
    .lecture-popup__head .lecture-popup__close {right:20rem;}
    .lecture-popup__head .lecture-popup__close:before {font-size:24rem;}
    .lecture-popup__title {margin-bottom:0;}
    .lecture-popup__title p {display:none;}
    .lecture-video-section .lecture-popup__body {margin-top: 0;}
    .lecture-note-section {padding:0;max-width: 100%;margin-left: 0;border-top: 8rem solid #E2E2E2;padding: 30rem;}
    .lecture-popup__text {height: 340rem;}

    /* LECTURE PROBLEM */
    .lecture-problem__box {padding: 50rem 30rem 30rem;}
    .lecture-problem__title span { font-size: 18rem;}
    .lecture-problem__title p { font-size: 22rem;}
    .lecture-problem__list { margin-top: 20rem;}
    .lecture-problem__text {margin-top:20rem;}
}




/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){

    /* GLOBAL */
    .article-title { font-size: 32rem;}
    #container { padding-top: 60rem; padding-bottom: 80rem;}

    .breadcrumb li { padding: 0 5rem; font-size: 14rem;}

    /* MEMBER CONFIRM */
    .member-confirm__box { padding: 50rem 20rem;}

    /* MYPAGE */
    .btn-setting span { padding-left: 22rem; font-size:16rem;}
    .btn-setting span:before {font-size:16rem;}
    .mypage .lecture-list {}
    .mypage .lecture-item { width: calc(50% - 20rem); }
    .mypage .lecture-item__info {padding-top:14rem;}

    /* MYPAGE VIEW */
    .article-category {font-size:16rem;}
    .mypage-view .article-title { font-size: 24rem;}

    .lecture-info {margin-top:30rem;}
    .lecture-info li {font-size:16rem;}
    .lecture-info li.edu-file p {width:100%;}
    .lecture-info li.edu-file a {width:50%; padding: 12rem 15rem}
    .lecture-info li.edu-file a:after {font-size:18rem; right:15rem;}
    .lecture-info li .progressbar-wrap .percentage { font-size: 16rem;}
    .progressbar {height:8rem;}
    .btn-apply {min-width: 100%;} 

    .lecture-table {margin-top: 60rem; padding-top: 60rem;}
    .lecture-table caption { font-size: 22rem;}
    .lecture-table td.td-lecture-title {font-size:18rem;}
    .lecture-table td.td-lecture-subject, .lecture-table td.td-lecture-runtime {font-size:16rem;}
    .lecture-table .percentage {font-size:16rem;}
    .lecture-table .btn-lecture {font-size:16rem;}

    .recommend-lectures-wrap { margin-top: 60rem; padding: 60rem 0;}
    .recommend-lectures__head h3 { font-size: 22rem;}
    .recommend-lectures .lecture-item { width: calc(50% - 20rem);}

    /* LECTURE POPUP */
    .lecture-video-section .lecture-popup__head {display:block; padding: 20rem 20rem 25rem;}
    .lecture-popup__head .lecture-popup__close:before {font-size:20rem;}
    .lecture-popup__head h2 { font-size: 22rem;}
    .lecture-popup__btn { display: flex; margin-top:30rem;}
    .lecture-popup__btn > * {width:50%;}
    .lecture-popup__body {margin-top:15rem;}
    .lecture-popup__text {padding:20rem;}
    .lecture-popup__text .btn-save { display:block; position: static; width: 120rem; margin: 0 auto; padding: 14rem 20rem;}
    .lecture-note-section {padding:30rem 20rem;}
    .lecture-popup__head .lecture-popup__close {right:15rem;}

    /* LECTURE PROBLEM */
    .lecture-problem__inner { flex-flow: wrap;}
    .lecture-problem__box {padding: 40rem 25rem 30rem;}
    .lecture-problem__box + .lecture-problem__box {margin-top:20rem;}
    .lecture-problem__title span { font-size: 16rem;}
    .lecture-problem__title p { font-size: 20rem;}
    .lecture-problem__list { margin-top: 16rem;}
    .lecture-problem__text {margin-top:16rem;}
    .lecture-problem__text textarea.form-input {height:260rem;}

}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

    /* GLOBAL */
    .article-header__text {margin-bottom:20rem;}
    .article-category { font-size: 13rem;}
    .article-title {font-size:24rem;}
    #container { padding-top: 30rem; padding-bottom: 60rem;}

    /* MEMBER CONFIRM */
    .member-confirm__box {display:block; background:none; border:none; padding:0; padding-top:8rem;}
    .member-confirm__box .form-input {border:1rem solid #BFBFBF;}

    /* MYPAGE */
    .btn-setting span { padding-left: 18rem; font-size:14rem;}
    .btn-setting span:before {font-size:14rem;}
    .mypage .lecture-list {margin:-15rem -5rem;}
    .mypage .lecture-item { width: calc(50% - 10rem); margin:15rem 5rem;}
    .mypage .lecture-item__info {padding-top:10rem;}

    /* MYPAGE VIEW */
    .mypage-view .article-title { font-size: 18rem; }
    .lecture-info__text {margin-top:30rem;}
    .lecture-info {margin-top:20rem;}
    .lecture-info li {display:block;}
    .lecture-info li > p {padding-left:10rem; margin-top:8rem;}
    .lecture-info li > span:before {top:3rem;}
    .lecture-info li.edu-file p {display:block;}
    .lecture-info li.edu-file a {width:100%;}
    .lecture-info li.edu-file a + a {margin-top:10rem;}
    .lecture-table {margin-top:45rem; padding-top:45rem;}
    .lecture-table caption {font-size:18rem; line-height:1.2;}
    .lecture-table tr {padding: 22rem 15rem; border-radius:8rem;}
    .lecture-table td.td-lecture-title { font-size: 16rem;}
    .lecture-table td.td-lecture-subject { margin-right: 7rem; padding-right: 7rem;}
    .lecture-table td.td-lecture-subject, .lecture-table td.td-lecture-runtime {font-size:13rem;}
    .lecture-table td.td-lecture-subject:after {height:8rem;}
    .lecture-table .percentage {font-size:13rem;}
    .lecture-table .btn-lecture {padding:13rem;}
    .lecture-table .btn-lecture span {padding-right:16rem;}

    .recommend-lectures-wrap { margin-top: 45rem; padding: 45rem 0;}
    .recommend-lectures + .recommend-lectures {margin-top:70rem;}
    .recommend-lectures__head {margin-bottom:18rem;}
    .recommend-lectures__head h3 {font-size:18rem;}
    .recommend-lectures .lecture-item {width:260rem;}

    /* LECTURE POPUP */
    .lecture-popup .mfp-close {right:0;}
    .lecture-popup__head .lecture-popup__close:before {font-size:18rem;}
    .lecture-popup__head h2 { font-size: 18rem;}
    .lecture-popup__head .lecture-popup__close { right: 10rem; top: 10rem;}
    .lecture-note-section {padding:20rem;}

    /* LECTURE PROBLEM */
    .lecture-problem__inner {width:100%;}

}