@charset "utf-8";

/*
 * File       : rwd-main.css
 *
 * SUMMARY:
 * 01) 1850px
 * 02) 1750px
 * 03) 1480px
 * 04) 1023px
 * 05) 860px
 * 06) 540px
 */



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

    .global-quick-menu {left:20rem;}

}



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

    .global-quick-menu {display:none;}

}



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

    .main-week-popular-lecture .main-lecture__slider-wrap {max-width:1000rem;}

}



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


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

    /* COMMMON */
    .main-section {padding:100rem 0;}
    .main-section__title {font-size:32rem;}
    .main-section__desc { margin-top: 12rem; font-size:18rem;}

    /* MAIN VISUAL */
    .main-section.main-visual {padding:0;}
    .main-visual .wrap {margin:0;}
    .main-visual__search {display:none;}
    .main-visual__slider-warp {max-width:100%; box-shadow:none;}
    .main-visual .swiper-progress__wrap {display:none;}
    .main-visual__slider .swiper-navigation > button {display:none;}
    .main-visual__slider .swiper-play__state {display:none;}
    .main-visual__slider .swiper-pagination {background:rgba(0,0,0,0.5); border-radius:30rem; padding:4rem 15rem 3rem; margin:0; color: #fff;}
    .main-visual__state {bottom: 50rem; left: 50rem;}

    /* MAIN LECTURE */
    .main-lecture {background:#fff;}
    .main-lecture__slider-wrap {max-width:90%; margin:0 auto;}
    .main-lecture__slider { margin: -20rem -10rem -20rem;}
    .main-new-lecture .lecture-item {margin:20rem 10rem;}
    .home .lecture-item__img {border: 1rem solid #eee;}

    .main-week-popular-lecture {margin-top:100rem; }
    /* .main-week-popular-lecture:before {position:absolute; top:0; left: -30rem; width: calc(100% + 60rem); height:8rem; background:#E2E2E2; content:''; display:block;} */
    .main-week-popular-lecture .main-section__head {width:100%; height: auto; padding:0; background:none; color:#000;text-align:center;}
    .main-week-popular-lecture .main-section__head > a {display:none;}
    .main-week-popular-lecture .main-lecture__slider-wrap {position:relative; max-width:90%; margin:0 auto; transform:none;}
    .main-week-popular-lecture .lecture-item {margin:20rem 10rem;}

    .main-week-popular-lecture .main-section__title span {display:none;}
    .main-week-popular-lecture .main-section__title b {display:block;}
    .main-week-popular-lecture .main-section__title b:before {content:'이번 주 ';}
    .main-week-popular-lecture .main-section__desc br {display:none;}
    .main-week-popular-lecture .swiper-navigation > button.swiper-button-prev:before {color:#000;}

    /* POPULAR LECTURE */
    .main-field-popular-lecture {background:#f5f5f5;}
    .main-field-popular-lecture .tabs-basic {white-space: normal;}
    .main-field-popular-lecture .tabs-basic li a {font-size:18rem; padding: 16rem 25rem 16rem; color:#444; border:1rem solid #BFBFBF;}
    .main-field-popular-lecture .tabs-basic li.active a {border-color:#009E9A;}
    .field-popular-lecture__list {display:block;}
    .field-popular-lecture__item + .field-popular-lecture__item {margin-top:30rem;}
    .field-popular-lecture__item:nth-child(1) {max-width:100%;}
    .field-popular-lecture__item:nth-child(1) .field-popular-lecture__tit { font-size: 24rem;}
    .field-popular-lecture__item:nth-child(2) {max-width:100%;}
    .field-popular-lecture__item:nth-child(3) {max-width:100%;}

    .field-popular-lecture__num {background: #000; padding: 8rem 18rem 14rem; position: absolute; left: 20rem; top: 0;}
    .field-popular-lecture__num span {font-size: 28rem; color: #fff; padding-bottom:6rem;}
    .field-popular-lecture__num span:after{background: #fff;}
    .field-popular-lecture__text-inner {margin-top:0;}
    .field-popular-lecture__text time {margin-top:15rem;}

    /* ALL LECTURE */
    .main-all-lecture {background:#fff;}
    .main-all-lecture .lecture-list { margin: -20rem -10rem -20rem;}
    .main-all-lecture .lecture-item { width: calc(33.33% - 20rem); margin: 20rem 10rem;}

    /* BOARD LIST */
    .main-board-list {background:#fbfbfb}


}




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

    /* COMMMON */
    .main-section {padding:80rem 0;}
    .main-section__title { font-size: 26rem;}
    .main-section__desc { font-size: 16rem;}

    /* MAIN VISUAL */
    .main-visual__state {left:25rem; bottom:30rem;}

    /* MAIN LECTURE */
    .main-new-lecture .lecture-item {width:auto;}
    .main-lecture__slider { margin: 0;}
    .main-new-lecture .lecture-item {margin:0;}
    .main-lecture .swiper-navigation > .swiper-button-prev {left: -40rem;}
    .main-lecture .swiper-navigation > .swiper-button-next {right: -40rem;}

    .main-week-popular-lecture {margin-top:80rem;}
    .main-week-popular-lecture .main-section__title {font-size:26rem;}
    .main-week-popular-lecture .lecture-item {margin:0;}
    
    /* POPULAR LECTURE */
    .field-popular-lecture__item + .field-popular-lecture__item {margin-top:20rem;}
    .main-field-popular-lecture .tabs-basic li a { font-size: 16rem; padding: 14rem 20rem 14rem; min-width: 130rem;}
    .field-popular-lecture__item:first-child .field-popular-lecture__num {padding: 12rem 26rem 20rem}
    .field-popular-lecture__num {padding: 8rem 16rem 14rem;}
    .field-popular-lecture__num span {font-size: 22rem; padding-bottom: 4rem;}
    .field-popular-lecture__num span:after {height:2rem;}
    .field-popular-lecture__category { font-size: 14rem;}
    .field-popular-lecture__item:first-child .field-popular-lecture__num span {font-size: 28rem;}
    .field-popular-lecture__item:nth-child(1) .field-popular-lecture__text-inner {padding: 50rem 25rem 30rem;}
    .field-popular-lecture__item:nth-child(1) .field-popular-lecture__category { font-size: 16rem;}
    .field-popular-lecture__item:nth-child(1) .field-popular-lecture__tit { font-size: 20rem;}
    .field-popular-lecture__item:nth-child(1) .field-popular-lecture__text time {font-size:14rem;}
    .field-popular-lecture__tit {font-size:18rem;}
    .field-popular-lecture__text time {font-size:14rem;}
}



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

    /* COMMMON */
    .main-section {padding: 60rem 0;}
    .main-section__head {margin-bottom:24rem;}
    .main-section__title {font-size:20rem;}
    .main-section__desc {margin-top:8rem; font-size:14rem;}

    /* MAIN VISUAL */
    .main-visual__state {left:15rem; bototm:20rem;}
    .main-visual__slider .swiper-pagination {line-height:1; font-size:11rem; padding:5rem 10rem;}

    /* MAIN LECTURE */
    .main-week-popular-lecture { margin-top: 60rem;}
    .main-week-popular-lecture .main-section__title {font-size:20rem;}
    .main-lecture .swiper-navigation > .swiper-button-prev {left: -30rem;}
    .main-lecture .swiper-navigation > .swiper-button-next {right: -30rem;}
    .main-lecture .swiper-navigation > button:before { font-size: 16rem;}


    /* POPULAR LECTURE */
    .main-field-popular-lecture .tabs-basic li a { font-size: 13rem; padding: 8rem 12rem 8rem; min-width: auto;}
    .field-popular-lecture__item + .field-popular-lecture__item {margin-top:12rem;}
    .field-popular-lecture__num {left:6rem; padding: 3rem 7rem 6rem;}
    .field-popular-lecture__num span { font-size: 15rem; padding-bottom: 2rem;}
    .field-popular-lecture__text {padding: 18rem 15rem 18rem;}
    .field-popular-lecture__item:first-child .field-popular-lecture__num { padding: 4rem 11rem 8rem;}
    .field-popular-lecture__item:first-child .field-popular-lecture__num span {font-size:20rem;}
    .field-popular-lecture__item:nth-child(1) .field-popular-lecture__text-inner { padding: 30rem 15rem 18rem;}
    .field-popular-lecture__item:nth-child(1) .field-popular-lecture__text time {margin-top:8rem;}
    .field-popular-lecture__item:nth-child(1) .field-popular-lecture__category { font-size: 12rem;}
    .field-popular-lecture__item:nth-child(1) .field-popular-lecture__tit {font-size:16rem;}
    .field-popular-lecture__item:nth-child(1) .field-popular-lecture__text time {font-size: 12rem;}

    .field-popular-lecture__category { font-size: 11rem;}
    .field-popular-lecture__tit { font-size: 14rem; margin-top:3rem;}
    .field-popular-lecture__text time { font-size: 11rem; margin-top: 5rem;}

    /* ALL LECTURE */
    .main-all-lecture .lecture-list { margin: -12rem -7rem;}
    .main-all-lecture .lecture-item { margin: 12rem 7rem; width: calc(50% - 14rem);}

}