@charset "utf-8";

/* cmn-list-control */
.cmn-list-control {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:1.5rem 0;}
.cmn-list-control .box-select select {position:relative; height:28px; padding:0 3rem 0 1rem; color:#333; font-size:1.3rem; border:1px solid #b4b2b3; box-sizing:border-box; background:url('../images/sub/ico_list_select_arr.svg') no-repeat 92% center; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.cmn-list-control .box-page {display:flex; align-items:center;}
.cmn-list-control .total-num {margin:0 1.5rem 0 0; font-size:1.3rem; color:#333;}
.cmn-list-control .total-num span {padding:0 .3rem;}
.cmn-list-control .paginate {display:flex; align-items:center; font-size:1.3rem;}
.cmn-list-control .paginate input {width:31px; height:26px; text-align:center; padding:0; font-weight:700; color:#333; border:1px solid #dcdcdc;}
.cmn-list-control .paginate button {width:99px; height:28px; border:1px solid #cecdce; box-sizing:border-box;}
.cmn-list-control .paginate button img {padding:0 .6rem;}
.cmn-list-control .paginate .btn-prev {margin-right:1.7rem;}
.cmn-list-control .paginate .btn-next {margin-left:1.7rem;}
.cmn-list-control .paginate .slash {margin:0 1.5rem; color:#9e9e9e; font-family:'Arial';}
.cmn-list-control.bottom {border-top:1px solid #dbdbdb;}

.cmn-list-control .search {width:300px; height:36px; display:flex; align-items:center; border:1px solid #cecdce}
.cmn-list-control .search select {width:100px; height:36px; border:none;}
.cmn-list-control .search input[type=text] {width:calc(100% - 136px); padding:0 8px; height:100%;}
.cmn-list-control .search button {display:flex; align-items:center; justify-content:center; width:36px; height:100%;}


@media (max-width: 767px) {

    .cmn-list-control .box-select select {height:20px;}
    .cmn-list-control .box-select .slt-dm , 
    .cmn-list-control .box-select .slt-do {display:none;}

    .cmn-list-control .paginate button {width:auto; height:20px;}
    .cmn-list-control .paginate button>span {display:none;}
    .cmn-list-control .paginate .btn-prev {padding:0 .8rem 0 0; margin-right:.4rem;}
    .cmn-list-control .paginate .btn-next {padding:0 0 0 .8rem; margin-left:.4rem;}
    .cmn-list-control .paginate input {height:20px;}
    .cmn-list-control .paginate .slash {margin:0 .5rem;}

}
/*  */
.video-cont-wrap {display:flex; flex-wrap:wrap; height:100%; background-color:#fff;}
.video-cont-wrap .video-area {width:calc(100% - 400px); padding:0 2.5rem;}
.video-cont-wrap .item {display:flex; flex-direction:column; justify-content:center; width:100%; height:100%;}

.video-cont-wrap.inbody {display:block;}
.video-cont-wrap.inbody .video-area {width:100%; padding:0;}

.video-cont-wrap .embed-youtube {position:relative; display:block; width:100%; height:0; padding-bottom:56.25%;}
.video-cont-wrap .embed-youtube iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.video-cont-wrap .tr {display:block; width:100%;}
.video-cont-wrap .subtitles-area {width:400px; height:100%; overflow-y:auto; background-color:#f7f7f7;}
.video-cont-wrap.inbody .subtitles-area {width:100%; height:270px;}
.video-cont-wrap .subtitles-area .txt {padding:25px 17px 0 17px; line-height:1.8;}
.video-cont-wrap .subtitles-area li {display:flex; margin-bottom:17px; font-size:1.6rem;}
.video-cont-wrap .subtitles-area li>em {width:20%;}
.video-cont-wrap .subtitles-area li>p {width:80%;}
/*  */