/**
 * Table of Contents:
 *
 * 1.0 - Single Template
 * 1.1 - Navigation
 *	1.2 - Viewer
 *	1.2_1 Viewer_Text
 *	1.3 - Additional Info
 *	1.4 - Content Info Widget
 * 2.0 - Comment
 * 3.0 - View_no_accept
 * 4.0 - View PDF
 * -----------------------------------------------------------------------------
 */

/**
 * 1.0 Single Template
 * -----------------------------------------------------------------------------
 */

[class*="site-header"]:before,
[class*="site-header"]:after,
[class*="site"]:before,
[class*="site"]:after,
[class*="content"]:before,
[class*="content"]:after {	
	content: none;
	display: inline;
}

.site {
	background: url("../images/group_bg_view.png") repeat-y center top;
}

#primary.content-area {
	float: left;
	padding: 0;
	background: #fff;
}

#content.site-content {
	float: left;
	background: #fff;
	width: 784px;
	margin: 0;	
	min-height: 700px;
}

.content_wrapper{
	float: left;
	width: 744px;
	margin: 10px 0px 0px 20px;
	min-height: 700px;
}
 
.xn_sidebar_course_left{
	position: relative;
	width: 305px;
	float: left;
}

.xn_single_right {
	position: relative;
	width: 655px;
	float: right;	
	margin-bottom:20px;
}

.xn_single_right .xn_single_right_content{
	position: relative;
	width: 655px;
	float: right;	
	padding: 0px;
	min-height: 700px;
}

.xn_single_right .xn_single_right_bottom{
	position: relative;
	width: 655px;
	float: right;
	height: 12px;
}

[class*='span']{
	margin:0px;
	padding:0px;

}

.row{
	margin:0px;
}

.span4{
	width: 300px;
}

/**
 * 1.1 Navigation
 * -----------------------------------------------------------------------------
 */

.course_title {
	border-bottom: 0px solid #9dc7f4;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	width:100%;
	height: 12px;
}
	
.lecture_title {
	width:100%;
	color: #4f5356;
	font-weight: bold;
	font-size: 24px;
	display: block;
	float:left;
	margin-bottom: 20px;
	line-height: 28px;
}

.lecture_title span{
	display: block;
	float: left;
	width: 100%;
	line-height: 28px;
	word-break:break-all; 
	font-size: 24px;
}

.lecture_title .lecture_title_course{
	height: 14px;
	font-size: 14px;
	color: #848585;
	margin-bottom: 10px;
	line-height: 14px;
}

.lecture_title .lecture_title_course_date{
	height: 14px;
	font-size: 11px;
	color: #848585;
	margin-top: 5px;
	margin-bottom: 3px;
	line-height: 3px;
}

.lecture_title .lecture_title_course_author{
	height: 14px;
	font-size: 11px;
	color: #848585;
	margin-bottom: 3px;
	line-height: 3px;
}


.lecture_title .lecture_title_course a{
	color: #848585;
	text-decoration: none;
}

.lecture_title .lecture_title_course a:hover{
	text-decoration: underline;
}

.edit_btns{
	float: right;
	margin-bottom: 10px;
}

.edit_btns a{
	margin-left: 5px;
	text-decoration: none;
}

.edit_btns a:hover{
	text-decoration: none !important;
}

.edit_btns .btn.reprt_download {
	padding: 3px 7px;
}

.edit_btns .btn.reprt_download span {
	margin-bottom: 0px;
	background: url(../images/icon.png) no-repeat 0px -36px;
	padding-left: 20px;
	line-height: 20px;
	display: inline-block;
}

.course_title span{
	margin-left: 3px;
 }

.course_title a{
	color: #4f5356;
	text-decoration:none;
	font-weight: bold;
}

.course_title a:hover{
	text-decoration:underline;
}

.icon_user{
	background: url('../images/people-icon.png') no-repeat 0px 2px;
	width: 12px;
	height: 12px;
	display: inline-block;
	line-height: 14px;
	vertical-align: text-top;
	margin-right:2px;

	}
.icon_division{
	background: url('../images/division-icon.png') no-repeat;
	width: 4px;
	height: 14px;
	display: inline-block;
	line-height: 14px;
	vertical-align: text-top;
	margin-right: 5px;
	}
.lecture_inf_right .contents_authors{
	font-size: 11px;
	}

.contents_date, .contents_lecture_date{
	font-size: 11px;
	}
	
.content .span12 { margin-left:0px; }


.contents_title{
	display: block;
	left: 5px;
	font-size: 14px;
	font-weight: bold;
}

.contents_index {
	display: block;
	width: 30px;
	float: left;
	padding-left:0px;
	position: relative;
	text-align: center;
	color: #c35d05;
	font-weight: bold;
}

.contents_lecture{
	font-size: 11px;
	margin-top: 0px;
	}

.contents_lecture a{
	color: #333;
	text-decoration: none;
}

.contents_lecture a:hover{
	color: #333;
	text-decoration: underline;
}

.lecture_infdiv{
	line-height:12px;
	width:100%;
	float:left;
	}
.lecture_inf_left{
	float:left;
	margin-bottom:15px;
	}
.lecture_inf_right{
	float: right;
	margin-bottom: 15px;
	}
	
.contents_lecture_number{
	font-size:11px;
	font-weight:bold;

	}
.contents_lecture_totalnumber{
	
	font-size:11px;
	}
	
/**
 * 1.2 Viewer
 * -----------------------------------------------------------------------------
 */
.contents_view{
	display: block;
	float:left;
	width:100%;
	margin-bottom: 25px;	
}

.contents_view .contents_view_left{
	display: block;
	float:left;
	width:100%;
	margin-right: 20px;
}

.contents_view .contents_view_right{
	display: block;
	float:left;
	width:335px;
}

.contents_view .contents_view_right	.widget{
	margin-bottom: 20px;
}

.contents_view .contents_viewer_wrapper{
	display: block;
	float:left;
	width:100%;
	margin-bottom: 20px;
}

/**
 * 1.2_1 Viewer_Text
 * -----------------------------------------------------------------------------
 */
 
.contents_view .contents_viewer_wrapper .viewer_text{
	width: 724px;
	float: left;
	background: url(../images/viewer_text_bg_pattern.png) repeat-y;
	padding: 10px;
 }
 
.contents_view .contents_viewer_wrapper .viewer_text .viewer_text_bg_top{
	width: 724px;
	float: left;
	height: 40px;
	background: url(../images/viewer_text_bg_top.png) no-repeat;
 }
 
.contents_view .contents_viewer_wrapper .viewer_text .viewer_text_bg_content{
	width: 694px;
	min-height: 295px; 
	float: left;
	padding: 0px 15px 0px 15px;
	background: url(../images/viewer_text_bg_content.png) repeat-y;
	overflow: hidden;
	word-break: break-all;
 }

.contents_view .contents_viewer_wrapper .viewer_text .viewer_text_bg_content img{
	max-width: 695px;
 }

.contents_view .contents_viewer_wrapper .viewer_text .viewer_text_bg_bottom{
	width: 744px;
	float: left;
	height: 30px;
	background: url(../images/viewer_text_bg_bottom.png) no-repeat left bottom;
 }

 /**
 * 1.2_1 Viewer_Commons
 * -----------------------------------------------------------------------------
 */

.contents_view .contents_viewer_wrapper .viewer{
	display: block;
	float:left;
	width:100%;
	line-height: 0px;
}
 
.lecture_post_content_description{	
	display: block;
	float:left;
	width:712px;
	border: 1px solid #d8d8d8;
	border-bottom: none;
	padding: 11px 15px 12px 15px;
	line-height: 18px;
	color: #444444;
}

.contents_view .contents_viewer_wrapper .viewer_iframe {
	width: 100%;
	height: 417px;
	padding: 0;
   	margin: 0;
   	border: 0;
   	scroll: no;
   	overflow:hidden;
}

.contents_view .contents_viewer_wrapper .lecture_post_content{
	display: block;
	float:left;
	width:742px;
	border: 1px solid #d8d8d8;
	min-height: 40px;
	position: relative;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .lecture_post{
	display: block;
	float:left;
	width:742px;
	position: relative;
	min-height: 41px;
	background: #f7f7f7;
	border-bottom: 1px solid #d8d8d8;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .lecture_post_content_title{
	display: block;
	float:left;
	width:744px;
	height: 40px;
	padding-left: 10px;
	background: #f7f7f7;
	border-bottom: 1px solid #d8d8d8;
	font-weight: bold;
	font-size: 14px;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .lecture_post_content_title_text{
	display: block;
	float:left;
	padding-top: 9px;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .lecture_authors_info_btn{
	display: block;
	float:left;
	padding-top: 5px;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .btns_right{
	display: block;
	float:right;
	height: 34px;
	text-align: right;
	width: auto;
	vertical-align: middle;
	position: absolute;
	right: 3px;
	top: 3px;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .btns_right button{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0px solid #fff;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .btn-group{
	float: left;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .btns_right span{	
	height: 34px;	
}

.contents_view .contents_viewer_wrapper .lecture_post_content .lecture_post_content_sns{	
	display:inline-block;zoom:1;*display:inline/*IE7 HACK*/;_display:inline;/*IE6 HACK*/
	float: left;
	width: 111px;
	height: 34px;	
	padding: 0px;
	line-height: 0px;	
}

.contents_view .contents_viewer_wrapper .lecture_post_content .lecture_post_content_sns a{
	display:inline-block;zoom:1;*display:inline/*IE7 HACK*/;_display:inline;/*IE6 HACK*/
	text-decoration: none;
	width: 34px;
	height: 34px;
	margin-right: 3px;
	background: url('../images/sns_img.png') no-repeat;
	/*position: absolute;*/
	vertical-align: middle;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .lecture_post_content_sns a:hover{
	text-decoration: none;
	background-position: -34px 0px;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .lecture_post_content_sns a.sns_facebook{
	background-position: 0px -34px;	
}

.contents_view .contents_viewer_wrapper .lecture_post_content .lecture_post_content_sns a.sns_facebook:hover{
	background-position: -34px -34px;	
}

.contents_view .contents_viewer_wrapper .lecture_post_content .lecture_post_content_sns a.sns_url{
	background-position: 0px -68px; 
}

.contents_view .contents_viewer_wrapper .lecture_post_content .lecture_post_content_sns a.sns_url:hover,
.lecture_post_content_sns .btn-group.open .dropdown-toggle.sns_url{
	background-position: -34px -68px !important;
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125);
}

.contents_view .contents_viewer_wrapper .lecture_post_content .post_rating{
	display: inline-block;
	height: 34px;
	float: left;
}

.xn-thumbs-up-container .xn-thumbs-up-complete{
	padding: 0px !important;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .post_rating i{
	background: url('../images/sns_img.png') no-repeat 0px -102px;
	width: 34px;
	height: 34px;
	top: 0px;
	margin: 0px;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .post_rating i:hover {
	background-position: -34px -102px;
}

.xn-thumbs-up-container .btn-primary.xn-thumbs-up-complete .icon {
	width: 34px !important;
	height: 34px !important;
	background-position: -68px -102px !important;
	top: 0px !important;	
}

.contents_view .contents_viewer_wrapper .lecture_post_content .post_rating .xn-thumbs-up-container button{
	background: none;
	height: 34px;
	padding: 0px !important;
	border: 0px solid #d8d8d8;
	text-shadow: 0 0px 0 rgba(255, 255, 255, 0.99);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
	filter: none;
	box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
	margin: 0px;
}

.xn-thumbs-up-container .xn-thumbs-up-votes{
	display: none;
}

/* 프로모션 추가시 분류 선택 창 */
/* 프로모션 등록 버튼 */
.lecture_post_content .dropdown-menu-item-wrapper{
	text-align: left;
	width: 270px;
	min-height: 147px;
	overflow: hidden;	
}

.contents_view .contents_viewer_wrapper .lecture_post_content .btns_right .lecture_post_content_interest{
	float: left;
	display: inline-block;
	width: 39px;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .btns_right .lecture_post_content_interest .btn-group{
	float: none;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .btns_right .lecture_post_content_interest .dropdown-menu{
	margin: 0px;
	padding: 0px;
	width: 270px;
}

#xn_promotion_selector {
	width: 540px;
	min-height: 110px;
}

#xn_promotion_selector .xn_promotion_inner_wrapper {
	width: 270px;
	min-height: 110px;
	overflow-y: auto;
	overflow-x: hidden;
	float: left;
}

#xn_promotion_selector .btn_close_promotion {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .btns_right .lecture_post_content_interest .dropdown-menu .xn_promotion_info {
	width: 250px;
	margin: 10px 0px 10px 10px;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .btns_right .lecture_post_content_interest .dropdown-menu .xn_promotion_catagorys {
	width: 240px;
	margin-left: 10px;
	height: 67px;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .btns_right .lecture_post_content_interest .dropdown-menu .xn_promotion_catagory{
	width: 240px;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .btns_right .lecture_post_content_interest .dropdown-menu .btn_promotion{
	border: 0px !important;
	padding: 2px 0px;
	color: #0069cb;
	text-decoration: underline;
	background: none;
	filter: none;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .btns_right .lecture_post_content_interest .dropdown-menu .btn_promotion:hover{
	color: #0059ac;
	text-decoration: underline;
	filter: none;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .btns_right .lecture_post_content_interest .dropdown-menu .btn_promotion.disabled,
.contents_view .contents_viewer_wrapper .lecture_post_content .btns_right .lecture_post_content_interest .dropdown-menu .btn_promotion[disabled] {
	color: #bdbdbd;
	filter: none;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .btns_right .lecture_post_content_interest .dropdown-menu .xn_promotion_btns{
	width: 260px;
	padding: 5px;
	background: #f6f6f6;
	border-top: 1px solid #c8c8c8;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
	text-align: right;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .btns_right .lecture_post_content_interest .dropdown-menu .xn_promotion_btns button{
	padding: 2px 7px;
	background-color: #e5e5e5;
	background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#fefefe), to(#e5e5e5));
	background-image: -webkit-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
	background-image: -moz-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
	background-image: -ms-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
	background-image: -o-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
	background-image: -linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e5e5e5',GradientType=0 );
	border: 1px solid #c7c7c7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .btns_right .lecture_post_content_interest .dropdown-menu .xn_promotion_btns button:hover{
	border-color: #b2b2b2 !important;
	background-color: #e6e6e6 !important;
	background-image: none !important;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .btns_right .lecture_post_content_interest .dropdown-menu .xn_promotion_admin{
	height: 90px;
	margin-top: 10px;
	padding-left: 10px;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .btns_right .lecture_post_content_interest .dropdown-menu .xn_promotion_admin a{
	display: block;
	margin-top: 10px;
	color: #0069cb;
	text-decoration: underline;
}

.promotion_completed {
	margin-left: -270px;
}


/* 강의설명 탭 버튼  */
.contents_view .contents_viewer_wrapper .lecture_post_content .tabbable {
	width: 100%;
	float: left;	
	background: #f7f7f7;
	height: 41px;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .tabbable ul{
	padding: 12px 0px 13px 15px;
	margin: 0px;
	float: left;
	width: 728px;
	font-weight: bold;
	font-size: 14px;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .tabbable .nav-tabs > li > a {
	font-size: 12px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 6px 0px;
	width: 100px;
	text-align: center;
	background: #efefef;
	border: 1px solid #ddd;
	color: #5c5c5c;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .tabbable .nav-tabs > li > a:hover{
	background: #e5e5e5;
	border-color: #ccc;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .tabbable .nav-tabs > .active > a{
	background: #fff;
	border: 1px solid #ccc;
	border-bottom-color: transparent;
	color: #353535;
	text-decoration: none;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .tabbable .nav-tabs > .active > a:hover{
	background: #fff;
	border-color: #ccc;
	border-bottom-color: transparent;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .tabbable .tab-pane.active,
.contents_view .contents_viewer_wrapper .lecture_post_content .tabbable .tab-pane.active p{
	display: block;
	float:left;
	background: #fff;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .tabbable .tab-content{
	display: block;
	float:left;
	width:722px;
	min-height: 140px;
	padding:9px 10px 0px 10px;
	line-height: 17px;
	font-size: 12px;	
	background: #fff;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .lecture_post_content_text{
	display: block;
	float:left;
	width:712px;
	min-height: 100px;
	color: #545454;
	background-color: #fff;
	padding: 15px 15px 5px 15px;
}

.contents_view .contents_viewer_wrapper .widget_course_info .widget_course_info_content{
	margin: 0px;
}

.contents_view .contents_viewer_wrapper .lecture_post_content .lecture_post_content_text p{
	width: 100%;
	margin-bottom: 12px;
}

.widget.XnContentInfoWidget, .widget_course_info, .widget_course_info_content, .widget_course_info .widget_course_info_content ul, .widget_course_info .widget_course_info_content ul li{
	width:714px !important;
}

.widget_course_info .widget_course_info_content ul li{
	margin: 0px 0px 10px 0px !important;
}

.widget_course_info{
	margin-bottom: 0px !important;
}

.widget_course_info .widget_course_info_content ul li .authors {
	float: left;
	width: 100px !important;
}

.widget_course_info .widget_course_info_content ul li .name{
	width: 600px !important;
}

.contents_view_right .lecture_info{
	display: block;
	float: left;
	padding: 0px;
	font-size: 12px;
	width:315px;
	height: 519px;
}

.contents_viewer_wrapper .lecture_list{
	display: none;
	float: left;
	padding: 0px;
	font-size: 12px;
	width:100%;
	height: 205px;
}

.lecture_share_btn{
	display: inline-block;
	_display: inline;
	text-decoration: none;
	width: 34px;
	height: 34px;
	background: url('../images/sns_img.png') no-repeat 0px -136px;
	filter: none;
	vertical-align: middle;
	text-indent: -9999px;
	-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
}

.lecture_share_btn:hover{
	background: url('../images/sns_img.png') no-repeat -34px -136px;
}

.lecture_share_btn.btn-checkin, .lecture_post_content_interest .btn-group.open .dropdown-toggle.lecture_share_btn.btn-checkout{
	background: url('../images/sns_img.png') no-repeat -34px -136px;
}

#xn-share-url-group .dropdown-menu.pull-left{
	float: left;
	min-height: 90px;
	overflow: hidden;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

#xn-share-url-group .dropdown-menu{
	padding: 0px;
}

#xn-share-url-group .dropdown-menu-item-wrapper{
	width: 320px;	
	min-height: 90px;
}

#xn_share_url_selector{
	float: left;
	width: 320px;
	line-height: 16px;
	margin-top: 5px;
}

#xn_share_url_selector h3, #xn_share_url_selector span{
	float: left;
	width: 300px;
	margin: 3px 10px;
	height: auto;
	font-size: 12px;
	color: #777777;
}

#xn_share_url_selector h3{
	padding: 0px;
	font-size: 14px;
	color: #444444;
}

#xn_share_url_selector input{
	width: 296px;
	border: 1px solid #c7c7c7;
	color: #666;
	padding: 3px 2px;
}

#xn-share-url-group .xn_share_url_btns{
	float: left;
	width: 307px; 
	padding: 5px 8px 5px 5px;
	margin-top: 7px;
	background: #f6f6f6;
	border-top: 1px solid #c8c8c8;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
	text-align: right;
}

#xn-share-url-group .xn_share_url_btns button{
	padding: 2px 7px;
	background-color: #e5e5e5;
	background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#fefefe), to(#e5e5e5));
	background-image: -webkit-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
	background-image: -moz-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
	background-image: -ms-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
	background-image: -o-linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
	background-image: -linear-gradient(top, #fefefe 0%, #e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e5e5e5',GradientType=0 );
	border: 1px solid #c7c7c7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#xn-share-url-group .xn_share_url_btns button:hover{
	border-color: #b2b2b2 !important;
	background-color: #e6e6e6 !important;
	background-image: none !important;
}

/* attachment */
.contents_view .contents_viewer_wrapper .attachment{
	width: 100%;
	float: left;
	background: url("../images/attachment_bg.jpg");
	padding: 35px 0px 35px 0px;	
}

.contents_view .contents_viewer_wrapper .attachment .attachment_frame{
	border: 0px solid #ddd;
	border-collapse: collapse;
	border-left: 0;
	border-spacing: 0;
	margin: 0 auto;
}

.contents_view .contents_viewer_wrapper .attachment .attachment_frame tr,
.contents_view .contents_viewer_wrapper .attachment .attachment_frame tbody {
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
	border-spacing: 0;
}

.contents_view .contents_viewer_wrapper .attachment .attachment_frame table td {
	padding: 0px;
	border: 0px solid #ddd;
	display: table-cell;
}

.contents_view .contents_viewer_wrapper .attachment .attachment_frame img{
	border: 1px solid #49322a;
	max-width: none !important;
	width: none !important;
	height: none !important;
}

.contents_view .contents_viewer_wrapper .attachment .attachment_frame.top_left{
	background: url("../images/attachment_frame_round.png");
	width: 10px;
	height: 10px;
	padding: 0px;
}

.contents_view .contents_viewer_wrapper .attachment .attachment_frame.top_center{
	background: url("../images/attachment_frame_middle.png");
}

.contents_view .contents_viewer_wrapper .attachment .attachment_frame.top_right{
	background: url("../images/attachment_frame_round.png") right top;
	width: 10px;
	height: 10px;
}

.contents_view .contents_viewer_wrapper .attachment .attachment_frame.middle_left{
	background: url("../images/attachment_frame_round_middle.png");
	width: 10px;
}

.contents_view .contents_viewer_wrapper .attachment .attachment_frame.middle_center{
	background: url("../images/attachment_frame_middle_center.png");
}

.contents_view .contents_viewer_wrapper .attachment .attachment_frame.middle_right{
	background: url("../images/attachment_frame_round_middle.png") right top;
	width: 10px;
}

.contents_view .contents_viewer_wrapper .attachment .attachment_frame.bottom_left{
	background: url("../images/attachment_frame_round.png") left bottom;
	width: 10px;
	height: 10px;
	padding: 0px;
}

.contents_view .contents_viewer_wrapper .attachment .attachment_frame.bottom_center{
	background: url("../images/attachment_frame_middle.png") right bottom;
}

.contents_view .contents_viewer_wrapper .attachment .attachment_frame.bottom_right{
	background: url("../images/attachment_frame_round.png") right bottom;
	width: 10px;
}

.contents_view .contents_viewer_wrapper .attachment .attachment_frame a{
	cursor: pointer;
}

.contents_view .contents_viewer_wrapper .attachment .attachment_frame a.btn_attachment_view{
	display: block;
	float: right;
	width: 72px;
	height: 30px;
	text-indent: -9999px;
	background: url("../images/btn_attachment_view.png");
	cursor: pointer;
	margin-top: 10px;
}

body.ja .contents_view .contents_viewer_wrapper .attachment .attachment_frame a.btn_attachment_view{
	background: url("../images/btn_attachment_view_ja.png");
}

.contents_view .contents_viewer_wrapper .attachment .attachment_frame a.btn_attachment_view:hover,
body.ja .contents_view .contents_viewer_wrapper .attachment .attachment_frame a.btn_attachment_view:hover{
	background-position: 0px -30px;
}

.contents_view .contents_viewer_wrapper .attachment .attachment_frame a.btn_attachment_view:active,
body.ja .contents_view .contents_viewer_wrapper .attachment .attachment_frame a.btn_attachment_view:active{
	background-position: 0px -60px;
}
/* attachment end */

.thumbnail_info_wrapper .contents_item .contents_thumbnail .contents_badge.login-protected {
	background: url("../images/badge.png") no-repeat;
}

.thumbnail_info_wrapper .contents_item .contents_thumbnail .contents_badge {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 24px;
	height: 24px;
}

.contents_view .contents_viewer_wrapper .lecture_post_attachment{
	display: block;
	float:left;
	width:744px;
	border: 1px solid #d8d8d8;
	border-top: 0;
	background: #fff;
	margin-bottom: 30px;
}

.contents_view .contents_viewer_wrapper .lecture_post_attachment .lecture_post_attachment_title{
	display: block;
	float:left;
	width:613px;
	height: 40px;
	padding-left: 10px;
	background: #f7f7f7;
	border-bottom: 1px solid #d8d8d8;
	font-weight: bold;
	font-size: 14px;
}

.contents_view .contents_viewer_wrapper .lecture_post_attachment .lecture_post_attachment_title_text{
	display: block;
	float:left;
	width:420px;
	padding-top: 8px;
}
.contents_view .contents_viewer_wrapper .lecture_post_attachment .lecture_post_attachment_text{
	float:left;
	width:742px;
	padding:0px;
	font-size: 12px;
	color: #545454;
	background: #fff;
}
.contents_view .contents_viewer_wrapper .lecture_post_attachment ul.xn_attachments {
	list-style-type: none;
	padding: 8px;
	margin:0;
}
img.pdf-download-wide {
	width: 68px; height: 31px;
}
img.pdf-download {
	width: 30px; height: 30px;
}

/**
 * 1.3 Addtional Info
 * -----------------------------------------------------------------------------
 */
.xn_additional_info {
	float: left;
	width: 722px;
	margin: 0px 10px;
	padding: 15px 0px;
	background: #fff;
}

.xn_additional_info .xn_additinal_info_left {
	float: left;
}

.xn_additional_info .xn_additinal_info_right {
	float: right;
	color: #0069cb;
}

.xn_additional_info .post_status {
	float: left;
	display: block;
	background: url("../images/status_label.png") no-repeat;
	width: 56px;
	height: 17px;
	text-indent: -9999px;
}

body.ja .xn_additional_info .post_status {
	background: url("../images/status_label_ja.png") no-repeat;
}

.xn_additional_info .post_status-publish,
body.ja .xn_additional_info .post_status-publish {
	background-position: 0px -0px;
}
.xn_additional_info .post_status-draft,
body.ja .xn_additional_info .post_status-draft {
	background-position: 0px -17px;
}
.xn_additional_info .post_status-pending,
body.ja .xn_additional_info .post_status-pending {
	background-position: 0px -34px;
}
.xn_additional_info .post_status-private,
body.ja .xn_additional_info .post_status-private  {
	background-position: 0px -51px;
}

/**
 * 1.4 Content Info Widget
 * -----------------------------------------------------------------------------
 */

.widget_course_info {
	border: 0px !important;
	min-height: inherit !important;
}

.widget_course_info .widget_course_info_title {
	display: none;
}

.widget{
	float: left;
}

/**
 * 2.0 Comment
 * -----------------------------------------------------------------------------
 */

.contents_comment{
	width:100%;
	float:left;
}

#comment{
	width: 738px;
	min-height: 55px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0px 0px 10px 0px;
}

#comments{
	display: block;
	width: 593px;
	float: left;
	line-height: 14px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 14px;
}

.edit-comment-textarea{
	font-size: 12px;
	line-height: 16px;
}

#comment-nav{
	margin: 0px;
	padding: 0px;
	line-height: 12px;
	display: block;
	width: 593px;
	height: 0px;
	float: left;
}

.commentlist{
	float: left;
	background: #f7f7f7;
	padding: 5px 15px;
	width: 712px;
	border: 1px solid #d4d4d4;
}

#comment-nav ul, ol.commentlist{
	list-style-type: none;
	margin: 0px 0px 15px 0px;
}

ol.commentlist li{
	float: left;
	background: none;
	width: 712px;
	padding: 10px 0px;
	border-top: 1px solid #d8d8d8;
}

ol.commentlist li:first-child {
	border-top: 0;
}

ol.commentlist li.bypostauthor{
	background: none;
}

ol.commentlist li .comment-author.vcard span{
	display: inline-block;
	float: left;
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	color: #0084ff;
}

ol.commentlist li .comment-author.vcard span cite{
	font-style: normal !important;
}
ol.commentlist li .comment-author img{
	width: 45px;
	height: 45px;
	border: 1px solid #b4b4b4;
	margin-right: 10px;
}

ol.commentlist li .commentmetadata{
	float: right;
	text-align: right;
	font-size: 11px;
	height: 25px;
	color: #888;
}

ol.commentlist li .comment-awaiting-moderation{
	width: 564px;
	float: left;
	margin-top: 5px;
}

ol.commentlist li .commentmetadata .date_text{
	display: inline-block;
	height: 18px;
	float: right;
	padding: 4px 5px 0px 0px;
}

ol.commentlist li .comment-meta.commentmetadata a{
	display: inline-block;
	color: #0084ff;
	background: url("../images/comment_icon.png") no-repeat;
	width: 21px;
	height: 21px;
	float: right;
}

body.ja ol.commentlist li .comment-meta.commentmetadata a{
	background: url("../images/comment_icon.png") no-repeat;
}

ol.commentlist li .comment-meta.commentmetadata a.deletion,
body.ja ol.commentlist li .comment-meta.commentmetadata a.deletion{
	background-position: -21px 0px;
}

ol.commentlist li .comment-meta.commentmetadata a.deletion:hover,
body.ja ol.commentlist li .comment-meta.commentmetadata a.deletion:hover{
	background-position: -21px -21px;
}

ol.commentlist li .comment-meta.commentmetadata a.comment-edit-link:hover,
body.ja ol.commentlist li .comment-meta.commentmetadata a.comment-edit-link:hover{
	background-position: 0px -21px;
}

ol.commentlist li .comment-content{	
	float: left;
	font-size: 12px;
	line-height: 16px;
	color: #666;
	width: 653px;
}

ol.commentlist li .comment-content p{
	width: 653px;
	min-height: 16px;
	margin: 0px;
	float: left;
	background: rgba(255, 255, 255, 0.1);
}

.form-actions{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: none;
	border-top: 0px solid #fff;
	float: right;
}

ol.commentlist li .comment-edit-link{
	color: #0084ff;
}

ol.commentlist li .comment-edit-link:before {
	content: none;
}

input.btn-commnet{
	display: inline-block;
	float: right;
	padding: 4px 12px;
	margin: 0px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #3f3f3f;
	border: 1px solid #4b4e54;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

input.btn-commnet:hover{
	background-color: #4b4e54;
}

.context_message.no_access {margin:30px 0px;text-align:center;border-top:2px solid #666;height: 723px;}
.context_message.no_access h1{font-size:16px;margin:20px 0}
.context_message.no_access .btnArea {margin:30px;text-align:center}

ol.commentlist li .comment-content .edit-comment-textarea {
	width: 650px;
	min-height:80px; 
	margin: 2px 0px 5px 0px; 
	float:left;
	font-size: 12px;
	resize: none;
	border-color: #d4d4d4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
ol.commentlist li .comment-content .btnCommentUpdateCancel {
	float: right;
	display: block;
	margin-left: 4px;
	color: #666;
	padding: 2px 6px;
}
ol.commentlist li .comment-content .btnCommentUpdate {
	float: right;
	display: block;
	color: #0084ff;
	padding: 2px 8px;
}

ol.commentlist ul.children{
	list-style-type: none;
	margin: 0;
	float: left;
	margin-top: 10px;
}

ol.commentlist ul.children li{
	padding-left: 30px;
	width: 565px;
	background: url(../images/comment_reply.png) no-repeat 6px 22px;
	border-top: 1px dotted #d8d8d8;
}

ol.commentlist ul.children li .comment-author{
	width: 355px;
}

ol.commentlist ul.children li .comment-content p {
	width: 508px;
}

ol.commentlist ul.children li .comment-content .edit-comment-textarea {
	width: 493px;
}

.respond-form {
	display: inline-block;
	float: left;
}

/*
 * 3.0 - View_no_accept
 * -----------------------------------------------------------------------------
 */
 
.view_no_accept_frame{
	position: absolute;
	width: 100%;
	left: 0px;
	background: #fff;
}
 
 .view_no_accept{
	width: 340px;
	height: 285px;
	margin: 0 auto;
	margin-top: 70px;
	background: url(../images/no_accept_bg.png) no-repeat;
	text-align: center;
}

.view_no_accept h2{
	display: block;
	float: left;
	width: 340px;	
	margin: 0px 0px 0px 0px;
	padding: 165px 0px 10px 0px;	
	text-align: center;
	font-size: 16px;
	color: #878787;
}

.view_no_accept div{
	display: block;
	float: left;
	width: 340px;
	margin-top: 32px;
	text-align: center;
	font-size: 14px;
}

.view_no_accept div a{
	color: #0069cb;
	text-decoration: none;
}

.view_no_accept div a:hover{
	text-decoration: underline;
}

/* 로딩 관련 */
.loadingprogress_container {
	width: 180%;
	height: 100%;
	left: 0;
	top: 0;
	margin-left: 0px; 
	margin-top: 0px;
	z-index: 999; 
	position: fixed;
	text-align: center;
	font-weight: bold;
	background-color: black;
	filter: alpha(opacity=75);
	opacity: .75;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
}

.loadingtext{
	position: absolute;
    width: 200px;
    height: 50px;
    top: 50%;
    left: 25%;
    margin-left: -50px; /* margin is -0.5 * dimension */
    margin-top: -25px; 
}

/**
 * 4.0 View PDF
 * -----------------------------------------------------------------------------
 */
body.view-pdf { margin: 0; background: #fff; }
body.view-pdf, body.view-pdf div, body.view-pdf span, body.view-pdf td {
	font-family: "Nanum Gothic", "NanumGothic", "나눔고딕", "Dotum", "돋움", "Arial"; font-size: 12px;
	font-style: normal;
	line-height: normal;
}
body.view-pdf #primary .content_wrapper { margin: 0; width: 716px !important; }
body.view-pdf div.viewer_text_bg_content { word-break: break-all; }
body.view-pdf div.contents_view p { margin: 0 !important; }
body.view-pdf div.contents_view div.contents_viewer_wrapper div.viewer_text,
body.view-pdf div.contents_view div.contents_viewer_wrapper div.viewer_text_bg_top,
body.view-pdf div.contents_view div.contents_viewer_wrapper div.viewer_text_bg_content,
body.view-pdf div.contents_view div.contents_viewer_wrapper div.viewer_text_bg_bottom { background: none; }
body.view-pdf div.contents_view div.contents_viewer_wrapper div.viewer_text_bg_top { display:none; }
body.view-pdf div.contents_view div.contents_viewer_wrapper div.viewer_text { padding: 0px; }

body.single-xn_content { margin: 0px; background: #f1f1f1; }
body.single-xn_content div.contents_view p { margin: 0 !important; }

/* title & description(user, date) */
body.view-pdf div.lecture_title { margin: 0px 0px 20px 0px; width:100%; background: #f4f4f4;padding: 10px 0px 5px 0px; border-top:2px solid #b4b4b4; border-bottom:1px solid #d7d7d7;}
body.view-pdf span.lecture_title_course_name { font-size: 24px; text-align: center; width:100%; display:block;}
body.view-pdf div.lecture_info{width:100%; border-top: 0px solid #d7d7d7; border-bottom: 0px solid #d7d7d7; padding:10px 0px 5px 0px; float:left;text-align: right;}
body.view-pdf div.lecture_info span{width: auto; float: none; font-size:12px; margin: 0px 15px 0px 15px;display:inline-block; color: #666;line-height:1.5; font-weight: normal;}