/* visual */
.visual{position:relative;}
.visual .sign{position:absolute; bottom:32px; left:50%; transform:translateX(-50%); font-size:13px;}

/* movie_grid */
.movie_grid{float:left; position:relative; display:inline-block; cursor:pointer;}
.movie_grid .grid_block{position:absolute; left:0; bottom:0; width:100%; height:100%; /* opacity:0.4; filter:alpha(opacity=40);  */background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0) 64%,#222); z-index:2;}
.movie_grid .grid_meta{position:absolute; left:0; bottom:-35px; color:#fff; font-size:20px; z-index:3; padding:0 20px; transition:all .3s; letter-spacing:-1px; width:420px;}
.movie_grid .grid_meta .meta_title span{display:block; line-height:1.3;}
.movie_grid .grid_meta .meta_title .cate{font-size:15px;}
.movie_grid .grid_meta .meta_title .title{font-size:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.movie_grid .grid_meta .info{margin:8px 0 10px;}
.movie_grid .grid_meta .info .hit{padding:0 0 0 20px;}
.movie_grid .grid_meta .info .hit:after{top:2px; width:13px; height:18px;  background-position:0 0;}
.movie_grid .grid_meta .info .like{padding:0 0 0 25px; margin:0 0 0 20px;}
.movie_grid .grid_meta .info .like:after{top:4px; width:20px; height:18px; background-position:-21px 0;}
.movie_grid .grid_meta .info span{position:relative; font-size:16px;}
.movie_grid .grid_meta .info span:after{position:absolute; left:0; content:""; background-image:url(img/sp_bg.png);}
.movie_grid_slider{position:relative;}
.movie_grid_slider .anythingControls{width:100%; margin-top:27px;}
.movie_grid_slider .anythingControls ul{display:flex; justify-content:center; float:none;}
.movie_grid_slider .anythingControls ul li{float:none; margin:0 9px;}
.movie_grid_slider .anythingControls ul li a{margin:0; background-color:#bababa; border-radius:50%;}
.movie_grid_slider .anythingControls ul li a.cur{background-color:#e40019;}
.movie_grid_slider .anythingControls ul li a:hover{background-color:#e40019;}
.anythingSlider-default .arrow{top:auto; bottom:-44px; z-index:100;}
.anythingSlider-default .arrow.back{left:349px; right:auto;}
.anythingSlider-default .arrow.forward{right:349px; left:auto;}
.anythingSlider-default .arrow a{width:22px; height:22px;}
.anythingSlider-default .arrow.back a{background:url(img/movie_prev_arr.png) 0 0 no-repeat;}
.anythingSlider-default .arrow.forward a{background:url(img/movie_next_arr.png) 0 0 no-repeat;}
.movie_grid_slider .paging{position:absolute; right:0; top:-38px;}
.movie_grid_slider .paging .num{display:inline-block; margin:2px 0 0; vertical-align:top; color:#999;}
.movie_grid_slider .paging .btnBox{display:inline-block; margin:0 0 0 5px; overflow:hidden; vertical-align:middle;}
.movie_grid_slider .paging .btnBox .btn{float:left; display:inline-block; background: url(/_images/_main/sp_main.png) no-repeat; text-indent:-9999em;}
.movie_grid_slider .paging .btnBox .btn a{display:block; width:100%; height:100%;}
.movie_grid_slider .paging .btnBox .btn.prev{width:21px; height:21px; background-position:-61px -101px;}
.movie_grid_slider .paging .btnBox .btn.next{width:20px; height:21px; background-position:-82px -101px;}
.movie_grid_slider .paging .btnBox .arrow > a{margin:-18px 0 0;}

.big .movie_grid .grid_meta{width:420px;}
.small .movie_grid .grid_meta{width:276px;}
.movie_grid:hover .grid_block{background:linear-gradient(180deg, #222, #222); opacity:0.8}
.movie_grid:hover .grid_meta{bottom:0;}
.movie_grid:hover .grid_meta .meta_title .title{text-overflow:clip; white-space:normal; max-height:50px; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; word-wrap:break-word;}
.ml11{margin-left:11px;}

.ranking_5{border:1px solid #dedede; background:#f7f7f7; padding:30px; overflow:hidden; letter-spacing:-1px;}
.ranking_5 .thumb{float:left; border:1px solid #666;}
.ranking_5 ul{float:right; width:500px;}
.ranking_5 li{position:relative; display:block; font-size:15px; color:#666; height:31px; padding:5px 10px 0 10px;  line-height:1.2;}
.ranking_5 li .num{float:left; background:#1baed1; color:#fff; font-size:15px; width:21px; height:21px; line-height:21px; text-align:center; margin:0 5px 0 0;}
.ranking_5 li a{display:inline-block; color:inherit; width:480px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ranking_5 li a strong{color:#000;}
.ranking_5 li.on{background:#2864b9; color:#fff;}
.ranking_5 li.on .num{color:#fff;}
.ranking_5 li.on strong{color:#45d1f2;}
.ranking_5 li.on:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 6px 6px 6px 0;
	border-color: transparent #2864b9;
	display: block;
	width: 0;
	z-index: 1;
	left: -6px;
	top: 9px;
}

.tit_wrap{display:flex; justify-content:space-between; align-items:center; padding-left:15px; margin:55px 0 42px;}
.tit_wrap div{display:flex; align-items:center;}
.tit_wrap div p{margin:-6px 0 0 15px; font-size:18px; font-family:"Noto Sans KR"; color:#000; letter-spacing:-1px;}
.tit_wrap div p span{color:#2374c8;}
.tit_wrap div+button{margin-top:-6px;}
.mov_newest{letter-spacing:-1px;}
.mov_newest+.mov_newest{margin-top:35px;}
.mov_newest:after{content:""; display:block; clear:both;}
.mov_newest .cate_title{display:flex; align-items:center; justify-content:space-between; padding:0 15px; margin-bottom:20px;}
.mov_newest .cate_title p{font-family:"Noto Sans KR"; font-weight:700; font-size:20px; color:#000;}
.mov_newest .cate_title p strong{vertical-align:inherit;}
.mov_newest .cate_title p strong.v1{color:#f20000;}
.mov_newest .cate_title p strong.v2{color:#ff720b;}
.mov_newest .cate_title p strong.v3{color:#0865c5;}
.mov_newest .cate_title p strong.v4{color:#239839;}
.mov_newest .cate_title + ul{display:flex;}
.mov_newest .cate_title + ul > li{flex:1; position:relative; border:1px solid #dedede; background:#fff; padding:9px 8px 27px; transition:.2s;}
.mov_newest .cate_title + ul > li:not(:first-child){border-left:none;}
.mov_newest .cate_title + ul > li .thumb{display:block; width:265px; height:149px;}
.mov_newest .cate_title + ul > li.on{box-shadow: 0 7px 7px rgba(0,0,0,0.15); z-index:2;}
.mov_newest .cate_title + ul > li .inner{padding:22px 10px 0; overflow:hidden;}
.mov_newest .cate_title + ul > li .inner .thm_title{color:#000; font-size:15px; height:44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mov_newest .cate_title + ul > li .inner .meta_title span{display:block; line-height:1;}
.mov_newest .cate_title + ul > li .inner .meta_title .date{margin-top:6px;}
.mov_newest .cate_title + ul > li .inner .meta_title{float:left; margin-top:12px; color:#666; font-size:14px;}
.mov_newest .cate_title + ul > li .inner .info{margin:28px 0 0 110px;}
.mov_newest .cate_title + ul > li .inner .info .hit{padding:0 0 0 16px;}
.mov_newest .cate_title + ul > li .inner .info .hit:after{top:2px; width:9px; height:15px;  background-position:0 -44px;}
.mov_newest .cate_title + ul > li .inner .info .like{padding:0 0 0 16px; margin:0 0 0 13px;}
.mov_newest .cate_title + ul > li .inner .info .like:after{top:4px; width:12px; height:12px; background-position:-25px -46px;}
.mov_newest .cate_title + ul > li .inner .info span{position:relative; font-size:14px;}
.mov_newest .cate_title + ul > li .inner .info span:after{position:absolute; left:0; content:""; background-image:url(img/sp_bg.png);}

.btm_line{position:relative; border-bottom:1px solid #000;}
.tit_type03{margin:30px 0 0 15px; padding:0 0 15px}
.tit_type03 span{display:inline-block; color:#000; font-size:18px; margin:4px 0 0 10px; font-weight:normal; font-family:"Noto Sans KR"; vertical-align:top;}
.tit_type03 span b{font-weight:normal; color:#f20000;}
.mt0{margin-top:0 !important;}


#wrapper button.type1{border:1px solid #ced1d7; background:#fff; height:33px; padding:0 15px; color:#323232; font-size:13px; letter-spacing:-1px; font-weight:bold;}

.lecture_seachBox .article_top > ul{border-right:none;}
.lecture_seachBox .article_top > ul > li{width:170px; font-size:15px;}
.lecture_seachBox .article_top > ul > li:nth-child(1){width:168px;}
.lecture_seachBox .article_top > ul > li:nth-child(2) span{color:#0965c5;}
.lecture_seachBox .article_top > ul > li:nth-child(3) span{color:#239839;}
.lecture_seachBox .article_top > ul > li:nth-child(4) span{color:#f20000;}
.lecture_seachBox .article_top > ul > li:nth-child(5) span{color:#ff720b;}

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

/* lecture_list_type01 */
.lecture_list_type01 li{position:relative; border-bottom:1px solid #dcdcdc; padding:19px 32px; overflow:hidden;}
.lecture_list_type01 li{position:relative; border-bottom:1px solid #dcdcdc; padding:19px 32px; overflow:hidden;}
.lecture_list_type01 li .thumb{float:left; margin:0 19px 0 0;}
.lecture_list_type01 li .thumb + .inner{float:left; width:547px; margin:18px 0 0;}
.lecture_list_type01 li .thumb + .inner .meta_title{width:430px;}
.lecture_list_type01 li .thumb + .inner .meta_title .cate{color:#000; font-size:14px;}
.lecture_list_type01 li .thumb + .inner .meta_title .title{color:#000; font-size:16px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.lecture_list_type01 li .thumb + .inner .meta_title .dec{color:#666; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.lecture_list_type01 li .thumb + .inner .meta_title span{display:block;}
.lecture_list_type01 li .thumb + .inner .info{margin:8px 0 0;}
.lecture_list_type01 li .thumb + .inner .info .date{color:#666; font-size:14px;}
.lecture_list_type01 li .thumb + .inner .info .hit{color:#666; font-size:14px; margin:0 0 0 60px;}
.lecture_list_type01 li .thumb + .inner .heartBox{text-align:right; position:absolute; right:30px; top:50%; margin:-10px 0 0;}
.lecture_list_type01 li .thumb + .inner .heartBox > .inner{position:relative;}
.lecture_list_type01 li .thumb + .inner .heartBox .ico_heart{display:inline-block;}
.lecture_list_type01 li .thumb + .inner .heartBox .count{display:inline-block; color:#e91243; font-size:14px; margin:0 0 0 15px; 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(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);
}

/* ¿µ»ó ¿µ¿ª */
.detail_view{display:flex; justify-content:space-between; overflow:hidden; margin:25px 0 0; letter-spacing:-1px;}
.detail_view .list{position:relative; overflow-y:auto; width:276px; height:317px; padding:15px 5px 15px 12px; border:1px solid #dedede; scrollbar-base-color:#fff; scrollbar-3dlight-color:fff; scrollbar-highlight-color:#fff; scrollbar-face-color:#fff; scrollbar-arrow-color:#fff;; scrollbar-shadow-color:#F3F3F3;; scrollbar-darkshadow-color:#F3F3F3; scrollbar-track-color: #F3F3F3;}
.detail_view .list::-webkit-scrollbar {width:15px;}
.detail_view .list::-webkit-scrollbar-thumb {background:#fff; border-left:1px solid #dedede; border-bottom:1px solid #dedede}
.detail_view .list::-webkit-scrollbar-track-piece {background:#F3F3F3; border-left:1px solid #dedede;}
.detail_view .list ul li{display:flex; align-items:center; gap:7px;}
.detail_view .list ul li:not(:first-child){margin-top:20px;}
.detail_view .list ul li .thumb{overflow:hidden; width:124px; height:70px; background:#4b4848; border-radius:3px;}
.detail_view .list ul li .thumb video,
.detail_view .list ul li .thumb iframe,
.detail_view .list ul li .thumb img{width:100%; height:100%;}
.detail_view .list ul li .con{width:calc(100% - 131px);}
.detail_view .list ul li .con p{font-size:12px; color:#474A56;}
.detail_view .list ul li .con .cat{font-weight:500;}
.detail_view .list ul li .con .tit{text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; font-weight:700;}
.detail_view .list ul li .con .info{padding-left:10px; background:url(img/cnt_ico.png) 0 4px no-repeat; font-size:10px; color:#888; letter-spacing:-1px;}
.detail_view .list .default{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:13px; text-align:center; color:#c2c2c2;}
.detail_view .list .default span{font-weight:700;}

/* watch_title */
.watch_title{margin:20px 0 0; letter-spacing:-1px; position:relative;}
.watch_title:after{display:block; clear:both; content:"";}
.watch_title .clipBox{float:left; width:390px;}
.watch_title .clipTitle{color:#000; font-weight:bold; font-size:18px; letter-spacing:-1px;}
.watch_title .clipTitle .info{display:inline-block; font-weight:normal; font-size:12px; padding:1px 8px 3px; background:#fff; margin:2px 7px 0 0; vertical-align:top;}
.watch_title .clipTitle .info.s1{color:#2763ba; border:1px solid #2763ba;}
.watch_title .clipTitle .info.s2{color:#ac37c1; border:1px solid #ac37c1;}
.watch_title .clipTitle .info.s3{color:#f9368d; border:1px solid #f9368d;}
.watch_title .clipTitle .info.s4{color:#f94b22; border:1px solid #f94b22;}
.watch_title .title_info{color:#666; font-size:15px; margin:5px 0 0;}
.watch_title .title_info *{display:inline-block;}
.watch_title .watch_btn{position:absolute; right:0; top:5px;}
.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;}

/* teacher_infoBox */
.teacher_infoBox{position:relative; background:#f0f0f0; border:1px solid #d7d7d7; padding:19px 30px; margin:30px 0 0; overflow:hidden; letter-spacing:-1px;}
.teacher_infoBox .picBox{float:left; width:60px; height:60px; overflow:hidden; position:relative; border-radius:100%; background:#fff;}
.teacher_infoBox .picBox img{width:110px; position:absolute; left:-25px; top:5px;}
.teacher_infoBox .article_s2{float:left; margin:0 0 0 20px; font-weight:bold; padding:10px 0 0;}
.teacher_infoBox .article_s2 .title_box{color:#666; font-size:17px; margin:3px 0 0;}
.teacher_infoBox .article_s2 .title_box .name{color:#000;}
.teacher_infoBox .article_s2 .title_box .tBlue{position:relative; color:#2864b9;}
.teacher_infoBox .article_s2 .title_box .tBlue:after{position:absolute; right:-12px; top:9px; content:""; width:6px; height:10px; background:url(img/arrow1.png) no-repeat;}
.teacher_infoBox .article_s3{float:left; border-left:1px solid #d7d7d7; padding:5px 0 5px 28px; margin:0 0 0 45px;}
.teacher_infoBox .article_s3 span{display:block; line-height:1.3;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:310px;}
.teacher_infoBox .article_s3 .n1{color:#666; font-size:17px;}
.teacher_infoBox .article_s3 .n2{color:#000; font-size:20px; font-weight:bold;}
.teacher_infoBox .btnD{position:absolute; right:30px; top:27px; background:#2763bb; height:47px; padding:0 25px; color:#fff; font-size:16px; font-weight:bold;}
.teacher_infoBox .btnD span{position:relative; padding:0 0 0 28px;}
.teacher_infoBox .btnD span:after{position:absolute; left:0; top:0; background:url(img/ico_subscribe.png) no-repeat; width:20px; height:24px; content:"";}
.teacher_infoBox .btnD.on{background:#fff; border:1px solid #d9d9d9; background:#fff; color:#000;}
.teacher_infoBox .btnD.on span:after{background-position:-20px 0;}

/* mov_favorites_list */
.mov_favorites_list{letter-spacing:-1px; width:850px;}
.mov_favorites_list:after{content:""; display:block; clear:both;}
.mov_favorites_list ul{float:left; height:100%; width:870px;}
.mov_favorites_list ul > li:first-child{margin:8px 6px 0 0;}
.mov_favorites_list ul > li{float:left; position:relative; width:208px; height:227px; margin:8px 6px 0 0; border:1px solid #dedede; background:#fff; padding:9px 9px 15px; transition:.2s;}
.mov_favorites_list ul > li .thumb{display:block; border:1px solid #666;}
.mov_favorites_list ul > li.on{background:#e8e8e8; border:1px solid #bdbdbd; z-index:2;}
.mov_favorites_list ul > li.on:after{position:absolute; left:-1px; bottom:-4px; content:""; width:208px; height:3px; background:#e8e8e8;}
.mov_favorites_list ul > li .inner{padding:10px 10px 0; overflow:hidden;}
.mov_favorites_list ul > li .inner .thm_title{color:#000; font-size:15px; height:44px; font-weight:normal;}
.mov_favorites_list ul > li .inner .meta_title span{display:block;}
.mov_favorites_list ul > li .inner .meta_title{float:left; margin:5px 0 0; color:#666; font-size:13px;}
.mov_favorites_list ul > li .inner .meta_title .cate{color:#}
.mov_favorites_list ul > li .inner .info{margin:24px 0 0;; text-align:right; min-width:175px;}
.mov_favorites_list ul > li .inner .info .hit{padding:0 0 0 16px;}
.mov_favorites_list ul > li .inner .info .hit:after{top:2px; width:9px; height:15px;  background-position:0 -44px;}
.mov_favorites_list ul > li .inner .info .like{padding:0 0 0 16px; margin:0 0 0 10px;}
.mov_favorites_list ul > li .inner .info .like:after{top:4px; width:12px; height:12px; background-position:-25px -46px;}
.mov_favorites_list ul > li .inner .info span{position:relative; font-size:13px;}
.mov_favorites_list ul > li .inner .info span:after{position:absolute; left:0; content:""; background-image:url(img/sp_bg.png);}
.mov_favorites_list.check ul > li:first-child{margin:40px 6px 0 0;}
.mov_favorites_list.check ul > li{position:relative; margin:40px 6px 0 0; }
.mov_favorites_list.check ul > li a{width:100%; height:100%; display:block;}
.mov_favorites_list.check ul > li:hover,
.mov_favorites_list.check ul > li.on{background:#e8e8e8; border:1px solid #bdbdbd; z-index:2;}
.mov_favorites_list.check ul > li:hover:after,
.mov_favorites_list.check ul > li.on:after{position:absolute; left:-1px; bottom:-4px; content:""; width:208px; height:3px; background:#e8e8e8;}
.mov_favorites_list.check input{position:absolute; left:0; top:-25px; width:20px; height:20px;}

/* myList_check */
.myList_check{width:850px; letter-spacing:-1px; margin:20px 0 0; border-bottom:1px solid #dcdcdc; padding:0 0 30px; margin:0 0 25px;}
.myList_check ul{width:870px;}
.myList_check ul:after{content:""; clear:both; display:block;}
.myList_check li{float:left; position:relative; border:1px solid #dedede; background:#f7f7f7; width:208px; height:100px; margin:6px 6px 0 0; cursor:pointer;}
.myList_check li a{width:100%; height:100%; display:block; padding:20px 15px;}
.myList_check li.on{border:1px solid #8fc0e1; background:#f0f9ff;}
.myList_check li:hover{border:1px solid #8fc0e1;}
.myList_check li:after{position:absolute; left:-1px; bottom:-4px; content:""; width:208px; height:3px; background:#e8e8e8;}
.myList_check li .picBox{float:left; width:60px; height:60px; overflow:hidden; position:relative; border-radius:100%; background:#fff;}
.myList_check li .picBox img{width:110px; position:absolute; left:-25px; top:5px;}
.myList_check li .article_s2{float:left; width:105px; margin:0 0 0 10px; font-weight:bold; padding:10px 0 0;}
.myList_check li .article_s2 .title_box{color:#666; font-size:17px; margin:3px 0 0;}
.myList_check li .article_s2 .title_box .name{color:#000;}
.myList_check li .btnClose{position:absolute; right:0; top:0; width:33px; height:33px; background:url(img/btn_close.png) no-repeat; text-indent:-9999em; display:block;}
.myList_check .noHave{text-align:center; padding:20px 0 0;}
.myList_check .noHave .ico{display:block; background:url(img/noHave_thumb.png) no-repeat; width:68px; height:94px; margin:0 auto;}
.myList_check .noHave .dec{color:#666; font-size:15px; line-height:1.5; margin:10px 0 0;}

/* 20200421 add */
.watch_btn .btnSubscribe{background:url(img/call-or-request-a-quote-371684.png) no-repeat 10px 4px !important; padding:0 15px 0 40px !important; background-size:23px auto !important;}
.watch_btn .btnSubscribe.on{background:url(img/call-or-request-a-quote-371684_on.png) no-repeat 10px 4px !important; background-size:23px auto !important;}

#mainContents .jw-wrapper{background:none;}