.title.line{border-bottom:1px solid #000; padding:5px 12px 15px}
.title.line *{vertical-align:middle;}
.title.line .s1{display:inline-block;}
.title.line .minTit1{color:#646464; font-size:17px; margin:0 0 0 10px; display:inline-block; font-weight:normal; font-family:'¸¼Àº °íµñ';}

.colum1{overflow:hidden;}
.colum1 > .left{float:left;}
.colum1 > .left img{width:588px; height:310px;}
.colum1 > .right{float:right; width:220px;}
.colum1 > .right img{width:220px; height:121px;}
.colum1 .title{padding:15px; font-size:20px; color:#000; font-weight:500; font-family: "Noto Sans KR";}
.colum1 .inner{position:relative;}
.colum1 > .left .inner{width:588px; height:310px;}
.colum1 > .right .inner{width:220px; height:121px;}
.colum1 .inner .mask{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.2; transition:opacity .3s; text-align:center;}
.colum1 .inner .mask:hover{opacity:0;}
.colum1 .inner .mask:after{position:absolute; right:5px; top:5px; background:#000; color:#fff; font-size:18px; font-weight:bold; padding:5px 10px; border:2px solid #fff;}
.colum1 > .right .inner .mask:after{font-size:13px;}
/*
.colum1 .inner .mask + .viewTV{display:none; position:absolute;  right:0; bottom:0;}
.colum1 .inner .mask + .viewTV em{display:inline-block; color:#fff; font-size:30px; font-weight:bold;  background:#000; padding:10px 20px; border:2px solid #fff;}
.colum1 .inner .mask:hover + .viewTV{display:block;}
*/

.lecture_seachBox .article_top > ul{width:100%; border-right:none;}
.lecture_seachBox .article_top > ul > li{width:20%;}
.lecture_seachBox .article_top > ul > li:first-child{width:172px;}

/* ie hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 .lecture_seachBox .article_top > ul > li:first-child{width:169px;}
}



.lecture_seachBox .article_btm .selectArea{display:inline-block; vertical-align:top; position:relative;}
.lecture_seachBox .article_btm .seachBox{display:inline-block; vertical-align:top; position:relative;}
.lecture_seachBox .article_btm .seachBox input{position:relative;}
.lecture_seachBox .article_btm .seachBox input::-webkit-input-placeholder{color:#666}
.lecture_seachBox .article_btm .seachBox input:-ms-input-placeholder{color:#666;}
.lecture_seachBox .article_btm .seachBox input:focus::-webkit-input-placeholder{color:#fff;}
.lecture_seachBox .article_btm .seachBox input:focus:-ms-input-placeholder{color:#fff;}


#wrapper .info_tab{text-align:right; letter-spacing:-1px; margin:30px 5px 0; padding:0 0 20px; border-bottom:1px solid #dcdcdc;}
#wrapper .info_tab:after{content:""; clear:both; display:block;}
#wrapper .info_tab a{position:relative; display:inline-block; color:#666; font-size:14px; margin:0 0 0 10px; padding:0 10px 0 10px;}
#wrapper .info_tab a:after{position:absolute; content:""; left:0; top:6px; height:12px; width:1px; background:#e1e1e1;}
#wrapper .info_tab a:before{position:absolute; content:"¡ã"; right:-5px; top:1px;}
#wrapper .info_tab a:first-child:after{background:none;}
#wrapper .info_tab a.on{color:#000; font-weight:bold;}
#wrapper .info_tab a.on:before{content:"¡å";}



.lecture_list_type01{}
.lecture_list_type01 a{color:inherit}
.lecture_list_type01 li{position:relative; border-bottom:1px solid #dcdcdc; padding:19px 32px; overflow:hidden;}
.lecture_list_type01 li .thumb{position:relative; float:left; margin:0 19px 0 0; width:220px; height:119px;}
.lecture_list_type01 li .thumb img{width:100%; height:100%;}
.lecture_list_type01 li .thumb.commingSoon{background:url(img/thumb_commingSoon.png) no-repeat; text-align:center; padding:60px 0 0;}
.lecture_list_type01 li .thumb.commingSoon .date{color:#fff; font-size:24px; font-family: "Noto Sans KR"; font-weight:200; letter-spacing:-1px;}


.lecture_list_type01 li .inner{float:left; width:547px; margin:12px 0 0;}
/* .lecture_list_type01 li .inner .meta_title{width:430px;} */
.lecture_list_type01 li .inner .meta_title .cate{display:inline-block; color:#fff; font-size:14px; padding:2px 8px 3px;}
.lecture_list_type01 li .inner .meta_title .cate.s1{background:#577be4;}
.lecture_list_type01 li .inner .meta_title .cate.s2{background:#19aeb3;}
.lecture_list_type01 li .inner .meta_title .cate.s3{background:#8ca610;}
.lecture_list_type01 li .inner .meta_title .cate.s4{background:#a67610;}
.lecture_list_type01 li .inner .meta_title .cate.s5{background:#ff5b47;}
.lecture_list_type01 li .inner .meta_title .title{color:#000; font-size:16px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin:3px 0 0;}
.lecture_list_type01 li .inner .meta_title .dec{color:#666; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.lecture_list_type01 li .inner .meta_title span{display:block;}
.lecture_list_type01 li .inner .info{margin:12px 0 0; color:#666; font-size:14px;}


.veiw_detail{}
.veiw_detail .thumb{position:relative; width:588px; height:315px; margin:30px auto 0;}
.veiw_detail .thumb .mov{position:relative; cursor:pointer;}
.veiw_detail .thumb .img{width:588px; height:315px; cursor:pointer;}
.veiw_detail .thumb .play{position:absolute; left:0; top:0; background:url(img/datail_thumb_play.png) no-repeat center; width:100%; height:100%; z-index:2;}
.veiw_detail .thumb .mask{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; transition:opacity .3s; z-index:1;}


.veiw_detail .txt1{color:#000; font-size:20px; font-weight:bold; text-align:center; padding:20px 0; border-bottom:1px solid #dcdcdc;}
.veiw_detail .info_dec_box{margin:20px 0 0;}
.veiw_detail .info_dec_box:after{display:block; clear:both; content:"";}
.veiw_detail .info_dec{float:right; text-align:right; color:#666; font-size:15px; margin:5px 15px 0 0;}



.watch_title{float:right; letter-spacing:-1px; position:relative;}
.watch_title:after{display:block; clear:both; content:"";}
/*
.watch_title .clipBox{float:left; width:550px;}
.watch_title .clipTitle{color:#000; font-weight:bold; font-size:18px;}
.watch_title .title_info{color:#666; font-size:15px; margin:5px 0 0;}
.watch_title .title_info *{display:inline-block;}
*/
.watch_title .watch_btn{float:right; position:relative;}
.watch_title .watch_btn:after{display:block; clear:both; content:"";}
.watch_title .watch_btn *{float:left; letter-spacing:-1px;}
.watch_title .watch_btn .like{padding:0 17px 0 40px;}
.watch_title .watch_btn .like .ico_heart{left:25px; top:15px;}
.watch_title .watch_btn button:first-child{border-left:1px solid #d9d9d9;}
.watch_title .watch_btn button{border:1px solid #d9d9d9; border-left:none; height:30px; padding:0 17px; color:#000; font-size:14px; background:#fff; font-weight:bold;}
.ico_heart{
  width: 100px;
  height: 100px;
  position: absolute;
  left: 0;
  top: 10px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(/Teacher/SoobakSamTV/img/sp_heart.png) no-repeat;
  background-position: 0 0;
  cursor: pointer;
}
.ico_heart.on {
  background-position: -2800px 0;
  -webkit-transition: background .4s steps(28);
  transition: background .4s steps(28);
}

.writeBox{border-bottom:1px solid #dcdcdc; color:#000; font-size:16px; padding:35px 28px; line-height:1.8; word-wrap:break-word;}

.moviePos{position:absolute; left:0; top:0;}
.moviePos .inner{position:relative; width:588px; height:315px;}
.moviePos .jwplayer{z-index:3;}

h1.title{margin:0;}



.watch_btn .event_ing{position:absolute; left:-104px; top:19px; background:url(/promotion/event/2019/1010_nerdTVEvent/img/event_floating.png) no-repeat; width:158px; height:71px; text-indent:-9999em; animation: flash 1.5s; }


.lecture_seachBox .article_top > ul{display:table; table-layout:fixed;}
.lecture_seachBox .article_top > ul > li{display:table-cell; float:none; width:100% !important; background:none;}
.lecture_seachBox .article_top > ul > li a{display:inline-block;}

.banner1{}
.banner1 .tit{letter-spacing:-1px;  font-weight:500; font-family: "Noto Sans KR"; padding:0 15px 12px;}
.banner1 .tit .a1{display:inline-block; font-size:22px; color:#000; }
.banner1 .tit .a2{display:inline-block; font-size:15px; color:#646464; margin:0 0 0 5px;}
.banner1 .tit .blue{color:#2864b9;}