@charset "utf-8";

/* 강의 리스트 */
.lec_list {border-top:2px #333 solid;border-bottom:2px #333 solid;position:relative;background:#fff;}
.lec_list .nowUpload {position:absolute;top:0;right:0;margin:-24px 3px 0 0;font-size:11px;color:#656666;font-weight:bold;}
	.lc {
		table-layout:fixed;
		width:100%;
	}
	.lc th {background:#f2f2f2;text-align:center;}
	.lc th,
	.lc td {border-bottom:1px #999 solid; padding:12px 0px 11px; }

	.lc td {padding-left:10px;}
		.lc td.time {height:25px;}
		.lc td .b {margin:0 0 25px;font-size:11px;}
		.lc td .b h5 {font-size:11px;margin:0 0 10px;}
		.lc td .b p {margin:0 0 0 7px;line-height:150%;}
	.lc th p {margin:0 0 7px;}
		p.stage {text-decoration:underline;font-size:11px;}
		p.arts {font-weight:bold;color:#008c38;font-size:11px;}
		p.name {font-weight:bold;font-size:14px;}
	.lc dl {}
	.lc dt.sb {
		font-weight:bold;
		margin-bottom:5px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2; /* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap:break-word;
		line-height: 1.4em;
		height: 2.8em;
		max-width:93%;
		}
	.lc dd.sh_sb {font-size:11px;color:#ff0000;}
	.lc dd.icon {padding:4px 0 12px;}

	.lc .ch {text-align:right;padding:0 10px 0 0;color:#000;position:relative;}
	.lc .ch label {float:left;position:relative;}
	.lc .ch em {color:#ff0000;font-size:11px;font-style:normal;}
	.lc .ch.discount {position:relative;right:0;margin:-11px 0 4px;}
	.lc .ch.discount .end {font-weight:bold;color:#ff0000;font-size:11px;margin:5px 0 0;text-decoration:underline;letter-spacing:-.5px;}
	.lc .ch.discount .down {margin-bottom:2px;margin-top:3px;}
	.lc .ch.discount .down span {color:#666;font-size:11px;display:inline-block;margin-right:3px;text-decoration: line-through;}
	.lc .ch.discount .down strong {font-weight:bold;color:#ff0000;font-size:11px;}
	.lc .ch.discount label {top:8px;}

	.inn_prod {
		table-layout:fixed;
		width:100%;
		margin:-4px 0 -3px 0;
	}
	.inn_prod td {border-bottom:0;padding:4px 0;}
	.lec_list .module>.prof_name {margin:25px 0 0;}



/* subject list */
.sj_wrap {}
.sj_wrap ul {}
.sj_wrap ul li {border:1px #999 solid;margin:0 0 20px;}
.sj_wrap .module {padding:18px;overflow:hidden;line-height:150%;}
.sj_wrap .module .thum {width:180px;height:180px;float:left;}
.sj_wrap .module .text {margin-left:200px;}
.sj_wrap .module .text .b_t {
	position:relative;
	padding:0 0 7px;
	margin:2px 0 3px;
	border-bottom:1px #999 solid;
}
	.sj_wrap .module .text .b_t a {
		display:inline-block;
		font-weight:bold;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2; /* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap:break-word;
		line-height: 1.4em;
		height: 2.8em;
		max-width:330px;
		}
	.sj_wrap .module .text .b_t a:hover,
	.sj_wrap .module .text .b_t a:focus {text-decoration:underline;}
	.sj_wrap .module .text .b_t label {position:absolute;top:0;right:0;}

.sj_wrap .module .text .l {position:relative;}
.sj_wrap .module .text .l .hit {position:absolute;right:0;top:0;color:#ff0101;font-weight:bold;margin:10px 2px 0 0;}
.sj_wrap .module .text .l dd {padding-top:10px;}
.sj_wrap .module .text .l .s {margin:-18px 0 0 80px; }
.sj_wrap .module .text .l strong {display:inline-table;width:80px;}



/* 강좌상세페이지 */
.course_wrap {position:relative;overflow-y:scroll;height:770px;}
.course_wrap .l {float:left;width:220px;padding:12px 0;background:#fff;}
.course_wrap .l .m {border-bottom:1px #e0e0e0 solid;padding:8px 20px;position:relative;}
.course_wrap .l .m h4 {height:20px;margin:5px 0 0;}
.course_wrap .l .m .more {position:absolute;right:0;top:0;margin:13px 20px 0 20px;}
.course_wrap .r {margin-left:220px;border-left:1px #999 solid;padding:25px;}
.course_wrap .r .embed {margin-bottom:15px;}


.book_list {}
.book_list ul {overflow:hidden;margin-right:-30px;margin-top:18px;}
.book_list ul li {float:left;margin:0 40px 15px 0;}
.book_list .module {}
.book_list .module .text {margin:0 0 0 115px;}
.book_list .module .text dt {margin:0 0 20px 0;min-height:45px;}
.book_list .module .text dt a {
	display:inline-block;
	font-weight:bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word;
	word-wrap:break-all;
	line-height: 1.8em;
	height: 3.6em;
	max-width:160px;
	min-width:160px;
	}
.book_list .module .text dd {margin:0 0 10px;}
.book_list .module p {float:left;position:relative;}
.book_list .module p img.over {display:none;}
.book_list .module p a {display:inline-block;height:136px;}
.book_list .module a:hover .over,
.book_list .module a:focus .over,
.book_list .module a:hover .active {display:block;position:absolute;top:0;left:0;}

.tc dt {display:none;}
.tc dd.icon {padding:15px 0 10px;}
.tc dd.name {margin-bottom:20px;}
.tc dd.sb {
	font-weight:bold;
	margin-bottom:5px;
	line-height:140%;
	}
.tc dd.sh_sb {font-size:11px;color:#ff0000;}
.tc dd.btn {margin:10px 0 5px;}
.tc dd.btn a {display:inline-block;margin-bottom:5px;}


.professor_profile {width:480px;}
.professor_profile .title {height:38px;background:#004844;padding:0 0 0 20px;}
.professor_profile .cont {padding:20px;overflow:auto;height:500px;overflow-y:scroll;}
.professor_profile .cont .block {margin-bottom:17px;}
.professor_profile .cont .dotList dd {font-size:12px;color:#004844;}
.professor_profile .cont .t {border-bottom:1px #333 dotted;padding:0 0 7px;margin:0 0 10px;}


.book_tab {width:440px;}
.book_tab .tabContent { /*display:none;*/border:1px #999 solid;padding:12px;line-height:160%;height:200px;overflow-y:auto;}
	ul.tab_book {
		overflow:hidden;
		height:22px;
		width:440px;
		border-bottom:2px #004844 solid;
		zoom:1;
	}
		ul.tab_book * {
			float:left;
			display:inline;
		}
		ul.tab_book li {
			height:22px;
			margin-right:10px;
			padding:0;
		}
			ul.tab_book li a {
				overflow:hidden;
				height:22px;
			}
			ul.tab_book li a:focus,
			ul.tab_book li a:hover,
			ul.tab_book li a:active {
				border:0;
			}
				ul.tab_book li.tab-on a img,
				ul.tab_book li a:focus img,
				ul.tab_book li a:hover img,
				ul.tab_book li a:active img {
					margin-top:-22px;
				}


/* 파일첨부 */
.file_upload {margin:15px 0 30px;position:relative;}
.file_upload .full {padding:5px 7px 4px 7px;font-size:11px;color:#333;width:615px;}
.file_upload .list {margin:-1px 0 0 117px;border:1px #999 solid;padding:8px;background:#fff;line-height:150%;}
.file_upload .list li {position:relative;padding:2px 0;}
.file_upload .list .x {font-size:11px;position:absolute;right:0;}
.file_upload .list input[type="text"] {border:0;}
.file_upload .select_file {
	position:relative;
	float:left;
	margin-right:10px;
	display:inline-block;
	width:107px;
	height:26px;
	overflow:hidden;
	background:url("http://peet.dangi.co.kr/img/dangi/common/btn/btn_file.gif") no-repeat 0 0;
	vertical-align:middle;
	cursor:pointer;
}
.file_upload .select_file input {
	position:absolute;
	top:0;
	right:0;
	height:26px;
	filter:alpha(opacity=0);
	-ms-filter:alpha(opacity=0);
	opacity:0;
	cursor:pointer;
	border:0;
}



/* popup */
.popup {}
.popup .title {padding:10px 0;background:#004844;}
.popup .title h3 {margin:0 0 0 15px;}
.popup .cont {padding:15px;}



.school .cont {width:440px;}
.school .control {text-align:center;margin:20px 0;}
.school .control input {border:2px #004944 solid;width:170px;padding:4px 7px;}
.school .control em {display:inline-block;font-size:11px;margin:0 0 0 7px;position:relative;top:5px;}
.school .result {border-top:1px #999 solid;border-bottom:1px #999 solid;padding:15px 0;}
.school .result .box {margin:10px 0 0;}
.school .result .noti {font-size:11px;color:#ff0000;padding:15px 0 10px;line-height:140%;}
.school .result .scroll {border:1px #dadada solid;padding:7px;margin:-1px 0 0;overflow-y:auto;height:100px;}
.school .result .scroll li {padding:3px 0 4px 0px;}
.school .result .scroll a:hover,
.school .result .scroll a:focus,
.school .result .scroll a:active {font-weight:bold;}
.school .result input {border:1px #dadada solid;padding:6px 7px;width:100%;}
.school .other {margin:20px 0;text-align:center;}
.school .other p {font-size:11px;margin:0 0 15px;}
.school .other input {border:1px #dadada solid;width:150px;padding:4px 7px;}
.school .other em {display:inline-block;font-size:11px;margin:0 0 0 7px;position:relative;top:5px;}



.onAir {margin:0 12px 15px 12px;border-top:2px #830228 solid;padding:8px 0 0;}
.onAir img {vertical-align:middle;}
.onAir table {width:100%;margin:10px 0 0;border-top:1px #d0d0d0 solid;}
.onAir th, .onAir td {font-size:11px;background:#f2f2f2;padding:9px 0 6px;border-bottom:1px #d0d0d0 solid;}
.onAir th {border-right:1px #d0d0d0 solid;}
.onAir td {padding-left:10px;}