@charset "utf-8";

#board_language {
    width:100%;
    margin:20px 0;
    min-height:100px;
}
#board_language table { width:100%; border-spacing:0; border-collapse:collapse; }
#board_language th { height:34px; text-align:center; background:#eeeeee; border:1px solid #cccccc; }
#board_language td { height:30px; text-align:center; border:1px solid #cccccc; }
#board_language tbody tr:hover { background: #FFF2F2; }
#board_language .buttonWrap {
    width:100%;
    margin-bottom: 10px;
    text-align: right;
}
#board_language button {
    border:0px;
    background: #555;
    color: #fff;
    height:32px;
    padding:0 15px;
}
#board_language .no-data {
    text-align: center;
    height: 100px;
}
#boardWrite {
    width:100%;
    padding:20px 20px 0 0;
}

#tiles li {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#tiles li .con {
    height: initial !important;
}
#tiles li .thumb {position:relative;}
#tiles li .thumb img {width:100%;height:auto;}
#tiles li .thumb a {
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#tiles li .thumb .btn_play {
    position:absolute;
    left:50%;
    top:50%;
    width:50px;
    height:50px;
    color:rgba(61,73,88,0.8);
    font-size:36px;
    text-align:center;
    line-height:50px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#tiles li .thumb a:hover {background:rgba(0,0,0,0.6);}
#tiles li .thumb a:hover .btn_play {color:rgba(255,255,255,0.8);}
#tiles li .thumb .seqWrap {
    position: absolute;
    bottom: 5px;
    right: 5px;
}
#tiles li .thumb .seqWrap input {
    border:1px solid #cecece;
    background:#eee;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    width: 50px;
    height: 30px;
}
#tiles li .con p.subject {
    height: unset !important;
    min-height: 60px;
}
#tiles li .con p.subject a {
    font-size:14px !important;
    font-weight:300;
}

.txt-left { text-align:left !important; }
.pl-10 { padding-left: 10px !important; }

/* ckeditor5 Cutom Start */
#bo_w .ck-label { display: none !important; }
#bo_w .ck.ck-editor__editable { min-height: 450px !important; }
#bo_w .ck-editor__main { border:1px solid #ccc;background:#eee;font-size:1rem; }
#bo_w .ck-source-editing-area { min-height: 500px;}
#bo_w .ck-focused,
#bo_w .ck-blurred {  width:100%; padding:5% !important; border:0px; box-shadow: unset;background:#fff; -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 20%); box-shadow: 0 0 5px rgb(0 0 0 / 20%); }
#word-count { position:absolute;bottom:30px;left:10%; width:100%; max-width:850px; height:30px; line-height:30px;  background-color: #eee; padding:0 15px; z-index:1;}
#word-count .ck-word-count { width:100%; }
#word-count .ck-word-count div { display:inline-block; margin-right:20px; }
/* ckeditor5 Cutom End */

@media all {
	.lightbox {display: none;}
	.fixwidth {background: rgba(256,256,256, 0.6);}
	.fixwidth .featherlight-content {width: 500px;padding: 25px;color: #fff;	background: #111;}
	.fixwidth .featherlight-close {color: #fff;background: #333;}
}