@charset "UTF-8";

#library_detail_comment_reply{clear:both;display:none}
#library_detail_comment_text0{word-break:break-all}
#library_detail_comment_text1{word-break:break-all}
#library_detail_series{clear:both;overflow:hidden;padding:0 10px}
#library_detail_series li{border-bottom:#ddd 1px dotted;overflow:hidden;padding:20px 0}
#library_files_list tbody tr:hover{cursor:move;outline:2px #c00c3f solid}
#library_touch_slider{margin:0 auto;position:relative}
#library_touch_slider .library-touch-slider-next{background:url(../images/local_library_slide_next.png) no-repeat;cursor:pointer;display:inline-block;height:50px;line-height:220px;overflow:hidden;position:absolute;right:-32px;width:32px;z-index:9}
#library_touch_slider .library-touch-slider-prev{background:url(../images/local_library_slide_prev.png) no-repeat;cursor:pointer;display:inline-block;height:50px;left:-32px;line-height:220px;overflow:hidden;position:absolute;width:32px;z-index:9}
#library_touch_slider div{margin:0 auto;overflow:hidden;position:relative}
#library_touch_slider div ul{left:0;overflow:hidden;position:absolute;top:0}
#library_touch_slider div ul li{float:left;overflow:hidden}
#library_touch_slider div ul li img{clear:both}
.library-approval-detail{background-color:#fff;padding:20px}
.library-approval-detail-top{border-bottom:1px #aaa solid;margin-bottom:10px;overflow:hidden;padding:10px 0}
.library-approval-list .library-approval-list-search .library-approval-list-search-group{box-sizing:border-box;float:left;padding:0 10px;width:50%}
.library-approval-list .library-approval-list-search,.library-list-search .library-list-search-form{background-color:#f2f2f2;border-bottom:1px #ececec solid;padding:18px 22px}
.library-approval-list .library-approval-list-submit{background-color:#fff;clear:both;padding:18px 22px;text-align:center}
.library-approval-list,.library-list-search{background-color:#f2f2f2;border:2px #ececec solid;margin-bottom:12px}
.library-approval-list-bottom{clear:both;overflow:hidden;padding:10px 0}
.library-approval-list-bottom label{margin-right:10px}
.library-approval-list-checkreturn-c{display:none;padding:10px 0}
.library-approval-list-checkreturn-y{padding:10px 0}
.library-approval-list-checkreturn-y .library-approval-list-submit-date{border:1px #ddd solid;padding:10px}
.library-approval-list-contents .library-approval-list-contents-top{border-bottom:1px #f2f2f2 solid;font-size:16px;overflow:hidden;padding:20px 30px}
.library-approval-list-contents .library-approval-list-contents-top b,.library-list .library-list-total b{color:#bc0033}
.library-approval-list-contents,.library-list{background-color:#fff;border:2px #ececec solid}
.library-approval-list-count{border:1px #ddd solid;overflow:hidden}
.library-approval-list-count li{background-color:#fff;border-left:1px #ddd solid;float:left}
.library-approval-list-count li a{display:block;padding:6px 12px}
.library-approval-list-count li:first-child{border-left:none}
.library-approval-list-count li:hover a{background-color:#000;color:#fff}
.library-categories{background-color:#fff;border-bottom:#e3e3e3 1px solid;border-top:#e3e3e3 1px solid;clear:both;margin-top:0}
.library-categories .library-category{height:70px;overflow:hidden;padding:0 40px;position:relative;width:76%;word-wrap:break-word}
.library-categories .library-category .swiper-next{background:url(../images/local_library_category_arrow_right.png) no-repeat;height:32px;position:absolute;right:0;text-indent:-9999em;top:19px;width:32px;z-index:99}
.library-categories .library-category .swiper-prev{background:url(../images/local_library_category_arrow_left.png) no-repeat;height:32px;left:0;position:absolute;right:auto;text-indent:-9999em;top:19px;width:32px;z-index:99}
.library-categories .library-category ul{list-style:none;padding:12px 0 0}
.library-categories .library-category ul li{width:auto}
.library-categories .library-category ul li a{border:#e6e6e6 1px solid;border-radius:24px;display:block;font-size:15px;margin:0 2px;padding:12px 22px}
.library-categories .library-category ul li.active a{background-color:#b61b33;border:#b61b33 1px solid;color:#fff}

.library-category-select1{overflow:hidden;padding-bottom:5px;list-style:none}
.library-category-select1 li{border:1px #ddd solid;border-bottom:1px #ddd solid;border-right:1px #ddd solid;border-top:1px #ddd solid;box-sizing:border-box;cursor:pointer;float:left;margin:2px;padding:10px 20px;position:relative}
.library-category-select1 li.active{background-color:#c00d3f;border-color:#c00d3f;color:#fff !important}
.library-category-select1 li.active:after{border:none;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #bc0033;bottom:-8px;content:"";height:0;left:50%;margin-left:-8px;position:absolute;vertical-align:middle;width:0}
.library-category-select1 li:first-child{border-left:1px #ddd solid}
.library-category-select2{background-color:#fff;border:1px #ddd solid;clear:both;overflow:hidden}
.library-category-select2 li{border-right:1px #d9d9d9 solid;box-sizing:border-box;cursor:pointer;float:left;padding:5px 0;text-align:center;width:33.33%}
.library-category-select2 li.active{background: url(/theme/tubelearn/pix/local_library_checked_category.png) no-repeat 10px;border:#bc0033 1px solid}
.library-category-sub{background-color:#fff;border-bottom:#e3e3e3 1px solid;overflow:hidden;text-align:center}
.library-category-sub ul{list-style:none;overflow:hidden;padding:0}
.library-category-sub ul li{display:inline-block}
.library-category-sub ul li a{display:block;font-size:15px;padding:17px 15px}
.library-category-sub ul li.active a{color:#b61b33;font-weight:700}

.library-source-select1{overflow:hidden;padding-bottom:5px}
.library-source-select1 li{border:1px #ddd solid;border-bottom:1px #ddd solid;border-right:1px #ddd solid;border-top:1px #ddd solid;box-sizing:border-box;cursor:pointer;float:left;margin:2px;padding:6px;position:relative}
.library-source-select1 li.active{background-color:#c00d3f;border-color:#c00d3f;color:#fff}
.library-source-select1 li.active:after{border:none;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #bc0033;bottom:-8px;content:"";height:0;left:50%;margin-left:-8px;position:absolute;vertical-align:middle;width:0}
.library-source-select1 li:first-child{border-left:1px #ddd solid}
.library-source-select2{background-color:#fff;border:1px #ddd solid;clear:both;overflow:hidden}
.library-source-select2 li{border:1px #fff solid;box-sizing:border-box;cursor:pointer;float:left;padding:5px 0;text-align:center;width:33.33%}
.library-source-select2 li.active{background:url(../images/local_library_checked_category.png) no-repeat 10px;border:#bc0033 1px solid}
.library-source-sub{background-color:#fff;border-bottom:#e3e3e3 1px solid;overflow:hidden;text-align:center}
.library-source-sub ul{list-style:none;overflow:hidden;padding:0}
.library-source-sub ul li{display:inline-block}
.library-source-sub ul li a{display:block;font-size:15px;padding:17px 15px}
.library-source-sub ul li.active a{color:#b61b33;font-weight:700}

.library-category-typesort{float:left;}
.library-category-typesort div{cursor:pointer;font-size:15px;overflow:hidden;padding:0 20px 0 10px;position:relative;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.library-category-typesort div img{margin-left:10px;margin-top:-2px}
.library-category-typesort ul{background-color:#fff;border-top:#c00c3f 2px solid;box-shadow:0 6px 12px rgba(0,0,0,.175);display:none;min-width:150px;padding:0 10px 10px;position:absolute;z-index:99;list-style:none}
.library-category-typesort ul .library-category-typesort-button{margin:0;overflow:hidden;padding:0}
.library-category-typesort ul .library-category-typesort-button:hover{background-color:#fff}
.library-category-typesort ul li{float:none;padding:6px 10px}
.library-category-typesort>.active:after{border-bottom:10px solid #c00c3f;border-left:10px solid transparent;border-right:10px solid transparent;bottom:0;content:" ";height:0;position:absolute;left:0px;vertical-align:middle;width:0}
.library-company-select li{border:1px #ddd solid;cursor:pointer;float:left;margin:0 0 2px 3px;padding:10px}
.library-company-select li.active,.library-thumbnail-wrap:hover .library-thumbnail-hover:before{border-color:#b61b33}
.library-company-select,.library-detail-right-list,.library-detail-right-list-bottom,.library-document-view{overflow:hidden}
.library-contents{background-color:#fff;overflow:hidden;padding:20px 30px}
.library-detail{background:#fff;border-top:#c00c3f 4px solid;padding:10px}
.library-detail .library-detail-info{border-bottom:1px #ddd solid;margin-bottom:10px;padding:10px 0}
.library-detail .library-detail-info p{padding:0 10px}
.library-detail .library-detail-info p span{display:inline-block;margin-right:10px}
.library-detail .library-detail-top{margin-bottom:10px;overflow:hidden}
.library-detail .library-detail-top h5{background-color:#eee;color:#aaa;font-size:14px;padding:6px 18px}
.library-detail-attachment h4,.library-detail-comment h4,.library-detail-summary h4{color:#c00c3f;padding:20px 0}
.library-detail-attachment ul{list-style:none;margin:0;padding:0}
.library-detail-attachment ul li{float:inline-block;padding:5px 0}
.library-detail-attachment,.library-detail-summary{border-top:1px #ddd solid}
.library-detail-chart-box{border:1px #eee solid;margin-bottom:10px;padding:5px}
.library-detail-chart-title h4{color:#434343;margin-left:5px}
.library-detail-chart-title,.library-detail-right-title{border-bottom:1px #e6e6e6 solid;overflow:hidden;padding:15px 0}
.library-detail-chart-view{min-height:50px;padding:20px 10px}
.library-detail-comment{border-top:1px #ddd solid;margin-bottom:20px}
.library-detail-comment .library-detail-comment-reply{display:none}
.library-detail-comment .library-detail-comment-write{background-color:#f8f8f8;border:#e6e6e6 1px solid;overflow:hidden;width:100%}
.library-detail-comment .library-detail-comment-write div{display:table-cell;vertical-align:top}
.library-detail-comment .library-detail-comment-write div textarea{background-color:transparent;border:none;height:66px;margin:0;padding:0;width:100%}
.library-detail-comment-box,.library-detail-comment-deleted,.library-detail-summary div{padding:20px 0}
.library-detail-comment-button{padding:10px 0;text-align:right}
.library-detail-comment-photo{display:table-cell;vertical-align:top;width:85px}
.library-detail-comment-photo img{border-radius:50%;height:70px;width:70px}
.library-detail-comment-reply-img{display:table-cell;margin-top:20px;text-align:center;vertical-align:top;width:50px}
.library-detail-comment-view{border-bottom:1px #aaa dashed}
.library-detail-comment-view .library-detail-comment-text{display:table;overflow:hidden;padding-top:10px;width:100%}
.library-detail-comment-view textarea{border:1px #ddd solid;height:60px;padding:5px;width:100%}
.library-detail-comment-write-button{box-sizing:border-box;padding:20px 5px;width:80px}
.library-detail-comment-write-button button,.library-detail-comment-write-reply-button button{height:60px}
.library-detail-comment-write-input{box-sizing:border-box;padding:20px}
.library-detail-comment-write-input textarea{color:#888}
.library-detail-comment-write-reply{text-align:center;width:30px}
.library-detail-comment-write-reply p{margin-top:20px}
.library-detail-comment-write-reply-button{box-sizing:border-box;padding:20px 5px;text-align:right;width:126px}
.library-detail-comment-writer{display:table-cell;line-height:1.6;vertical-align:top}
.library-detail-comment-writer textarea{border:1px #ddd solid;height:160px;padding:5px;width:100%}
.library-detail-fileview{padding-bottom:15px}
.library-detail-info-right,.library-detail-top-info p{text-align:right}
.library-detail-playlist{clear:both;overflow:hidden;padding:0 10px}
.library-detail-playlist li,.library-detail-playlist-series li{border-bottom:#ddd 1px dotted;overflow:hidden;padding:20px 0}
.library-detail-playlist-series{clear:both;display:none;overflow:hidden;padding:0 10px}
.library-detail-right{border:1px #eee solid}
.library-detail-right-list ul{list-style:none;margin:0;overflow:hidden;padding:5px}
.library-detail-right-list ul li{border-top:1px #fff solid;margin:0;padding:6px}
.library-detail-right-list ul li .library-detail-right-text{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:0;line-height:1.429em;margin-top:5px;max-height:2.858em;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word}
.library-detail-right-list ul li h5{color:#999;font-size:12px;margin-top:5px}
.library-detail-right-list ul li p{overflow:hidden;text-overflow:ellipsis;width:100%}
.library-detail-right-list ul li.active{background-color:#fff;border: 2px solid #bc8799;box-sizing: border-box;padding: 5px 5px 5px;}
.library-detail-right-list ul li:hover{background-color:#f9f9f9}
.library-detail-right-list-bottom ul{list-style:none;margin:0;overflow:hidden;padding:5px}
.library-detail-right-list-bottom ul li{border-top:1px #fff solid;margin:0;padding:6px}
.library-detail-right-list-bottom ul li .library-detail-right-text{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:0;line-height:1.429em;margin-top:5px;max-height:2.858em;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word}
.library-detail-right-list-bottom ul li h5{color:#999;font-size:12px;margin-top:5px}
.library-detail-right-list-bottom ul li p{overflow:hidden;text-overflow:ellipsis;width:100%}
.library-detail-right-list-bottom ul li.active{background-color:#fff;border: 2px solid #bc8799;box-sizing: border-box;padding: 5px 5px 5px;}
.library-detail-right-list-bottom ul li:hover{background-color:#f9f9f9}
/*.library-detail-right-list ul li:last-child{border-bottom:none}*/
.library-detail-right-scroll{height:700px;max-height:830px;overflow-y:auto}
.library-detail-right-title h4{color:#434343;float:left;font-size:16px;margin-left:15px}
.library-detail-score{overflow:hidden;padding:10px 0}
.library-detail-subject{border-bottom:1px #ddd solid;font-size:17px;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap;width:100%}
.library-detail-tabs{list-style:none;margin:0;overflow:hidden;padding:0}
.library-detail-tabs li{background-color:#ddd;float:left;font-size:16px;text-align:center;width:50%}
.library-detail-tabs li a{display:block;padding:10px 20px}
.library-detail-tabs li.active{background-color:#c00c3f}
.library-detail-tabs li.active a{color:#fff}
.library-detail-tags{border-bottom:1px #ddd solid;padding:20px 0}
.library-detail-tags span{margin-left:10px;padding:10px 0}
.library-detail-top-info .library-detail-top-info-left{float:left;vertical-align:middle}
.library-detail-top-info .library-detail-top-info-right{float:right;vertical-align:middle}
.library-detail-top-info .library-detail-top-info-right img{vertical-align:middle}
.library-detail-top-info .library-detail-top-info-right span{margin:0 10px 0 3px}
.library-detail-top-info>.clearfix,.library-top .library-word .library-word-wrap .library-word-select .library-word-arrow{float:right}
.library-document-list ul{margin-top:10px;overflow:hidden}
.library-document-list ul li{border:1px #ddd solid;float:left;margin-left:6px;padding:6px 12px}
.library-document-view iframe{height:820px;overflow:hidden;width:100%}
.library-empty h4,.library-finish h4{color:#000;margin-bottom:10px}
.library-empty,.library-finish{background-color:#fff;border:1px #ddd solid;border-top:4px #be0034 solid;margin:80px auto 0;max-width:750px;padding:30px;text-align:center}
.library-finish h5{margin-bottom:60px}
.library-finish p{margin-bottom:40px}
.library-form-submit{padding:20px;text-align:center}
.library-left-button{margin-top:14px;overflow:hidden}
.library-list .library-list-contents{padding:30px}
.library-list .library-list-total{border-bottom:1px #f2f2f2 solid;font-size:16px;padding:26px 30px}
.library-list-date{padding:2px 0}
.library-list-date b{margin-left:10px}
.library-list-date span{margin-right:20px}
.library-list-filetype{background-color:#888;border-radius:15px;color:#fff;padding:5px 20px}
.library-list-search .library-list-search-submit{background-color:#fff;padding:18px 22px;text-align:center}
.library-list-subject{font-size:17px;font-weight:700;margin-top:12px}
.library-pagination.pagination{display:block;text-align:center}
.library-score{background-color:#ffce00;border-radius:4px;font-size:11px;font-weight:700;margin-left:10px;padding:4px 12px;position:relative}
.library-score-set{background-color:#ffce00;border-radius:4px;margin:0 0 0 10px;padding:4px 12px;position:relative}
.library-score-set:after,.library-score:after{border-bottom:5px solid transparent;border-right:5px solid #ffce00;border-top:5px solid transparent;content:" ";height:0;left:0;margin-left:-5px;margin-top:-5px;position:absolute;top:50%;width:0}
.library-thumbnail{clear:both;list-style:none;margin:-10px;overflow:hidden}
.library-thumbnail li{float:left;overflow:hidden;width:25%}
.library-thumbnail-duration{background-color:#000;bottom:0;height:22px;opacity:0.7;position:absolute;right:0;text-align:center;width:72px}
.library-thumbnail-duration-text{bottom:0;color:#fff;font-size:14px;height:22px;line-height:22px;position:absolute;right:0;text-align:center;width:72px}
.library-thumbnail-series-bg{background-color:#000;bottom:0;height:56px;opacity:0.5;position:absolute;right:0;width:56px}
.library-thumbnail-series-text{bottom:0;color:#fff;height:56px;position:absolute;right:0;text-align:center;width:56px}
.library-thumbnail-series-text p{margin-top:5px}
.library-thumbnail-wrap{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.05);background-color:#fff;border:1px solid #e6e6e6;box-shadow:0 2px 4px rgba(0,0,0,.05);margin:10px;overflow:hidden;position:relative}
.library-thumbnail-wrap .library-thumbnail-default .library-thumbnail-filetype{position:absolute;right:0;top:0}
.library-thumbnail-wrap .library-thumbnail-default .library-thumbnail-filetype img{height:56px;opacity:0.6;width:56px}
.library-thumbnail-wrap .library-thumbnail-default .library-thumbnail-photo{max-height:300px;position:relative}
.library-thumbnail-wrap .library-thumbnail-default .library-thumbnail-photo a img{height:auto;width:100%}
.library-thumbnail-wrap .library-thumbnail-default .library-thumbnail-summary{min-height:85px;padding:5%;position:relative;width:inherit}
.library-thumbnail-wrap .library-thumbnail-default .library-thumbnail-summary h5{color:#999;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:inherit}
.library-thumbnail-wrap .library-thumbnail-default .library-thumbnail-summary p{color:#333;font-size:18px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:inherit;height:55px}
.library-thumbnail-wrap .library-thumbnail-default,.library-top .library-search div{position:relative}
.library-thumbnail-wrap .library-thumbnail-hover{background-color:#fff;height:100%;left:0;padding:20px;position:absolute;top:100%;transform:translate(0);transition:all .2s;width:100%}
.library-thumbnail-wrap .library-thumbnail-hover .library-thumbnail-hover-wrap{height:100%;position:relative;width:100%}
.library-thumbnail-wrap .library-thumbnail-hover .library-thumbnail-hover-wrap .library-thumbnail-hover-icons{left:0;position:absolute;right:0;text-align:right;top:0}
.library-thumbnail-wrap .library-thumbnail-hover .library-thumbnail-hover-wrap h5{color:#333;font-size:18px;left:0;overflow:hidden;position:absolute;text-overflow:ellipsis;top:40px;white-space:nowrap;width:100%}
.library-thumbnail-wrap .library-thumbnail-hover .library-thumbnail-hover-wrap p{color:#858585;font-size:15px;max-height:78px;position:absolute;top:80px}
.library-thumbnail-wrap .library-thumbnail-hover-score{bottom:15px;left:0;position:absolute}
.library-thumbnail-wrap .library-thumbnail-hover:before{border:4px solid transparent;bottom:0;content:'';left:0;position:absolute;right:0;top:0;transition:all .3s}
.library-thumbnail-wrap:hover .library-thumbnail-hover{display:block;transform:translate(0,-100%)}
/* .library-top{background-color:#fff;height:115px} */
.library-top .library-potion{float:left;}
/* .library-top .library-search{float:left;width:59%;} */

.library-top .library-search .search-area {
    /* font-size: 0; */
    text-align: center;
    /* max-width: 700px; */
    /* margin: auto; */
    background: transparent;
	/* border: 1px solid #eaeaea; */
}
.library-top .library-search .search-area  input[type='text'] {
    width: calc(100% - 70px);
    /* padding: 19px; */
    vertical-align: middle;
    border: 0;
	/* border-right: 1px solid #eaeaea; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* font-size: 20px; */
    background-color: #fff;
    max-width: 100%;
    height: auto;
	border: 1px solid #eaeaea;
}

.library-top .library-search .search-area a {
    /* font-size: 0; */
    display: inline-block;
    /* width: 28px;
    height: 28px; */
    /* background: url(/theme/tubelearn/pix/icon_search_kor.png) no-repeat center; */
    vertical-align: middle;
    padding: 10px 16px;
    /* border: 1px solid #eaeaea; */
    border-left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0 !important;
}


.library-top .library-search div p{position:absolute}
.library-top .library-search div p button{background-color:transparent;border:none;margin:0;padding:0}
.library-top .library-search div p.library-search-left{left:32px;top:42px}
.library-top .library-search div p.library-search-right{right:32px;top:42px}
.library-top .library-word{float:left;width:20%}
.library-top .library-word .library-word-wrap{margin-left:10px;margin-top:34px;position:relative}
.library-top .library-word .library-word-wrap .library-word-list{background-color:#fff;border:1px #ddd solid;display:none;position:absolute;top:0;width:100%;z-index:99}
.library-top .library-word .library-word-wrap .library-word-list .library-word-date{border-top:#ddd 1px solid;color:#9e9e9e;padding:14px 20px}
.library-top .library-word .library-word-wrap .library-word-list .library-word-title{padding:10px}
.library-top .library-word .library-word-wrap .library-word-list .library-word-title p{font-size:14px;font-weight:700;padding:6px 8px}
.library-top .library-word .library-word-wrap .library-word-list .library-word-title p span{color:#c41d4c}
.library-top .library-word .library-word-wrap .library-word-list ul{margin-top:10px}
.library-top .library-word .library-word-wrap .library-word-list ul li{font-size:15px;padding:8px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.library-top .library-word .library-word-wrap .library-word-list ul li span{color:#000;display:inline-block;width:20px}
.library-top .library-word .library-word-wrap .library-word-select{overflow:hidden;padding:10px}
.library-top .library-word .library-word-wrap .library-word-select .library-word-rank{color:#c00c3f;float:left;font-size:16px;font-weight:700;width:18px}
.library-top .library-word .library-word-wrap .library-word-select .library-word-text{float:left;font-size:16px}
.library-video{background-color:#fff;margin:10px;overflow:hidden;padding:10px}
.library-video .library-video-total{color:#000;padding:5px}
.library-video-photo{padding:5px}
.library-video-photo img{height:auto;max-width:100%}
.library-video-set{overflow:hidden;padding:5px}
.library-video-subject{height:60px;overflow:hidden;padding:5px}
.library-write-filetype{border:#e6e6e6 1px solid;padding:18px 8px}
.library-write-form-title{border-bottom:1px #373737 solid;color:#373737;font-size:16px;font-weight:700;margin-bottom:15px;overflow:hidden;padding-bottom:15px;padding-top:30px}
.library-write-label-upload{background-color:#333;color:#fff;margin:0;padding:5px 15px}
.library-category-typesort ul li.active{color:#bc0c3e;font-weight:bold}
.library-feedback{font-size:16px}

.library-thumbnail-wrap .library-thumbnail-default .library-thumbnail-summary h5 {color:#000; font-weight: 400;}
.library-thumbnail-wrap .library-thumbnail-default .library-thumbnail-summary h5 strong {border-left: 1px solid #ddd;display: inline-block;padding-left: 5px;margin-left: 5px; color:#999;}
.library-thumbnail-wrap .library-thumbnail-default .library-thumbnail-summary p a {font-size: 20px; font-weight: 700;}

.library-left-nav {background-color: #fff;border-bottom: 1px #e7e7e7 solid;border-left: 1px #e7e7e7 solid;border-right: 1px #e7e7e7 solid;padding: 25px 10px 0;}

label.check-wp input[type="checkbox"] {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

label.check-wp input[type="checkbox"] + span {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background-image: url(/theme/tubelearn/pix/checkbox.png);
    -webkit-background-size: 100%;
    background-size: 100%;
}

label.check-wp input[type="checkbox"]:checked + span {
    background-image: url(/theme/tubelearn/pix/checkbox-on.png);
}

.contnets_type{
	position: absolute;
    z-index: 2;
    background: rgba(0,0,0,.5);
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    padding: 0 7px;
    display: inline-block;
    margin-left: 77%;
    margin-top: 5px
}

.contnets_type_series{
	position: absolute;
    z-index: 2;
    background: rgba(0,0,0,.5);
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    padding: 0 5px;
    display: inline-block;
    margin-left: 75%;
    margin-top: 5px
}

.pr-2, .px-2 {
    padding-right: 0.5rem !important;
}

.number {
    position: absolute;
    width: 100%;
    height: 100px;
    font-weight: 900;
    font-size: 100px;
    text-align: center;
    -webkit-text-stroke: 3px #000;
    color: #fff;
}

.cardinfo{
	position: relative;
}
@media (max-width: 768px) {
	.library-categories{margin:0;padding-bottom:0}
	.library-category-select1{padding-bottom:3px}
	.library-category-select1 li{padding:3px;margin:1px;border:1px #eee solid}
	.library-category-select1 li.active:after{border:none;content:""}
	.library-category-select2 li{font-size:13px;padding:5px 0;width:100%;text-align:left}
	.library-category-sub{padding:10px 0;text-align:left}
	.library-category-sub ul li a{font-size:13px;padding:3px 8px}
	.library-category-tab{float:none;width:100%}
	.library-category-typesort{min-width:auto;width:33.333%}
	/* .library-category-typesort .library-category-typesort-type{border-left:1px #eee solid;border-right:1px #eee solid} */
	.library-category-typesort div{font-size:14px;line-height:40px;padding:0 10px}
	.library-category-typesort ul{min-width:120px;padding:0 5px 5px;position:absolute;right:0;top:100%;width:100%;z-index:99}
	.library-category-typesort ul li{overflow:hidden;padding:4px;text-overflow:ellipsis;white-space:nowrap;width:100%}
	.library-detail .library-detail-info{margin:0;padding:10px 0}
	.library-detail .library-detail-info p{font-size:.9em;text-align:left}
	.library-detail .library-detail-info p span{display:inline-block;margin:0 10px 0 0;padding:0;vertical-align:middle}
	.library-detail .library-detail-info p span:empty{margin:0}
	.library-detail-comment h4{padding-bottom:0}
	.library-detail-comment-box{padding:10px 0}
	.library-detail-comment-reply-img{width:16px}
	.library-detail-comment-view .library-detail-comment-text{display:block}
	.library-detail-comment-write-input{box-sizing:border-box;padding:5px}
	.library-detail-comment-write-reply{text-align:right;width:16px}
	.library-detail-comment-write-reply-button{padding:5px}
	.library-detail-right-scroll{max-height:none;overflow-y:hidden}
	.library-detail-subject{font-size:14px}
	.library-detail-top-info{text-align:left}
	.library-detail-top-info .library-detail-top-info-left {display:none}
	.library-detail-top-info .library-detail-top-info-right{float:none;width:100%}
	.library-detail-top-info>.clearfix{width:100%}
	.library-thumbnail{margin:-10px -5px}
	.library-thumbnail li{width:33.33%}
	.library-thumbnail li:hover .library-thumbnail-hover{display:none}
	.library-thumbnail-filetype img{height:30px;width:30px}
	.library-thumbnail-series-bg{height:35px;width:35px}
	.library-thumbnail-series-text{height:35px;margin-top:0;width:35px}
	.library-thumbnail-series-text p{font-size:11px;margin-top:0}
	.library-thumbnail-series-text p img{height:12px;width:12px}
	.library-thumbnail-wrap{margin:5px}
	.library-thumbnail-wrap .library-thumbnail-default .library-thumbnail-filetype img{height:35px;width:35px}
	.library-thumbnail-wrap .library-thumbnail-default .library-thumbnail-summary{padding:8px 10px;min-height:50px;}
	.library-thumbnail-wrap .library-thumbnail-default .library-thumbnail-summary h5{font-size:10px;}
	.library-thumbnail-wrap .library-thumbnail-default .library-thumbnail-summary p{font-size:12px;font-weight:700; line-height: 20px; height: 40px;}
	.library-thumbnail-wrap .library-thumbnail-hover .library-thumbnail-hover-wrap{display:none}
	.library-top{background-color:#fff;height:auto;padding-bottom:10px}
	.library-top .library-potion{display:none}
	.library-top .library-search{float:none;width:100%}
	/* .library-top .library-search div input{border: 1px solid #eaeaea !important;border-radius:20px;font-size:15px !important;height:45px !important;margin-top:0px;padding:0 20px 0 45px} */
	.library-top .library-search div p.library-search-left{left:16px;top:18px}
	.library-top .library-search div p.library-search-right{right:16px;top:18px}
	.library-top .library-word{float:none;width:100%}
	.library-top .library-word .library-word-wrap{margin:10px 0 0;padding:0 10px}
	.library-top .library-word .library-word-wrap .library-word-list{left:10px;padding:5px;right:10px;width:auto}
	.library-top .library-word .library-word-wrap .library-word-select{padding:5px}
	.library-thumbnail-duration-text{font-size:11px}
	.library-detail-top-info{padding-top:6px}
	.library-feedback{font-size:14px}
	/* .library-top .library-search .search-area a {border: unset;padding: 28px 20px 34px;background-size: 25px;} */
	.library-top .library-search .search-area {border: 0 !important;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.library-categories .library-category{width:70%}
	.library-categories .library-category ul{padding:12px 36px 0}
	.library-categories .library-category ul li{margin:0 2px}
	.library-categories .library-category ul li a{padding:12px 18px}
	.library-category-select1{padding-bottom:3px}
	.library-category-select1 li{border:1px #ddd solid;padding:6px;margin:1px}
	.library-category-select1 li.active:after{border:none;content:""}
	.library-category-select2 li{padding:5px 0;width:50%}
	.library-category-tab{float:none;width:100%}
	.library-category-typesort{width:33.333%}
	/* .library-category-typesort .library-category-typesort-type{border-left:1px #eee solid;border-right:1px #eee solid} */
	.library-category-typesort div{font-size:14px;line-height:40px}
	.library-category-typesort ul{min-width:120px;padding:0 5px 5px;position:absolute;right:0;top:100%;width:100%;z-index:99}
	.library-category-typesort ul li{padding:4px}
	.library-detail-right-scroll{max-height:none;overflow-y:hidden}
	.library-detail-subject{font-size:15px}
	.library-thumbnail li{width:33.33%}
	.library-thumbnail-filetype img{height:30px;width:30px}
	.library-thumbnail-wrap .library-thumbnail-hover .library-thumbnail-hover-wrap h5{font-size:16px}
	.library-thumbnail-wrap .library-thumbnail-hover .library-thumbnail-hover-wrap p{font-size:13px}
	.library-top .library-potion{display:none}
	/* .library-top .library-search{width:65%} */
	/* .library-top .library-search div input{font-size:18px} */
	.library-top .library-word{width:35%}
	.library-top .library-word .library-word-wrap{margin-left:10px}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.library-categories .library-category{width:67%}
	.library-categories .library-category ul li{margin:0 2px}
	.library-categories .library-category ul li a{padding:12px 20px}
	.library-category-select1{padding-bottom:4px}
	.library-category-select1 li{border:1px #ddd solid;padding:6px;margin:1px}
	.library-category-select1 li.active:after{border:none;content:""}
	.library-category-select2 li{padding:5px 0;width:50%}
	.library-category-typesort div{font-size:14px}
	.library-detail-right-scroll{height:480px}
	.library-detail-subject{font-size:16px}
	.library-thumbnail li{width:50%}
	.library-thumbnail-filetype img{height:30px;width:30px}
	/* .library-top .library-potion{width:27%} */
	/* .library-top .library-search{width:46%} */
	/* .library-top .library-search div input{font-size:18px} */
	.library-top .library-word{width:27%}
	.library-top .library-word .library-word-wrap{margin-left:10px}
}
@media (min-width: 1200px) and (max-width: 1599px) {
	.library-categories .library-category{width:72%}
	.library-thumbnail li{width:33.33%}
}


.local-library-seach .pull-right .btn.btn-default {background:#c00c3f;}
.local-library-seach .pull-right button + button {background:#666;}

/*라이브러리 콘텐츠 다음 영상 표시*/
body .is-next.is-close .cta{display: none;}
body .is-next .cta{position:absolute;right:0;top:auto;bottom:12%;margin-top:0;width:auto}
body .is-next .cta a{background:rgba(57,57,57,0.7);border-radius:0;box-shadow:5px 9px 3px rgba(90,90,90,0.08);padding:2px 20px;padding-right: 35px !important;font-size:15px;font-weight:400;color:#FFFFFF;}
body .is-next .cta a:hover{background:rgba(57,57,57,0.9);}
body .is-next .ic-close{cursor: pointer;display: inline-block;background: url(/theme/oklassv3/pix/images/icon_close_white.png)no-repeat center;background-size: 15px auto;font-size: 0;width: 30px;height: 100%;position: absolute;right: 5px;top: 0;z-index: 1;}
body .is-next .next-cnt{background:rgba(57,57,57,0.7);border-radius:0;box-shadow:5px 9px 3px rgba(90,90,90,0.08);padding:2px 20px;font-size:15px;font-weight:400;color:#FFFFFF;}

.wenUploader .tubevod-category{
	padding-left: 8px !important;
    padding-right: 8px !important;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 16px;
}

.wenUploader .youtube input, .wenUploader .tubevod-url input {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 7px 10px;
}

.wenUploader .youtube{
    padding-left: 8px !important;
    padding-right: 8px !important;
	display: none;
}

.wenUploader .youtube .tubevod-youtube-urltext{
	color: red;
}

.wenUploader .series {
    padding-left: 8px !important;
    padding-right: 8px !important;
    display: none;
}

@media (min-width: 769px) and (max-width: 1200px) {
	body .is-next .cta{bottom:21%;margin-top:0;width:auto}
}

@media (max-width: 768px) {
	body .is-next .cta{bottom:24%;margin-top:0;width:auto}
	body .is-next .cta a{font-size:13px;padding:10px 15px}
	body .is-skip .cta2{bottom:15%}
	body .is-skip .next-cnt{width:110px;height:25px;background:#000;padding:10px;font-size:12px;padding-top:3.1px;text-align:center}
}
@media (max-width: 480px) {
	body .is-next .cta{bottom:26%}
	body .is-next .cta a{padding:7px 10px;font-size: 11px;}
	body .is-next .ic-close{background-size: 12px auto !important;}
	body .is-skip .cta2{left:11px;bottom:18%}
	body .is-skip .next-cnt{width:90px;height:25px;background:#000;padding:7px;font-size:10px;padding-top:4.7px;text-align:center}	
}

@media (min-width: 769px) {
	.library-detail-right-list-bottom ul li{height:90px}
}


@media (min-width: 1600px){
	.container {
		max-width: 1200px;
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.library-category-typesort {
		width: 33.333%;
	}
}

@media (max-width: 991px){
	.hidden-md-down {
		display: none;
	}

}

@media only screen and (max-width: 499px){
    #page-local-course-list_main .gap-4 {
        gap: 0.3rem;
    }
}
@media only screen and (max-width: 499px){
    
}


@media (max-width: 768px){
	.common-right {
		padding-left: 0px;
	}
    /* .grid-cols-1 {
        grid-template-columns: repeat(1,minmax(0,1fr));
    } */
}

@media (min-width: 768px){
    /* .grid-md-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr));
    } */
	.common-right {
		padding-left: 0px;
	}
	.hidden-lg-up {
		display:block;
	}
}

@media (min-width: 992px){
	.hidden-lg-up {
		display:none;
	}
    .grid-lg-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media (min-width: 1199px){
	.hidden-lg-up {
		display:none;
	}
    .grid-xl-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }
    .grid-xl-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr));
    }	
	.gap-5 {
		gap: 0.8rem;
	}
}

.library-category-typesort .tp-checkbox .checkmark{height:18px;width:18px;}
.library-category-typesort .tp-checkbox .checkmark::after{left:5px;top:2px;}
.library-category-typesort ul:has(.tp-checkbox) li.library-category-typesort-button:last-child{margin-top: 8px;}