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

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

body{font-family: 'Nanum Gothic',"¸¼Àº °íµñ";font-size:14px; margin:0}

a{ text-decoration:none}

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


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

 /* Àüü¹è°æ ssssss */
#wrap{width:940px; height:600px;background:url('/image/LCMS/A27/bg.jpg'); no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
#title{position:absolute; top:10px; left:0px; cursor:pointer; }	
/* »ó´Ü ŸÀÌƲ ssssss */
#title #text{float:left;padding:0 10px 0 17px;height:28px;  line-height:25px;}
#title #text td{font-weight:bold;font-size:17px;color:#000;text-shadow: 1px 1px 1px #222;letter-spacing:-1px;}
/*#title #rgt{float:left;height:28px; width:20px;background:url('/image/LCMS/A27/main_title_bg_rgt.png');}*/
			  
/* »çÀ̵å ŸÀÌƲ ssssss */
#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:33px; font-weight:bold; color:#232323; word-break:keep-all;text-shadow: 2px 2px 2px #FFF;letter-spacing:-1px;}

#search{position:relative; width:154px; height:34px; margin-top:12px;}
#search #search_input{position:absolute;width:100%; height:100%; background:url('/image/LCMS/A27/search_bg.png') no-repeat;}
#search #search_input #input_txt{ width:150px; text-align:center; height:100%; padding-top:5px;}
#search #search_input #input_txt input{background:none; width:134px; padding-left:10px; font-size:11px; color:#777; border:0;font-family: 'Nanum Gothic',"¸¼Àº °íµñ";}
#search #search_input #input_btn{position:absolute;top:0px; right:1px;}
 
/* ÇнÀâ »ó´Ü ½ºÅÜ Å¸ÀÌƲ ssssss */
#content_head{position:absolute; top:97px; left:185px; width:737px; height:34px;}
#content_head #content_step{position:relative; float:left; width:112px; height:34px; background:url('/image/LCMS/A27/play_title_bg.png'); text-align:center; font-weight:bold; line-height:34px; color:#fff; font-size:16px; }
#content_head #content_title{position:relative; float:left; width:615px; height:34px; background:url('/image/LCMS/A27/play_subtitle_bg.png');  text-align:left; padding:0px 0 0 10px; line-height:34px; color:#fff; font-size:14px; }


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

.btn_guide		{position:absolute; left:185px; top:555px; width:95px; height:34px; background:url('/image/LCMS/A27/btn_guide.png') no-repeat; cursor:pointer}
.btn_list		{position:absolute; left:280px; top:555px; width:75px; height:34px; background:url('/image/LCMS/A27/btn_list.png') no-repeat; cursor:pointer}
.btn_lessonplan	{position:absolute; left:355px; display:none; top:555px; width:75px; height:34px; background:url('/image/LCMS/A27/btn_lessonplan.png') no-repeat; cursor:pointer}
.btn_down		{position:absolute; left:355px; top:555px; width:75px; height:34px; background:url('/image/LCMS/A27/btn_down.png') no-repeat; cursor:pointer}
.btn_note		{position:absolute; left:430px; top:555px; width:76px; height:34px; background:url('/image/LCMS/A27/btn_note.png') no-repeat; cursor:pointer; z-index:10}
.btn_question	{position:absolute; left:505px; top:555px; width:74px; height:34px; background:url('/image/LCMS/A27/btn_qustion.png') no-repeat; cursor:pointer}

.btn_profile	{position:absolute; left:580px; top:555px; width:106px; height:34px; background:url('/image/LCMS/A27/btn_profile.png') no-repeat; cursor:pointer}

.btn_subtitle	{position:absolute; left:732px; top:101px; width:90px; height:25px; background:url('/image/LCMS/A27/subtitle_on.png') no-repeat; cursor:pointer; z-index:1}

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

.btn_tip {position:absolute; left:637px; top:101px; width:90px; height:25px; background:url('/image/LCMS/A27/btn_tip.png') no-repeat; cursor:pointer; z-index:1}
.btn_bookmark {position:absolute; left:827px; top:101px; width:80px; height:25px; background:url('/image/LCMS/A27/btn_bookmark.png') no-repeat; cursor:pointer; z-index:1}

#paging{position:absolute; top:555px; left:763px; z-index:10}
#paging #btn_left{float:left}
#paging #number{float:left; width:75px; height:34px; line-height:28px; text-align:center;font-size:16px; font-family:'¸¼Àº °íµñ';background:url('/image/LCMS/A27/pagenate_bg.png'); color:#877600}
#paging #number #page{color:#000; 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:100; padding:0; margin:0; display:block}
#Amenu1:hover #subSet1 li,#Amenu1.hoverd #subSet1 li{min-width:120px; height:32px; line-height:32px; background:url('/image/LCMS/A27/menu_off.gif'); list-style:none; padding:0px 20px 0px 30px;  margin-top:-1px; font-weight:bold; border:1px #cacaca solid}
#Amenu1:hover #subSet1 li a, #Amenu1.hoverd #subSet1 li a{color:#777}
#Amenu1:hover #subSet1 li.on, #Amenu1.hoverd #subSet1 li.on{background:url('/image/LCMS/A27/menu_on.gif'); border:1px #32527e solid}
#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('/image/LCMS/A27/menu_on.gif'); border:1px #32527e solid}
#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}
#Amenu2:hover #subSet2 li, #Amenu2.hoverd #subSet2 li{min-width:120px; height:32px; line-height:32px; background:url('/image/LCMS/A27/menu_off.gif'); list-style:none; padding:0px 20px 0px 30px; margin-top:-1px; font-weight:bold; border:1px #cacaca solid}
#Amenu2:hover #subSet2 li a, #Amenu2.hoverd #subSet2 li a{color:#777}
#Amenu2:hover #subSet2 li.on, #Amenu2.hoverd #subSet2 li.on{background:url('/image/LCMS/A27/menu_on.gif'); border:1px #32527e solid}
#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('/image/LCMS/A27/menu_on.gif'); border:1px #32527e solid}
#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}
#Amenu3:hover #subSet3 li,#Amenu3.hoverd #subSet3 li{min-width:120px; height:32px; line-height:32px; background:url('/image/LCMS/A27/menu_off.gif'); list-style:none; padding:0px 20px 0px 30px; margin-top:-1px; font-weight:bold; border:1px #cacaca solid}
#Amenu3:hover #subSet3 li a, #Amenu3.hoverd #subSet3 li a{color:#777}
#Amenu3:hover #subSet3 li.on, #Amenu3.hoverd #subSet3 li.on{background:url('/image/LCMS/A27/menu_on.gif'); border:1px #32527e solid}
#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('/image/LCMS/A27/menu_on.gif'); border:1px #32527e solid}
#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}
#Amenu4:hover #subSet4 li,#Amenu4.hoverd #subSet4 li{width:100px; height:32px; line-height:32px; background:url('/image/LCMS/A27/menu_off.gif'); list-style:none; padding:0px 20px 0px 30px; margin-top:-1px; font-weight:bold; border:1px #cacaca solid}
#Amenu4:hover #subSet4 li a, #Amenu4.hoverd #subSet4 li a{color:#777}
#Amenu4:hover #subSet4 li.on, #Amenu4.hoverd #subSet4 li.on{background:url('/image/LCMS/A27/menu_on.gif'); border:1px #32527e solid}
#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('/image/LCMS/A27/menu_on.gif'); border:1px #32527e solid}
#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}


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


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

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

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


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

.placeholder
{
  color: #aaa;
}

/*ÄÁÅÙÃ÷¿µ¿ª*/
.content{width:720px; height:404px; background:url('/image/LCMS/A27/story/bg.jpg');}
.hide{display:none}
.show{display:block}


/*½ÃÀÛÆäÀÌÁö*/
.startText{text-align:center; font-size:18px; font-weight:bold; color:#000; line-height:1.6em; margin:0 auto;margin-bottom:30px;}
.startBtn{width:230px; height:62px; background:url('/image/LCMS/A27/story/btn_warmingup_start.png'); cursor:pointer; margin:0 auto;}



/*ÇнÀ¸ñÇ¥ÆäÀÌÁö*/
.teacher_pic_P02{position:absolute; top:80px; left:25px; padding:0px 4px 5px 1px; width:320px; height:240px; z-index:20}
.ready_box{position:absolute; left:365px; top:80px; width:343px; *zoom:1;}

.ready_box1_title{position:relative; height:35px; list-style:none; padding-top:0px;
border-radius:15px 15px 0 0;background:url('/image/LCMS/A27/story/box_outline.png');border-top:1px solid #007274;border-left:1px solid #007274;border-right:1px solid #007274;border-bottom:0px solid #007274;
color:#FFF; font-size:16px; padding-left:20px; line-height:35px; font-weight:bold}
.ready_box1{position:relative; min-height:20px; max-height:100px; overflow-y:auto; 
border-radius:0 0 15px 15px;background:#FFF;border-bottom:1px solid #adb0b3;border-left:1px solid #adb0b3;border-right:1px solid #adb0b3;
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9),to(#EBEBEB));}
.ready_box1 ul{position:relative; padding-left:0px; margin:12px 0px; }
.ready_box1 ul li{font-size:14px; font-weight:bold; list-style:none; color:#000; padding:0px 10px 0px 20px;}
.ready_box1 ul li div{background:url('/image/LCMS/A27/story/ready_dot.gif') left 8px no-repeat; padding-left:15px; width:258px; line-height:1.6em}
.ready_box1_bottom{}

.ready_box2_title{position:relative; height:35px; list-style:none; padding-top:0px;margin-top:20px;
border-radius:15px 15px 0 0;background:url('/image/LCMS/A27/story/box_goal.png');border-top:1px solid #004280;border-left:1px solid #004280;border-right:1px solid #004280;border-bottom:0px solid #004280;
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 15px 15px;background:#FFF;border-bottom:1px solid #adb0b3;border-left:1px solid #adb0b3;border-right:1px solid #adb0b3;
background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9),to(#EBEBEB));}
.ready_box2 ul{position:relative; padding-left:0px; margin-top:12px; height:70px; overflow-y:auto}
.ready_box2 ul li{font-size:14px; font-weight:bold; list-style:none; color:#000; padding:0px 10px 0px 20px;}
.ready_box2 ul li div{background:url('/image/LCMS/A27/story/ready_dot.gif') left 8px no-repeat; padding-left:15px; width:258px; line-height:1.6em}
.ready_box2_bottom{}


/*±³¼öÇÁ·ÎÇÊ*/
#profile{background:url('/image/LCMS/A27/story/prof_bg.jpg'); position:absolute}
#profile .profile_title{background:url('/image/LCMS/A27/story/prof_icon.png') top left no-repeat; position:absolute; left:25px; top:20px; color:#fff; font-weight:bold; width:400px; height:30px; line-height:30px; padding-left:50px; font-size:18px;}
#profile .profile_close{position:absolute; top:10px; right:10px; width:26px; height:25px; background:url('/image/LCMS/A27/story/btn_profile_close.png'); cursor:pointer}
#profile .profile_pic{position:absolute; top:70px; left:25px; width:106px; height:144px;}
#profile .profile_inside_pic{ width:106px; height:144px; margin:5px; background-size:cover}
#profile .profile_degree_title{position:absolute;top:88px; left:160px; height:20px; line-height:20px; padding-left:10px; background:url('/image/LCMS/A27/story/prof_arr.png') left no-repeat; font-size:16px; font-weight:bold; color:#002a7f; z-index:51}
#profile .profile_degree_box{position:absolute; top:78px; left:140px; width:525px; height:95px; background:url('/image/LCMS/A27/story/box_profile1.png');z-index:50; padding:35px 0px 15px 25px;}
#profile .profile_degree{position:relative; width:100%; height:100%; font-size:14px; font-weight:bold; color:#000;  overflow-y:auto; line-height:1.6em}
#profile .profile_carrer_title{position:absolute;top:238px; left:40px; height:20px; line-height:20px; padding-left:10px; background:url('/image/LCMS/A27/story/prof_arr.png') left no-repeat; font-size:16px; font-weight:bold; color:#002a7f; z-index:51}
#profile .profile_carrer_box{position:absolute; top:228px; left:25px; width:640px; height:110px; background:url('/image/LCMS/A27/story/box_profile2.png');z-index:50; padding:35px 0px 15px 25px;}
#profile .profile_carrer{position:relative; width:100%; height:100%; font-size:14px; font-weight:bold; color:#000;  overflow-y:auto; line-height:1.6em}

/*¼­ºêÀÎÆ®·Î, ÅؽºÆ® Çü½ÄÀÇ ±³¼öÀ̹ÌÁö¿µ¿ª*/
.teacher_pic{position:absolute; top:31px; left:30px; width:210px; height:380px; border:0px #f00 solid}

/*¼­ºêÀÎÆ®·Î*/
.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:30px; font-weight:bold; color:#333333;margin-bottom:40px; line-height:1.3em;}
.subStartBtn{width:201px; height:56px; background:url('/image/LCMS/A27/story/btn_study_start.png'); cursor:pointer;}

/*ÅؽºÆ®ÆäÀÌÁö*/
.textBox{position:absolute; left:260px; top:25px; width:420px; height:350px; background:url('/image/LCMS/A27/story/box_check2.png'); padding:20px 0 0 30px;}
.textBoxConBox{} 
/*.textBoxConBox{position:relative; width:463px; height:260px; padding:0px 20px; background:url('/image/LCMS/A1/story/icon_leaf.png') 20px top no-repeat; padding-top:70px;} */
.textBoxCon{position:relative; width:395px; height:290px; overflow-y:auto;line-height:1.3em; padding-right:20px;} 
.leftTitle{}
.btnPrint{position:absolute; left:550px; top:340px; width:111px; height:36px; background:url('/image/LCMS/A4/story/btn_print.png'); cursor:pointer; z-index:50}
.btnTextNext{position:absolute; left:550px; top:340px; width:110px; height:36px; background:url('/image/LCMS/A27/story/btn_qnext.png'); cursor:pointer; z-index:80}


/*ÇнÀÁ¤¸®*/
.studyBox{position:absolute; left:250px; top:25px; width:465px; height:370px; background:url('/image/LCMS/A27/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:420px; min-height:60px; margin:0 auto; font-size:16px; color:#000; font-weight:bold; padding-top:0px;}
.study_bar_btm{position:relative;  height:15px; margin-left:1px; padding-top:0px;background:url('/image/LCMS/A27/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 #6B7583 solid; padding:20px; font-size:14px; line-height:1.8 }

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


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

.btnMansViewOn{background:url('/image/LCMS/A27/story/btn_others.png');}
.btnTeachViewOn{background:url('/image/LCMS/A27/story/btn_prof.png');}
.btnWriteOn{background:url('/image/LCMS/A27/story/btn_list.png');}




/*´ÙÀ½Â÷½Ã¿¹°í*/
.endText1{font-size:20px; color:#000; font-weight:bold; line-height:1.6em}
.endText2{font-size:20px; color:#666; font-weight:bold; line-height:1.6em; margin-top:20px;}
.thisTitle{background-color:#3695A1; color:#fff; padding:0 5px;}
.nextTitle{text-decoration:underline;padding:0 5px;color:#E45D5D;}







/*¹®Á¦*/
.quiz_box_ox{width:660px; margin:0 auto; padding-top:20px;}
.quiz_box_ox .quiz_top{width:625px; height:0px; font-size:0px}
.quiz_box_ox .quiz_cen{width:660px; height:90px; background:url('/image/LCMS/A27/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('/image/LCMS/A27/story/box_quiz_bg.png'); padding:0px 0px 20px 50px; margin-top:5px;}
.quiz_con_box2{width:630px; height:165px; background:url('/image/LCMS/A27/story/box_quiz_bg.png'); padding:20px 0px 20px 30px; margin-top:5px;}

.quiz_con_img{width:605px; height:165px; padding:0px 20px 0px 0px;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('/image/LCMS/A27/story/quiz_o.png');float:left; cursor:pointer}
.quiz_con .btn_o_click{background:url('/image/LCMS/A27/story/quiz_o_on.png');}
.quiz_con .btn_x{width:265px; height:187px; background:url('/image/LCMS/A27/story/quiz_x.png');float:left; cursor:pointer; margin-left:10px;}
.quiz_con .btn_x_click{background:url('/image/LCMS/A27/story/quiz_x_on.png');}

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

.answer_x{width:660px; height:55px; margin-left:0px; margin-top:10px; background:url('/image/LCMS/A27/story/quiz_return.png'); }
.answer_o{width:660px; height:75px; padding:0px 0px 0px 0px; margin:0 auto; font-size:16px; color:#333; padding-top:0px;background:url('/image/LCMS/A27/story/quiz_answer.png');}
.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:560px;margin:0 0 0 20px; height:62px; margin-top:5px; overflow-y:auto; padding:0px;font-size:0px}
.answer_o table{width:540px; margin:0 auto;font-size:14px; line-height:1.6}
.answer_o table th.answer_icon{width:60px; height:26px; background:url('/image/LCMS/A27/story/img_correct.gif') no-repeat;}
.answer_o table th.text_icon{width:60px; height:26px; background:url('/image/LCMS/A27/story/img_explanation.gif') no-repeat;}
.answer_o table td{text-align:left; padding-left:10px;}
.answer_ox{font-weight:bold; color:#000; padding-top:5px;}

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

.btn_next_quiz{position:absolute; bottom:10px; right:13px; display:none; width:100px; height:80px; cursor:pointer;background:url('/image/LCMS/A27/story/btn_q_next.png');  z-index:80}
.btn_next_quiz1{position:absolute; bottom:10px; right:13px; display:none; width:100px; height:80px; cursor:pointer;background:url('/image/LCMS/A27/story/btn_q_next.png'); z-index:81}
.btn_next_quizOx{position:absolute; bottom:10px; right:13px; display:none; width:100px; height:80px; cursor:pointer;background:url('/image/LCMS/A27/story/btn_q_next.png'); z-index:81}


.result_box{position:absolute; width:660px; top:30px; left:35px;}
.result_box_head{position:relative; width:660px; height:90px; background:url('/image/LCMS/A27/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:155px; background:url('/image/LCMS/A27/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:200px; top:330px; width:110px; height:36px; background:url('/image/LCMS/A27/story/btn_again.png'); cursor:pointer}
.btn_nextPage{position:absolute; left:315px; top:330px; width:110px; height:36px; background:url('/image/LCMS/A27/story/btn_qnext.png'); cursor:pointer}


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

.quiz1x {background:url('/image/LCMS/A27/story/quiz_1_x.png') center center no-repeat;}
.quiz2x {background:url('/image/LCMS/A27/story/quiz_2_x.png') center center no-repeat;}
.quiz3x {background:url('/image/LCMS/A27/story/quiz_3_x.png') center center no-repeat;}
.quiz4x {background:url('/image/LCMS/A27/story/quiz_4_x.png') center center no-repeat;}
.quiz5x {background:url('/image/LCMS/A27/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.6em; overflow-y:auto}
.quiz_con_subtext1{position:relative; width:100%; font-size:14px; color:#333; line-height:1.6em; margin-bottom:10px;}

.quiz_write1{position:absolute; left:80px; top:190px; width:465px; height:50px; padding:20px 0px 20px 20px; /* background:url('/image/LCMS/A1/story/answer_bg2.png');*/ }
.quiz_write_textarea1{width:520px; height:80px; padding:10px; font-size:14px; line-height:1.8; overflow:auto;border:1px solid #d7d7d7; }
.quiz_write_textareA8{width:465px; height:100%; margin-left:1px; border:0; padding:0px 20px 0px 0px; font-size:14px; line-height:1.8; overflow:auto }

.quiz_write2{position:absolute; left:60px; }
.quiz_write_textarea2{width:610px; height:110px; padding:10px; font-size:14px; line-height:1.8; overflow:auto;border:1px solid #d7d7d7; }
.btn_quiz_write1{position:absolute; bottom:10px; right:13px; width:100px; height:80px; cursor:pointer; background:url('/image/LCMS/A27/story/btn_write.png');  z-index:100}
.btn_quiz_write{position:absolute; bottom:10px; right:13px; width:100px; height:80px; cursor:pointer; background:url('/image/LCMS/A27/story/btn_result.png');  z-index:100}

.quiz_box{width:686px; height:365px; margin:0 auto; padding-top:20px;}
.quiz_box .quiz_tit{width:656px; height:50px; background:url('/image/LCMS/A27/quiz_tit_bg2.png'); 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;}
.bg2{background:url('/image/LCMS/A27/quiz_bg2.png');}
.bg3{background:url('/image/LCMS/A27/quiz_bg3.png');}
.bg4{background:url('/image/LCMS/A27/quiz_bg4.png');}
.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.6em;}

.study{width:720px; height:404px; background:url('/image/LCMS/A27/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.6em}

.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-family:¸¼Àº °íµñ; 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.6em; background:url('/image/LCMS/A27/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('/image/LCMS/A27/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:40px; width:800px; height:550px; margin:0 auto; background:url('/image/LCMS/popup/typeA/layerGuide/bg.jpg'); z-index:100; border:1px #000 solid}
.guideMenu{position:absolute; left:300px; top:30px; 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:115px; height:40px; cursor:pointer}
.guideMenu ul li.guideMenu1{background:url('/image/LCMS/popup/typeA/layerGuide/navi_01.png');}
.guideMenu ul li.guideMenu2{background:url('/image/LCMS/popup/typeA/layerGuide/navi_02.png');}
.guideMenu ul li.guideMenu3{background:url('/image/LCMS/popup/typeA/layerGuide/navi_03.png');}
.guideMenu ul li.guideMenu4{background:url('/image/LCMS/popup/typeA/layerGuide/navi_04.png');}

.guideMenu ul li.guideMenu1on{background:url('/image/LCMS/popup/typeA/layerGuide/navi_01_ov.png');}
.guideMenu ul li.guideMenu2on{background:url('/image/LCMS/popup/typeA/layerGuide/navi_02_ov.png');}
.guideMenu ul li.guideMenu3on{background:url('/image/LCMS/popup/typeA/layerGuide/navi_03_ov.png');}
.guideMenu ul li.guideMenu4on{background:url('/image/LCMS/popup/typeA/layerGuide/navi_04_ov.png');}


.guideConBoxMenu{position:absolute; left:40px; 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:40px;background:url('/image/LCMS/popup/typeA/layerGuide/m_01.gif');}
.guideConBoxMenu ul li.guideConBoxMenu2{width:130px; height:40px;background:url('/image/LCMS/popup/typeA/layerGuide/m_02.gif');}
.guideConBoxMenu ul li.guideConBoxMenu3{width:129px; height:40px;background:url('/image/LCMS/popup/typeA/layerGuide/m_03.gif');}
.guideConBoxMenu ul li.guideConBoxMenu4{width:140px; height:40px;background:url('/image/LCMS/popup/typeA/layerGuide/m_04.gif');}

.guideConBoxMenu ul li.guideConBoxMenu1on{width:140px; height:40px;background:url('/image/LCMS/popup/typeA/layerGuide/m_01_ov.gif');}
.guideConBoxMenu ul li.guideConBoxMenu2on{width:130px; height:40px;background:url('/image/LCMS/popup/typeA/layerGuide/m_02_ov.gif');}
.guideConBoxMenu ul li.guideConBoxMenu3on{width:129px; height:40px;background:url('/image/LCMS/popup/typeA/layerGuide/m_03_ov.gif');}
.guideConBoxMenu ul li.guideConBoxMenu4on{width:140px; height:40px;background:url('/image/LCMS/popup/typeA/layerGuide/m_04_ov.gif');}

.guideNavi{position:absolute; left:615px; top:20px; width:160px; height:45px; padding-left:0px; margin-left:0px;}
.guideNavi .leftArr{position:relative; float:left; width:40px; height:40px; background:url('/image/LCMS/popup/typeA/layerGuide/arr_lft_ov.gif'); cursor:pointer}
.guideNavi .cenDot{position:relative; float:left; width:70px; height:40px; background:url('/image/LCMS/popup/typeA/layerGuide/arr_dot.gif');}
.guideNavi .rightArr{position:relative; float:left; width:40px; height:40px; background:url('/image/LCMS/popup/typeA/layerGuide/arr_rgt_ov.gif'); cursor:pointer}
.guideNavi .leftArrOff{background:url('/image/LCMS/popup/typeA/layerGuide/arr_lft_off.gif'); cursor:default}
.guideNavi .rightArrOff{background:url('/image/LCMS/popup/typeA/layerGuide/arr_rgt_off.gif'); cursor:default}



#listLayer{position:absolute; left:70px; top:40px; width:800px; height:550px; margin:0 auto; background:url('/image/LCMS/popup/typeA/layerList/bg.jpg'); z-index:100; border:1px #000 solid; display:none}
.layerConBox{position:absolute; top:70px; left:0px; width:800px; height:480px; background:url('/image/LCMS/popup/typeA/layerGuide/box_bg.png');}
.layerConTitleBox{position:relative; width:720px; height:40px; background-color:#cae7f4; border:1px #72bedb solid; font-size:16px; color:#0064A8; 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:10px; right:10px; width:28px; height:27px; background:url('/image/LCMS/B1/story/btn_close.png'); cursor:pointer}

.tbGuide1{width:680px; margin-left:40px;}
.tbGuide1 th{padding:10px 0px 10px 15px; background:url('/image/LCMS/popup/typeA/layerGuide/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('/image/LCMS/popup/typeA/layerGuide/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('/image/LCMS/popup/typeA/layerGuide/arr_black.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; background:url('/image/LCMS/popup/typeA/layerGuide/bg_guide3.gif')}
.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{padding:1px 1px 1px 20px; font-size:14px; color:#555; font-weight:bold; text-align:left; width:90px; vertical-align:top;line-height:1.6;}
.tbGuideLst th.leftBar{border-left:1px #72bedb 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:470px; height:570px; margin:0 auto; background:url('/image/LCMS/popup/typeA/layerDown/bg.jpg'); z-index:100; border:1px #000 solid; display:none}
.downConBox{position:absolute; top:0px; left:0px; width:470px; height:570px; background:url('/image/LCMS/popup/typeA/layerDown/bx_bg.png');}
.downBox{position:relative; width:400px; height:400px; border:1px #ababab solid; overflow-y:auto; margin:0 auto; margin-top:115px; }
.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:115px; height:27px; background:url('/image/LCMS/popup/typeA/layerDown/btn_dnld.png'); cursor:pointer}

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

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


.fpwrapper{background: #333 url('/image/LCMS/common/loading1.gif') center no-repeat; width:100%;}
.flowplayer{z-index:29;}

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

.study_teachBox_close{position:absolute; top:10px; right:20px; width:26px; height:25px; background:url('/image/LCMS/A27/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('/image/LCMS/common/bottom_bg.gif')}