@charset "utf-8";
/* CSS Document */

#question {
	display:none;
	position: absolute;
	/*float:left;*/
	height: 416px;
	width: 280px;
	border-left: 1px solid #828282;
	border-top: 1px solid #373737;		
	border: 2px solid #070707;
	z-index: 100;
}
#question > div:first-child + div {
	background-color: #fff;
	padding: 10px 15px 18px 7px;
	position: relative;
	height: 348px;
}
#question input, #question textarea {
	border: 1px solid #b4b4b4;
	background-color: #f4f4f4;
	color: #9a9a9a;
	font-family: gulim, sans-serif;
	font-size: 12px;
}
#question input {
	padding: 5px 0 4px 8px;
	width: 253px;
}
#question textarea {
	padding: 11px 11px 5px 16px;
	width: 234px;
	height: 214px;
	line-height: 1.5;
}

#question #arrow_shadow {
	position: absolute;
	bottom: -28px;
	left: 30px;
	z-index: -99;
}

#question_recode {
	display:none;
	height: 416px;
	width: 286px;
	border: 2px solid #070707;
	z-index: 100;
	position: absolute;
	right: 4px;
}
#question_recode > div:first-child + div {
	background-color: #fff;
	padding: 10px 15px 18px 7px;
	position: relative;
	height: 348px;
}
#question_recode input, #question_recode textarea {
	border: 1px solid #b4b4b4;
	background-color: #f4f4f4;
	color: #9a9a9a;
	font-family: gulim, sans-serif;
	font-size: 12px;
}
#question_recode input {
	padding: 5px 0 4px 8px;
	width: 253px;
}
#question_recode textarea {
	padding: 11px 11px 5px 16px;
	width: 234px;
	height: 214px;
	line-height: 1.5;
}
#question_recode #arrow_shadow {
	position: absolute;
	bottom: -28px;
	left: 30px;
	z-index: -99;
}




#file_attach {
	padding-left: 14px;
	padding-bottom: 7px;
	margin: 4px 0 6px 3px;
	border-bottom: 2px solid #b4b4b4;
	background: url(../images/question_attach_bullet.png) left 6px no-repeat;
}
#file_attach a {
	display: block;
	color: #676767;
	background: url(../images/attach_bg.png) top left no-repeat;
	border: 1px solid #b4b4b4;
	width: 59px;
	text-align: center;
	padding: 4px 0 4px;
	text-decoration: none;
	font-family: gulim, sans-serif;
}
.table_layer_heading {
	position: relative;
}
.table_layer_heading h4 {
	padding: 8px 0 7px 10px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #8a8a8a;
	height: 23px;
}
.table_layer_heading h4 + a {
	position: absolute;
	top: 10px;
	right: 10px;
}
#question_buttons {
	text-align: center;
	margin-top: 13px;
}
#question_buttons input {
	border: none;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	background: url(../images/confirm_button.png) top left no-repeat;
	padding: 7px 0 7px;
	width: 46px;
	text-align: center;
	text-decoration: none;
	margin-right: 4px;
	cursor: pointer;
}
#question_buttons a {
	font-weight: bold;
	color: #4b4b4b;
	display: inline-block;
	background: url(../images/cancel_button.png) top left no-repeat;
	padding: 7px 0 7px;
	width: 46px;
	text-align: center;
	text-decoration: none;
}

#vocabulary {
	display:none;
	height: 416px;
	width: 280px;
	border-left: 1px solid #828282;
	border-top: 1px solid #373737;	
	border: 2px solid #070707;
	z-index: 100;
	position: absolute;
	right: 4px;
}
#vocabulary_article {
	
	background: url(../images/vocabulary_bg.png) top left repeat;
	height: 357px;
	padding: 19px 22px 0;
	overflow-y:scroll; overflow-x:hidden; width:236px; height:357px;
	z-index:10;

	-ms-user-select: text;
	-webkit-user-select: text;
	-moz-user-select: text;
	user-select:text;
}
#vocabulary_article h5 {
	font-size: 14px;
	color: #131313;
	font-family: "Microsoft Yahei UI", sans-serif;
	margin-bottom: 8px;
	font-weight: normal;
}
#vocabulary_article h5 span {
	color: #ff0000;
	/*font-size: 12px;*/
}
#vocabulary_article > div {
	padding-bottom: 28px;
}
#vocabulary_article p {
	color: #605f5f;
	font-family: dotum, sans-serif;
}
#vocabulary #arrow_shadow {
	position: absolute;
	bottom: -28px;
	left: 120px;
	z-index: -99;
}
#table_list {
	position: absolute;
	z-index:-11;
	top: 22px;
	left: 3px;
	height: 377px;
	width: 269px;
	/*overflow:scroll;*/
	overflow-x: hidden;
	overflow-y: hidden;
}
#table_list > div {
	background: url(../images/table_dotted.gif) top left no-repeat;
	padding-top: 1px;
}
#table_list .table_item {
	width: 252px;
	height: 49px;
	background: url(../images/table_dotted.gif) #e4e4e4 bottom left no-repeat;
	color: #888888;
	font-family: gulim, sans-serif;
}
#table_list .v_center{
       width: 200px;
        height: 47px;
        border: 0px solid #666666;
        display: table-cell;
        vertical-align: middle;

}
#table_list a {
	color: #888888;
	font-family: gulim, sans-serif;
	text-decoration:none; 
}
#table_list .table_item h4 {
	width: 36px;
	height: 13px;
	font-weight: bold;
	font-family: gulim, sans-serif;
	float: left;
	padding: 12px 0 11px;
	text-align: center;
	margin: 6px 8px 5px 6px;
	color: #888888;
}
#table_list .table_item p {
	line-height: 1.2;
	width: 187px;
	height: 27px;
	float: left;
	padding: 10px 0 10px 0;
	color: #888888;
	display: table-cell;
        vertical-align: middle;	
}
#table_list .active {
	background-color: #f9f7fa;
	font-weight: bold;
}
#table_list .active h4 {
	background: url(../images/table_number_rounded.png) top left no-repeat;
	color: #fff;
}
#table_list .active p {
	color: #171717;
}
#table_list .locked {
	color: #a5a5a5;
	background-color: #d7d7d8
}
#table_list .locked h4 {
	background: url(../images/locked_bullet.png) 3px 50% no-repeat;
	padding-left: 7px;
	margin-left: 0;
	width: 35px;
	font-weight: bold;
	text-indent: -9999em;
}
#table_list .locked p {
	color: #a5a5a5;
}
#content_box_inner {
	width: 667px;
	height: 555px;
	position: absolute;
	top: 11px;
	left: 12px;
}
#course_box {
	width: 654px;
	height: 542px;
	position: absolute;
	top: 18px;
	left: 18px;
}
.content_box_bg {
	background: url(../images/content_bg2.png) top left no-repeat;
}
.content_box_bg2 {
	background: url(../images/course_intro_bg.png) top left no-repeat;
}
#course_intro {
	padding: 0px 0 0 0px;
	/*opacity:0.9;*/
}
#start_study {
	position: absolute;
	top: 34px;
	left: 41px;
}
.start_study_button {
	background: url(../images/start_study_button.png) top left no-repeat;
	width: 211px;
	height: 30px;
	display: block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	top: 410px;
	left: 188px;
}
.start_study_button:hover {
	background-position: 0 -30px;
}
.interview_button {
	background: url(../images/interview_voice_button.png) top left no-repeat;
	width: 139px;
	height: 38px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
.interview_button:hover {
	background-position: 0 -38px;
}
.hd_button {
	background: url(../images/hd_voice_button.png) top left no-repeat;
	width: 139px;
	height: 38px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
.hd_button:hover {
	background-position: 0 -38px;
}
.a_button {
	background: url(../images/talk_a.png) top left no-repeat;
	width: 99px;
	height: 38px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
.a_button:hover {
	background-position: 0 -38px;
}
.b_button {
	background: url(../images/talk_b.png) top left no-repeat;
	width: 98px;
	height: 38px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
.b_button:hover {
	background-position: 0 -38px;
}
#a_b_buttons a:first-child {
	margin-right: 7px;
}
#a_b_buttons {
	position: absolute;
	top: 317px;
	left: 191px;
}
#all_lecture_exp {
	position: absolute;
	top: 22px;
	left: 3px;
	height: 377px;
	width: 269px;
	overflow-y: hidden;
}
.rounded_box {
	width: 240px;
	background: url(../images/rounded_bottom.png) bottom left no-repeat;
}
.rounded_box > div {
	background: url(../images/rounded_top.png) top left no-repeat;
	padding: 11px 12px 13px 7px;
}
#all_lecture_exp img:first-child {
	margin-bottom: 6px;
	display: block;
}
.difficulty_exp {
	margin-bottom: 5px;
}
.difficulty_exp h4 {
	font-family: gulim, sans-serif;
	color: #eb5807;
	font-weight: bold;
	padding-bottom: 7px;
	padding-left: 5px;
	margin-bottom: 8px;
	border-bottom: 1px solid #f9d6b9;
}
.difficulty_exp p {
	padding-left: 5px;
	color: #7a7a7a;
	font-family: dotum, sans-serif;
	line-height: 1.3;
}
#all_lecture {
	padding-top: 24px;
	width: 629px;
	height: 518px;
	position: absolute;
	top: 6px;
	left: 31px;
	overflow-y: hidden;
}
#all_lecture h4 {
	background: url(../images/all_lecture_heading_bg.png) top left no-repeat;
	width: 585px;
	height: 21px;
	padding: 7px 0 5px 9px;
	margin-left: 5px;
	margin-bottom: 18px;
	font-size: 18px;
	font-weight: bold;
	color: #505050;
}
.lecture_box {
	height: 201px;
	width: 590px;
	margin-bottom: 27px;
	overflow: hidden;
}
.lecture_box > img {
	display: inline-block;
	margin-left: 23px;
}
.lecture_box > img:first-child {
	display: inline-block;
	margin-left: 18px;
}
.wood_tile {
	position: relative;
	top: -11px;
}
#all_lecture_wrap {
	position: absolute;
}
#share {
	position: absolute;
	top: 34px;
	left: 41px;
}
.next_study_button {
	position: absolute;
	top: 411px;
	left: 152px;
	background: url(../images/next_lecture.png) top left no-repeat;
	width: 282px;
	height: 30px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
.next_study_button:hover {
	background-position: 0 -30px;
}
.share_buttons {
	width: 495px;
	height: 110px;
	background-color: #f8f8f8;
	position: absolute;
	top: 254px;
	left: 46px;
	text-align: center;
	padding-top: 15px;
}
.share_buttons a {
	display: inline-block;
}
.share_buttons a:first-child {
	margin-right: 20px;
}
#listen_study {
	position: absolute;
	top: 7px;
	left: 7px;
	width: 653px;
	height: 541px;
}
#talk_boxes {
	padding: 25px 0 0 34px;
	position: relative;
	height: 479px;
	width: 620px;
	overflow-y: hidden;
}
.talk_box {
	margin-bottom: 21px;
	color: #333333;
	font-size: 18px;
	font-family: 微软雅黑, dotum, sans-serif;
}
.talk_box h4 {
	font-weight: bold;
	font-family: tahoma, sans-serif;
	width: 42px;
	float: left;
}
.talk_box > div p {
	line-height: 1.8;
}
.talk_box > div p:first-child {
	line-height: 1.3;
}
.talk_box > div p:first-child + p {
	line-height: 1.3;
}
.talk_box > div {
	margin-left: 41px;
}
.study_finish_button {
	background: url(../images/study_finish.png) top left no-repeat;
	width: 215px;
	height: 52px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	position: relative;
	top: 10px;
	left: 180px;
}
.study_finish_button:hover {
	background-position: 0 -52px;
}
#player_bar {
	width: 654px;
	height: 38px;
	background-color: #231f20;
	position: relative;
}
#talk_wrap{
	position:relative;
	width:654px;
	height:514px;
	overflow:hidden;
}
.real_talk {
	position: absolute;top:0;left:0;
	height: 494px;
	width: 654px;
	padding-top: 10px;
	overflow-y: hidden;
	left:-654px;
}

#talk_player_bar {
	width: 654px;
	height: 38px;
	background-color: #231f20;
	position: relative;
	top:-11px;
	color: #ffffff;
	font-size: 12px;
	font-family: gulim, sans-serif;
}
#talk_player_bar p {
	padding: 13px 14px;
}
#talk_player_bar .part_buttons {
	position: absolute;
	top: 5px;
	right: 7px;
}

.b_part_box .play_btn{
	display:block;
	position: absolute;
	top: 32px;
	left: 22px;
	width:49px;
	height:50px;
	background:url('../images/speak_icon.png');
}

.a_part_box .play_btn{
	display:block;
	position: absolute;
	top: 32px;
	right: 22px;
	width:49px;
	height:50px;
	background:url('../images/speak_icon.png');
}
.play_btn:hover,.play_btn.active{
	background-position:-49px 0;
}
.b_part_box {
	position:relative;
	font-size: 12px;
	color: #272727;
	background: url(../images/b_part_balloon.png) top left no-repeat;
	width: 372px;
	height: 107px;
	padding-right: 117px;
	padding-top: 35px;
	margin-left: 137px;
	text-align: left;
	font-family: 微软雅黑, dotum, sans-serif;
	margin-bottom: 47px;
}
.b_part_box > div {
	float: right;
}
.b_part_box div:first-child {
	margin-bottom: 11px;
}
.b_part_box .part_state_2 {
	clear: right;
	font-family: 微软雅黑, sans-serif;
}
.b_part_box .part_state_2 p:first-child + p {
	clear: right;
	color: #5d5d5d;
	font-size: 12px;
	font-family: "Microsoft YaHei UI", sans-serif;
}
.a_part_box {
	position:relative;
	font-size: 12px;
	color: #272727;
	background: url(../images/a_part_balloon.png) top left no-repeat;
	width: 372px;
	height: 107px;
	padding-left: 119px;
	padding-top: 26px;
	text-align: left;
	font-family: 微软雅黑, dotum, sans-serif;
	margin-bottom: 47px;
	margin-left: 26px;
}
.a_part_box div:first-child {
	margin-bottom: 11px;
}
.a_part_box .part_state_2 {
	font-family: 微软雅黑, sans-serif;
}
.a_part_box .part_state_2 p:first-child + p {
	clear: right;
	color: #5d5d5d;
	font-size: 12px;
	font-family: "Microsoft YaHei UI", sans-serif;
}
.a_part_button {
	background: url(../images/a_part_button.png) top left no-repeat;
	width: 120px;
	height: 28px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
.a_part_button:hover,.a_part_button.active {
	background-position: 0 -28px;
}
.b_part_button {
	background: url(../images/b_part_button.png) top left no-repeat;
	width: 120px;
	height: 28px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
.b_part_button:hover {
	background-position: 0 -28px;
}
.part_buttons a.active {
	background-position: 0 -28px;
}
.heading_rounded {
	background: url(../images/rounded_right.png) bottom right  no-repeat;
	display: inline-block;
	margin-top:-4px;
	height: 38px;
	margin-right: 9px;
	
}
.heading_rounded span {
	height: 25px;
	padding: 8px 3px 5px 15px;
	display: inline-block;
	background: url(../images/rounded_left.png) top left no-repeat;
	margin-right: 10px;
	color: #ffffff;
	font-size: 22px;
	font-family: dotum, sans-serif;
	font-weight: bold;
}
#video_study {
	position: absolute;
	top: 7px;
	left: 7px;
	width: 653px;
	height: 541px;
}
#slide_toggle {
	width: 655px;
	height: 31px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/slide_pag_bg.png) top left no-repeat;
	text-align: center;
	padding-top: 5px;
}

.slide_toggle_button {
	background: url(../images/slide_pag.png) top left no-repeat;
	width: 20px;
	height: 19px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	vertical-align: middle;
	margin-left: 4px;
}
.slide_toggle_button:hover {
	background-position: 0 -19px;
}

#slide_toggle .active {
	background: url(../images/slide_pag_active.png) top left no-repeat;
	width: 20px;
	height: 19px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	vertical-align: middle;
	margin-left: 4px;
}
.slide_previous + a {
	margin-left: 0;	
}

.slide_previous {
	margin-right: 17px;
	background: url(../images/slide_pag_left.png) top left no-repeat;
	width: 30px;
	height: 29px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	vertical-align: middle;
}
.slide_next {
	margin-left: 17px;
	background: url(../images/slide_pag_right.png) top left no-repeat;
	width: 30px;
	height: 29px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	vertical-align: middle;
}

#slide_image {
	position: relative;
	width: 653px;
	height: 506px;
}
#slide_image:hover #slide_pass_button a {
	display: inline-block;
}

#slide_pass_button a {
	width: 54px;
	height: 110px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	vertical-align: middle;
	position: absolute;
	display: none;
}
#slide_pass_button a:first-child {
	background: url(../images/slide_arrow_left.png) top left no-repeat;
	top: 204px;
	left: 7px;
}
#slide_pass_button a:first-child + a {
	background: url(../images/slide_arrow_right.png) top left no-repeat;
	top: 204px;
	left: 595px;
}

 #slide_image{
position:relative;
overflow:hidden;
}
#slide_image>div{
position:absolute;top:0;left:0;
}
#slide_image>div>img{
float:left;
}

/*
	녹음
*/


#record {
	position: absolute;
	top: 7px;
	left: 7px;
	width: 653px;
	height: 541px;
}

#record_content {
	position: relative;
	height: 503px;
	width: 653px;
	overflow-x: hidden;
	overflow-y: auto;
}

#record_content .box {
	width: 577px;
	min-height:100px;
	position: relative;
	font-family: "microsoft yahei", 微软雅黑, dotum, sans-serif;
	padding-top: 21px;
	padding-left: 77px;
}
#record_content .box > p {
	width: 460px;
	color: #333333;
	font-size: 18px;
}
#record_content .box > p:first-child {
	font-size: 20px;
	font-weight: bold;
}
#record_content .box > p:first-child + p {
	color: #e9633a;
}
#record_content .box > p:first-child + p + p {
	line-height: 2;
}

#record_content .record_box1 {
	background: url(../images/record_bg1.png) top left no-repeat;
}
#record_content .record_box2 {
	background: url(../images/record_bg2.png) top left no-repeat;
}

.record_buttons {
	position: absolute;
	top: 22px;
	right: 25px;	
}
.record_buttons a {
	width: 81px;
	height: 81px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	vertical-align: middle;
}

.record_buttons a:first-child {
	margin-right: 5px;	
}

.record_buttons .nativie_voice_play {
	background: url(../images/native_voice.png) top left no-repeat; 
}

.record_buttons .nativie_voice_pause {
	background: url(../images/native_voice.png) top left no-repeat; 
}

.record_buttons .nativie_voice {
	background: url(../images/native_voice.png) top left no-repeat; 
}
.record_buttons .nativie_voice:hover {
	background-position: 0 -81px;
}


.record_buttons a.active {
	background-position: 0 -81px;
}

.record_buttons .record_button {
	background: url(../images/record_button2.png) top left no-repeat; 
}
.record_buttons .record_button:hover {
	background-position: 0 -81px;
}

.record_bullet {
	display: inline-block;
	position: absolute;
	top: 19px;
	left: 21px;	
}

#voice_record .voice_message {
	margin-top:4px;
	margin-left:7px;
	padding-left:5px;
	padding-top: 5px;
	display: inline-block;
	color:#ffffff;
	/*background: url(../images/record_before.png) left top no-repeat;	*/
}

.record_finish {
	width: 82px;
	height: 28px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	background: url(../images/record_finish.png) top left no-repeat;
	position: absolute;
	top: 5px;
	right: 6px;
}

.record_finish:hover {
	background-position: 0 -28px;
}
.record_progree {
	width: 582px;
	height: 6px;
	display: inline-block;
	background-color: #a2a2a2;	
	position: absolute;
	top: 12px;
	left: 0px;
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
}
.record_progree > span {
	height: 6px;
	display: inline-block;
	background-color: #ff6c00;	
	vertical-align: top;
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
}


.record_progree_record {
	width: 370px;
	height: 4px;
	display: inline-block;
	background-color: #cccccc;	
	position: absolute;
	top: 17px;
	left: 188px;
}
.record_progree_record > span {
	height: 4px;
	display: inline-block;
	background-color: red;	
	vertical-align: top;
}

.voice_replay {
	width: 82px;
	height: 28px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	background: url(../images/voice_replay.png) top left no-repeat;
	position: absolute;
	top: 5px;
	right: 6px;
}

.voice_replay:hover, voice_replay:visited, voice_replay:active  {
	background-position: 0 -28px;
}

#player_wrap {
	width: 654px;
	height: 543px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/video_shadow.png) top left no-repeat;
}
#player_wrap #player {
	width: 	616px;
	height: 431px;
	padding: 15px;
	background: url(../images/player_bg.png) top left no-repeat;
	position: absolute;
	top: 17px;
	left: 0;
}

.player_close {
	width: 14px;
	height: 13px;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	background: url(../images/video_close.png) top left no-repeat;
	position: absolute;
	top: 23px;
	right: 27px;
}

#player_video {
	position: absolute;
	top: 43px;
	left: 18px;
	border: 1px solid #0d0d0d;
	
}
#fog{
	display:none;
}
#video_area{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area1{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area2{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area3{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area4{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area5{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area6{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area7{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area8{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area9{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area10{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area11{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area12{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area13{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area14{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area15{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area16{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area17{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area18{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area19{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area20{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area21{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area22{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area23{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area24{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area25{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area26{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area27{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area28{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area29{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area30{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area31{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area32{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area33{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}#video_area34{
	display:none;
	position:absolute;z-index:8;top:40px;left:25px;
	width:616px;
	height:400px;
}

#video_content{
	width: 607px;
	height: 402px;
	padding: 0 5px 0 4px;
	background: url(../images/bg_mvarea_1.png) no-repeat;
}
  #video_top {
	width: 100%;
	height: 28px;
	background: url(../images/bg_mvtop.png) no-repeat;
	overflow: hidden;
}
#fog{
	position:absolute;top:5px;left:6px;
	width:654px;
	height:544px;
	background:#000;z-index:7;
	filter:alpha(opacity=50);
	opacity:0.5;

}

.listen_progress {
border: 1px solid #262626;
display: inline-block;
width: 458px;
height: 4px;
background-color: #000000;
position: relative;
margin-top: 17px;
}
.listen_progress_now {
    z-index: 5;
    position: absolute;
    top: -1px;
    left: -1px;
    display: inline-block;
    background-color: #ff9000;
    border: 1px solid #262626;
    border-right: none;
    height: 4px;
}


.listen_progress_bar {
    position: absolute;
    z-index: 6;
    top: -4px;
    left: 0;
}
#listen_play {
    float: left;
    margin: 4px 3px 10px;

}
#listen_play a:first-child {
    margin-right: 8px;
}
.listen_button {
    position: absolute;
    top: 5px;
    right: 7px;
}


/* css 추가 by hong */
p.kor {font-family:'Malgun Gothic','맑은고딕',sans-serif;font-size:12px; color:#333333; font-weight:bold; letter-spacing:-1px;}

/* 녹음팝업 */
#popArea {position:relative; width:614px; height:436px;background:url(../images/pop_bg.png) no-repeat;}
#popArea .closeBtn {position:absolute; right:10px; top:10px; cursor:pointer; z-index:100;}
#popArea .exArea {position:relative; width:542px; height:208px; margin:0 auto; top:17px; padding:20px; overflow-y:auto;}
.questSection {position:relative; width:100%; height:70px; margin-bottom:5px;}
.questSection dl {width:100%;}
.questSection dt, dd {float:left; font-family: "microsoft yahei", 微软雅黑, dotum, sans-serif; color:#FFF; font-size:20px;}
.questSection dt {width:85px;}
.questSection dd {width:450px;}
.questSection dd.orange {margin-top:5px; color:#ffa545; font-size:16px;}
.questSection dd.kor {margin-top:3px; color:#c7c7c7; font-size:16px; font-family:'Malgun Gothic','맑은고딕';}

.recordDoing {position:absolute; width:582px; height:10px; top:266px; left:50%; margin-left:-292px;}

.btnSetrecord {position:absolute; width:352px; height:109px; top:300px; left:50%; margin-left:-167px;}
.btnSetrecord li {float:left;}
.btnSetrecord li a {float:left; height:109px;}

/*음성듣기 롤오버*/
.btnSetrecord li.hearing a {width:85px; background: url(../images/kit_hearing.png) top left no-repeat; line-height: 0; font-size: 0; overflow: hidden; margin-right: 16px;}
.btnSetrecord li.hearing a:hover {background-position:0 -110px;}

/*음성듣기 재생 중일때*/
.btnSetrecord li.hearing_play{display:none;width:85px; background: url(../images/kit_hearing.png) top left no-repeat; line-height: 0; font-size: 0; overflow: hidden; margin-right: 16px; background-position:0 -219px;}
.btnSetrecord li.hearing_play a {width:85px; background: url(../images/kit_hearing.png) top left no-repeat; line-height: 0; font-size: 0; overflow: hidden; margin-right: 16px; background-position:0 -219px;}
.btnSetrecord li.hearing_play .active {width:85px; background: url(../images/kit_hearing.png) top left no-repeat; line-height: 0; font-size: 0; overflow: hidden; margin-right: 16px; background-position:0 -219px;}
/*음성듣기 일시정지 중일때*/
.btnSetrecord li.hearing_pause a {display:none;width:85px; background: url(../images/kit_hearing.png) top left no-repeat; line-height: 0; font-size: 0; overflow: hidden; margin-right: 16px; background-position:0 -328px;}
.btnSetrecord li.hearing_pause .active {width:85px; background: url(../images/kit_hearing.png) top left no-repeat; line-height: 0; font-size: 0; overflow: hidden; margin-right: 16px; background-position:0 -328px;}

/*녹음하기 롤오버 */
.btnSetrecord li.recording a {width:134px; background: url(../images/kit_recording.png) top left no-repeat; line-height: 0; font-size: 0; overflow: hidden; margin-right: 16px;}
.btnSetrecord li.recording a:hover {width:134px; background: url(../images/kit_recording.png) top left no-repeat; line-height: 0; font-size: 0; overflow: hidden; margin-right: 16px; background-position:0 -109px;}
.btnSetrecord li.recording_write{display:none;width:134px; background: url(../images/btn_record.png) top left no-repeat; line-height: 0; font-size: 0; overflow: hidden; margin-right: 16px;background-position:2px 3px;}
.btnSetrecord li.recording_dak{display:none;width:134px; background: url(../images/kit_recording.png) top left no-repeat; line-height: 0; font-size: 0; overflow: hidden; margin-right: 16px;}
.btnSetrecord li.recording_write a{width:134px; background: url(../images/btn_record.png) top left no-repeat; line-height: 0; font-size: 0; overflow: hidden; margin-right: 16px;background-position:2px 3px;}

/*원어민 발음 롤오버 */
.btnSetrecord li.pronounce a {width:85px; background: url(../images/kit_pronounce.png) top left no-repeat; line-height: 0; font-size: 0; overflow: hidden;margin-right: 16px;}
.btnSetrecord li.pronounce a:hover {background-position:0 -109px;}

/*원어민 발음 재생 중일때*/
.btnSetrecord li.pronounce_play a {display:none;width:85px; background: url(../images/kit_pronounce.png) top left no-repeat; line-height: 0; font-size: 0; overflow: hidden; background-position:0 -219px;margin-right: 16px;}

/*원어민 발음 일시정지 중일때*/
/*.btnSetrecord li.pronounce_play a {display:none;width:85px; background: url(../images/kit_pronounce.png) top left no-repeat; line-height: 0; font-size: 0; overflow: hidden; background-position:0 -328px;margin-right: 16px;}*/

/* 모달팝업 */
.overlay {width: 656px; height: 544px; position: fixed; top: 16px; left: 18px; z-index: 1000; display: none;}
.modal {display: none; overflow: auto; z-index: 1001; position: absolute; width: 614px; min-height: 436px; left:0; top:0px;}
/* 모달팝업 */

/* 강의리스트 */
#lec_list {position:relative; width:265px; height:378px; top:20px; overflow-x:hidden; overflow-y:scroll;z-index:100}
#lec_list li {float:left; width:252px; height:47px; border-top:1px dotted #b3b3b3;display: table-cell;vertical-align: middle;}
#lec_list li dl, dt, dd {float:left;}
#lec_list li dt {width:36px; height:35px; padding:6px; display:table-cell; vertical-align:middle; text-align:center; line-height:35px; font-weight:bold; color:#777777;}
#lec_list li dt.on {background:#f9f7fa url(../images/tcycle.png) no-repeat; background-position:center; color:#FFF;}
#lec_list li dt.locked {background: url(../images/locked_bullet.png) 3px 50% no-repeat; background-position:center; color:#FFF;}
#lec_list li dd {width:190px; height:35px; padding:6px; font-size:12px; color:#777777; display:table-cell; vertical-align:middle;}
#lec_list li dd.on {font-weight:bold; color:#171717; background:#f9f7fa;}
/*헤더 폰트설정*/
#header h2 .fontM {font-family:'Malgun Gothic','맑은고딕'; letter-spacing:-1px; padding-top:-5px;}

/* 실전대화 */
#dial_content {position: relative; height: 503px; width: 653px; overflow: hidden;}
#dial_content .qaArea {position:relative; width:478px; height:507px; margin:0 auto; background:url(../images/qa_bg.png) no-repeat;}
.conLeft {position:absolute; width:100px; height:507px; left:0; top:0;}
.conLeft {position:absolute; width:100px; height:507px; left:0; top:0;}
.emoticonTop {position:absolute; width:100px; height:212px; left:10px; top:10px;}
.emoticonBottom {position:absolute; width:100px; height:207px; left:10px; top:262px;}
.conRight {position:absolute; width:82px; height:507px; right:0; top:0;}
.btnarTop {position:absolute; width:53px; height:110px; left:10px; top:70px;}
.btnarBottom {position:absolute; width:53px; height:110px; left:10px; top:320px;}

.btnarTop li.correct {float:left; width:53px; height:53px; margin-bottom:3px;}
.btnarTop li.correct a {float:left; width:53px; height:53px; background:url(../images/btn_correct.png) no-repeat;}
.btnarTop li.correct a:hover {background-position:0 -53px;}
.btnarTop li.correct_on a {display:none;float:left; width:53px; height:53px; background:url(../images/btn_correct.png) no-repeat; background-position:0 -53px;}

.btnarTop li.control {float:left; width:53px; height:53px;}
.btnarTop li.control a {float:left; width:53px; height:53px; background:url(../images/btn_control.png) no-repeat;}
.btnarTop li.control a:hover {background-position:0 -53px;}
.btnarTop li.control_on a {display:none;float:left; width:53px; height:53px; background:url(../images/btn_control.png) no-repeat; background-position:0 -53px;}

.btnarBottom li.correct {float:left; width:53px; height:53px; margin-bottom:3px;}
.btnarBottom li.correct a {float:left; width:53px; height:53px; background:url(../images/btn_correct.png) no-repeat;}
.btnarBottom li.correct a:hover {background-position:0 -53px;}
.btnarBottom li.correct_on a {display:none;float:left; width:53px; height:53px; background:url(../images/btn_correct.png) no-repeat; background-position:0 -53px; margin-bottom:3px;}

.btnarBottom li.control {float:left; width:53px; height:53px;}
.btnarBottom li.control a {float:left; width:53px; height:53px; background:url(../images/btn_control.png) no-repeat;}
.btnarBottom li.control a:hover {background-position:0 -53px;}
.btnarBottom li.control_on a {display:none;float:left; width:53px; height:53px; background:url(../images/btn_control.png) no-repeat; background-position:0 -53px;}

.topArea {position:relative; width:435px; height:212px; padding:20px 35px; overflow-y:auto;}
.btArea {position:relative; width:435px; height:212px; padding:20px 35px; overflow-y:auto;}

.txtKor {font-family:'Malgun Gothic','맑은고딕',sans-serif;font-size:16px; color:#333333; font-weight:bold; letter-spacing:-1px; margin-bottom:12px;}
.txtChi {font-family: "microsoft yahei", 微软雅黑, dotum, sans-serif; font-size:16px; color:#333333; font-weight:bold; letter-spacing:0px; margin-bottom:12px;}
.txtChi01 {font-family: "microsoft yahei", 微软雅黑, dotum, sans-serif; font-size:14px; color:#d8825b; font-weight:bold; letter-spacing:0px; margin-bottom:12px;}

.eminput {height:15px; background:#d7d7d7; border:1px solid #b7b7b7; text-align:center;color:#d7d7d7;border-radius:5px;padding:0px 1px 0px 1px;}
.eminput_on {height:15px;background:rgba(240,120,100,0); border:0px solid #FFFFFF; text-align:center;color:red;padding:0px 2px 0px 2px;}
.wd35 {width:35px;}
.wd60 {width:60px;}
.margin05 {margin-bottom:5px !important;}
.btnNext {position:absolute; right:5px; top:5px;}
.btnPre {display:none;position:absolute; right:140px; top:5px;}