@import url(/css/nanumgothic.css);


body {
	width: 979px;
	height: 640px;
	margin: 0px;
	padding: 0px;
	font-family: '나눔고딕','Nanum Gothic','맑은 고딕','돋움',dotum,Helvetica,sans-serif!important;
	overflow: hidden;
}


div#main_bg {
	width: 979px;
	height: 636px;
	background-color:#dddddd;
	background-repeat:no-repeat;
	background-position:50% 50%;
}


div#pageall_bg {
	width: 979px;
	height: 558px;
	background-color:#dddddd;

}

div#pageall {
	position: relative;

	left: 30px;
	width: 915px;
	height: 517px;
	background-color:#ffffff;
}


div#top {
	position: relative;
	width: 640px;
	height: 43px;
	z-index:100;
}








div#play { top: 23px; left: 650px; width: 21px; height: 22px; cursor: pointer; background: url('/images/BG_01_img/play_btn.png') no-repeat; }
div#play:hover{background: url('/images/BG_01_img/play_btn.png') no-repeat;}

div#pause{top: 25px; left: 682px; width: 16px; height: 20px; cursor: pointer; background: url('/images/BG_01_img/pause_btn.png') no-repeat;}
div#pause:hover{background: url('/images/BG_01_img/pause_btn.png') no-repeat;}


div#icon_01{width:43px; height:43px; top:13px; left:32px; background: url('/images/BG_01_img/professor_icon_over.png') no-repeat; cursor: pointer;}
div#icon_01:hover{background: url('/images/BG_01_img/professor_icon_over.png') no-repeat;}
div#icon_02{width:43px; height:43px; top:13px; left:95px; background: url('/images/BG_01_img/qa_icon_over.png') no-repeat; cursor: pointer;}
div#icon_02:hover{background: url('/images/BG_01_img/qa_icon_over.png') no-repeat;}


div#right_menu_01{width:70px;height:53px;background: url('/images/BG_01_img/right_menu_01.jpg') no-repeat; cursor: pointer;}
div#right_menu_01:hover{background: url('/images/BG_01_img/right_menu_over_01.jpg') no-repeat;}
div#right_menu_02{width:70px;height:49px;top:53px; background: url('/images/BG_01_img/right_menu_02.jpg') no-repeat; cursor: pointer;}
div#right_menu_02:hover{background: url('/images/BG_01_img/right_menu_over_02.jpg') no-repeat;}

div#right_menu_03{width:70px;height:52px;top:102px; background: url('/images/BG_01_img/right_menu_03.jpg') no-repeat; cursor: pointer;}
div#right_menu_03:hover{background: url('/images/BG_01_img/right_menu_over_03.jpg') no-repeat;}
div#right_menu_04{width:70px;height:46px;top:154px; background: url('/images/BG_01_img/right_menu_04.jpg') no-repeat; cursor: pointer;}
div#right_menu_04:hover{background: url('/images/BG_01_img/right_menu_over_04.jpg') no-repeat;}
div#right_menu_05{width:70px;height:48px;top:200px; background: url('/images/BG_01_img/right_menu_05.jpg') no-repeat; cursor: pointer;}
div#right_menu_05:hover{background: url('/images/BG_01_img/right_menu_over_05.jpg') no-repeat;}
div#right_menu_06{width:70px;height:51px;top:248px; background: url('/images/BG_01_img/right_menu_06.jpg') no-repeat; cursor: pointer;}
div#right_menu_06:hover{background: url('/images/BG_01_img/right_menu_over_06.jpg') no-repeat;}
div#right_menu_07{width:70px;height:46px;top:299px; background: url('/images/BG_01_img/right_menu_07.jpg') no-repeat; cursor: pointer;}
div#right_menu_07:hover{background: url('/images/BG_01_img/right_menu_over_07.jpg') no-repeat;}
div#right_menu_08{width:70px;height:49px;top:345px; background: url('/images/BG_01_img/right_menu_08.jpg') no-repeat; cursor: pointer;}
div#right_menu_08:hover{background: url('/images/BG_01_img/right_menu_over_08.jpg') no-repeat;}
div#right_menu_09{width:70px;height:60px;top:394px; background: url('/images/BG_01_img/right_menu_09.jpg') no-repeat; cursor: pointer;}
div#right_menu_09:hover{background: url('/images/BG_01_img/right_menu_over_09.jpg') no-repeat;}

div#right_menu_02_1{width:70px;height:49px;top:0px; background: url('/images/BG_01_img/start.png') no-repeat,#FFF;background-position:center top; cursor: pointer;border-top:1px solid #2493ce;border-left:1px solid #2493ce;border-right:1px solid #2493ce;text-align:center;}
div#right_menu_02_1:hover{background: url('/images/BG_01_img/start.png') no-repeat,#FFF;background-position:center top;}
div#right_menu_03_1{width:70px;height:52px;top:49px; background: url('/images/BG_01_img/objective.png') no-repeat,#FFF;background-position:center top;  cursor: pointer;border-left:1px solid #2493ce;border-right:1px solid #2493ce;text-align:center;}
div#right_menu_03_1:hover{background: url('/images/BG_01_img/objective.png') no-repeat,#FFF;background-position:center top; }
div#right_menu_04_1{width:70px;height:46px;top:101px; background: url('/images/BG_01_img/keyword.png') no-repeat,#FFF;background-position:center top;  cursor: pointer;border-left:1px solid #2493ce;border-right:1px solid #2493ce;text-align:center;}
div#right_menu_04_1:hover{background: url('/images/BG_01_img/keyword.png') no-repeat,#FFF;background-position:center top; }
div#right_menu_05_1{width:70px;height:48px;top:147px; background: url('/images/BG_01_img/study.png') no-repeat,#FFF; background-position:center top; cursor: pointer;border-left:1px solid #2493ce;border-right:1px solid #2493ce;text-align:center;}
div#right_menu_05_1:hover{background: url('/images/BG_01_img/study.png') no-repeat,#FFF;background-position:center top; }
div#right_menu_06_1{width:70px;height:51px;top:195px; background: url('/images/BG_01_img/summary.png') no-repeat,#FFF;background-position:center top;  cursor: pointer;border-left:1px solid #2493ce;border-right:1px solid #2493ce;text-align:center;}
div#right_menu_06_1:hover{background: url('/images/BG_01_img/summary.png') no-repeat,#FFF;background-position:center top; }
div#right_menu_07_1{width:70px;height:46px;top:246px; background: url('/images/BG_01_img/quiz.png') no-repeat,#FFF;background-position:center top;  cursor: pointer;border-left:1px solid #2493ce;border-right:1px solid #2493ce;text-align:center;}
div#right_menu_07_1:hover{background: url('/images/BG_01_img/quiz.png') no-repeat,#FFF;background-position:center top; }
div#right_menu_08_1{width:70px;height:49px;top:292px; background: url('/images/BG_01_img/nextTime.png') no-repeat,#FFF;background-position:center top;  cursor: pointer;border-bottom:1px solid #2493ce;border-left:1px solid #2493ce;border-right:1px solid #2493ce;text-align:center;}
div#right_menu_08_1:hover{background: url('/images/BG_01_img/nextTime.png') no-repeat,#FFF;background-position:center top; }
div#right_menu_09_1{width:70px;height:60px;top:341px; background: url('/images/BG_01_img/right_menu_09.jpg') no-repeat,#FFF;background-position:center top;  cursor: pointer;border-bottom:1px solid #2493ce;border-left:1px solid #2493ce;border-right:1px solid #2493ce;text-align:center;}
div#right_menu_09_1:hover{background: url('/images/BG_01_img/right_menu_over_09.jpg') no-repeat,#FFF;background-position:center top; }


div#menu_box { top: 10px; left:980px; width:192px; height:315px; background:url("/images/BG_01_img/menu_box.jpg") no-repeat;  z-index:1000;}
.menu_lage_txt {left:20px;  width:160px; height:10px; font-size: 12pt; font-weight: 700; color:#454444; cursor: pointer;}
.menu_smail_txt {left:20px;  width:160px; height:10px; font-size: 10.5pt; color:#454444; cursor: pointer;}

div#next_balloon_btn 	{ top: -105px; left:820px; width:150px; height:130px; cursor: pointer; background:url("/images/BG_01_img/nextPage_btn.png") no-repeat 100%; display:none; z-index:1000;}


div#main_title 				{ top: 230px; left:320px;  width:490px;  font-size: 68px; color:#24aa81; font-weight: bold;}
div#main_week_num		  { top: 8px;  width: 125px; font-size: 27px; color:#ffffff; text-align:center;}
div#main_week_box 	{ top: 110px; left:295px; width:125px; height:39px;font-weight:bold;cursor: pointer; background:url("/images/BG_01_img/blank.jpg") no-repeat;}
div#main_week_subject { top: 120px; left:450px;  width: 510px; font-size:27px; font-weight:bold;color:#f2807e;letter-spacing:-2px;}


div#main_box_start 		{ top: 350px; left:780px; width:148px; height:147px; cursor: pointer;  background:url("/images/BG_01_img/blank.jpg") no-repeat;}
div#main_txt_start 		{ top: 500px; left:400px; width:223px; height:62px; cursor: pointer; color:#ffffff; text-align:center; font-size: 32pt; font-weight: 700; }

div#week_num 					{ top: 25px; left:40px;  font-size: 20px; width: 109px; height:40px; color:#ffffff; text-align:center; font-weight: bold; padding: 8px 0px 0 0px; background:url("/images/BG_01_img/week_num_bg.png") no-repeat;}
div#week_subject 			{ top: 34px; left:165px; font-size: 20px; width: color:#494848; text-align:left; font-weight: bold;}

div#title 							{ top: 20px; right:30px; font-size: 25px; font-weight: bold; color:#ffffff; text-align:right; }



div#hesel							{width:89px;  height:92px; background:url("/images/BG_01_img/hesel.jpg") no-repeat;}
.next_btn					{width:152px; height:58px; background:url("/images/BG_01_img/next_btn.png") no-repeat; display:none; }
.next_end_btn					{width:152px; height:58px; background:url("/images/BG_01_img/next_end_btn.png") no-repeat; display:none; }




/*  objective  */
div#objective_box_01 			{ top: 100px; left:500px;   width:111px;    height:33px;    background:url("/images/BG_01_img/objective_box_01.jpg") no-repeat;}
div#objective_box_02 			{ top: 310px; left:500px;   width:111px;    height:33px;    background:url("/images/BG_01_img/objective_box_02.jpg") no-repeat;}
div#objective_desk	 			{ top: 310px; left:66px;    width:326px;    height:285px;   background:url("/images/BG_01_img/objective_desk.jpg") no-repeat;}
div#objective_jewel_01		{ left:513px; width:14px;   height:14px;   background:url("/images/BG_01_img/objective_jewel_01.jpg") no-repeat;}
div#objective_jewel_02		{ left:513px; width:14px;   height:14px;   background:url("/images/BG_01_img/objective_jewel_02.jpg") no-repeat;}

/* arranges */
div#arranges_desk	 			{ top: 85px; left:6px;    width:701px;    height:403px;   background:url("/images/BG_01_img/summary_bg.jpg") no-repeat;}

/*  keyword  */

div#keyword_memo		{ top:140px;  left:100px;  width:264px; height:298px; background:#234234;	 font-size: 27pt; font-family: 'Nanum Pen Script' !important , cursive; color:#494848; text-align:center; }
div.thumb {top:200px; left:130px; float: left;list-style: text-align:center; none;margin: 0; padding: 0px;width: 980px;}
div.thumb div {margin: 0; padding: 40px;float: left;position: relative;width: 170px;height: 192px; text-align:center;}
div.thumb div img {width: 170px; height: 192px;padding: 5px;position: absolute; cursor: pointer;text-align:center;}
.title{font-size:12pt;color:#999999;position:absolute;width:185px;height:35px;margin:0;font-weight:700;padding:17px 0 0 0;text-align:left;  }


/*  ox_start   */

div#ox_title							{ left:20px;     width:878px;    height:119px;	 font-size: 27pt; font-family: 'Nanum Pen Script', cursive; color:#494848; text-align:center;}
div#ox_quiz_num						{ top: 125px; left:225px;   width:100px;    height:45px;	 font-size: 38pt; font-weight: bold; color:#780000; text-align:center; }
div#ox_img								{ top: 163px; left:355px;   width:152px;     height:152px;	 font-size: 23pt; font-weight: bold; color:#494848; text-align:center; z-index:10;}
div#ox_sound_title_img		{ top: 15px;  left:46px;    width:67px;     height:58px;  font-size: 14px; font-weight: bold; background:#1d77ac; color:#ffffff; text-align:center;  background:url("/images/BG_01_img/ox_sound_title.jpg") no-repeat; }
div#ox_sound_title				{ top: 53px;  left:96px;    font-size: 16px;  color:#898484; text-align:center; }
div#ox_main_box 					{ top: 132px; left:60px;    width:789px;    height:248px;  font-size: 14px; font-weight: bold; background:#1d77ac; color:#ffffff; text-align:center;  background:url("/images/BG_01_img/ox_main_box.png") no-repeat; }
div#ox_yes_1 ,div#ox_yes_2,div#ox_yes_3,div#ox_yes_4	{ top: 327px; left:620px;   width:117px;    height:54px;   cursor: pointer; background:url("/images/BG_01_img/ox_yes.png") no-repeat;}
div#ox_no_1,div#ox_no_2,div#ox_no_3,div#ox_no_4 			{ top: 327px; left:733px;   width:117px;    height:54px;   cursor: pointer; background:url("/images/BG_01_img/ox_no.png") no-repeat;}

div#ox_hesel 							{ top: 430px; left:60px;    width:49px;     height:26px;   font-size: 14px; font-weight: bold; background:#1d77ac; color:#ffffff; text-align:center; }
div#ox_hesel_text 				{ top: 398px; left:125px;   width:700px;    font-size: 11.5pt; color:#494848; text-align:left; }
div#ox_next 							{width:152px; height:58px; background:url("/images/BG_01_img/next_btn.jpg") no-repeat; display:none; cursor: pointer;}
div#ox_quiz								{ top: 250px; left:105px;   width:700px;    font-size: 16px; font-weight: bold; color:#000000; text-align:center; }

/*  ox_end   */

div#video_ganji_box				{ top: 150px; background:URL('/images/BG_01_img/ganji_bg.jpg') no-repeat;width:893px;height:341px;left:15px;}
div#video_s								{ top: 330px; left:900px;   width:48px;    height:52px;   cursor: pointer; background:url("/images/BG_01_img/video_s.png") no-repeat;}
div#video_jindo						{ top: 227px; left:320px;   width:76px;    height:29px;   cursor: pointer; background:url("/images/BG_01_img/video_jindo.jpg") no-repeat;}
div#video_box_bg					{ top: 30px; left:450px;   width:495px;    height:530px;   cursor: pointer; background:url("/images/BG_01_img/video_box_bg.jpg") no-repeat; z-index:30;}
div#video_loading					{ top: 38px; left:46px;   width:387px;    height:290px;   cursor: pointer; background:url("/images/BG_01_img/loading.gif") no-repeat; z-index:300; display:none;}
div#open_img						{ top: -10px; left:100px;width:58px; height:18px; cursor: pointer; background:url("/images/BG_01_img/open.png") no-repeat;}

/*  quiz_start   */

div#quiz_start_box 			{ top: 105px; left:60px;  width:796px; height:193px; font-size: 13.5pt; color:#494848; text-align:center; line-height:150%; background:url("/images/BG_01_img/quiz_start_box.jpg") no-repeat;  padding: 45px 0px 0 0px;}
div#quiz_start_btn			{ top: 344px; left:315px;  width:280px; height:66px; font-size: 27pt; font-weight: 800; color:#ffffff; text-align:center; font-family: 'Nanum Pen Script', cursive; cursor: pointer; background:url("/images/BG_01_img/quiz_off.png") no-repeat; padding: 10px 0px 0 0px;}
div#quiz_start_btn:hover    {background:url("/images/BG_01_img/quiz_on.png") no-repeat;}
div#quiz_box_bg 				{ top: 93px;  left:60px;  width:796px; height:110px; background:url("/images/BG_01_img/quiz_box_bg1.jpg") no-repeat; }
div#quiz_num						{ top: 105px; left:73px; width:100px; height:45px;	 font-size: 46pt; font-weight: 700; color:#494848; text-align:left; }
div#quiz_question				{ top: 100px; left:150px; width:700px; height:85px;  }
.quiz_example				{ top: 240px; left:115px; width:750px; font-size: 12pt; font-weight: 400; color:#000000; text-align:left; cursor: pointer; padding: 7px; list-style-type: decimal-leading-zero;?}
div#quiz_hesel_text			{ top: 385px; left:140px; width:700px; font-size: 11pt; font-weight: 400; color:#000000; text-align:left;}
.quiz_dab_ok 						{ top: 321px; left:700px;  width:86px; height:87px; font-size: 11pt; font-weight: 700; color:#ffffff; text-align:center; cursor: pointer; background:url("/images/BG_01_img/quiz_dab_ok.jpg") no-repeat; padding: 5px 0px 0 0px; display:none;}
.quiz_end_box 					{ top: 140px; left:100px;  width:186px; height:152px; font-size: 13.5pt; color:#494848; text-align:center; line-height:150%; background:url("/images/BG_01_img/quiz_END_box.jpg") no-repeat;  padding: 45px 0px 0 0px;}
div#quiz_score    			{ top: 12px;  width:186px; height:152px; font-size: 19pt; font-weight: 700; color:#ffffff;}
.quiz_ox                { top: 90px;  width:186px; font-size: 38pt; font-weight: 700; }
.quiz_ox_img					{top:-5px; left:-47px; width:42px;     height:37px;	  text-align:center; z-index:10;}
div#quiz_check_img					{ top: 170px; left:480px;   width:42px;     height:37px;	  text-align:center; z-index:10;}
div#quiz_box_he 				{ top: 445px;  left:90px;  width:796px; height:122px; background:url("/images/BG_01_img/quiz_box_he.png") no-repeat; }

/*  quiz_end   */



li#header_text2_2 { top: 19px; left: 333px; font-size: 12px; font-weight:  bold;
}  li#header_text3_2 {  top: 19px;  left: 673px;  font-size: 12px;  font-weight:
bold; }

der_text22 { top: 16px; left: 280px; font-size: 15px; font-weight: bold; }
li#header_text32 { top: 16px; left: 570px; font-size: 15px; font-weight: bold; }

li#header_text2_3 { top: 19px; left: 333px; font-size: 12px; font-weight: bold; }
li#header_text3_3 { top: 19px; left: 623px; font-size: 12px; font-weight: bold; }

div#content {
	position: relative;
	width: 915px;
	height: 517px;
}

div#bg_img {
	position:absolute;
	width: 640px;
	height: 174px;
	top: 422px;
	background:url("/images/BG_01_img/bg_img.png") no-repeat;
}




div#down {
	position: absolute;
	width: 980px;
	height: 69px;
	background:#dddddd;
}

a {
	position: absolute;
	text-decoration: none;
}

div {
	position: absolute;
}

img {
	position: absolute;
	display: block;
	border: none;
}

#con   {background-color:#2493ce;}
#con2  {background-color:#2493ce;}

#scrollbar1 { top: 90px; left:460px; width: 420px; clear: both; margin: 20px 0 10px; z-index:10}
#scrollbar1 .viewport { width: 400px; height: 370px; overflow: hidden; position: relative; }
#scrollbar1 .overview { font-size:11pt; font-weight: 400; letter-spacing:-1px; color:#898484; list-style: none; position: absolute; left: 0; top: 0; line-height:180%;}
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #aca9a9; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track { left:50px; background-color: #d7d7d7; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { left:1px; background-color:#aca9a9; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


#scrollbar2 { top: 220px; left: 85px; width: 210px; clear: both; margin: 20px 0 10px; z-index:10;}
#scrollbar2 .viewport { width: 195px; height: 100px; overflow: hidden; position: relative; }
#scrollbar2 .overview { font-size:11pt; color:#898484; font-weight: 400; list-style: none; position: absolute; left: 0; top: 0; line-height:140%;}
#scrollbar2 .thumb .end,
#scrollbar2 .thumb { background-color: #aca9a9; }
#scrollbar2 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar2 .track { left:10px; background-color: #d7d7d7; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar2 .thumb { left:1px; background-color:#aca9a9; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar2 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar2 .disable{ display: none; }



#scrollbar3 { top: 220px; left: 355px; width: 210px; clear: both; margin: 20px 0 10px; z-index:10}
#scrollbar3 .viewport { width: 195px; height: 100px; overflow: hidden; position: relative; }
#scrollbar3 .overview { font-size:11pt; color:#898484; font-weight: 400; list-style: none; position: absolute; left: 0; top: 0; line-height:140%;}
#scrollbar3 .thumb .end,
#scrollbar3 .thumb { background-color: #aca9a9; }
#scrollbar3 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar3 .track { left:10px; background-color: #d7d7d7; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar3 .thumb { left:1px; background-color:#aca9a9; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar3 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar3 .disable{ display: none; }



#scrollbar4 { top: 220px; left: 625px; width: 210px; clear: both; margin: 20px 0 10px; z-index:10}
#scrollbar4 .viewport { width: 195px; height: 100px; overflow: hidden; position: relative; }
#scrollbar4 .overview { font-size:11pt; color:#898484; font-weight: 400; list-style: none; position: absolute; left: 0; top: 0; line-height:140%;}
#scrollbar4 .thumb .end,
#scrollbar4 .thumb { background-color: #aca9a9; }
#scrollbar4 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar4 .track { left:10px; background-color: #d7d7d7; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar4 .thumb { left:1px; background-color:#aca9a9; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar4 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar4 .disable{ display: none; }




#scrollbar5 { top: 30px; left:451px; width: 510px; clear: both; margin: 0px 0 10px; z-index:10}
#scrollbar5 .viewport { top: 1px; width: 493px; height: 528px; overflow: hidden; position: relative; }
#scrollbar5 .overview { font-size:12pt; color:#898484; list-style: none; position: absolute; left: 0; top: 0; line-height:180%;}
#scrollbar5 .thumb .end,
#scrollbar5 .thumb { background-color: #aca9a9; }
#scrollbar5 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar5 .track { left:0px; background-color: #d7d7d7; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar5 .thumb { left:1px; background-color:#aca9a9; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar5 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar5 .disable{ display: none; }



#scrollbar6 { top: 150px; left:510px; width: 430px; clear: both; margin: 0px 0 10px; z-index:10}
#scrollbar6 .viewport { top: 1px; width: 413px; height: 135px; overflow: hidden; position: relative; }
#scrollbar6 .overview { font-size:12pt; font-weight: 400; color:#898484; list-style: none; position: absolute; left: 0; top: 0; line-height:120%;}
#scrollbar6 .thumb .end,
#scrollbar6 .thumb { background-color: #aca9a9; }
#scrollbar6 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar6 .track { left:0px; background-color: #d7d7d7; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar6 .thumb { left:1px; background-color:#aca9a9; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar6 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar6 .disable{ display: none; }




#scrollbar7 { top: 360px; left:510px; width: 430px; clear: both; margin: 0px 0 10px; z-index:10}
#scrollbar7 .viewport { top: 1px; width: 413px; height: 135px; overflow: hidden; position: relative; }
#scrollbar7 .overview { font-size:12pt; font-weight: 400; color:#898484; list-style: none; position: absolute; left: 0; top: 0; line-height:120%;}
#scrollbar7 .thumb .end,
#scrollbar7 .thumb { background-color: #aca9a9; }
#scrollbar7 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar7 .track { left:0px; background-color: #d7d7d7; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar7 .thumb { left:1px; background-color:#aca9a9; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar7 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar7 .disable{ display: none; }


#scrollbar8 { top: 90px; left:460px; width: 420px; clear: both; margin: 20px 0 10px; z-index:10}
#scrollbar8 .viewport { width: 400px; height: 370px; overflow: hidden; position: relative; }
#scrollbar8 .overview { color:#898484;list-style: none; position: absolute; left: 0; top: 0;}
#scrollbar8 .thumb .end,
#scrollbar8 .thumb { background-color: #aca9a9; }
#scrollbar8 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar8 .track { left:50px; background-color: #d7d7d7; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar8 .thumb { left:1px; background-color:#aca9a9; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar8 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar8 .disable{ display: none; }


#scrollbar_puiz1 { top: 385px; left:170px; width: 700px; clear: both; margin: 0px 0 10px; z-index:10}
#scrollbar_puiz1 .viewport { top: 1px; width: 683px; height: 90px; overflow: hidden; position: relative; }
#scrollbar_puiz1 .overview { font-size:12pt; font-weight: 400; color:#898484; list-style: none; position: absolute; left: 0; top: 0; line-height:120%;}
#scrollbar_puiz1 .thumb .end,
#scrollbar_puiz1 .thumb { background-color: #aca9a9; }
#scrollbar_puiz1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar_puiz1 .track { left:0px; background-color: #d7d7d7; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar_puiz1 .thumb { left:1px; background-color:#aca9a9; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar_puiz1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar_puiz1 .disable{ display: none; }


#scrollbar_puiz2 { top: 385px; left:170px; width: 700px; clear: both; margin: 0px 0 10px; z-index:10}
#scrollbar_puiz2 .viewport { top: 1px; width: 683px; height: 90px; overflow: hidden; position: relative; }
#scrollbar_puiz2 .overview { font-size:12pt; font-weight: 400; color:#898484; list-style: none; position: absolute; left: 0; top: 0; line-height:120%;}
#scrollbar_puiz2 .thumb .end,
#scrollbar_puiz2 .thumb { background-color: #aca9a9; }
#scrollbar_puiz2 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar_puiz2 .track { left:0px; background-color: #d7d7d7; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar_puiz2 .thumb { left:1px; background-color:#aca9a9; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar_puiz2 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar_puiz2 .disable{ display: none; }

#scrollbar_puiz3 { top: 385px; left:170px; width: 700px; clear: both; margin: 0px 0 10px; z-index:10}
#scrollbar_puiz3 .viewport { top: 1px; width: 683px; height: 90px; overflow: hidden; position: relative; }
#scrollbar_puiz3 .overview { font-size:12pt; font-weight: 400; color:#898484; list-style: none; position: absolute; left: 0; top: 0; line-height:120%;}
#scrollbar_puiz3 .thumb .end,
#scrollbar_puiz3 .thumb { background-color: #aca9a9; }
#scrollbar_puiz3 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar_puiz3 .track { left:0px; background-color: #d7d7d7; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar_puiz3 .thumb { left:1px; background-color:#aca9a9; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar_puiz3 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar_puiz3 .disable{ display: none; }

#scrollbar_book { top: 0px; left:5px; width: 70px; clear: both; margin: 5px 0 5px; z-index:10}
#scrollbar_book .viewport { width: 60px; height: 90px; overflow: hidden; position: relative; }
#scrollbar_book .overview { font-size:12px; font-weight: 400; color:#898484; list-style: none; position: absolute; left: 0; top: 0; line-height:120%;}
#scrollbar_book .thumb .end,
#scrollbar_book .thumb { background-color: #aca9a9; }
#scrollbar_book .scrollbar { position: relative; float: right; width: 10px; }
#scrollbar_book .track { left:0px; background-color: #d7d7d7; height: 100%; width:3px; position: relative; padding: 0 1px; }
#scrollbar_book .thumb { left:1px; background-color:#aca9a9; height: 20px; width: 3px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar_book .thumb .end { overflow: hidden; height: 5px; width: 8px; }
#scrollbar_book .disable{ display: none; }

#quiz_pop_box_bg 				{ top: 93px;  left:60px;  width:796px; height:110px; background:url("/images/BG_01_img/quiz_box_bg.jpg") no-repeat; }
#quiz_pop_num					{ top: 5px; left:0px; width:100px; height:45px;	 font-size: 46pt; font-weight: 700; color:#494848; text-align:left; }
#quiz_pop_question				{ top: 0px; left:77px; width:700px; height:85px;  }
.quiz_pop_example				{ top: 140px; left:42px; width:750px; font-size: 12pt; font-weight: 400; color:#000000; text-align:left; padding: 7px; list-style-type: decimal-leading-zero;?}
div#hesel_pop					{width:89px;  height:92px; background:url("/images/BG_01_img/hesel.jpg") no-repeat;}
#quiz_pop_hesel_text			{ top: 285px; left:67px; width:700px; font-size: 11pt; font-weight: 400; color:#000000; text-align:left;}
.popWrap {background:#fff;border-radius:10px;width:750px;height:380px;box-shadow: 2px 2px 2px 3px rgba(0,0,0,0.08);border:3px solid #2493ce;}
.popWrap .close {margin-top:-140px;margin-left:756px;position:absolute;}

#pop_answer_1 { top: 245px; left:80px; width: 70px; clear: both; margin: 0px 0 10px; z-index:10}
#pop_answer_2 { top: 245px; left:80px; width: 70px; clear: both; margin: 0px 0 10px; z-index:10}
#pop_answer_3 { top: 245px; left:80px; width: 70px; clear: both; margin: 0px 0 10px; z-index:10}

#scrollbar_pop_puiz1 { top: 305px; left:110px; width: 700px; clear: both; margin: 0px 0 10px; z-index:10}
#scrollbar_pop_puiz1 .viewport { top: 1px; width: 683px; height: 90px; overflow: hidden; position: relative; }
#scrollbar_pop_puiz1 .overview { font-size:12pt; font-weight: 400; color:#898484; list-style: none; position: absolute; left: 0; top: 0; line-height:120%;}
#scrollbar_pop_puiz1 .thumb .end,
#scrollbar_pop_puiz1 .thumb { background-color: #aca9a9; }
#scrollbar_pop_puiz1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar_pop_puiz1 .track { left:0px; background-color: #d7d7d7; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar_pop_puiz1 .thumb { left:1px; background-color:#aca9a9; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar_pop_puiz1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar_pop_puiz1 .disable{ display: none; }


#scrollbar_pop_puiz2 { top: 305px; left:110px; width: 700px; clear: both; margin: 0px 0 10px; z-index:10}
#scrollbar_pop_puiz2 .viewport { top: 1px; width: 683px; height: 90px; overflow: hidden; position: relative; }
#scrollbar_pop_puiz2 .overview { font-size:12pt; font-weight: 400; color:#898484; list-style: none; position: absolute; left: 0; top: 0; line-height:120%;}
#scrollbar_pop_puiz2 .thumb .end,
#scrollbar_pop_puiz2 .thumb { background-color: #aca9a9; }
#scrollbar_pop_puiz2 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar_pop_puiz2 .track { left:0px; background-color: #d7d7d7; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar_pop_puiz2 .thumb { left:1px; background-color:#aca9a9; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar_pop_puiz2 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar_pop_puiz2 .disable{ display: none; }

#scrollbar_pop_puiz3 { top: 305px; left:110px; width: 700px; clear: both; margin: 0px 0 10px; z-index:10}
#scrollbar_pop_puiz3 .viewport { top: 1px; width: 683px; height: 90px; overflow: hidden; position: relative; }
#scrollbar_pop_puiz3 .overview { font-size:12pt; font-weight: 400; color:#898484; list-style: none; position: absolute; left: 0; top: 0; line-height:120%;}
#scrollbar_pop_puiz3 .thumb .end,
#scrollbar_pop_puiz3 .thumb { background-color: #aca9a9; }
#scrollbar_pop_puiz3 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar_pop_puiz3 .track { left:0px; background-color: #d7d7d7; height: 100%; width:8px; position: relative; padding: 0 1px; }
#scrollbar_pop_puiz3 .thumb { left:1px; background-color:#aca9a9; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar_pop_puiz3 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar_pop_puiz3 .disable{ display: none; }