@charset "utf-8";
/** x버튼 **/
.login_x_btn{
	width:25px;
	height:24px;
	cursor:pointer;
	position:absolute;
	top:10px;
	right:7px;
}
/** 동영상페이지 **/
#layout_content_main > #layout_content > div.vod_titles {
	width: 836px;
	margin: 0 auto;
	height:60px;
	border-top: 1px #e62b1e solid;
}
/** 동영상 페이지내 결제버튼 **/
#layout_content_main > .paybtn_right_fix{
	width:131px;
	height:50px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:999;
	overflow:hidden;
}
#layout_content_main > .paybtn_right_fix:hover{
	width:auto;
}
#layout_content_main > .paybtn_right_fix > div.order{
	width:auto;
	height:50px;
	position:relative;
}
#layout_content_main > .paybtn_right_fix > div.order > a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background:transparent url('/images/icon/icon_payout.png') no-repeat 25px center;
	color:#333;
	font:bold 9pt/50px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	box-sizing: border-box;
	padding:0 10px 0 69px;

	text-align:left;
}
#layout_content_main > .paybtn_right_fix > div.order > a:hover{
	background:#f6f6f6 url('/images/icon/icon_payover.png') no-repeat 25px center;
	color:#df1800;
}
#layout_content_main > .paybtn_right_fix > div.order:hover > .tooltip{
	visibility: visible;
}

#layout_content_main > #layout_content > div.vod_titles div{
	float:left;
	height:60px;
}
#layout_content_main > #layout_content > div.vod_titles > div.left{
	width:576px;
}
#layout_content_main > #layout_content > div.vod_titles > div.right{
	width:260px;
}
#layout_content_main > #layout_content > div.vod_titles > div.right > div{
	float:right;
}
#layout_content_main > #layout_content > div.vod_titles > div > div.lecture{
	color:#333;
	font:normal 24pt/60px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	padding:0 10px;
}
#layout_content_main > #layout_content > div.vod_titles > div > div.teacher > a{
	display:inline-block;
	height:100%;
	text-decoration:none;
	color:#333;
	font:bold 10pt/60px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	padding:0 10px;
	text-align:left;
}
#layout_content_main > #layout_content > div.vod_titles > div > div.teacher > a > img{
	vertical-align:middle;
}
#layout_content_main > #layout_content > .vod-quality-tab-default {
	position:absolute;
	top:5px;
	right:25px;
}
#layout_content_main > #layout_content > .vod-quality-tab-default > ul{
	display: inline-block;
	vertical-align: middle;
}
#layout_content_main > #layout_content > .vod-quality-tab-default > ul > li{
	float: left;
	clear: none;
/*	background-color: rgb(51, 136, 204);*/
/*	border: 1px rgb(51, 136, 204) solid;*/
/*	color: rgb(255, 255, 255);*/
	background-color: rgb(246, 246, 246);
	border: 1px rgb(221, 221, 221) solid;
	color: rgb(51, 51, 51);
	cursor: pointer;
	display: block;
	height: 20px;
	padding: 8px 25px;
	position: relative;
	width: 100px;
	font: normal 12px/20.8px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	z-index: 2;
}
#layout_content_main > #layout_content > .vod-quality-tab-default > ul > li:before{
	content:'';
	position: absolute;
	top: 50%;
	left:8px;
	display: block;
	width: 18px;
	height: 18px;
	margin: -9px 2px 0 2px;
	background-color: rgba(0,0,0,.3);
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 1em;
}
#layout_content_main > #layout_content > .vod-quality-tab-default > ul > li.select:before{
	background-color: #38c;
	width: 8px;
	height: 8px;
	border: 5px #fff solid;
}
#layout_content_main > #layout_content > .vod-quality-tab-default > ul > li:first-child{
	border-radius:4px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
#layout_content_main > #layout_content > .vod-quality-tab-default > ul > li:last-child{
	border-radius:4px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
#layout_content_main > #layout_content > .vod-quality-tab-default > ul > li > input{
	border: 0;
	background: rgba(0,0,0,0);
	opacity: 0;
	position: absolute;
	left: .466em;
	top: 50%;
	width: 22px;
	height: 22px;
	margin: -11px 0 0 0;
	margin-top: -11px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	outline: 0!important;
	z-index: 1;
}
#layout_content_main > #layout_content > .vod-quality-tab-default > ul > li.select{
	background-color: rgb(51, 136, 204);
	border: 1px rgb(51, 136, 204) solid;
	color: rgb(255, 255, 255);
	font: bold 12px/20.8px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
}
.vod-quality-tab-default > .desc{
	display:none;
}
#layout_content_main > #layout_content > #vod-quality-tab-container.reset{
	top: 150px;
	right: 25px;
	z-index: 99999;
	width: 836px;
	height: 350px;
	padding: 20px 0 0 0;
}
#layout_content_main > #layout_content > #vod-quality-tab-container.reset > .desc{
	display:block;
	color:#fff; 
	font: normal 11pt/32px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif; 
	padding:40px 90px; 
	text-align:left; 
	background-color:rgba(0,0,0,.7); 
	height:230px;
}
#layout_content_main > #layout_content > #vod-quality-tab-container.reset > .desc > strong{
	background-color:rgba(51, 136, 204,.7);
	font-weight:bold;
}
#layout_content_main > #layout_content > div.vod_main {
	background:#000;
	width: 836px;
/*	height: 470px;*/
	margin: 0 auto 50px auto;
	position: relative;
	z-index:1001;
	box-shadow: 5px 5px 5px #ddd;
}
#layout_content_main > #layout_content > div.vod_main.sample:before{
	content: '';
	width: 53px;
	height: 52px;
	display: block;
	position: absolute;
	left: -2px;
	top: -1px;
	background:transparent url('/images/icon/icon_sample.png') no-repeat center center;
	z-index:3;
}
/** 교수+판서 **/
#layout_content_main > #layout_content.xinicx_type > div.vod_main {
	/*background-color: rgba(34,34,34,0.8);*/
	background:url(/images/common/xinics_bg.png);
	width: 1211px;
	height: 520px;
	margin: 0 auto 50px auto;
	position: relative;
	z-index:1001;
	box-shadow: 5px 5px 5px #ddd;
}
#layout_content_main > #layout_content.xinicx_type > div.vod_main > #heraldvideo{
	float:right;
	margin:18px 15px 0 0;
}
#layout_content_main > #layout_content.xinicx_type > div.vod_main > div.face_video_box{
	background:#fff url(/images/logo/logo.gif) no-repeat center center;
	width:360px;
	height:202px;
	position: absolute;
	left:15px;
	top:53px;
	overflow:hidden;
	pointer-events: none;
	border:5px solid #ddd;
	border-radius:4px;
}
#layout_content_main > #layout_content.xinicx_type > div.vod_main > div.face_video_box:after{
	content:'';
	background:#fff url(/images/logo/logo.gif) no-repeat center center;
	width:360px;
	height:202px;
	position: absolute;
	left:0;
	top:0;
}
#layout_content_main > #layout_content.xinicx_type > div.vod_main > div.face_video_box.start:after{
	display:none;
}
#layout_content_main > #layout_content.xinicx_type > div.vod_main > div.face_video_box > iframe{
	width:360px;
	height:402px;
	margin-top:-100px;
	position:relative;
	pointer-events: none;
}
#layout_content_main > #layout_content.xinicx_type > div.vod_main > div.board_video_box{
	width:800px;
	height:450px;
	position: absolute;
	right:18px;
	top:53px;
}
#layout_content_main > #layout_content.xinicx_type > div.vod_main.sample:before{
	content: '';
	width: 53px;
	height: 52px;
	display: block;
	position: absolute;
	left: -2px;
	top: -1px;
	background:transparent url('/images/icon/icon_sample.png') no-repeat center center;
	z-index:3;
}
/** **/
#layout_content.xinicx_type > div.vod_main > .lecture_list_box{
	background-color:#daedf7;
	position:absolute;
	width:368px;
	height:217px;
	top:283px;
	left:15px;
	outline:1px solid #d6d6d6;
	overflow:hidden;
}
.lecture_list_box > ul.tabs{
	width:100%;
	height:43px;
	display:block;
}
.lecture_list_box > ul.tabs > li{
	height:42px;
	border: 1px #ccc solid;
	border-left-width: 0px;
	border-bottom-width: 1px;
	float:left;
	position:relative;
}
.lecture_list_box > ul.tabs > li a{
	display:inline-block;
	width:100%;
	height:100%;
	text-decoration:none;
	font: normal 10pt/42px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	background-color:#f5f5f5;
	color:#696969;
	position:relative;
}
.lecture_list_box > ul.tabs > li a > i{
	position:absolute;
	left:19px;
	top:10px;
}
.lecture_list_box > ul.tabs > li:hover,
.lecture_list_box > ul.tabs > li.select{
	border-bottom: 1px #fff solid;
}
.lecture_list_box > ul.tabs > li:hover a, 
.lecture_list_box > ul.tabs > li.select a{
	background-color:#fff;
	font: bold 10pt/42px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	color:#2d2d2d;
}
.lecture_list_box > ul.tabs > li > .dropdown-course{
	margin-top: -1px;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	width: 320px;
	padding:0;
	margin:0;
	font-size: 14px;
	text-align:left;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.lecture_list_box > ul.tabs > li.select:hover > .dropdown-course{
	display: block;
}
.lecture_list_box > ul.tabs > li.select:hover > .dropdown-course > li+li{
	border-top: 1px dotted #ccc;
}
.lecture_list_box > ul.tabs > li.select:hover > .dropdown-course > li > a{
	width:100%;
	display: block;
	padding: 10px 20px;
	clear: both;
	font-weight: bold;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	text-decoration:none;
}
.lecture_list_box > ul.tabs > li.select:hover > .dropdown-course > li > a:hover{
	color: #262626;
	background-color: #f5f5f5;
}
.lecture_list_box > ul.tabs > li.select:hover > .dropdown-course > li > a.select{
	background-color:#3498db;
	color:#fff;
}
.lecture_list_box > ul.tabs > li.select:hover > .dropdown-course > li > a.A:before{
	content:"\f212";/**개념정리**/
	margin-right:5px;
	font-family:'FontAwesome';
}
.lecture_list_box > ul.tabs > li.select:hover > .dropdown-course > li > a.B:before{
	content:"\f040";/**문제풀이**/
	margin-right:5px;
	font-family:'FontAwesome';
}
.lecture_list_box > ul.tabs > li.select:hover > .dropdown-course > li > a.C:before{
	content:"\f14b";/**문제풀이(FRQ)**/
	margin-right:5px;
	font-family:'FontAwesome';
}
.lecture_list_box > ul.tabs > li.select:hover > .dropdown-course > li > a.D:before{
	content:"\f044";/**문제풀이(MCQ)**/
	margin-right:5px;
	font-family:'FontAwesome';
}
.lecture_list_box > ul.tabs > li.select:hover > .dropdown-course > li > a.E:before{
	content:"\f12d";/**Final Review**/
	margin-right:5px;
	font-family:'FontAwesome';
}
.lecture_list_box > ul.tabs > li.select:hover > .dropdown-course > li > a.F:before{
	content:"\f06e";/**Essay Revision Service**/
	margin-right:5px;
	font-family:'FontAwesome';
}
.lecture_list_box > ul.tabs > li.select:hover > .dropdown-course > li > a.select:hover{
	background-color:#3498db;
	color:#fff;
}
.lecture_list_box > .tabs_layers{
/*	border-bottom: 1px #ccc solid;*/
	border-right: 1px #ccc solid;
}
.lecture_list_box > .tabs_layers > .lec_right_indexs{
	display:none;
	text-align:left;
	padding:0 0 0 20px;
}
.lecture_list_box > .tabs_layers > .lec_right_indexs > ul{
	width:290px;
}
.lecture_list_box > .tabs_layers > .lec_right_indexs > ul > li{
	height:35px;
	border-bottom: 1px #ccc solid;
	cursor:pointer;
	color:#2d2d2d;
	font:bold 9pt/35px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	text-align:left;
	position:relative;
	white-space: nowrap;
}
.lecture_list_box > .tabs_layers > .lec_right_indexs > ul > li > .tooltip{
	left:-25px;
	top:-8px;
	z-index:200000;
}
.lecture_list_box > .tabs_layers > .lec_right_indexs > ul > li:hover{
	background:#f5f5f5;
	color:#696969;
}
.lecture_list_box > .tabs_layers > .lec_right_indexs > ul > li:hover > .tooltip{
	visibility: visible;
}
.lecture_list_box > .tabs_layers > .lec_right_indexs > ul > li:last-child{
	border-bottom-width:0;
}
.lecture_list_box > .tabs_layers > .lec_right_lectures{
	display:block;
	height:174px;
	text-align:left;
	padding:0px;
	position:relative;
	overflow:hidden;
	overflow-y:scroll;
}
.lecture_list_box > .tabs_layers > .lec_right_lectures > ul{
	width:350px;
}
.lecture_list_box > .tabs_layers > .lec_right_lectures > ul > li{
	height:35px;
	border-bottom: 1px #ccc solid;
	cursor:pointer;
	color:#2d2d2d;
	font:bold 9pt/35px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	text-align:left;
	position:relative;
/*	list-style-type: decimal-leading-zero;*/
/*	list-style-position:inside;*/
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	width:350px;
}
.lecture_list_box > .tabs_layers > .lec_right_lectures > ul > li.sample{
	background:url('/images/vod/movie_sample.png') no-repeat 290px center;
}
.lecture_list_box > .tabs_layers > .lec_right_lectures > ul > li.sample:hover{
	background-position:290px center;
}
.lecture_list_box > .tabs_layers > .lec_right_lectures > ul > li.disable{
	background-color:#f3f3f3;
/*	cursor: default;*/
/*	pointer-events: none;*/
	color:#a4a4a4;
}
.lecture_list_box > .tabs_layers > .lec_right_lectures > ul > li:last-child{
	border-bottom-width:0;
}
.lecture_list_box > .tabs_layers > .lec_right_lectures > ul > li.select{
	background-color:#f9f9f9;
}
.lecture_list_box > .tabs_layers > .lec_right_lectures > ul > li:before{
	content: "\00a0\00a0\00a0\00a0";/* (\00a0)빈 문자  */
	margin-left:0px;
}
.lecture_list_box > .tabs_layers > .lec_right_lectures > ul > li.select:before{
	font-family: FontAwesome;
	content: "\f00c";
	margin-left:0px;
}
.lecture_list_box > .tabs_layers > .lec_right_lectures > ul > li:hover{
	background-color:#30557b;
	color:#fff;
}
.lecture_list_box > .tabs_layers > .lec_right_lectures > ul > li.now{
	background-color:#30557b;
	color:#fff;
}
.lecture_list_box > .tabs_layers > .lec_right_lectures > ul > li > .tooltip{
	right:25px;
	top:-8px;
/*	z-index:200000;*/
}
.lecture_list_box > .tabs_layers > .lec_right_lectures > ul > li:hover > .tooltip{
	visibility: visible;
}
.lecture_list_box > .tabs_layers > .lec_right_communities{
	display:none;
}
/** **/
.vod_title_bar{
	background:#222; 
	background-color:rgba(34,34,34,0.8); 
	height:35px; 
	padding:0 10px; 
	color:#fff; 
	opacity:0.9; 
	font:normal 14px/35px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	text-align:left;
}
.vod_lecture_title{
	float:right; 
	color: #52ccfc; 
	font:bold 14px/35px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	margin-ri:
}
.vjs-playback-rate{
	z-index:103;
}
.vod_index{
	width:auto;
	height:auto;
	background:#222; 
	background-color:rgba(34,34,34,0.8); 
	border-radius:5px; 
	padding:10px; 
	position:absolute; 
	bottom:50px; 
	right:10px; 
	text-align:center; 
	z-index:102; 
	opacity: 0.9;
	display: none;
	opacity: 0;
	-webkit-transition: opacity 3s;
	color:#EED250; 
	font:normal 14px/44px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif; 
}
.vod_index > ul > li{
	height:24px;
	cursor:pointer;
	font:normal 12px/24px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	text-align:left;
	color:#fff;
}
.video-marker{
	position: absolute;
	left: 0;
	top:0;
	opacity: 1;
	height:0px;
	width:0px;
	border-radius:30%;
	bottom:auto;
	border-top:6px solid #ffa500;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
}
.vod_quality{
	width:120px;
	height:auto;
	background:#222; 
	background-color:rgba(34,34,34,0.8); 
	border-radius:5px; 
	padding:0 10px 10px 10px; 
	color:#EED250; 
	position:absolute; 
	top:64px; 
	right:10px; 
	font:normal 14px/44px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif; 
	text-align:center; 
	z-index:102; 
	opacity: 0.9;
	display: none;
	opacity: 0;
	-webkit-transition: opacity 3s;
}
.vod_main:hover > .vod_quality,
.vod_main:hover > .vod_index{
	display: block;
	opacity: 1;
}
.vod_quality > div{
	height:28px; 
	line-height:28px; 
	margin:5px;
	opacity:.8;
}
.vod_quality > span.line{
	display:block;
	height:0px;
	border-bottom:1px dotted #52ccfc;
	border-bottom-style: dashed;
}
.vod_quality > div > div{
	color:#fff;
	cursor:pointer;
	height:28px;
	font:normal 14px/28px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	position:relative;
	padding: 0 0 0 50px;
}
.vod_quality > div > div:hover > .tooltip{
	 visibility: visible;
}
.vod_quality > div > div > i{
	font-size:26px;
	position:absolute;
	top:3px;
	left:15px;
}
.vod_quality > div > div.select{
	color:#52ccfc; 
	font-weight:bold;
	opacity:1;
	cursor: default;
	position:relative;
}
.vod_quality > div > div.select:before{
	content: "\f00c";
	position:absolute;
	left:-2px;
	font:normal 16px/28px FontAwesome;
}
/** 툴팁 **/
.tooltip{
	visibility: hidden;
	display: block;
	opacity: 0.8;
	padding: 5px;
	font:normal 10px/1 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	position: absolute;
	top:-30px;
	bottom: 14px;
/*	z-index: 100000;*/
	height:30px;
}
.tooltip > .arrow {
	background: url(data:image/gif;base64,R0lGODlhCQAJAIABAAAAAAAAACH5BAEAAAEALAAAAAAJAAkAAAIRjAOnwIrcDJxvwkplPtchVQAAOw==) no-repeat top left;
	bottom: 0;
	left: 50%;
	top:33px;
	margin-left: -4px;
	background-position: bottom left;
	position: absolute;
	width: 9px;
	height: 5px;
}
.tooltip > .text{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 5px 8px 4px 8px;
	background-color: black;
	color: white;
	font:normal 9pt/19px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	max-width: 830px;
	text-align: center;
}
.lec_question_form_container:hover > .tooltip{
	visibility: visible;
}
/** 강좌 오른쪽 영역 인덱스/강좌/커뮤니티 **/
#layout_content_main > #layout_right.right_line{
	border-right:1px #ccc solid;
}
#layout_content_main > #layout_right > ul.tabs{
	width:100%;
	height:43px;
	display:block;
	margin-top:25px;
	border-bottom: 1px #ccc solid;
}

#layout_right > ul.tabs > li{
	height:42px;
	border: 1px #ccc solid;
	border-left-width: 0px;
	border-bottom-width: 1px;
	float:left;
	position:relative;
}
#layout_right > ul.tabs > li a{
	display:inline-block;
	width:100%;
	height:100%;
	text-decoration:none;
	font: normal 10pt/42px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	background-color:#f5f5f5;
	color:#696969;
	position:relative;
}
#layout_right > ul.tabs > li a > i{
	position:absolute;
	left:19px;
	top:10px;
}
#layout_right > ul.tabs > li:hover, 
#layout_right > ul.tabs > li.select{
	border-bottom: 1px #fff solid;
}
#layout_right > ul.tabs > li:hover a, 
#layout_right > ul.tabs > li.select a{
	background-color:#fff;
	font: bold 10pt/42px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	color:#2d2d2d;
}
#layout_right > ul.tabs > li > .dropdown-course{
	margin-top: -1px;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	width: 320px;
	padding:0;
	margin:0;
	font-size: 14px;
	text-align:left;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
#layout_right > ul.tabs > li.select:hover > .dropdown-course{
	display: block;
}
#layout_right > ul.tabs > li.select:hover > .dropdown-course > li+li{
	border-top: 1px dotted #ccc;
}
#layout_right > ul.tabs > li.select:hover > .dropdown-course > li > a{
	width:280px;
	display: block;
	padding: 10px 20px;
	clear: both;
	font-weight: bold;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	text-decoration:none;
}
#layout_right > ul.tabs > li.select:hover > .dropdown-course > li > a:hover{
	color: #262626;
	background-color: #f5f5f5;
}
#layout_right > ul.tabs > li.select:hover > .dropdown-course > li > a.select{
	background-color:#3498db;
	color:#fff;
}
#layout_right > ul.tabs > li.select:hover > .dropdown-course > li > a.A:before{
	content:"\f212";/**개념정리**/
	margin-right:5px;
	font-family:'FontAwesome';
}
#layout_right > ul.tabs > li.select:hover > .dropdown-course > li > a.B:before{
	content:"\f040";/**문제풀이**/
	margin-right:5px;
	font-family:'FontAwesome';
}
#layout_right > ul.tabs > li.select:hover > .dropdown-course > li > a.C:before{
	content:"\f14b";/**문제풀이(FRQ)**/
	margin-right:5px;
	font-family:'FontAwesome';
}
#layout_right > ul.tabs > li.select:hover > .dropdown-course > li > a.D:before{
	content:"\f044";/**문제풀이(MCQ)**/
	margin-right:5px;
	font-family:'FontAwesome';
}
#layout_right > ul.tabs > li.select:hover > .dropdown-course > li > a.E:before{
	content:"\f12d";/**Final Review**/
	margin-right:5px;
	font-family:'FontAwesome';
}
#layout_right > ul.tabs > li.select:hover > .dropdown-course > li > a.F:before{
	content:"\f06e";/**Essay Revision Service**/
	margin-right:5px;
	font-family:'FontAwesome';
}
#layout_right > ul.tabs > li.select:hover > .dropdown-course > li > a.select:hover{
	background-color:#3498db;
	color:#fff;
}
#layout_right > .tabs_layers{
/*	border-bottom: 1px #ccc solid;*/
	border-right: 1px #ccc solid;
}
#layout_right > .tabs_layers > .lec_right_indexs{
	display:none;
	text-align:left;
	padding:0 0 0 20px;
}
#layout_right > .tabs_layers > .lec_right_indexs > ul{
	width:290px;
}
#layout_right > .tabs_layers > .lec_right_indexs > ul > li{
	height:35px;
	border-bottom: 1px #ccc solid;
	cursor:pointer;
	color:#2d2d2d;
	font:bold 9pt/35px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	text-align:left;
	position:relative;
	white-space: nowrap;
}
#layout_right > .tabs_layers > .lec_right_indexs > ul > li > .tooltip{
	left:-25px;
	top:-8px;
	z-index:200000;
}
#layout_right > .tabs_layers > .lec_right_indexs > ul > li:hover{
	background:#f5f5f5;
	color:#696969;
}
#layout_right > .tabs_layers > .lec_right_indexs > ul > li:hover > .tooltip{
	visibility: visible;
}
#layout_right > .tabs_layers > .lec_right_indexs > ul > li:last-child{
	border-bottom-width:0;
}
#layout_right > .tabs_layers > .lec_right_lectures{
	display:block;
	text-align:left;
	padding:0 0 0 20px;
	position:relative;
}
#layout_right > .tabs_layers > .lec_right_lectures > ul{
	width:290px;
}
#layout_right > .tabs_layers > .lec_right_lectures > ul > li{
	height:35px;
	border-bottom: 1px #ccc solid;
	cursor:pointer;
	color:#2d2d2d;
	font:bold 9pt/35px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	text-align:left;
	position:relative;
/*	list-style-type: decimal-leading-zero;*/
/*	list-style-position:inside;*/
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	width:290px;
}
#layout_right > .tabs_layers > .lec_right_lectures > ul > li.sample{
/*	background:url('/images/vod/movie_sample.png') no-repeat 290px center;*/
	background:url('/images/vod/movie_sample.png') no-repeat 230px center;
}
#layout_right > .tabs_layers > .lec_right_lectures > ul > li.sample:hover{
	background-position:230px center;
}
#layout_right > .tabs_layers > .lec_right_lectures > ul > li.disable{
	background-color:#f3f3f3;
/*	cursor: default;*/
/*	pointer-events: none;*/
	color:#a4a4a4;
}
#layout_right > .tabs_layers > .lec_right_lectures > ul > li:last-child{
	border-bottom-width:0;
}
#layout_right > .tabs_layers > .lec_right_lectures > ul > li.select{
	background-color:#f9f9f9;
}
#layout_right > .tabs_layers > .lec_right_lectures > ul > li:before{
	content: "\00a0\00a0\00a0\00a0";/* (\00a0)빈 문자  */
	margin-left:0px;
}
#layout_right > .tabs_layers > .lec_right_lectures > ul > li.select:before{
	font-family: FontAwesome;
	content: "\f00c";
	margin-left:0px;
}
#layout_right > .tabs_layers > .lec_right_lectures > ul > li:hover{
	background-color:#30557b;
	color:#fff;
}
#layout_right > .tabs_layers > .lec_right_lectures > ul > li.now{
	background-color:#30557b;
	color:#fff;
}
#layout_right > .tabs_layers > .lec_right_lectures > ul > li > .tooltip{
	left:-25px;
	top:-8px;
/*	z-index:200000;*/
}
#layout_right > .tabs_layers > .lec_right_lectures > ul > li:hover > .tooltip{
	visibility: visible;
}
#layout_right > .tabs_layers > .lec_right_communities{
	display:none;
}
/**강의파일**/
.lec_right_communities > .lec_download{
	width:300px;
	float:right;
	text-align:left;
	margin:10px 0 20px 0;
	color:#000;
}
.lec_right_communities > .lec_download > li{
	border-bottom:1px dotted #ddd;
	height:35px;
}
.lec_right_communities > .lec_download > li > a:before{
	font: normal 14px/1 FontAwesome;
	content: "\f0da";
	margin-right: 6px;
}
.lec_right_communities > .lec_download > li > a{
	color: #747474;
	width: 290px;
	height: 35px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	font: normal 9pt/35px Gulim;
	text-align: left;
	text-decoration: none;
}
/** 공통 알람창 **/
#common_dialog{
	font: normal 9pt/20px Gulim;
}
/** 결제 **/
.tbl_list5 {
	margin-bottom: 35px;
}
.tbl_list5 th {
	padding: 8px 0 7px 0;
	border-top: 2px solid #595959;
	border-bottom: 2px solid #595959;
	background: #E0E0E0;
	color: #2E2E2E;
	text-align: center;
	height:30px;
	font-size:12px;
	font-weight:bold;
}
.tbl_list5 td {
	padding: 8px 0 7px 0;
	border-bottom: 1px solid #E5E5E5;
	color: #666;
	text-align: center;
	font-size:12px;
}
/** 진도 프로그래스바 **/
.jindo-slider{
	width:100%;
	height:10px;
	background-color: rgba(51, 51, 51, 0.901961);
	border: 1px rgb(204, 204, 204) solid;
	position:absolute;
	margin-top:-15px;
}
.jindo-slider:hover > .tooltip{
	visibility: visible;
}
.jindo-progress{
	height:10px;
	background-color: rgb(102, 168, 204);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQ…wcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC);
}
/** language 선택 **/
#language_select{
	width:619px; 
	height:382px; 
	color: hsl(0, 0%, 20%); 
	font:normal 12px/15px arial, sans-serif; 
	text-align:left; 
	vertical-align:top;
	background-color:#fff;
	visibility:hidden;
	position:absolute;
	border: 1px solid rgba(0,0,0,.2);
}
#language_select td{
	text-align:left; 
	vertical-align:top;
}
#language_select td > div{
	padding:3px 8px 3px 8px;
	border:1px transparent solid;
	cursor:pointer;
	white-space:nowrap;
}
#language_select td > div.select{
	background-color: rgb(238, 238, 238);
	color:rgb(51,51,51);
	font-weight:bold;
}
#language_select td > div:hover{
	border:1px rgb(77,144,254) solid;
	color:rgb(51,51,51);
}
.select_btn {
	cursor:pointer;
	display: inline-block;
	height: 20px;
	padding-left: 9px;
	background: url('/images/common/bg_common_btn.gif') no-repeat left top;
}
.select_btn span{
	display: inline-block;
	height: 20px;
	padding-right: 9px;
	background: url('/images/common/bg_common_btn.gif') no-repeat right top;
	line-height: 21px;
	vertical-align: top;
	font-size: 11px;
	color: #727b83;
}
.select_btn.select span{
	font-weight:bold;
}
/* 알람 카운트 */
.alram_message{
	display:inline-block;
	width:32px;
	height:24px;
	position:relative;
}
.alram1{
	position:absolute;
	top:-10px;
	right:0px;
	vertical-align: middle;
	display: inline-block;
	background: #D72B37;
	color: #ffffff;
	font-weight: 600;
	font-size: 10px;
	padding: 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	line-height: 1;
}
.alram2{
	position:absolute;
	top:-10px;
	right:0px;
	background-color:#3498db;
	vertical-align: middle;
	display: inline-block;
	color: #ffffff;
	font-weight: 600;
	font-size: 10px;
	padding: 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	line-height: 1;
}
.alram3{
	position:absolute;
	top:-10px;
	right:0px;
	background-color:#5C9425;
	vertical-align: middle;
	display: inline-block;
	color: #ffffff;
	font-weight: 600;
	font-size: 10px;
	padding: 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	line-height: 1;
}
/** ajax popup **/
.white-popup-block {
	background: #ffffff;
	padding: 20px 30px;
	text-align: left;
	margin: 40px auto;
	position: relative;
}
div.section li{
	font:400 12px/20px Gulim;
	color:#333;
}
/** 커뮤니티 qna 메인 **/
.qna_tabs{
	width:270px;
	height:32px;
	margin-bottom:1px;
}
.qna_tabs > div{
	width:88px; height:32px;
	float:left;
	border: 1px #bcbcbc solid;
	border-bottom-width:0;
}
.qna_tabs > div+div{
	border-left-width:0;
}
.qna_tabs > div > a{
	display: inline-block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font: normal 9pt/32px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	background-color: #f5f5f5;
	color: #696969;
}
.qna_tabs > div > a:hover, .qna_tabs > div.select > a{
	background-color:#fff;
	font: bold 9pt/32px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	color:#2d2d2d;
}
.qna_select_box{
	width:624px;
	height:400px;
	margin:50px auto;
}
.qna_select_box > .vod{
	background-color: #f3f6fb;
	width:300px;
	height:400px;
	border:1px #ddd solid;
	float:left;
	font:bold 30px/34px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.qna_select_box > .vod > .title{ 
	margin:20px auto;
	background-color:#1c84c6;
	border:3px #ddd solid;
	width:200px;
	height:100px;
	color:#fff;
	font:normal 24px/100px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	text-align:center;
	vertical-align:middle;
}
.qna_select_box > .novod{
	background-color: #f3f6fb;
	margin-left:20px;
	width:300px;
	height:400px;
	border:1px #ddd solid;
	float:left;
	font:bold 30px/34px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.qna_select_box > .novod > .title{ 
	margin:20px auto;
	background-color:#1ab394;
	border:3px #ddd solid;
	width:200px;
	height:100px;
	color:#fff;
	font:normal 24px/100px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	text-align:center;
	vertical-align:middle;
}
.course_name{
	overflow:hidden; 
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap:normal;
	width:110px; 
	line-height:24px; 
	color:#e62b1e ;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
td.left.qna{
	position:relative;
}
td.left.qna.cate_sat1 > .course_name{ color:#e1aa07;}
td.left.qna.cate_sat2 > .course_name{ color:#073ee0;}
td.left.qna.cate_ap > .course_name{ color:#e0073c;}
td.left.qna.cate_gpa > .course_name{ color:#49cb1d;}
td.left.qna:hover > .tooltip{
	visibility:visible;
	width:200px;
	left: -60px;
	top:-12px;
}
tr.answer{
	display:none;
}
tr.answer > td > .answer{
	border-left:3px #76c676 solid;
	background:#f3f3f3;
	font:normal 9pt/20px Gulim;
	color:#333;
	padding:25px 30px;
	text-align:left;
}
tr.answer > td > .answer > .content{
	font:normal 9pt/20px Gulim;
	padding:0 0 10px 0;
	color:#747474;
	text-align:left;
}
tr.answer > td > .answer > .answer_man{
	height:40px;
	padding:0 20px;
	border-left:1px #dedede solid;
	position:relative;
}
tr.answer > td > .answer > .answer_man > .alias{
	width:40px;
	height:40px;
	background:#b0c4cc;
	color:#fff;
	font:bold 25px/40px Verdana;
	text-align:center;
}
tr.answer > td > .answer > .answer_man > .man_name{
	height:20px;
	color:#333;
	font:normal 9pt/20px Gulim;
	position:absolute;
	left:80px;
	top:0;
}
tr.answer > td > .answer > .answer_man > .date{
	height:20px;
	color:#919191;
	font:normal 8pt/20px Gulim;
	position:absolute;
	left:80px;
	top:21px;
}
tr.answer > td > .answer > .reply{
	height:38px;
	color:#333;
	font:normal 9pt/38px Gulim;
	text-align:left;
}
tr.answer > td > .answer > .reply_con{
	color:#333;
	font:normal 9pt/20px Gulim;
	padding:5px 10px;
	margin:0 0 0 20px;
	border-left:1px #dedede solid;
	text-align:left;
}
td.qna_play > .play{
	width:29px;
	display:inline-block;
	font: normal 9pt/40px Gulim;
	background:url('/images/common/btn_answered_playout.png') no-repeat 3px center;
	cursor:pointer;
}
td.qna_play > .play:hover{
	background:url('/images/common/btn_answered_playon.gif') no-repeat 3px center;
}
td.qna_play > .answer_status{
	width:72px;
	font: normal 9pt/40px Gulim;
	display:inline-block;
	background:url('/images/common/btn_answered.png') no-repeat center center;
	cursor:pointer;
}
td.left.qna_title{

	overflow:hidden; 
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap:normal;
	width:430px;
}
td.left.qna_title.answer{
	cursor:pointer;
}
.online_study_tech_tbl_q{
	padding: 11px 0 9px 0; 
	font: normal 16px/26px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif; 
	color:#777;
}
.online_study_tech_tbl_a{
	padding: 11px 0 49px 0; 
	font: normal 14px/26px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
}
.online_study_tech_tbl_a > ul > li{
	font: normal 14px/26px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana, sans-serif;
}
.online_study_tech_tbl_a > ul > li+li{
	margin-top:10px;
}
.online_study_tech_tbl_a > ul > li > a{
	font-weight:bold;
	color:#1d9d74;
	text-decoration:none;
}
.online_study_tech_tbl_a > ul > li > a:after{
	font-family: 'FontAwesome';
	content: "\f08e";
	margin:0 5px 0 2px;
}
.online_study_tech_tbl_q_tr > td{
	/*background-color: rgba(0, 0, 0, 0.03);*/
	border-top:1px #eee solid;
	border-bottom:1px #ddd solid;
}
.notice_popup{position:relative;}
.notice_popup button.mfp-close {
	position:absolute;
	top:-20px;
	right:-20px;
	background: transparent url(/images/common/close_btn.png) no-repeat right center;
	color: transparent;
}
/* 아이디 찾기 폼 */
.idpw_search_area {
	position: relative;
	width: 335px;
	height: 393px;
	background: url('/images/login/ID_bg.gif') no-repeat left top;
}
.idpw_search_area .login_input {
	overflow: hidden;
	width: 304px;
	position: absolute;
	top: 220px;
	left: 26px;
}
.idpw_search_area .login_input_btn {
	position: absolute;
	top: 74px;
	right: 21px;
}
.idpw_search_area .login_input dt {
	float: left;
	width: 83px;
	padding-top: 2px;
	font-weight: bold;
	color: #444;
}
.idpw_search_area .login_input dd {
	float: left;
	width: 200px;
	margin-bottom: 5px;
}
.idpw_search_area .login_input dd .input_text {
	height: 17px;
	line-height: 19px;
	font-family: Dotum, Arial, sans-serif;
}
.idpw_search_area .txt {
	position: absolute;
	top: 129px;
	left: 13px;
}
/* 비번찾기 폼 */
.idpw_search_area2 {
	position: relative;
	width: 335px;
	height: 393px;
	background: url('/images/login/PW_bg.gif') no-repeat left top;
}
.idpw_search_area2 .login_input {
	overflow: hidden;
	width: 304px;
	position: absolute;
	top: 220px;
	left: 26px;
}
.idpw_search_area2 .login_input dt {
	float: left;
	width: 83px;
	padding-top: 2px;
	font-weight: bold;
	color: #444;
}
.idpw_search_area2 .login_input dd {
	float: left;
	width: 200px;
	margin-bottom: 5px;
}
.idpw_search_area2 .login_input dd .input_text {
	height: 17px;
	line-height: 19px;
	font-family: Dotum, Arial, sans-serif;
}
.idpw_search_area2 .login_input_btn {
	position: absolute;
	top: 54px;
	right: 21px;
}
.idpw_search_area2 .txt {
	position: absolute;
	top: 145px;
	left: 13px;
}
/* 아이디 패스워드 찾기 성공 */
.idpw_success_area {
	margin-bottom: 30px;
	border-top: 1px solid #A1A1A1;
	border-bottom: 1px solid #A1A1A1;
	padding: 180px 0 30px;
	background: url('/images/login/user_warning.png') no-repeat center 30px;
}
.idpw_success_area h3 {
	padding-bottom: 15px;
	font-size: 19px;
	font-family: 'NanumGothicBoldWeb';
	text-align: center;
}
.idpw_success_area h3 strong {
	color: #FF7800;
}
.btn_area {
	position: relative;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 30px;
}
/** hotkey menu **/
.hotkey_help{
	width:180px;
	height:auto;
	background:#222; 
	background-color:rgba(34,34,34,0.8); 
	border-radius:5px; 
	padding:0 10px; 
	color:#EED250; 
	position:absolute; 
	top:64px; 
	left:10px; 
	margin:10px; 
	font:300 14px/44px 'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',Dotum,Verdana; 
	text-align:center; 
	z-index:102; 
	opacity: 0.9;
	display: none;
	opacity: 0;
	transition: opacity 3s;
}
.hotkey_help > ul{
	margin:0 0 20px 0;
}
.hotkey_help > ul > li{
	height:40px;
	color:#fff;
	text-align:left;
}
.hotkey_help > ul > li > span{
	width:30px;
	height:30px;
	display:inline-block;
	border: 1px solid #fff;
	border-radius: 5px;
	margin:5px 0;
	line-height:30px;
	text-align:center;
	margin-right:10px;
}
.hotkey_help > ul > li > span.space{
	width:60px;
}
.vod_main:hover > .hotkey_help{
	display: block;
	opacity: 1;
}