*/
.cycle-caption-area{position:absolute;top:2px;right:2px;z-index:500;line-height:24px;height:24px;font-size:0;min-width:70px;background-color:rgba(0,0,0,0.15);}
.cycle-caption-area .cycle-caption{font-size:11px;display:inline-block;min-width:22px;text-align:center;vertical-align:middle;color:#fff;}
.cycle-caption-area .cycle-caption em{color:#ffbb18;}
.cycle-caption-area a{vertical-align:middle;display:inline-block;font-size:0;width:24px;height:24px;text-indent:-999em;}
.cycle-caption-area a.btn-prev{background:url(//static.conects.com/skyedu_conects/imgs/web/common/btn_prev.png) 50% 50% no-repeat;}
.cycle-caption-area a.btn-next{background:url(//static.conects.com/skyedu_conects/imgs/web/common/btn_next.png) 50% 50% no-repeat;}
.caption-black .cycle-caption,
.caption-black .cycle-caption em{color:#000;}
.caption-black a.btn-prev{background-image:url(//static.conects.com/skyedu_conects/imgs/web/common/btn_prev02.png);}
.caption-black a.btn-next{background-image:url(//static.conects.com/skyedu_conects/imgs/web/common/btn_next02.png);}
.caption-nobg{background-color:transparent;}
.caption-nobg .cycle-caption{color:#000;}
.caption-nobg .cycle-caption em{color:#d90000;}
.caption-nobg a.btn-prev{background-image:url(//static.conects.com/skyedu_conects/imgs/web/common/btn_prev02.png);}
.caption-nobg a.btn-next{background-image:url(//static.conects.com/skyedu_conects/imgs/web/common/btn_next02.png);}
/* */
/* paging */
.board-paging{text-align:center;font-size:0;margin:20px 0;}
.board-paging a{display:inline-block;font-size:13px;color:#888;border:1px solid #ccc;height:27px;line-height:25px;min-width:27px;margin:0 5px;vertical-align:top;}
.board-paging a.on{color:#ff3818;}
.board-paging a.btn-prev{text-indent:-999em;background:url(//static.conects.com/skyedu_conects/imgs/web/common/paging_prev.png) no-repeat 50% 50%;}
.board-paging a.btn-next{text-indent:-999em;background:url(//static.conects.com/skyedu_conects/imgs/web/common/paging_next.png) no-repeat 50% 50%;}
/* 보더 회색 박스 */
.border-box-grey{border:1px solid #dde2eb;background-color:#f2f4f7;padding:20px 30px;font-size:15px;height:35px;line-height:33px;text-align:left;color:#111;}
.border-box-grey .bar {color:#dde2eb;padding:0 10px;font-size:14px;}
.border-box-grey .color-red {color:#ff3818;}
/* 16:9 동영상 */
.scale-video {width:100%;padding-top:56.25%;position:relative;background-color:#000;}
.scale-video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
/* S:블렉 레이어 */
.modal-layer {box-sizing:border-box;background-color:rgba(0, 0, 0, 0.5);position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;display:none;padding:0;z-index:99999999;}
.modal-layer .modal-inner {box-sizing:border-box;margin:50px auto; width:950px;position: relative;}
.modal-layer .modal-inner.vertical-middle{margin:0 auto;top:50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ;}
.showing-modal {box-sizing:border-box;overflow:hidden;}
.modal-layer .modal-inner .btn-close{position: absolute;top:20px;right:30px;}
.modal-layer .inner-white{background-color: #fff;border:1px solid #5d5d5d;box-shadow:0 10px 15px rgba(0,0,0,.2);}
.modal-layer .inner-white > .padding{padding:45px 30px;}
.modal-layer .inner-white h3.ttl{padding-top:0;}
.modal-layer .input-write table{ width:100%; border-top:1px solid #4c4c4c; table-layout:fixed; }
.modal-layer .input-write table thead tr th{ padding:16px 0; border-bottom:1px solid #e1e1e1; text-align:left; }
.modal-layer .input-write table tbody tr td{ padding:13px 0 13px 10px;line-height:28px; border-bottom:1px solid #e1e1e1; }
.modal-layer .input-write table tbody tr td.title{ text-align:center;background-color:#eee;padding-left:0;}
.modal-layer .input-write table tbody tr td.title-box{ *zoom:1; }
.modal-layer .input-write table tbody tr td.title-box:after{ content:""; display:block; clear:both; }
.modal-layer .input-write table tbody tr td.title-box a span{ max-width:200px; float:left; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; }
.modal-layer .input-write table tbody tr td.title-box a img{ padding-top:5px; padding-left:2px; float:left; vertical-align:text-top; }
.modal-layer .input-write table tbody tr td.no-data{ height:240px; padding-left:0; text-align:center; }
.modal-layer .input-write table tbody tr td.no-data:hover{ background-color:#fff; }
.modal-layer .input-write .agree-label{margin-top:15px;}
.modal-layer .input-write .info-text{line-height:20px;margin-top:15px;}
/* E:블렉 레이어 */
.lecture-list-container table{table-layout:fixed;width:100%;border-top:2px solid #111;color:#111;font-size:13px;border-bottom:1px solid #e9eaed;text-align: center;}
.lecture-list-container thead th{padding:12px 0;color:#111;font-size:15px;border-bottom:1px solid #ccc;line-height:25px;}
.lecture-list-container tbody td{padding:15px 10px;line-height:22px;border-top:1px solid #e9eaed;}
.lecture-list-container tbody tr:first-child td{border-top:1px solid #ccc;}
.lecture-list-container .ico-new{display:inline-block;vertical-align:top;width:13px;height:13px;line-height:11px;color:#fff;font-size:9px;text-align:center;background:#d90000;border-radius:2px;}
.lecture-list-container .data-teacher{text-align:left;}
.lecture-list-container .data-teacher .ico-new{position:relative;top:5px;margin-left:3px;}
.lecture-list-container .data-type{padding:15px 5px;}
.lecture-list-container .data-cont a:hover{text-decoration:underline;}
.lecture-list-container .data-cont > div{padding-right:0;}
.lecture-list-container .data-btn > div{border:1px solid #ccc;border-radius:3px;width:78px;margin:0 auto;}
.lecture-list-container .data-btn > div > a{border-top:1px solid #ccc;display:block;width:100%;height:23px;line-height:21px;}
.lecture-list-container .data-btn > div > a:first-child{border-top:0 none;}
.lecture-list-container .data-btn > div > a:hover{background-color:#eff1f6;}
.lecture-list-container .data-sticker{font-size:0;}
.lecture-list-container .data-sticker span.sticker{margin-right:1px;vertical-align:top;min-width:37px;width:auto;padding:0 3px;height:17px;line-height:16px;font-size:9px;overflow:hidden;}
.lecture-list-container .data-options{text-align:left;padding:15px 0;}
.lecture-list-container .data-options > .relative > div{padding:3px 0;}
.lecture-list-container .data-options > .relative > div select{max-width:100%;width:175px;margin-top:5px;}
/* tcc */
.tcc-list{ width:100%; display:block; float:left; text-align:left; }
.tcc-list > a{ display:block; }
.tcc-list .list-img{ width:222px; height:125px; position:relative; overflow:hidden; }
.tcc-list .list-img > img{ width:100%; height:100%; display:block; }
.tcc-list .list-img .info{ height:100%; line-height:23px; padding:6px 10px; display:-webkit-box; position:absolute; top:-100%; left:0; right:0; background-color:rgba(65,113,181,.9); font-size:13px; color:#fff; text-align:left; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis; -webkit-line-clamp:5; -webkit-box-orient:vertical; box-sizing:border-box; }
.tcc-list .list-img:hover .info{ animation:infoInDown .5s ease-out alternate; animation-fill-mode:both; }
.tcc-list .list-content .sticker{ margin:10px auto; }
.tcc-list .list-content .ttl{ width:100%; height:40px; line-height:20px; display:-webkit-box; font-size:13px; text-align:left; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.tcc-list .list-content .inquiry{ line-height:22px; margin-top:10px; color:#afafaf; }
.tcc-list .list-content .inquiry span{ margin-left:3px; }
.tcc-list .list-content .inquiry span:first-child{ margin-left:0; }
.tcc-gallery > ul{ padding-top:20px; }
.tcc-gallery > ul li{ margin-bottom:30px; min-height:1px; *zoom:1; }
.tcc-gallery > ul li:after{ content:''; display:block; clear:both; }
.tcc-gallery .tcc-list{ width:222px; margin-left:20px; }
.tcc-gallery .tcc-list:first-child{ margin-left:0; margin-right:2px; }
.tcc-gallery .no-data{ line-height:200px; font-size:15px; }
.tcc-best-gallery .slide-container{ position:relative; }
.tcc-best-gallery .slide-container .cycle-pager{ top:-22px; left:0; right:0; }
.tcc-best-gallery .slide{ width:950px; min-height:1px; *zoom:1; }
.tcc-best-gallery .slide:after{ content:''; display:block; clear:both; }
.tcc-best-gallery .tcc-list .list-img{ width:303px; height:170px; }
.tcc-best-gallery .tcc-list{ width:303px; margin-left:20px; }
.tcc-best-gallery .tcc-list:first-child{ margin-left:0; margin-right:1px; }
.tcc-best-gallery .tcc-list .list-img .info{ -webkit-line-clamp:7; }
.tcc-best-gallery .tcc-list .list-content{ padding:10px 20px 20px; background-color:#fff; border:1px solid #ccc; border-top:none; }
.ipsi-list .list-content .ttl{ height:20px; font-size:15px; -webkit-line-clamp:1; }
.ipsi-list .list-content .txt{ width:100%; height:60px; line-height:20px; margin-top:5px; display:-webkit-box; font-size:13px; color:#888; text-align:left; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.clip-list .list-content .txt{ height:40px; font-size:13px; -webkit-line-clamp:2; }
.clip-list .list-content .ttl-name{ font-size:13px; color:#888; }
.tcc-slide-gallery .float-area > div{ width:460px; }
.tcc-slide-gallery .slide-container{ height:445px; position:relative; background:#fff url(//static.conects.com/skyedu_conects/imgs/web/common/ipsi_slide_bg2.png) 50% 100% no-repeat; }
.tcc-slide-gallery .slide-container .cycle-pager{ top:-22px; left:0; right:0; }
.tcc-slide-gallery .tcc-list .list-img{ width:460px; height:255px; }
.tcc-slide-gallery .tcc-list .list-content{ height:160px; padding:10px 20px 20px;text-align: left; }
.ipsi-review-list{ margin:15px 0 20px; border-top:2px solid #111; border-bottom:1px solid #e9eaed; font-size:13px; }
.ipsi-review-list ul{ position:relative; top:1px; }
.ipsi-review-list li{ width:475px; padding:20px 0; float:left; border-bottom:1px solid #e9eaed; }
.ipsi-review-list li .list-img{ width:130px; height:130px; float:left; }
.ipsi-review-list li .list-content{ width:305px; margin-right:20px; padding:8px 0 5px; float:right; }
.ipsi-review-list li .ipsi-list .list-content .txt{ height:40px; -webkit-line-clamp:2; }
@keyframes infoInDown{
from{ top:-125px; }
to{ top:0; }
}
/* tcc 재생영역 */
.tcc-player-container .tcc-player{ padding:50px 0; background-color:#ececec; }
.tcc-player-container .tcc-player .player-content{ width:1100px; margin:0 auto; }
.tcc-player-container .tcc-player .movie-area{ width:720px; height:405px; margin:0 auto 0 115px; background-color:#000; }
.tcc-player-container .tcc-info{ width:1100px;margin:0 auto;position:relative; text-align:left; }
.tcc-player-container .tcc-info > .wrap-column{margin:0;}
.tcc-player-container .tcc-info .wrap-column > .float-area{ padding-top:20px;}
.tcc-player-container .tcc-info .info-img{ margin-right:20px; float:left; }
.tcc-player-container .tcc-info .info-img > p{ width: 130px; }
.tcc-player-container .tcc-info .info-img img{max-width:100%;}
.tcc-player-container .tcc-info .info-content{ width:680px; min-height:110px; float:left; position:relative;}
.tcc-player-container .tcc-info .info-content .sticker{ margin-bottom:5px; }
.tcc-player-container .tcc-info .info-content .tcc-ttl{ line-height:29px; margin:0 auto 5px; font-size:17px; word-wrap:break-word; }
.tcc-player-container .tcc-info .info-content .tcc-txt{ line-height:20px; font-size:13px; color:#888; word-wrap:break-word; }
.tcc-player-container .tcc-info .info-content .tcc-txt p{ line-height:20px; }
.tcc-player-container .tcc-info .info-content .tcc-txt .file-txt{ margin-right:10px; font-size:13px; color:#888; }
.tcc-player-container .tcc-info .info-content .tcc-txt .file-txt:hover{ text-decoration:underline; }
.tcc-player-container .tcc-info .info-content .tcc-sub{ margin:11px auto 0; font-size:13px; color:#888; }
.tcc-player-container .tcc-info .info-content .tcc-sub a{ font-size:13px; color:#888; }
.tcc-player-container .tcc-info .info-content .tcc-sub .btn-heart:hover .ico-heart{ background-image:url(//static.conects.com/skyedu_conects/imgs/web/common/ico_heart_on.png); }
.tcc-player-container .tcc-info .info-content .tcc-sub .btn-share:hover .ico-share{ background-image:url(//static.conects.com/skyedu_conects/imgs/web/common/ico_share_on.png); }
.tcc-player-container .tcc-info .info-content .tcc-sub span{ margin-left:8px; }
.tcc-player-container .tcc-info .info-content .tcc-sub > span:first-child{ margin-left:0; }
.tcc-player-container .tcc-info .btn-area{position:absolute; top:50%;transform:translateY(-50%); right:150px; }
.tcc-player-container .tcc-info .btn-area a{ margin-left:5px; vertical-align: top;}
.tcc-player-container .tcc-info .layer-share{ margin-top:15px; padding:0; right:150px; top:50%; text-align:center; }
.tcc-player-container .tcc-info .layer-share > div{ padding:20px; }
.tcc-player-container .tcc-info .layer-share p:first-child{ margin-bottom:10px; position:relative; }
.tcc-player-container .tcc-info .layer-share .input-style{ width:195px; height:35px; min-height:35px; line-height:35px; padding:0 10px; display:block; background-color:#fafafa; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#3a3635; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden; }
.tcc-player-container .tcc-info .layer-share .btn-style{ width:195px; height:33px; line-height:33px; font-size:13px; }
.tcc-player-container .tcc-info .btn-download{position:absolute;bottom:0;right:0;text-align:right;font-size:14px;height:25px;line-height:24px;}
.tcc-player-container .tcc-info .btn-download > i{display:inline-block;vertical-align:top;width:25px;height:25px;background:url('//static.conects.com/skyedu_conects/imgs/web/common/btn_list_down.png') 50% 0 no-repeat;margin-left:5px;}
.tcc-player-container .tcc-info .btn-download:hover{text-decoration: underline;}
.tcc-player-container .tcc-info .btn-download:hover > i{background-position:50% 100%;}
.tcc-player-container .tcc-info.style-no-image .info-img{display:none;}
.tcc-player-container .tcc-info.style-no-image .info-content{width:calc(100% - 120px);}
.img-layer-popup { display:none; position:absolute; z-index:99999; background-color:#fff; border:2px solid #000; }
.img-layer-popup .relative { position:relative; background-color:#fff; padding:40px 10px 10px; }
.img-layer-popup .relative .layer-contents { position:relative; }
.img-layer-popup .relative .btn-close { position:absolute;right:10px;top:10px;cursor:pointer}
.class-combine_lecture-main .lecture-list-area .lecture-division {text-align:left;}