@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');

*{margin:0; padding:0; list-style:none;}

html,body{width: 100%;height: 100%;}
body{
	width:100%;
	font-family: 'Nanum Gothic','NanumGothic';
	font-size:14px; margin:0;
	scrollbar_Face_color: #fff;
	scrollbar-shadow-color: #ededed;
	scrollbar-highlight-color: #ededed;
	scrollbar-3dlight-color: #ededed;
	scrollbar-darkshadow-color:#fff; 
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #00a796;
	background-color: #1a2b45;
}

a{ text-decoration:none}

textarea { 
	font-family: inherit;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

table.center{width:100%; height:100%; margin:0; padding:0}
table.center td{vertical-align:middle; text-align:center; line-height:1.6; font-size:16px; font-weight:bold; color:#422d00; word-break:keep-all;}

table.leftMiddle{width:100%; height:100%; margin:0; padding:0}
table.leftMiddle td{vertical-align:middle; text-align:left; padding-left:50px; line-height:1.6; font-size:16px; font-weight:bold; color:#422d00; word-break:keep-all;}

.update{position:absolute; top:100px; left:150px; width:500px; height:300px; background-color:#fff; opacity:0.9; border:1px #777 solid; text-align:center; padding:30px; z-index:99999; display:none}

#wrap{position: relative;width:940px; height:600px;background:no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

#title{position:absolute; top:10px; left:0px; width: 409px;}	
#title #text{width: 100%;padding:0 10px 0 15px;}
#title #text table {width: 100%;}
#title #text td {
	height:36px;
	font-weight:bold;font-size:13px;color:#333;
	line-height:18px;
	vertical-align:middle;
}
#title #rgt{float:left;height:28px; width:20px;}

#CWrap{position:absolute; top:90px; left:10px; width:165px;}
#main_title{position:relative; width:165px; padding:0px 0px 0px 0px;}
#main_title table{width:100%; height:100%; margin:0; padding:0}
#main_title td{
	vertical-align:middle; 
	text-align:center; 
	line-height:1.2em; 
	font-size:17px; 
	font-weight:bold; 
	color:#000;
}

#search{position:relative; width:154px; height:34px; margin-top:12px;}
#search #search_input{position:absolute;width:100%; height:100%; background:url('../images/AA20/search_bg.png') no-repeat;}
#search #search_input #input_txt{ width:150px; text-align:center; height:100%; padding-top:6px;}
#search #search_input #input_txt input{background:none; width:134px; padding-left:10px; font-size:11px; color:#000; border:0;font-family: 'Nanum Gothic';}
#search #search_input #input_btn{position:absolute;top:0px; right:1px;}
 
#content_head{position:absolute; top:86px; left:185px; width:737px; height:34px;}
#content_head #content_step{position:relative; float:left; width:110px; height:34px; background:url('../images/AA20/play_title_bg.png'); text-align:center; color:#fff; font-weight:bold; line-height:34px; font-size:16px; }
#content_head #content_title{position:relative; float:left; width:613px; height:34px; background:url('../images/AA20/play_subtitle_bg.png');  text-align:left; color:#fff; padding-left:10px; line-height:34px; font-size:14px; }

#content_body{position:absolute; top:119px; left:185px; width:730px; height:415px; background:url('../images/AA20/play_bg.png') no-repeat; text-align:left; padding:7px 0px 0px 7px;}
#content_foot{position:relative; width:100%}

.btn_guide		{position:absolute; left:485px; top:558px; width:90px; height:32px; background:url('../images/AA20/btn_guide.png') no-repeat; cursor:pointer}
.btn_list		{display: none;position:absolute; left:497px; top:558px; width:81px; height:32px; background:url('../images/AA20/btn_list.png') no-repeat; cursor:pointer}
.btn_script	{position:absolute; left:575px; top:558px; width:75px; height:32px; background:url('../images/AA20/btn_lessonplan.png') no-repeat; cursor:pointer}
.btn_down		{position:absolute; left:650px; top:558px; width:76px; height:32px; background:url('../images/AA20/btn_down.png') no-repeat; cursor:pointer}
.btn_note		{display: none;/* position:absolute; left:505px; top:558px; width:73px; height:32px; background:url('../images/AA20/btn_note.png') no-repeat; cursor:pointer; z-index:10 */}
.btn_question	{display: none;/* position:absolute; left:578px; top:558px; width:74px; height:32px; background:url('../images/AA20/btn_qustion.png') no-repeat; cursor:pointer */}

.btn_profile	{position:absolute; left:367px; top:558px; width:106px; height:34px; background:url('../images/AA20/btn_profile.png') no-repeat; cursor:pointer}

.btn_subtitle	{position:absolute; left:821px; top:94px; width:90px; height:25px; background:url('../images/AA20/subtitle_on.png') no-repeat; cursor:pointer; z-index:1}

.btn_sound	{position:absolute; left:10px; top:558px; width:139px; height:34px; cursor:pointer; z-index:10}
.btn_sound_on{background:url('../images/AA20/sound_off.png') no-repeat;}
.btn_sound_off{background:url('../images/AA20/sound_on.png') no-repeat;}

.btn_tip {position:absolute; left:637px; top:100px; width:90px; height:25px; background:url('../images/AA20/btn_tip.png') no-repeat; cursor:pointer; z-index:1}
.btn_bookmark {display: none;/* position:absolute; left:827px; top:100px; width:80px; height:25px; background:url('../images/AA20/btn_bookmark.png') no-repeat; cursor:pointer; z-index:1 */}

#paging{position:absolute; top:558px; left:763px; z-index:10}
#paging #btn_left{float:left}
#paging #number{float:left; width:75px; height:30px; line-height:28px; text-align:center;font-size:16px; background:url('../images/AA20/pagenate_bg.png'); color:#666}
#paging #number #page{color:#FF0000; font-weight:bold; font-size:16px; padding-right:1px;}
#paging #number #total_page{font-weight:bold;  font-size:16px; padding-left:1px;}
#paging #btn_right{float:left}


#subSet1{display:none}
#Amenu1:hover #subSet1, #Amenu1.hoverd #subSet1{position:absolute; left:420px; top:61px; min-width:160px; z-index:1000; padding:0; margin:0; display:block; border-right:1px solid #ff9340;}
#Amenu1:hover #subSet1 li,#Amenu1.hoverd #subSet1 li{min-width:120px; height:33px; line-height:32px; background:url('../images/AA20/menu_off.gif'); list-style:none; padding:0px 10px 0px 30px;  margin-top:-1px; font-weight:bold;}
#Amenu1:hover #subSet1 li a, #Amenu1.hoverd #subSet1 li a{color:#333}
#Amenu1:hover #subSet1 li.on, #Amenu1.hoverd #subSet1 li.on{background:url('../images/AA20/menu_on.gif'); border:1px #ff9340 solid; background-color:#ff9340}
#Amenu1:hover #subSet1 li.on a, #Amenu1.hoverd #subSet1 li.on a{color:#fff}
#Amenu1:hover #subSet1 li:hover, #Amenu1.hoverd #subSet1 li:hover{background:url('../images/AA20/menu_on.gif');}
#Amenu1:hover #subSet1 li:hover a, #Amenu1.hoverd #subSet1 li:hover a{color:#fff}
#Amenu1:hover #subSet1 li.top, #Amenu1.hoverd #subSet1 li.top{height:0px}
#Amenu1:hover #subSet1 li.bottom, #Amenu1.hoverd #subSet1 li.bottom{height:0px}

#subSet2{display:none}
#Amenu2:hover #subSet2, #Amenu2.hoverd #subSet2{position:absolute; left:545px; top:61px; min-width:160px; z-index:100; padding:0; margin:0; display:block; border-right:1px solid #ff9340;}
#Amenu2:hover #subSet2 li, #Amenu2.hoverd #subSet2 li{min-width:120px; height:33px; line-height:32px; background:url('../images/AA20/menu_off.gif');  list-style:none; padding:0px 20px 0px 30px; margin-top:-1px; font-weight:bold;}
#Amenu2:hover #subSet2 li a, #Amenu2.hoverd #subSet2 li a{color:#333}
#Amenu2:hover #subSet2 li.on, #Amenu2.hoverd #subSet2 li.on{background:url('../images/AA20/menu_on.gif'); border:1px #ff9340 solid; background-color:#ff9340}
#Amenu2:hover #subSet2 li.on a, #Amenu2.hoverd #subSet2 li.on a{color:#fff}
#Amenu2:hover #subSet2 li:hover, #Amenu2.hoverd #subSet2 li:hover{background:url('../images/AA20/menu_on.gif');}
#Amenu2:hover #subSet2 li:hover a, #Amenu2.hoverd #subSet2 li:hover a{color:#fff}
#Amenu2:hover #subSet2 li.top, #Amenu2.hoverd #subSet2 li.top{height:0px}
#Amenu2:hover #subSet2 li.bottom, #Amenu2.hoverd #subSet2 li.bottom{height:0px}

#subSet3{display:none}
#Amenu3:hover #subSet3, #Amenu3.hoverd #subSet3{position:absolute; left:670px; top:61px; min-width:160px; z-index:100; padding:0; margin:0; display:block; border-right:1px solid #ff9340;}
#Amenu3:hover #subSet3 li,#Amenu3.hoverd #subSet3 li{min-width:120px; height:33px; line-height:32px; background:url('../images/AA20/menu_off.gif'); list-style:none; padding:0px 20px 0px 30px; margin-top:-1px; font-weight:bold;}
#Amenu3:hover #subSet3 li a, #Amenu3.hoverd #subSet3 li a{color:#333}
#Amenu3:hover #subSet3 li.on, #Amenu3.hoverd #subSet3 li.on{background:url('../images/AA20/menu_on.gif'); border:1px #ff9340 solid; background-color:#ff9340}
#Amenu3:hover #subSet3 li.on a, #Amenu3.hoverd #subSet3 li.on a{color:#fff}
#Amenu3:hover #subSet3 li:hover, #Amenu3.hoverd #subSet3 li:hover{background:url('../images/AA20/menu_on.gif');}
#Amenu3:hover #subSet3 li:hover a, #Amenu3.hoverd #subSet3 li:hover a{color:#fff}
#Amenu3:hover #subSet3 li.top, #Amenu3.hoverd #subSet3 li.top{height:0px}
#Amenu3:hover #subSet3 li.bottom, #Amenu3.hoverd #subSet3 li.bottom{height:0px}

#subSet4{display:none}
#Amenu4:hover #subSet4, #Amenu4.hoverd #subSet4{position:absolute; left:790px; top:61px; width:140px; z-index:100; padding:0; margin:0; display:block; border-right:1px solid #ff9340;}
#Amenu4:hover #subSet4 li,#Amenu4.hoverd #subSet4 li{width:100px; height:33px; line-height:32px; background:url('../images/AA20/menu_off.gif'); list-style:none; padding:0px 20px 0px 30px; margin-top:-1px; font-weight:bold;}
#Amenu4:hover #subSet4 li a, #Amenu4.hoverd #subSet4 li a{color:#333}
#Amenu4:hover #subSet4 li.on, #Amenu4.hoverd #subSet4 li.on{background:url('../images/AA20/menu_on.gif'); border:1px #ff9340 solid; background-color:#ff9340;}
#Amenu4:hover #subSet4 li.on a, #Amenu4.hoverd #subSet4 li.on a{color:#fff}
#Amenu4:hover #subSet4 li:hover, #Amenu4.hoverd #subSet4 li:hover{background:url('../images/AA20/menu_on.gif'); }
#Amenu4:hover #subSet4 li:hover a, #Amenu4.hoverd #subSet4 li:hover a{color:#fff}
#Amenu4:hover #subSet4 li.top, #Amenu4.hoverd #subSet4 li.top{height:0px}
#Amenu4:hover #subSet4 li.bottom, #Amenu4.hoverd #subSet4 li.bottom{height:0px}

.pageMove {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#pageSet1{position:absolute; top:0px; left:437px; width:125px; height:60px; background:url('../images/AA20/menu_ready.gif'); font-size:0px; cursor:pointer}
#pageSet1:hover{background:url('../images/AA20/menu_ready_on.gif');}
#pageSet1.on{background:url('../images/AA20/menu_ready_on.gif');}

#pageSet2{position:absolute; top:0px; left:563px; width:125px; height:60px; background:url('../images/AA20/menu_study.gif'); font-size:0px; cursor:pointer}
#pageSet2:hover{background:url('../images/AA20/menu_study_on.gif');}
#pageSet2.on{background:url('../images/AA20/menu_study_on.gif');}

#pageSet3{position:absolute; top:0px; left:689px; width:125px; height:60px; background:url('../images/AA20/menu_verification.gif'); font-size:0px; cursor:pointer}
#pageSet3:hover{background:url('../images/AA20/menu_verification_on.gif');}
#pageSet3.on{background:url('../images/AA20/menu_verification_on.gif');}

#pageSet4{position:absolute; top:0px; left:815px; width:125px; height:60px; background:url('../images/AA20/menu_prewriting.gif'); font-size:0px; cursor:pointer}
#pageSet4:hover{background:url('../images/AA20/menu_prewriting_on.gif');}
#pageSet4.on{background:url('../images/AA20/menu_prewriting_on.gif');}


.search_box{ position:relative; width:100px; font-size:11px; color:#999; border:0;}
input.search_box {outline-style:none}
.clear{clear:both}
img{border:0}

.placeholder {color: #aaa;}

.content{width:720px; height:404px; background:url('../images/AA20/story/bg2.jpg');}
.hide{display:none}
.show{display:block}

.startText{text-align:center; font-size:18px; font-weight:bold; color:#000; line-height:1.6; margin:0 auto;margin-bottom:20px;}
.startBtn{width:264px; height:98px; background:url('../images/AA20/story/btn_warmingup_start.png'); cursor:pointer; margin:0 auto;}

.btn_ready {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	border-radius: 50px;
	padding: 9px 30px;
	margin-top: 10px;
	background-color: #ff9340;
	cursor: pointer;
}
.teacher_pic_P02{
	position:absolute; top:85px; left:25px; 
	width:320px; height:240px;
	text-align: center;
	background:url('../images/AA20/story/ready_video.png'); 
	z-index:20
}
.ready_box {position:absolute; left:365px; top:70px; width:343px; }

.ready_box1_title{position:relative; height:35px; list-style:none; padding-top:0px;
border-radius:12px 12px 0 0; /*background:url('../images/AA20/story/box_outline.png');border-top:1px solid #007274;border-left:1px solid #007274;border-right:1px solid #007274;border-bottom:0px solid #007274;*/ background-color:#fe5a41;
color:#FFF; font-size:16px; padding-left:20px; line-height:35px; font-weight:bold}
.ready_box1{
	position:relative; 
	min-height:20px; height:95px; max-height:120px; 
	border-radius:0 0 12px 12px;	border-bottom:1px solid #d3d3d3; border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;
	background:#FFF; /*background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9),to(#EBEBEB));*/ background-color:#fff;
	overflow-y:auto; 
}
.ready_box1 ul{position:relative; padding-left:0px; margin-top:12px; overflow-y:hidden;font-size:13px;}
.ready_box1 ul li{font-size:13px; font-weight:bold; list-style:none; color:#000; padding:0px 10px 6px 20px;display:block;line-height:21px;}
.ready_box1 ul li div{background:url('../images/AA20/story/ready_dot.gif') left 8px no-repeat; padding-left:15px; width:258px; }
.ready_box1 ul li div.insert01{width:90%;}

.ready_box2_title{position:relative; height:35px; list-style:none; padding-top:0px;margin-top:20px;
border-radius:12px 12px 0 0; /*background:url('../images/AA20/story/box_goal.png');border-top:1px solid #004280;border-left:1px solid #004280;border-right:1px solid #004280;border-bottom:0px solid #004280;*/ background-color:#333953;
color:#FFF; font-size:16px; padding-left:20px; line-height:35px; font-weight:bold}
.ready_box2{position:relative; min-height:20px; max-height:80px; overflow:hidden; padding-bottom:12px;
border-radius:0 0 12px 12px;background:#FFF;border-bottom:1px solid #d3d3d3;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;
/*background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9),to(#EBEBEB));*/ background-color:#fff;}
.ready_box2 ul{position:relative; padding-left:0px; margin-top:12px; height:70px; overflow-y:auto}
.ready_box2 ul li{font-size:13px; font-weight:bold; list-style:none; color:#000; padding:0px 10px 0px 20px;}
.ready_box2 ul li div{background:url('../images/AA20/story/ready_dot.gif') left 8px no-repeat; padding-left:15px; width:258px; line-height:1.6em}
.ready_box2 ul li div.insert05 {background: none;padding-left:0px;width:95%;}

#profile{background:url('../images/AA20/story/prof2_bg3.jpg'); position:absolute}
#profile .profile_title{
	position:absolute; left:-15px; top:38px; color:#fff; font-weight:bold; width:400px; height:30px; line-height:30px; padding-left:50px; font-size:16px;
}
#profile .profile_close{position:absolute; top:10px; right:19px; width:32px; height:32px; background:url('../images/AA20/story/btn_profile_close.png') no-repeat; cursor:pointer}
#profile .profile_pic{position:absolute; bottom:37px; left:29px; width:163px; height:253px;}
#profile .profile_inside_pic{ width:163px; height:254px; margin:5px; background-size:cover}
#profile .profile_degree_title{position:absolute;top:103px; left:222px; height:20px; line-height:20px; padding-left:10px; background:left no-repeat; font-size:16px; font-weight:bold; color:#002a7f; z-index:51}
#profile .profile_degree_box{position:absolute; top:99px; left:205px; width:525px; height:70px; z-index:50; padding:35px 0px 15px 25px;}
#profile .profile_degree{position:relative; width:80%; height:100%; font-size:14px; font-weight:bold; color:#000;  overflow-y:auto; line-height:1.6}
#profile .profile_carrer_title{position:absolute;top:220px; left:222px; height:20px; line-height:20px; padding-left:10px; background:left no-repeat; font-size:16px; font-weight:bold; color:#002a7f; z-index:51}
#profile .profile_carrer_box{position:absolute; top:218px; left:211px; width:525px; height:110px; z-index:50; padding:35px 0px 15px 25px;}
#profile .profile_carrer{position:relative; width:80%; height:100%; font-size:12px; font-weight:bold; color:#000;  overflow-y:auto; line-height:1.4}

.subIntro{position:absolute; top:15px; left:220px; width:480px; height:380px;}
.subIntroText1{text-align:left; font-size:20px; font-weight:bold; color:#6a6a6a;margin-bottom:20px;}
.subIntroText2{text-align:left; font-size:36px; font-weight:bold; color:#333333;margin-bottom:40px; line-height:1.3em;}
.subStartBtn{width:201px; height:56px; background:url('../images/AA20/story/btn_study_start.png'); cursor:pointer;}

.textBox{position:absolute; left:17px; top:7px; width:673px; height:365px; background:url('../images/AA20/story/box_check2.png'); padding:36px 10px 0 10px;}
.textBoxCon{
	position:relative; 
	width:623px; height:279px; 
	overflow-y:auto;line-height:1.3em; 
	padding:30px 25px 0px 25px;
} 

.btnPrint{position:absolute; right:59px; bottom:33px; width:111px; height:35px; background:url('../images/AA20/story/btn_print.png'); cursor:pointer; z-index:50}
.btnTextNext{position:absolute; left:565px; top:310px; width:110px; height:36px; background:url('../images/AA20/story/btn_qnext.png'); cursor:pointer; z-index:100}

.studyBox{position:absolute; left:250px; top:25px; width:465px; height:370px; background:url('../images/AA20/story/box_check.png'); padding:0}
.study_bar_top{position:relative;  height:24px; margin-left:1px; font-size:0px;}
.study_bar_cen{position:relative;}
.study_bar{position:relative; width:350px; min-height:60px; margin:0 auto; background:url('../images/AA20/story/icon_boom.png') top left no-repeat; font-size:16px; color:#000; padding-left:70px; font-weight:bold; padding-top:0px;}
.study_bar_btm{position:relative;  height:15px; margin-left:1px; padding-top:0px;background:url('../images/AA20/story/box_check_btm.png'); font-size:0px;}
.study_write{position:relative; padding-left:25px;}
.study_write_textarea{width:420px; min-height:200px; max-height:200px; margin:0 auto; border:1px #ccc solid; padding:20px; font-size:14px; line-height:1.8em }

.study_teachBox{position:absolute; top:96px; left:25px; background:url('../images/AA20/story/quiz_bg_prof.png'); width:419px; height:182px; padding:10px 1px 10px 0px; }
.study_teachView{position:relative; height:168px; font-size: 10pt;padding:0px 20px 0px 20px; line-height:1.6em; color:#333; overflow-y:auto}
.study_teachView .title{color:#000; font-weight:bold; padding-bottom:10px;}

.btnMansView{position:absolute; left:275px; top:340px; width:145px; height:30px; background:url('../images/AA20/story/btn_others.png'); cursor:pointer}
.btnTeachView{position:absolute; left:430px; top:340px; width:142px; height:30px; background:url('../images/AA20/story/btn_prof.png'); cursor:pointer; display:none}
.btnWrite{position:absolute; left:582px; top:340px; width:106px; height:30px; background:url('../images/AA20/story/btn_list.png'); cursor:pointer}

.btnMansViewOn{background:url('../images/AA20/story/btn_others.png');}
.btnTeachViewOn{background:url('../images/AA20/story/btn_prof.png');}
.btnWriteOn{background:url('../images/AA20/story/btn_list.png');}

.endText1{font-size:20px; color:#000; font-weight:bold; line-height:1.6}
.endText2{font-size:20px; color:#273678; font-weight:bold; line-height:1.6; margin-top:20px;}
.thisTitle{background-color:#273678; color:#fff; padding:0 5px;}
.nextTitle{/*text-decoration:underline;*/background-color:#ff4a49; padding:0 5px;color:#fff;}

.quiz_box_ox{width:660px; margin:0 auto; padding-top:14px;}
.quiz_box_ox .quiz_top{width:625px; height:0px; font-size:0px}
.quiz_box_ox .quiz_cen{width:652px; height:90px; background:url('../images/AA20/story/box_quiz.png'); font-size:16px; color:#fff}
.quiz_box_ox .quiz_cen .quiz_title{/*width:660px;*/ height:100%; margin-left:15px;}
.quiz_box_ox .quiz_cen .quiz_title td.text{width:530px; padding-left:15px; text-align:left; color:#fff; font-weight:bold; line-height:1.4em;}
.quiz_box_ox .quiz_cen .quiz_title td.num{width:70px; text-align:center; font-weight:bold;  color:#fff; font-size:16px}
.quiz_box_ox .quiz_btm{width:625px; height:0px;font-size:0px}
.quiz_box_ox .quiz_tit .quiz_title{font-size:18px; font-weight:bold; padding-right:10px;}

.small{font-size:11px}

.quiz_con_box{width:610px; height:185px; background:url('../images/AA20/story/box_quiz_bg.png'); padding:0px 0px 20px 50px; margin-top:5px;}
.quiz_con_box2{width:623px; height:157px; /*background:url('../images/AA20/story/box_quiz_bg.png');*/ padding:20px 0px 20px 30px; margin-top: 5px; background-color: #fff; border-radius: 15px;border: 1px solid #ccc;}

.quiz_con_img{max-width:100%; overflow-y:auto}


.quiz_con{width:589px; height:187px; padding:7px 20px 0px 0px; overflow-y:auto}
.quiz_con_sub{width:555px; height:145px; padding:20px 20px 10px 0px; overflow-y:auto}
.quiz_con2{width:605px; height:147px; padding:7px 20px 0px 0px; overflow-y:auto}


.quiz_con .btn_o{width:265px; height:187px; background:url('../images/AA20/story/quiz_o.png');float:left; cursor:pointer}
.quiz_con .btn_o_click{background:url('../images/AA20/story/quiz_o_on.png');}
.quiz_con .btn_x{width:265px; height:187px; background:url('../images/AA20/story/quiz_x.png');float:left; cursor:pointer; margin-left:10px;}
.quiz_con .btn_x_click{background:url('../images/AA20/story/quiz_x_on.png');}

.quiz_ans{width:660px; height:75px; padding:0px 0px 0px 0px; margin:0 auto; margin-top:9px}

.answer_x {
	position: absolute; top: 326px;
	width:523px; height:49px; 
	margin-left:82px; margin-top:10px; 
	background:url('../images/AA20/story/quiz_return.png') no-repeat; 
}
.answer_o{width:660px; height:80px; padding:0px 0px 0px 0px; margin:0 auto; font-size:10pt; color:#333; padding-top:0px; /*background:url('../images/AA20/story/quiz_answer.png');*/ background-color: #fff; border-radius: 5px;border: 1px solid #ccc;}
.answer_o div{display:block; width:560px;margin:0 0 0 20px; height:62px; padding:2px 0px 0px 0px; }
.answer_o div span{display:block; width:560px;margin:0 auto; height:60px; margin-top:3px; overflow-y:auto; padding:0px; line-height:1.6;}
.answer_o .tbWrap{
	width:585px;height:62px; 
	overflow-y:auto; 
	font-size:0px
	padding:0px;
	margin:5px 0 0 0px; 
}
.answer_o table{
	width:530px; 
	font-size:14px; 
	line-height:1.6;
	margin:0 10px;
}
.answer_o table th.answer_icon {width:70px; height:26px; background:url('../images/AA20/story/img_correct.gif') no-repeat;}
.answer_o table th.text_icon {width:70px; height:26px; background:url('../images/AA20/story/img_explanation.gif') no-repeat;}
.answer_o table td {text-align:left; padding-left:10px;}
.answer_o table td .quiz_answer_img{max-width: 100%;}
.answer_ox {font-weight:bold; color:#000; padding-top:5px;}

.btn{min-height:30px; font-size:16px; cursor:pointer; color:#333}
.num1{font-weight: 100;padding-left: 30px;background:url('../images/AA20/story/num_1.png') no-repeat;}
.num2{font-weight: 100;padding-left: 30px;background:url('../images/AA20/story/num_2.png') no-repeat;}
.num3{font-weight: 100;padding-left: 30px;background:url('../images/AA20/story/num_3.png') no-repeat;}
.num4{font-weight: 100;padding-left: 30px;background:url('../images/AA20/story/num_4.png') no-repeat;}
.num5{font-weight: 100;padding-left: 30px;background:url('../images/AA20/story/num_5.png') no-repeat;}
.num1_on{background:url('../images/AA20/story/num_1_ov.png') no-repeat; padding-left:30px; color:#fe5303}
.num2_on{background:url('../images/AA20/story/num_2_ov.png') no-repeat; padding-left:30px; color:#fe5303}
.num3_on{background:url('../images/AA20/story/num_3_ov.png') no-repeat; padding-left:30px; color:#fe5303}
.num4_on{background:url('../images/AA20/story/num_4_ov.png') no-repeat; padding-left:30px; color:#fe5303}
.num5_on{background:url('../images/AA20/story/num_5_ov.png') no-repeat; padding-left:30px; color:#fe5303}

.btn_next_quiz{position:absolute; bottom:17px; right:39px; display:none; width:73px; height:80px; cursor:pointer;background:url('../images/AA20/story/btn_q_next.png');  z-index:100}
.btn_next_quiz1{position:absolute; bottom:17px; right:39px; display:none; width:73px; height:80px; cursor:pointer;background:url('../images/AA20/story/btn_q_next.png');  z-index:100 z-index:1000}

.result_box{position:absolute; width:660px; top:30px; left:35px;}
.result_box_head{position:relative; width:660px; height:90px; background:url('../images/AA20/story/box_quiz.png'); color:#fff; font-size:18px; font-weight:bold}
.result_box_head .quiz_title{width:660px; height:100%; margin-left:10px;}
.result_box_head .quiz_title td.text{width:500px; padding-left:10px; text-align:left; color:#fff}
.result_box_head .quiz_title td.num{width:70px; text-align:center; font-weight:bold;  color:#fff; font-size:16px}

.result_box_head .red{color:#FFFF00}
.result_box_head #resultTxt{text-align:left; font-size:16px; font-weight:100; height:20px; padding:0px; color:#fff; margin-top:5px;}

.result_box_con{position:relative; width:640px; height:156px; background:url('../images/AA20/story/box_quiz_bg.png'); text-align:center; font-size:16px; font-weight:bold; padding:10px; margin-top:5px; padding-top:35px;}
.result_box_con #resultImgs{width:100%; font-size:14px; font-weight:100; height:115px; text-align:center}

.quizNum{width:130px; height:130px; display:inline-block; margin-right:10px;}

.btn_requiz{position:absolute; left:213px; top:301px; width:110px; height:36px; background:url('../images/AA20/story/btn_again.png') no-repeat; cursor:pointer}
.btn_nextPage{position:absolute; left:336px; top:301px; width:110px; height:36px; background:url('../images/AA20/story/btn_qnext.png') no-repeat; cursor:pointer}


.quiz1o {background:url('../images/AA20/story/quiz_1_o.png') center center no-repeat;}
.quiz2o {background:url('../images/AA20/story/quiz_2_o.png') center center no-repeat;}
.quiz3o {background:url('../images/AA20/story/quiz_3_o.png') center center no-repeat;}
.quiz4o {background:url('../images/AA20/story/quiz_4_o.png') center center no-repeat;}
.quiz5o {background:url('../images/AA20/story/quiz_5_o.png') center center no-repeat;}

.quiz1x {background:url('../images/AA20/story/quiz_1_x.png') center center no-repeat;}
.quiz2x {background:url('../images/AA20/story/quiz_2_x.png') center center no-repeat;}
.quiz3x {background:url('../images/AA20/story/quiz_3_x.png') center center no-repeat;}
.quiz4x {background:url('../images/AA20/story/quiz_4_x.png') center center no-repeat;}
.quiz5x {background:url('../images/AA20/story/quiz_5_x.png') center center no-repeat;}


.quiz_con_subtext{position:absolute; top:130px; left:80px;  width:580px; height:70px; font-size:14px; color:#333; line-height:1.6; overflow-y:auto}
.quiz_con_subtext1{
	position: relative;
	width: 94%;
	font-size: 14px;
	color: #333;
	line-height: 1.6em;
	/*border: 1px dotted #999;*/
	padding: 10px 0px 10px 23px;
	margin-bottom: 20px;
	background-color: rgba(255, 255, 255, 0.5);
	background: url(../images/AA20/story/quiz_con.png) no-repeat 6px 17px;
}

.quiz_write1{position:absolute; left:49px; top:190px; width:598px; height:50px; padding:20px 0px 20px 20px; background:url('../images/AA20/story/answer_bg2.png'); }
.quiz_write_textarea {width:598px; height:80px; padding:10px; font-size:14px; line-height:1.8; overflow:auto; border:1px solid #d7d7d7; }
.btn_quiz_write{position:absolute; bottom:17px; right:39px; width:73px; height:80px; cursor:pointer; z-index:100}

.quiz_box{width:686px; height:365px; margin:0 auto; padding-top:20px;}
.quiz_box .quiz_tit{width:656px; height:50px; color:#fff; font-size:16px; line-height:48px; padding-left:30px;}
.quiz_box .quiz_tit .quiz_title{font-size:18px; font-weight:bold; padding-right:10px;}
.quiz_box .quiz_con{width:636px; height:295px; padding-left:50px; padding-top:20px;}
.quiz_box .quiz_con .btn{height:30px; font-size:15px; cursor:pointer}
.add_q{width:636px; background-color:#ddd; height:60px; margin-left:-45px; margin-top:-20px; padding:10px 20px 10px 20px; margin-bottom:10px;}
.quiz_box .quiz_con .btn_1{height:30px; font-size:15px; cursor:pointer}
.quiz_box .quiz_con .btn_2{height:30px; font-size:15px; cursor:pointer}
.quiz_box .quiz_con .btn_3{height:30px; font-size:15px; cursor:pointer}
.quiz_box .quiz_con .btn_4{height:30px; font-size:15px; cursor:pointer}
.show_x{width:632px; height:55px; margin-top:30px; margin-left:-20px; display:none}

.type_btn_2{margin-top:-30px;}

.show_o{width:620px; margin-top:50px; margin-left:-20px;display:none};
.show_o_tbl{}
.show_o_tbl th{vertical-align:top; line-height:14px;}


.start_text{padding-top:150px; padding-left:50px; line-height:1.6;}

.study{width:720px; height:404px; background:url('../images/AA20/study_bg.png');}
.study .text{position:absolute;width:450px; height:320px; overflow-y:auto; padding-left:30px; padding-right:20px; border:0px #f00 solid; top:50px; margin-left:20px; line-height:1.6}

.btn_print{position:absolute; top:40px; left:470px; width:32px; height:32px; border:0px #f00 solid}

.q_icon{position:absolute; top:40px; left:55px; width:59px; height:58px}
.q_text{position:absolute; top:50px; left:136px; width:350px; height:58px;}
.a_input{position:absolute; top:120px; left:52px; width:440px; height:190px; border:1px #4897da solid}
.a_textarea{width:398px; height:148px; border:0; padding:20px; font-size:14px; line-height:1.8 }
.btn_view{position:absolute; top:332px; left:136px; width:164px; height:30px;}
.btn_submit{position:absolute; top:332px; left:310px; width:116px; height:30px;}
.view_window{position:absolute; top:115px; left:52px; width:400px; height:202px; line-height:1.6; background:url('../images/AA20/quiz_bg_prof.png'); padding-top:0px; padding-left:30px; padding-right:22px; color:#0066FF; display:none}
.view_window .view_title{line-height:2.5}
.view_close{float:right; margin-top:10px; margin-right:-10px;}

.fin_bg{width:720px; height:404px; background:url('../images/AA20/paragraph_3.jpg');}
.fin_text{font-size:25px; font-weight:bold; line-height:1.8; padding-top:120px; margin-left:80px;}
.fin_class{background-color:#ff5100; color:#fff; padding-left:5px; padding-right:5px; padding-bottom:5px;}

.red{color:red}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font30{font-size:30px;}
.font40{font-size:40px;}
.font50{font-size:50px;}
.font60{font-size:60px;}

.black{color:#000}
.black555{color:#555}
.black777{color:#777}


.bold{font-weight:bold}

#guideLayer{position:absolute; left:70px; top:37px; width:802px; height:552px; margin:0 auto; background:url('../images/AA20/popup/bgNew.jpg'); z-index:100; /*border:1px #000 solid*/}
.guideMenu{position:absolute; left:300px; top:11px; width:470px; height:40px; padding-left:0px; margin-left:0px;}
.guideMenu ul{ position:relative; width:100%; height:100px; list-style:none; padding:0; margin:0}
.guideMenu ul li{float:left; width:109px; height:60px; cursor:pointer}
.guideMenu ul li.guideMenu1{background:url('../images/AA20/popup/navi_05.png');}
.guideMenu ul li.guideMenu2{background:url('../images/AA20/popup/navi_06.png');}
.guideMenu ul li.guideMenu3{background:url('../images/AA20/popup/navi_07.png');}
.guideMenu ul li.guideMenu4{background:url('../images/AA20/popup/navi_08.png');}

.guideMenu ul li.guideMenu1on{background:url('../images/AA20/popup/navi_05_ov.png');}
.guideMenu ul li.guideMenu2on{background:url('../images/AA20/popup/navi_06_ov.png');}
.guideMenu ul li.guideMenu3on{background:url('../images/AA20/popup/navi_07_ov.png');}
.guideMenu ul li.guideMenu4on{background:url('../images/AA20/popup/navi_08_ov.png');}

.guideConBoxMenu{position:absolute; left:113px; top:20px; width:570px; height:40px; padding-left:0px; margin-left:0px;}
.guideConBoxMenu ul{ position:relative; width:100%; height:100px; list-style:none; padding:0; margin:0}
.guideConBoxMenu ul li{float:left; cursor:pointer}
.guideConBoxMenu ul li.guideConBoxMenu1{width:140px; height:41px;background:url('../images/AA20/popup/m_05.gif');}
.guideConBoxMenu ul li.guideConBoxMenu2{width:140px; height:41px;background:url('../images/AA20/popup/m_06.gif');}
.guideConBoxMenu ul li.guideConBoxMenu3{width:140px; height:41px;background:url('../images/AA20/popup/m_07.gif');}
.guideConBoxMenu ul li.guideConBoxMenu4{width:140px; height:41px;background:url('../images/AA20/popup/m_08.gif');}

.guideConBoxMenu ul li.guideConBoxMenu1on{width:140px; height:40px;background:url('../images/AA20/popup/m_05_ov.gif');}
.guideConBoxMenu ul li.guideConBoxMenu2on{width:140px; height:40px;background:url('../images/AA20/popup/m_06_ov.gif');}
.guideConBoxMenu ul li.guideConBoxMenu3on{width:140px; height:40px;background:url('../images/AA20/popup/m_07_ov.gif');}
.guideConBoxMenu ul li.guideConBoxMenu4on{width:140px; height:40px;background:url('../images/AA20/popup/m_08_ov.gif');}

.guideNavi{position:absolute; left:615px; top:20px; width:160px; height:45px; padding-left:0px; margin-left:0px; display:none;}
.guideNavi .leftArr{position:relative; float:left; width:40px; height:40px; background:url('../images/AA20/popup/arr_lft2_ov.gif'); cursor:pointer}
.guideNavi .cenDot{position:relative; float:left; width:70px; height:40px; background:url('../images/AA20/popup/arr_dot2.gif') no-repeat;}
.guideNavi .rightArr{position:relative; float:left; width:40px; height:40px; background:url('../images/AA20/popup/arr_rgt2_ov.gif'); cursor:pointer}
.guideNavi .leftArrOff{background:url('../images/AA20/popup/arr_lft2_off.gif'); cursor:default}
.guideNavi .rightArrOff{background:url('../images/AA20/popup/arr_rgt2_off.gif'); cursor:default}



#listLayer{position:absolute; left:70px; top:40px; width:802px; height:552px; margin:0 auto; background:url('../images/AA20/popup/bgNew2.jpg'); z-index:100; /*border:1px #000 solid;*/ display:none}
.layerConBox{position:absolute; top:70px; left:22px; width:759px; height:450px; /*background:url('../images/AA20/popup/box_bg.png');*/ border: 1px solid #c3c2c0; border-radius: 17px; background-color: #fff;}
.layerConTitleBox{position:relative; width:720px; height:40px; background-color:#fbf7f6; border:1px #efe5e4 solid; font-size:16px; color:#685e55; font-weight:bold; text-align:center; line-height:40px; margin:0 auto; margin-top:20px;}
.layerCon{position:relative; width:720px; height:360px; margin:0 auto; margin-top:20px; overflow-y:auto}
.layer_close{position:absolute; top:20px; right:15px; width:32px; height:32px; background:url('../images/AA20/story/btn_close2.png'); cursor:pointer}

#divBody{position:relative;width: 940px;height: 600px;}
.tbGuide1{width:660px; margin-left:40px;}
.tbGuide1 th{padding:10px 0px 10px 15px; background:url('../images/AA20/popup/arr_gray.gif') left 15px no-repeat; font-size:16px; color:#555; font-weight:bold; text-align:left; width:90px; vertical-align:top;line-height:1.6;}
.tbGuide1 td{font-size:16px; color:#000; line-height:1.6; padding:10px; vertical-align:top; font-weight:bold}

.layerCon3{position:relative; width:720px; height:360px; margin:0 auto; margin-top:10px;}
.tbGuide3{width:100%; margin-top:80px;}
.tbGuide3 tr{height:325px;}
.tbGuide3 th{width:515px; text-align:left; padding-right:10px; background:url('../images/AA20/popup/bg_guide3.gif');}
.tbGuide3 td{width:170px; text-align:left; font-size:14px; color:#333; line-height:1.6; vertical-align:top}
.tbGuide3 td p.title{background:url('../images/AA20/popup/arr_gray.gif') left center no-repeat; padding-left:20px; font-size:16px; color:#333; font-weight:bold}

.tbGuide4{width:100%}
.tbGuide4 tr{height:325px;}
.tbGuide4 th{width:515px; text-align:left; padding-right:10px; vertical-align: top;}
.tbGuide4 td{width:170px; text-align:left; font-size:12px; color:#000; line-height:1.6; vertical-align:top}

.tbGuideLst{width:700px; padding:0; margin:10px 0 0 0;}
.tbGuideLst th{
	width:90px; 
	font-size:13px; color:#555; font-weight:bold; 
	text-align:left; vertical-align:top;line-height:1.6;
	padding:1px 1px 1px 20px;
}
.tbGuideLst th.leftBar{border-left:1px #b8b3ae solid}
.tbGuideLst td{font-size:14px; color:#000; line-height:1.6; padding:1px; vertical-align:top; font-weight:bold}

.tbGuideLst1{width:700px; padding:0; margin:10px 0 0 0; border-left:1px #ddd solid;border-top:2px #aaa solid; text-align:center}
.tbGuideLst1 th{padding:1px 1px 1px 1px; font-size:14px; color:#555; font-weight:bold; text-align:center; width:90px; vertical-align:top;line-height:1.6; height:30px; line-height:30px; border-bottom:1px #ddd solid; border-right:1px #ddd solid; background-color:#fdfdfd}
.tbGuideLst1 td{font-size:13px; color:#000; line-height:1.6; padding:3px; vertical-align:middle; font-weight:bold; height:25px; line-height:25px; border-bottom:1px #ddd solid;  border-right:1px #ddd solid}


#downLayer{position:absolute; left:270px; top:20px; width:472px; height:572px; margin:0 auto; background:url('../images/AA20/popup/bgNew3.jpg'); z-index:105; /*border:1px #000 solid;*/ display:none}
.downConBox{position:absolute; top:0px; left:0px; width:470px; height:570px; background:url('../images/AA20/popup/bx_bg.png');}
.downBox{position:relative; width:400px; height:400px; border:1px #ababab solid; overflow-y:auto; margin:0 auto; margin-top:115px; background-color:#fff;}
.tbDown{width:100%; padding:0; margin:0}
.tbDown tr{height:40px;}
.tbDown tr.tr1{background-color:#e9e9e9}
.tbDown tr.tr2{background-color:#ffffff}
.tbDown th{font-size:16px; color:#000; font-weight:bold; width:220px; padding-left:40px; text-align:left}
.tbDown td{ text-align:left}
.btnDownload{width:86px; height:25px; background:url('../images/AA20/popup/btn_dnld2.png') no-repeat; cursor:pointer}

#down_close{top:20px; right:15px; cursor:pointer; z-index:9998}

#audio{ position:absolute; display:none; width:0px; height:0px; z-index:1000}


.fpwrapper{background: #333 url('../images/AA20/loading1.gif') center no-repeat; width:100%;}

.img1{position:absolute;}
.img2{position:absolute;}

.study_teachBox_close{position:absolute; top:10px; right:10px; width:26px; height:25px; background:url('../images/AA20/story/btn_profile_close.png'); cursor:pointer; z-index:1000}

#alert_wrap{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:9998; background-color:#000; opacity:0.5; display:none}
#alert{position:absolute; top:250px; left:350px; width:200px; padding:20px 0px 10px 0px; background-color:#fff; border:1px #ddd solid; z-index:9999; display:none}
#alert #alert_msg{text-align:center; color:#000; font-size:12px; padding:0px 0px 20px 0px}
#alert #btn_alert_close{width:50px; height:20px; background-color:#efefef; border:1px #777 solid; text-align:center; line-height:20px; cursor:pointer; margin:0 auto; font-size:12px; color:#777}
audio{ position:absolute; display:none; width:0px; height:0px; z-index:1000}

.content_copyright {top:-10px; width:100%; height:100px; background:url('../images/AA20/bottom_bg.gif')}

.subtitle{
	display:none; 
	position:absolute; left:0px; top:-109px; 
	width:680px; height:89px;  
	line-height:1.6em; 
	border:1px solid #dddddd; 
	padding:10px 40px 10px 10px; 
	overflow-y:scroll; color:#000; 
	/*background:url('../images/AA20/story/bg_subtitle.jpg');*/ 
	background-color:#fff; 
	z-index:100
}
.subtitle_close_btn{position:absolute; top:5px; margin-left:677px; width:20px; height:20px; background:url('../images/AA20/story/btn_subtitle_close.png'); cursor:pointer; z-index:101}
.subMenu {text-align: left;}

.btn_subtitle{z-index:1}
.btn_note{z-index:1}

.quiz_con_sel{width:610px; height:140px; margin:20px 0 0 35px; padding-top:15px; overflow-y:auto}
.next_btn_tip	{position:absolute; right:-7px; top:-40px; width:162px; height:47px; background:url('../images/AA20/next_btnC.png') no-repeat; cursor:pointer}
.quiz_sel_bottom{top:335px; height:65px}
#step{position:relative;z-index:30;}

.ui-progressbar .ui-progressbar-value { background-image: url(../images/AA20/pbar-ani.gif); }


/* 배속 기능 버튼 이서용 2014.10.03 */ 
.btn_speed_l{position:absolute; left:25px; top:510px; width:32px; height:32px; background:url('/image/LCMS/common/btn_speed_l.png'); cursor:pointer; display:block ;}
.btn_speed{position:absolute; left:57px; top:510px; width:42px; height:32px; background:url('/image/LCMS/common/btn_speed.png'); cursor:pointer; display:block;}
.btn_speed_r{position:absolute; left:99px; top:510px; width:34px; height:32px; background:url('/image/LCMS/common/btn_speed_r.png'); cursor:pointer; display:block;}
.btn_speed_l.disable{position:absolute; left:25px; top:510px; width:32px; height:32px; background:url('/image/LCMS/common/btn_speed_l1.png'); cursor:default;}
.btn_speed.disable{position:absolute; left:57px; top:510px; width:42px; height:32px; background:url('/image/LCMS/common/btn_speed1.png');  cursor:default;}
.btn_speed_r.disable{position:absolute; left:99px; top:510px; width:34px; height:32px; background:url('/image/LCMS/common/btn_speed_r1.png'); cursor:default;}

#AttLogLayer{position:absolute; left:70px; top:40px; width:800px; height:550px; margin:0 auto; background:url('/image/LCMS/popup/typeA/layerGuide/Logbg.jpg'); z-index:100; border:1px #000 solid}

.thinkplus_paper {
	width:601px; height:340px;
	background:url('../images/AA20/thinkplus_paper.png') no-repeat;
	padding-top: 13px;
  margin: 0 auto;
	overflow: hidden;
}

.thinkplus_title {
	width: 61%;
	font-size: 15px;
	font-weight: bold;
	word-break: keep-all;
	text-align: center;
	margin: 30px 100px 15px auto;
	height: 78px;
}

.thinkplus_style {
	width: 426px;
	height: 150px;
	font-size: 14px;
	line-height: 1.5em;
	border: 1px solid #f0f0f0;
	padding: 13px;
	overflow-y: auto;
	margin: 0px 50px 0 50px;
	background-color: #fff;
}

.thinkplus_btn_set {
	padding: 17px;
	text-align: center;
}
	
.thinkplus_btn {
	font-size: 14px;
	font-weight: bold;
	border-radius: 50px;
	padding: 10px 30px;
	background-color: #ffd255;
	cursor: pointer;
}