@charset "euc-kr";

.freeLect_wrap{position: relative;}
.freeLect_wrap .color_blue{color: #3d3db3;}
.freeLect_wrap .counting{text-align: right;position: absolute;top: -50px;right: 0;}
.freeLect_wrap .counting strong{color:#f13636;font-size: 24px;background: url(http://img.megagong.net/m/2021/0304_free/top_icon2.png) no-repeat 0 100%;padding: 4px 5px 0 40px;}

.freeLect_wrap .top{background: #ececec url(http://img.megagong.net/m/2022/0915_free/top_bg.jpg) no-repeat center 0;line-height: 1.3;padding: 55px 0 0;text-align: center;;;background-size: auto 100%;;;}
.freeLect_wrap .top h3{margin: 35px auto 43px;}
.freeLect_wrap .top .stxt{font-size: 20px;letter-spacing: .1rem;}
.freeLect_wrap .top .stxt b{background: #000;color: #fff;padding: 0 9px;font-weight: 900;}
.freeLect_wrap .top .btxt{font-size: 24px;margin-bottom: 24px;}
.freeLect_wrap .top .btxt b{font-weight: 900;}

.freeLect_wrap .way{margin: 40px auto;}
.freeLect_wrap .way h4{font-weight: 900;margin-bottom: 20px;}
.freeLect_wrap .way ul li{float: left;margin-right: 8px;width: 283px;border: 1px solid #d6d6d6;text-align: center;box-sizing: border-box;padding: 19px 0 24px;}
.freeLect_wrap .way ul li:last-child{margin-right: 0;}

.freeLect_wrap .upbest h4{margin-bottom: 20px;}
.freeLect_wrap .upbest > div{position: relative; float: left;width: 429px;}
.freeLect_wrap .upbest > div .con{border: 1px solid #d6d6d6;box-sizing: border-box;height: 500px;overflow: hidden;}

/* NEW UPDATE */
.freeLect_wrap .upbest .upd_wrap{margin-right: 8px;}
.upd_wrap .upt_box{padding: 20px;}
.upd_wrap .upt_box .arrow{margin-bottom: 30px;text-align: right;}
.upd_wrap .upt_box .arrow a + a{margin-left: 10px;}

.upd_wrap .upt_sld {width: 429px !important;}
.upd_wrap .upt_sld .slick-slide > div{width: 90% !important;}

.upd_wrap .upt_box .upt_item{margin-bottom: 25px;}
.upd_wrap .upt_box .tea_img{float: left;width: 25%;margin-top: 10px;}
.upd_wrap .upt_box .title{float: left;width: 70%;overflow: hidden;margin: 15px 0 0 5%;}
.upd_wrap .upt_box .title .icon{padding-bottom: 5px;}
.upd_wrap .upt_box .title .icon span{display:inline-block;padding: 2px 4px;font-size: 11px;line-height: 1;}
.upd_wrap .upt_box .title .icon .icon_new{border: 1px solid #e45c6c;color: #fff;background: #e45c6c;font-weight: bold;}
.upd_wrap .upt_box .title .icon .icon_upd{border: 1px solid #76bd43;background: #76bd43;color: #fff;}
.upd_wrap .upt_box .title .icon .icon_gong{border: 1px solid #0c998d;color: #0c998d;}
.upd_wrap .upt_box .title .icon .icon_sobang{border: 1px solid #b53233;color: #b53233;}
.upd_wrap .upt_box .title .icon .icon_army{border: 1px solid #67842a;color: #67842a;}
.upd_wrap .upt_box .title .icon .icon_pre{border: 1px solid #e48426;color: #fff;background: #e48426;}
.upd_wrap .upt_box .title .icon .icon_done{background: #8e8e8e;color: #fff;border: 1px solid #8e8e8e;}
.upd_wrap .upt_box .title .icon .icon_gpre{border: 1px solid #59a12e;color: #59a12e;}
.upd_wrap .upt_box .title .btn_lecplay a {float: left;padding: 6px 0;font-size: 12px;width: 80px;text-align: center;border: 1px solid #888;margin-right: 3px;box-sizing: border-box;}
.upd_wrap .upt_box .title .btn_lecplay a:last-of-type{margin-right: 0;}
.upd_wrap .upt_box .title .lec_name{font-size: 13px;word-break: break-all;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;width: auto;font-weight: 700;}
.upd_wrap .upt_box .title .tea_name{font-size: 13px;margin: 10px 0;}

/* ¹«·áƯ°­ BEST */
.freeLect_wrap .show_info_btn{position: absolute;right: 0;top: 0;}
.freeLect_wrap .layer_pop{position: absolute;top: -68px;right: 0;display: none;}
.freeLect_wrap .layer_pop .trans_bg{width: 100%;height: 100%;position: fixed;top: 0;right: 0;}
.freeLect_wrap .layer_pop .cls{position: absolute;top: 0;right: 10px;color:#000;font-size: 15px;}
.freeLect_wrap .layer_pop .pop_con{font-size: 13px;color: #939393;border: 1px solid #d6d6d6;border-radius: 10px;line-height: 1.3;padding: 5px 15px;width: 180px;background: #fff;font-weight: 500;}

.bst_wrap .bst_box{padding: 20px;}

.bst_box .arrow{position: absolute;top: 19px;font-size: 0;width: 100%;}
.bst_box .arrow a{width: 20px;height: 20px;margin: 0 1px;top: -17px;}
.bst_box .arrow a.prev{position: absolute;left: 0;}
.bst_box .arrow a.next{position: absolute;right: -14px;}

.ranking_list{position: relative;}
.ranking_list .subj_tab{text-align: center;margin: 0 30px 12px 20px;padding: 0;font-size: 13px;}
.ranking_list .subj_tab.sobang{margin: 0 40px 12px 30px;}

.ranking_list .subj_tab::after{content:'';display:block;clear:both}
.ranking_list .subj_tab .slick-dots{display: none !important;}
.ranking_list .subj_tab .item{text-align: center;padding: 0 10px;}
.ranking_list .subj_tab .item a{display: inline-block;padding: 0px 0 2px;color: #a5a4a4;font-size: 13px;}
.ranking_list .subj_tab .item.on a{color: #3d3db3;border-bottom:1px solid #3d3db3;font-weight: bold;}
/* .ranking_list .subj_tab .slick-current .item.on a{color: #3d3db3;border-bottom:1px solid #3d3db3;font-weight: bold;} */

/* .ranking_list .subj_tab .slick-current .item a{color: #3d3db3;border-bottom:1px solid #3d3db3;font-weight: bold;} */
/* .ranking_list .subj_tab .item a{display: inline-block;padding: 0px 0 2px;color: #a5a4a4;font-size: 13px;}
.ranking_list .subj_tab .item.on a{color: #3d3db3;border-bottom:1px solid #3d3db3;font-weight: bold;} */

.ranking_list ol{/* padding: 0 25px; */}
.ranking_list ol li{position: relative;border-bottom: 1px solid #dee4f2;}
.ranking_list ol li:last-child{border-bottom: 0;}
.ranking_list ol li a{display: block;position: relative;padding: 23px 10px 23px 25px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 100%;}
.ranking_list ol li a:hover{font-weight:bold}
.ranking_list ol li i{position: absolute;top: 23px;left: 0;width: 15px;height: 15px;font-size: 0;background: url(https://img.megagong.net/m/2021/0615_gongRNL/bookstore_number.png) no-repeat center 2px;}
.ranking_list ol li .lec_name{font-size: 13px;word-break: break-all;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;width: auto;font-weight: 700;}
.ranking_list ol li .tea_name{font-size: 13px;margin: 10px 0 0;}
.ranking_list ol li:nth-child(1) i{background-position: center 2px;}
.ranking_list ol li:nth-child(2) i{background-position: center -38px;}
.ranking_list ol li:nth-child(3) i{background-position: center -78px;}
.ranking_list ol li:nth-child(4) i{background-position: center -118px;}
.ranking_list ol li:nth-child(5) i{background-position: center -158px;}
.ranking_list ol li:nth-child(6) i{background-position: center -198px;}
.ranking_list ol li:nth-child(7) i{background-position: center -238px;}

@media (max-width:1200px){

    .freeLect_wrap .counting strong{background-size: 22px;padding: 0px 3px 0px 30px;}
   
    .freeLect_wrap .top{padding: 5% 1% 0;background-size: cover;}
    .freeLect_wrap .top .stxt{letter-spacing: normal;}

    .freeLect_wrap .way ul li{width: 32.65%;margin-right: 1%;padding: 2% 0 2.5%;}

    .freeLect_wrap .upbest > div{width: 49%;}
    .freeLect_wrap .upbest .upd_wrap{margin-right: 1%;}
    
    /* NEW UPDATE */
    .upd_wrap .upt_sld {width: 100% !important;}
    .upd_wrap .upt_box{padding: 5% 3% 3%;}
    .upd_wrap .upt_box .upt_item{margin-bottom: 6%;}
    .upd_wrap .upt_box .arrow{margin-bottom: 4%;}
    .upd_wrap .upt_box .tea_img{width: 22%;}
    .upd_wrap .upt_box .title{width: 75%;margin: 10px 0 0 3%;}
    .upd_wrap .upt_box .title .btn_lecplay a{width: 71px;}

    /* ¹«·áƯ°­ BEST */
    .bst_wrap .bst_box{padding: 5% 3% 3%;}
    .ranking_list .subj_tab{margin: 0 6% 6%;}
    .ranking_list .subj_tab.sobang{margin-bottom: 6%;}
    .ranking_list ol{padding: 0;}
}
@media (max-width:992px){
    .freeLect_wrap .counting{top: inherit;right: inherit;position: relative;border: 1px solid #ddd;margin: 0 0 10px;border-radius: 8px;/* text-align: center; */padding: 10px 20px 10px;}
    .freeLect_wrap .counting strong{font-size: 19px;background-size: 16px;padding: 0 5px 0 30px;background-position: 7px 5px;}
}
@media (max-width:768px){
    .freeLect_wrap .counting{text-align: center;}

    .freeLect_wrap .top .stxt{font-size: 15px;}
    .freeLect_wrap .top .btxt{font-size: 20px;margin-bottom: 2%;}
    
    .freeLect_wrap .way ul li{padding: 2% 1.5% 2.5%;}
    
    /* NEW UPDATE */
    .freeLect_wrap .upbest > div{width: 100%;float: none;}
    .freeLect_wrap .upbest > div .con{height: auto;}
    
    /* ¹«·áƯ°­ BEST */
    .freeLect_wrap .upbest .upd_wrap{margin-right: 0;margin-bottom: 8%;}
    .upd_wrap .upt_box .tea_img{margin-top: 0;}
    
    .freeLect_wrap .show_info_btn{top: 30px;}
    .freeLect_wrap .layer_pop{top: -40px;}
    .freeLect_wrap .layer_pop .pop_con{font-size: 12px;}
}
@media (max-width:576px){

    .freeLect_wrap .top{overflow: hidden;}
    .freeLect_wrap .top h3{margin:5% -10% 7%}
    .freeLect_wrap .top .stxt{font-size: 13px;}
    .freeLect_wrap .top .stxt > span {display: block;margin-bottom: 5px;}
    .freeLect_wrap .top .btxt{font-size: 15px}

    .upd_wrap .upt_box .tea_img{width: 20%;}
    .upd_wrap .upt_box .title{width: 77%;}
    .upd_wrap .upt_box .title .btn_lecplay a{padding: 4px 0;}
}