@charset "utf-8";

/* 스크롤바 기본시스템스타일*/
::-webkit-scrollbar {width:10px;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{display: block; width:15px; height: 16px; overflow:hidden;}
::-webkit-scrollbar-button:start:decrement{background-position:0 0}
::-webkit-scrollbar-button:end:increment{background-position:0 -18px}
::-webkit-scrollbar-track{background:#c0c0c0;-webkit-border-radius:0px; border-radius:0px; -webkit-box-shadow: inset 0 0 0}
::-webkit-scrollbar-thumb{background:#917259;}

html{
	scrollbar-face-color :#917259;	
	scrollbar-3dlight-color : #FFFFFF;
	scrollbar-highlight-color : #917259;
	scrollbar-shadow-color : #917259;
	scrollbar-darkshadow-color :#FFFFFF;
	scrollbar-track-color : #c0c0c0;
	scrollbar-arrow-color : #917259;
}

/* Reset */
html{overflow-y:auto; overflow-x:hidden}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,select,textarea{font-family:Arial,'돋움',dotum,Helvetica,sans-serif;font-size:12px;line-height:1.4em;color:#333333}
body{word-break:keep-all; background-color:black}
header,footer,article,div,hgroup,aside,nav,detail,figure,figcaption{display:block;}

img,fieldset,iframe{border:0 none}
img{background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='image')  /* IE6 & 7 */}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:middle}
*:first-child+html img{vertical-align:top}
table{border-collapse:collapse;}
tr td{word-wrap:break-word}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#666666;text-decoration:none;}
a:hover,a:focus{text-decoration:none}

button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
input[type=text],select{border:1px solid #c0c0c0}
textarea{border:none;  overflow-y:auto; resize:none}
textarea,input{IME-MODE: active}
input:focus{outline:0}
textarea:focus{outline:0}

/*layout*/
div#contentRoot{position:relative; width:1000px; height:630px; overflow:hidden}
div#defaultBG{position:absolute; left:0; top:0; width:1000px; height:630px; z-index:-1}
div#defaultBG img{position:absolute; left:0; top:0;}
div#contents{width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; text-align:center}

/*각페이지별BG*/
div#cont01,div#cont02,div#cont03,div#cont04,div#cont05,div#cont06,div#cont07,div#cont08,div#cont09,div#cont10,div#cont11{position:absolute; left:0; width:100%; height:100%; text-align:left}

/*topUI*/
#userInputTextView{position:absolute; width:291px; height:29px; right:0px; top:44px; padding:7px 0 0 18px; color:#ffd17c; background:url('../img/menu/userInputTextView.png') no-repeat;}
div#topUI{position:absolute; width:100%; height:73px; top:-78px; z-index:155}
div#topUI h1#lecName{position:absolute; right:16px; top:13px;}
div#topUI h2.chasiName{position:absolute; left:28px; top:26px;}

div#toolBox {position:absolute; left:299px; top:-45px; width:405px; height:45px; padding:0 0 31px 0; z-index:50; background:url('../img/menu/bgToolBox.png') no-repeat; }
div#toolBox a {float:left; width:80px; height:100%; background:url('../img/menu/toolboxText.png') no-repeat; text-indent:-2000px;}
div#toolBox a.learningMap {background-position-x:0;}
div#toolBox a.studyHelp {background-position-x:-80px}
div#toolBox a.keyOpt {background-position-x:-160px;}
div#toolBox a.btnDic {background-position-x:-240px;}
div#toolBox a.down {background-position-x:-320px;}

div#toolBox a:hover,div#bottomUI div#quickM a:focus {background-position-y:-44px;}

div#toolBox a.btnToolBox {position:absolute; left:157px; bottom:0px; width:82px; height:36px; z-index:-1; background:url('../img/menu/btnTool.png') no-repeat; }
div#toolBox a.btnToolBox.open{background:url('../img/menu/btnTool.png') -83px 0 no-repeat;}
div#toolBox a.btnToolBox:hover,div#toolBox a.btnToolBox:focus{background-position-y:-37px}


/*topUI-러닝맵*/
#learningMapPop{display:none; position:absolute; z-index:100}
#learningMap{position:relative; width:1000px; height:630px; background:url('../img/default/learningMapBG.jpg')}
#learningMap h1{position:absolute; left:57px; top:26px;}
#learningMap h2{position:absolute; left:171px; top:42px;}

.learningL,.learningR{position:absolute; top:74px;}
.learningL{left:60px; border-right:2px solid #000;}
.learningR{left:506px;}
#learningMap table{width:446px; font-size:12px; color:#333; border-bottom:3px solid #000;}
#learningMap table thead tr th{width:25px; height:22px; color:#fff; font-weight:bold; border-right:1px solid #000; border-top:3px solid #000;  background:#777474}
#learningMap table.learningL thead tr th.last{ border-right:2px solid #000;}
#learningMap table thead tr th.last{ border-right:none; width:396px;}
#learningMap table tfoot tr td{height:20px; background:#5c88b0; color:#fff; font-weight:bold; text-align:center; border-top:1px solid #000;b}
#learningMap th,#learningMap td{padding:2px 0 1px 0; color:#6e5e58; font-weight:bold;}
#learningMap th{border-right:1px solid #000; border-top:1px solid #000;  }
#learningMap td{padding:3px 0 1px 10px; border-top:1px solid #aaa;}
#learningMap .learningL td{border-right:2px solid #000; }
#learningMap td.chasi{text-align:center; padding:0;  border-right:1px solid #000; }

#learningMap td.jucha01chasi01,#learningMap td.jucha02chasi01,#learningMap td.jucha03chasi01,#learningMap td.jucha04chasi01,#learningMap td.jucha05chasi01,#learningMap td.jucha06chasi01,#learningMap td.jucha07chasi01,#learningMap td.jucha09chasi01,#learningMap td.jucha10chasi01,#learningMap td.jucha11chasi01,#learningMap td.jucha12chasi01,#learningMap td.jucha13chasi01,#learningMap td.jucha14chasi01{border-top:1px solid #000}

#learningMap th.on,#learningMap td.on{}
#learningMap th.on{background:#e4a6ff}
#learningMap td.on{background:#f0cfff}

#learningMap td.jucha07,#learningMap th.jucha07,#learningMap th.jucha07chasi03,#learningMap td.jucha07chasi03,#learningMap td.jucha14,#learningMap th.jucha14,#learningMap td.jucha14chasi03,#learningMap th.jucha14chasi03{border-bottom:none}

a#learningClose{position:absolute; width:54px; height:53px; left:938px; top:11px; background:url('../img/menu/btnLearningClose.png')}
a#learningClose:hover,div#bottomUI div#quickM a#learningClose:focus{background-position:0 -53px}
.objectGlass{position:absolute; width:166px; height:86px; right:0; top:492px; z-index:10; background:url('../img/menu/objectGlass.png')}

/*topUI-키보드옵션*/
div.keyGuideWrap{position:absolute; width:100%; height:630px;background:url('../img/menu/bgOpacity.png') repeat; z-index:500;}
div.keyGuide{position:absolute; left:200px; top:150px; z-index:100;}
a.btnQuickClose{display:block; position:absolute; left:537px; top:6px; width:44px; height:45px; background:url('../img/menu/btnKeyClose.png') no-repeat; text-indent:-2000px;}
a.btnQuickClose:hover,a.btnQuickClose:focus{background-position:0 -45px}

/*topUI-다운로드*/
div.downPopWrap{display:none; position:absolute; width:100%; height:630px;background:url('../img/menu/bgOpacity.png') repeat; z-index:500;}
div.downPop{position:absolute; width:589px; height:327px; left:190px; top:133px; z-index:100; background:url('../img/default/bgDown.png') repeat;}
a.btnDownClose{display:block; position:absolute; left:537px; top:6px; width:44px; height:45px; background:url('../img/menu/btnKeyClose.png') no-repeat; text-indent:-2000px;}
a.btnDownClose:hover,a.btnDownClose:focus{background-position:0 -45px}

div#topUI div.downPop h2{position:absolute; left:14px; top:8px;}
div.downPop h3{position:absolute; left:165px; top:27px;}
div.downPop ul{position:absolute; width:274px; top:65px;}
div.downPop ul.left{left:14px;}
div.downPop ul.right{left:295px;}
div.downPop ul li{float:left; width:155px; height:28px; padding:5px 0 0 120px; margin:0 0 2px 0; background:url('../img/menu/liDown.png') no-repeat; }
div.downPop ul li.jucha01{background-position:0 0px}
div.downPop ul li.jucha02{background-position:0 -35px}
div.downPop ul li.jucha03{background-position:0 -70px}
div.downPop ul li.jucha04{background-position:0 -105px}
div.downPop ul li.jucha05{background-position:0 -140px}
div.downPop ul li.jucha06{background-position:0 -175px}
div.downPop ul li.jucha07{background-position:0 -210px}

div.downPop ul li.jucha09{background-position:0 -245px}
div.downPop ul li.jucha10{background-position:0 -280px}
div.downPop ul li.jucha11{background-position:0 -315px}
div.downPop ul li.jucha12{background-position:0 -350px}
div.downPop ul li.jucha13{background-position:0 -385px}
div.downPop ul li.jucha14{background-position:0 -420px}

div.downPop ul li.jucha15{background:url("../img/menu/bgAllDown.png") no-repeat; float:left; padding:5px 0 5px 0; text-align:center; width:275px; height:23px;}

div.downPop ul li a{display:inline-block; width:63px; height:22px; background:url('../img/menu/btnDown.png') no-repeat;}
div.downPop ul li a.btnBook{background-position:-65px 0}
div.downPop ul li a:hover,div.downPop ul li a:focus{background-position-y:-22px}

div.downPop ul li.jucha15 a.btnAllMp3{background:url('../img/menu/btnAlldownMp3.png'); width: 89px; margin-right:10px; display:inline-block;}
div.downPop ul li.jucha15 a.btnAllBook{background:url('../img/menu/btnAlldownBook.png'); width: 89px; display:inline-block;}
div.downPop ul li.jucha15 a.btnAllMp3:hover, div.downPop ul li.jucha15 a.btnAllBook:hover{background-position-y:-22px;}

div.alertMobile{position:absolute; width:261px; height:71px; left:160px; top:146px; text-indent:-2000px; background:url('../img/menu/alertMobile.png') no-repeat;}

/*topUI-용어사전*/
div.dicWrap{display:none; position:absolute; width:100%; height:630px; z-index:100; background:url('../img/menu/bgOpacity.png') repeat}
div.dicPop{position:absolute; width:813px; height:509px; left:97px; top:64px; background:url('../img/default/bgDic.png')}
div.dicPop h3{position:absolute; left:13px; top:8px;}
a.btnDicClose{position:absolute; display:block; width:44px; height:43px; left:759px; top:6px; background:url('../img/menu/btnExpertClose.png') repeat}
a.btnDicClose:hover,a.btnDicClose:focus{background-position:0 -43px;}

div.dicPop #leftUI{position:absolute;  left:7px; top:58px; display:inline-block;}
div.dicPop #leftUI ul{}
div.dicPop #leftUI ul li{}
div.dicPop #leftUI ul li a{display:block; width:103px; height:31px; background:url('../img/menu/dicLeftMenu.png') no-repeat; text-indent:-3000px;}
div.dicPop ul li#lnb02 a{background-position:0 -32px}
div.dicPop ul li#lnb03 a{background-position:0 -64px}
div.dicPop ul li#lnb04 a{background-position:0 -95px}
div.dicPop ul li#lnb05 a{background-position:0 -126px}
div.dicPop ul li#lnb06 a{background-position:0 -157px}
div.dicPop ul li#lnb07 a{background-position:0 -189px}
div.dicPop ul li#lnb08 a{background-position:0 -220px}
div.dicPop ul li#lnb09 a{background-position:0 -251px}
div.dicPop ul li#lnb10 a{background-position:0 -283px}
div.dicPop ul li#lnb11 a{background-position:0 -314px}
div.dicPop ul li#lnb12 a{background-position:0 -345px}
div.dicPop ul li#lnb13 a{background-position:0 -377px}
div.dicPop ul li#lnb14 a{background-position:0 -408px}

div.dicPop #leftUI ul li.on a,div.dicPop #leftUI ul li a:hover,div.dicPop #leftUI ul li a:focus{background-position-x:-103px}

div#dicContents{position:absolute; width:650px; height:430px; left:130px; top:59px; overflow-x:hidden; overflow-y:auto}
div#dicContents ul{display:none; width:640px;}
div#dicContents ul li{position:relative; background:url('../img/menu/lineDic.png') 0 bottom repeat-x;}
div#dicContents h3{position:relative; font-size:16px; color:#0075b1; padding:0 0 0 12px; margin:0 0 10px 0; background:url('../img/menu/bulDic.gif') 0 6px no-repeat;}
div#dicContents p{font-size:12px; color:#696969; padding:0 5px 12px 15px; margin:0 0 10px 12px; line-height:20px;}
div#dicContents p.last{background:none}
div#dicContents p span{display: block;margin:15px 0 10px 0;text-align: center;}
div#dicContents ul#words01{display:block;}

/*topUI-학습도우미*/
div.studyHelpWrap{display:none; position:absolute; width:100%; height:630px; z-index:100; background:url('../img/menu/bgOpacity.png') repeat}
div.studyHelpPop{position:absolute; width:872px; height:510px; left:65px; top:69px; background:url('../img/default/bgHelp.png')}
div.studyHelpPop h3{position:absolute; left:13px; top:8px;}
div.studyHelpPop div.explain{position:absolute; left:13px; top:77px; width:844px; height:418px;} 
a.btnHelpClose{position:absolute; display:block; width:44px; height:43px; right:10px; top:6px; background:url('../img/menu/btnExpertClose.png') no-repeat; text-indent:-2000px;}
a.btnHelpClose:hover,a.btnHelpClose:focus{background-position:0 -43px;}

a.helpTabMenu {position:absolute; display:block; width:175px; height:36px; top:17px; background:url('../img/menu/btnHelp.png') no-repeat; text-indent:-2000px;}
a.helpTabMenu:hover,a.helpTabMenu:focus{background-position-y:-36px;}
a.helpTabOn {background-position-y:-36px;}
a#helpTab01 {left:201px;}
a#helpTab02{left:378px; background-position-x:-175px;}

.helpTabtext h4,.helpTabtext p {position:absolute; left:16px; width:440px; height:24px; text-indent:-2000px;}
.helpTabtext h4 {top:0; background:url('../img/menu/helpTabMenu_title.png') no-repeat;}
.helpTabtext p {top:23px; background:url('../img/menu/helpTabMenu_text.png') no-repeat;}

a.listTabMenu {position:absolute; display:block; width:107px; height:60px; left:0; background:url('../img/menu/tabHelp.png') no-repeat; text-indent:-2000px;}
a.listTabMenu:hover,a.listTabMenu:focus{background-position-x:-107px;}
a.listTabOn {background-position-x:-107px;}
a#listTab01 {top:53px;}
a#listTab02 {top:113px; background-position-y:-60px;}
a#listTab03 {top:173px; background-position-y:-120px;}
a#listTab04 {top:233px; background-position-y:-180px;}

div.listTabDisplayBg {position:absolute; top:48px; left:107px; width:736px; height:364px; background:url('../img/menu/bgStudyHelpTab.png') no-repeat;}
div.listTabDisplayBox {position:relative; top:22px; left:12px; width:710px; height:348px;}
div.listTabDisplayImg {position:absolute; top:0; left:0; width:710px; height:286px; overflow:hidden;}
div.listTabDisplayImg img {position:absolute;}

div.paging {position:absolute; bottom:0; right:300px; display:inline; font-size:14pt; font-weight:bold; line-height:30px;}
div.paging a {display:inline-block; width:24px; height:24px; text-indent:-2000px; margin-top:-4px;}
a.prev {background:url('../img/menu/btnHelpPaging.png') 0 0 no-repeat;}
a.next {background:url('../img/menu/btnHelpPaging.png') -24px 0 no-repeat;}
div.paging a:hover,div.paging a:focus{background-position-y:-24px;}
div.paging span.current {color:#ff6c00;}

/*공통 타이틀관련*/
h1.pageTit{position:absolute; left:126px; top:77px;}
p.pForH{position:absolute; left:150px; top:113px;}
label{position:absolute; visibility:hidden}
#loading{position:absolute; left:440px; top:260px; z-index:100}

/*공통 경고창관련*/
.pageAlert{display:none; position:absolute; width:261px; height:71px; left:390px; top:330px; z-index:100}
#cont05 .pageAlert,#cont07 .pageAlert{width:261px; height:71px;/* background:url('../img/menu/alertPageQuiz.png')*/}
#cont01 .pageAlert, #cont06 .pageAlert{top:320px}
#cont09 .pageAlert{top:280px}
#cont06 .pageAlert.think{/*background:url('../img/menu/alertPageExpert.png')*/}

/*menuUI - left메뉴 버튼*/
div#leftMBtn {position:absolute; width:29px; height:104px; right:4px; top:170px; z-index:1; background:url('../img/menu/btnIndexMenu.png');  text-indent:-2000px; cursor:pointer;}
div#leftMBtn:hover,div#leftMBtn:focus{background-position-y:-104}

/*menuUI - left메뉴*/
div#leftM {position:absolute; width:154px; height:589px; left:-154px; top:0px; padding:0 38px 8px 0; background:url('../img/menu/indexMenuBg.png') no-repeat; z-index:99; }
div#leftMenuBox {margin:69px 0 0 14px; z-index:10;}

div#leftM ul li a{display:block; margin-bottom:8px;}
div#leftM ul li a.depth1 {width:128px; height:38px; background:url('../img/menu/sMenu.png'); text-indent:-2000px;}
div#leftM ul li.mn_01{}

div#leftM ul li.mn_01 a.depth1 {background-position:0 0;}
div#leftM ul li.mn_02 a.depth1 {background-position-y:-38px;}
div#leftM ul li.mn_03 a.depth1 {background-position-y:-76px;}
div#leftM ul li.mn_04 a.depth1 {background-position-y:-114px;}
div#leftM ul li.mn_02, div#leftM ul li.mn_03 {padding-bottom:10px;}
div#leftM ul li a.depth1.on,div#leftM ul li a.depth1:hover,div#leftM ul li a.depth1:focus {background-position-x:-149px;}

div#leftM ul li ul{margin:10px 0 0 19px;}
div#leftM ul li ul li a {display:block; width:120px; height:20px; margin:0 12px 2px 0; background:url('../img/menu/sMenu.png') no-repeat; text-indent:-2000px;}

div#leftM ul li.mn_01 ul li.sm_01 a {background-position-y:-155px;}
div#leftM ul li.mn_01 ul li.sm_02 a {background-position-y:-175px;}
div#leftM ul li.mn_01 ul li.sm_03 a {background-position-y:-195px;}

div#leftM ul li.mn_03 ul li.sm_01 a {background-position-y:-215px;}
div#leftM ul li.mn_03 ul li.sm_02 a {background-position-y:-235px;}

div#leftM ul li.mn_04 ul li.sm_01 a {background-position-y:-255px;}
div#leftM ul li.mn_04 ul li.sm_02 a {background-position-y:-275px;}

div#leftM ul li ul li a:hover,div#leftM ul li ul li a:focus,div#leftM ul li ul li.on a {background-position-x:-149px;}



/*모바일 스타일*/
#mGlobalPaging a {display:block; position:absolute; width:47px; height:149px; top:299px; z-index:100; background:url('../img/menu/mGlobalBtn.png'); text-indent:-2000px; }
a#mPrev {left:0;}
a#mNext {right:0; background-position-x:-47px}
/*#mGlobalPaging a:focus {background-position-y:-149px;}*/

/*bottomUI*/
div#bottomUI {position:absolute; bottom:0; width:100%; height:44px; z-index:151; background:url('../img/menu/btm_bg.png') 0 bottom no-repeat;}
div#bottomUI h2 {position:absolute; text-indent:-2000px;}


/*bottomUI-gPlayer*/
div#bottomUI div.gPlayer{position:absolute; left:180px; top:10px; width:640px; height:45px;}
div.jp-jplayer{position:absolute; width:100%; height:100%; z-index:30}
ul.jp-controls a{position:relative; margin:0 2px 0 0;}
ul.jp-controls a span{}
ul.jp-controls a:hover span,ul.jp-controls a:focus span{display:block;position:absolute; left:-25px; top:-40px; width:65px; height:28px; background:url('../img/menu/player.png') no-repeat;}
ul.jp-controls a.jp-play span{background-position:-199px  -62px}
ul.jp-controls a.jp-pause span{background-position:-134px  -62px}
ul.jp-controls a.jp-stop span{background-position:-459px -62px}
ul.jp-controls a.buttonReload span{background-position:-264px -62px}
ul.jp-controls a.jp-mute span{background-position:-394px -62px}
ul.jp-controls a.jp-unmute span{background-position:-329px -62px}


/*playHead*/
.jp-play-bar{height:22px; position:absolute; background:url('../img/menu/player.png') -10px -35px no-repeat;}
div.jp-type-single div.jp-play-bar a{position:absolute; display:block; float:right; width:14px; height:22px; right:-5px; background: url("../img/menu/player.png") -14px -65px no-repeat; z-index:15; }

/*bottomUI-bottomScript*/
div.bottomScript{position:absolute; left:522px; top:0px; width:61px; height:31px;}
ul.jp-controls a.btnScriptClose{position:absolute; right:10px; top:10px;}
div.jp-type-single .buttonScript {background-position-x:-395px;}
div.jp-type-single .buttonScript:hover,div.jp-type-single .buttonScript:focus,div.jp-type-single .buttonScript.on {background-position-y:-24px;}

/*bottomUI-paging*/
.gPaging{position:absolute; width:141px; height:36px; text-align:center; top:7px; right:20px; font-family:Arial, Helvetica, sans-serif;  line-height:40px;font-size:17px; color:#6b6b6b;}
a#prevPage,a#nextPage{display:inline-block; top:0; width:39px; height:36px; background:url('../img/menu/paging.png') no-repeat; text-indent:-5000px;}
a#prevPage,a#prevPage.off{background-position:0 0; position:absolute; left:0}
a#nextPage,a#nextPage.off{background-position:-43px 0; position:absolute; right:0}
a#prevPage:hover,a#prevPage:focus,a#prevPage.on{background-position:0 -37px;}
a#nextPage:hover,a#nextPage:focus,a#nextPage.on{background-position:-43px -37px;}

.gPaging span {font-family:Arial;}
#naviCurrent{font-size:22px; color:#bdea09;}
#naviTotal{font-size:17px; color:#838383;}

/*cont00_인트로*/
div#cont00 h1{position:absolute; left:292px; top:116px;}
div#cont00 h2{position:absolute; left:243px; top:260px;}
a.startBtn{position:absolute; width:177px; height:177px; left:823px; top:453px; background:url('../img/menu/btnStart.png') 0 0px no-repeat;}
a.startBtn:hover,a.startBtn:focus{background-position:-177px 0;}
div.objectTutor{position:absolute; left:729px; top:61px;}

div.alertTouch{position:absolute; width:538px; height:118px; left:204px; top:420px; z-index:100; background:url('../img/menu/alertTouch.png') 0 0px no-repeat;}


/*cont01_오늘의 주제*/
div#todaySubject{position:relative; width:945px; height:461px; margin:103px 0 0 33px; background:url('../img/default/bgTodaySubject.png') 0 0px no-repeat;}

div.subjectPhoto{position:absolute; width:383px; height:420px; left:44px; top:20px;}
div.subjectPhoto img{position:absolute;  left:26px; top:19px; width:343px;}
div.subjectPhoto div.cover{position:absolute; width:383px; height:420px; z-index:10; background:url('../img/menu/subjectPhotoCover.png') 0 0px no-repeat;}

div.subjectTextWrap{position:relative; top:18px; margin:0 0 0 433px;}
h3.subjectText{width:410px; font-size:15px; vertical-align:middle; color:#fff; padding:15px 10px 15px 40px; background:url('../img/menu/bgSubjectText.png') 0 bottom no-repeat;}

div.subjectArea{display:none; position:relative; width:455px; height:325px; font-size:15px; font-weight:bold; color:#6e5e58; line-height:1.5em; letter-spacing:-1px;}
div.subjectArea h3{position:relative; padding:15px 55px 15px 40px; width:368px;} 
a.zoomBtn{position:absolute; display:block; width:41px; height:40px; right:8px; top:5px; z-index:2; background:url('../img/menu/btnZoom.png') no-repeat; text-indent:-2000px;}
a.zoomBtn:hover,a.zoomBtn:focus{background-position:0 -40px;}
a.subjectSkip{position:absolute; display:block; width:124px; height:53px; right:-12px; top:365px; z-index:2; background:url('../img/menu/btnSkip.png') no-repeat; text-indent:-2000px;}
a.subjectSkip:hover,a.subjectSkip:focus{background-position:0 -53px;}


/*div.subjectArea .subjectVal{height:310px; padding:10px 10px 0 40px; overflow-y:auto}*/
div.subjectArea .subjectVal{width:405px; height:310px; padding:10px 10px 0 30px; overflow-x:hidden; overflow-y:auto}
div.subjectArea .subjectVal div{position:relative; width:395px; padding-right:30px;}
div.subjectArea .subjectVal p.origin{text-align:right;}
div.subjectArea p{padding-bottom:15px;}
div.subjectArea p.under{margin:15px 0; color:#3677dc; text-decoration:underline;}
div.subjectArea strong{color:#cf5e19;}
div.subjectArea table{margin-bottom:15px;}
div.subjectArea table tr td{border:1px solid #777; padding:0 5px; font-size:13px; letter-spacing:0;}
div.subjectArea table tbody tr td{font-weight:normal}
div.subjectArea table thead tr td{background:#cf5e19; color:#fff; text-align:center}

div.subjectPopWrap{position:absolute; width:1000px; height:590px; left:-466px; top:-121px; z-index:20; background:url('../img/menu/bgOpacity.png') repeat;}
div.subjectPopWrap div.subjectPop{position:absolute; width:810px; height:510px; left:69px; top:58px; padding:0 20px 10px 50px; font-size:24px; line-height:1.5em; background:url('../img/default/bgSubjectPop.png') 0 0px no-repeat;}
div.subjectPop h3{position:relative; width:770px; padding:11px 0; margin:0 0 10px 0; font-size:24px; color:#fff; }
/*div.subjectPop div{height:440px; overflow-y:auto}*/
div.subjectPop div.subjectPopVal{position:absolute; width:770px; height:440px;margin-top:10px; overflow-x:hidden; overflow-y:auto;}
div.subjectPop div.subjectPopVal div{position:relative; width:750px; padding-right:20px;}
div.subjectVal ul li{padding-left:20px; text-indent:-15px}
div.subjectPop div ul li{padding-left:25px; text-indent:-25px}
div.subjectPop p.under{margin:20px 0;}
div.subjectPop p.origin{text-align:right;}
div.subjectPop table tr td{border:1px solid #777; padding:0 10px; font-size:24px; letter-spacing:0;}
div.subjectPop table tbody tr td{font-weight:bold}

a.subjectClose{position:absolute; width:44px; height:43px; left:829px; top:5px; z-index:20; background:url('../img/menu/btnExpertClose.png') no-repeat; text-indent:-2000px;}
a.subjectClose:hover,a.subjectClose:focus{background-position:0 -43px}

div.inputArea ul{position:relative; left:40px; width:390px;}
div.inputArea ul li{padding:10px 0 15px 30px; background:url('../img/menu/bulDotLine.png') 0 bottom no-repeat;}
div.inputArea ul li:last-child{background:none}
div.inputArea ul li p{font-size:15px; font-weight:bold; color:#6e5e58; line-height:19px;}
div.inputArea ul li p strong{color:#cf5e19;}
div.inputArea ul li span{position:absolute; display:inline-block; left:0; width:30px;height:40px; background:url('../img/menu/subjectNum.png') 0 0px no-repeat;}
div.inputArea ul li.li02 span{background-position:0 -40px;}

div.textArea{position:relative; left:40px; padding:10px; background:url('../img/menu/bgSubjectTextarea.png') 0 0px no-repeat;}
div.textArea textarea{width:370px; height:100px; margin-bottom:20px; color:#985d36; line-height:21px; background:none}

div.textArea a{position:absolute; display:block; height:36px; background:url('../img/menu/btnSubject.png') no-repeat;} 
div.textArea a.save{width:116px;  left:146px;} 
div.textArea a.expertAgenda{width:126px; left:268px; background-position:-116px 0} 
div.textArea a:hover{background-position-y:-36px}

div.textArea div.alertSave,div.textArea div.alertWrite{position:absolute; display:block; height:69px; top:30px; z-index:10}
div.textArea div.alertSave{display:none; width:318px; left:33px} 
div.textArea div.alertWrite{width:224px; left:83px}

div.expertPopWrap{display:none; position:absolute; width:100%; height:100%; left:0; top:0; z-index:100; text-align:center; background:url('../img/menu/bgOpacity.png') repeat;}
div.expertText{position:absolute; width:683px; height:428px; left:169px; top:98px; background:url('../img/default/bgExpert.png') no-repeat;}

div.expertText h3{position:relative; width:169px; height:33px; margin:12px 0 0 13px; background:url('../img/menu/titExpertAnswer.png') no-repeat; text-indent:-2000px;}
div.expertText p{font-size:17px; color:#6e5e58; font-weight:bold; text-align:left; line-height:22px; padding:21px 20px; margin:0 10px 0 1px}
div.expertText p.useImg{height:300px; overflow-y:auto;}
div.expertText p.origin{text-align:right;}
div.expertText a.close{position:absolute; display:block; width:44px; height:43px; right:10px; top:3px; background:url('../img/menu/btnExpertClose.png') no-repeat; text-indent:-2000px;}
div.expertText a.close:hover,div.expertText a.close:focus{background-position:0 -43px}

div.objectBook{position:absolute; width:26px; height:189px; left:-11px; top:-1px; z-index:10; background:url('../img/menu/objectBook.png') no-repeat;}
#cont01 div.alertClickSave{display:none; position:absolute; width:241px; height:71px;left:80px;top:30px;z-index:10}

/*cont02_학습목표*/
div#studyGoalBox{position:relative; width:917px; height:464px; margin:82px 0 0 54px; background:url('../img/default/bgStudyTarget.png') no-repeat;}
div.studyGoal,div.studyVal{position:absolute; top:75px; width:295px; height:330px;}
div.studyGoal{left:540px;}
div.studyVal{left:192px;}

div.studyGoal h2, div.studyVal h2, div.studyPlan h2 {}
div.studyGoalBx, div.studyValBx{width:295px;margin:30px 0 0 8px; height:220px; overflow-y:auto; overflow-x:hidden}
div.studyGoal ul, div.studyVal ul{width:270px;padding-right:25px}
div.studyVal ul li,div.studyGoal ul li{}
div.studyGoal ul li:last-child, div.studyVal ul li:last-child{background:none;}

div.studyGoal ol, div.studyVal ol{margin-top:10px; margin-left:20px; text-indent:-20px; font-size:13px;}
div.studyGoal ol li, div.studyVal ol li{margin-bottom:5px;}

div.studyGoal ul li div, div.studyVal ul li div{display:block; padding:2px 0 12px 31px; font-size:15px; font-weight:bold; color:#6e5e58; background:url('../img/menu/labelStudyGoalNum.png') no-repeat;}
div.studyVal ul li div{padding:6px 0 12px 31px; color:#fff; background:url('../img/menu/labelStudyValNum.png') no-repeat;}

div.studyGoal li.text2 div, div.studyVal li.text2 div{background-position-y:-250px;}
div.studyGoal li.text3 div, div.studyVal li.text3 div{background-position-y:-500px;}
div.studyGoal li.text4 div, div.studyVal li.text4 div{background-position-y:-750px;}
div.studyGoal li.text5 div, div.studyVal li.text5 div{background-position-y:-1000px;}
div.studyGoal li.text6 div, div.studyVal li.text6 div{background-position-y:-1250px;}
div.studyGoal li.text7 div, div.studyVal li.text7 div{background-position-y:-1500px;}
div.studyGoal li.text8 div, div.studyVal li.text8 div{background-position-y:-1750px;}
div.studyGoal li.text9 div, div.studyVal li.text9 div{background-position-y:-2000px;}


/*cont03 사전퀴즈*/
div#prevQuizWrap{position:relative; width:700px; height:395px; top:151px; left:0; padding:0px 0 0 173px;}
div#prevQuizWrap h2{position:absolute; left:98px;}
div#prevQuizWrap div.question{position:relative; display:table-cell; vertical-align:middle; width:686px; height:95px; padding:0 0 6px 0; background:url('../img/menu/prveQuizTextBg.png') 51px 0 no-repeat;} 

#prevNumBG{position:absolute; width:109px; height:106px; left:0; top:0; z-index:1;}
#prevNumBG span{position:absolute; display:block; width:89px; height:84px; left:-20px; top:10px; z-index:2; background:url('../img/menu/numOX.png') no-repeat; display:none;}
#prevNumBG span.o{position:absolute;  background-position:0 0;}
#prevNumBG span.x{background-position:-89px 0;}
#prevNumBG p{position:absolute; left:0; top:0; width:48px; height:95px;background:url('../img/menu/prveQuizNum.png') no-repeat; text-indent:-2000px;}
#prevNumBG p.num2{background-position:0 -95px}

#prevQuizTxt{padding:10px 10px 5px 70px; font-size:17px; font-weight:bold; color:#fff; line-height:1.3em}

#quizEx0,#quizEx1{display:inline-block; zoom:1; float:left; width:257px; height:225px;  position:relative; margin:25px 38px 0 0; left:60px; background:url('../img/menu/bgPrevOxBg.png') no-repeat;}
#quizEx0 a,#quizEx1 a{position:relative; display:block; width:142px; height:142px; margin:30px 0 0 60px; background:url('../img/menu/prevOX.png') no-repeat; text-indent:-2000px;}
#quizEx1 a{background-position:-142px 0}
#quizEx0 span,#quizEx1 span{display:block; right:0px; top:-10px; width:56px; height:48px; position:absolute; background:url('../img/menu/movQuizCheck.png') no-repeat;}

#prevExplainWrap{position:relative; display:inline-block; width:747px;height:78px;left:-31px; top:-71px; padding:12px 0 25px 14px; margin:40px 0 0 0}
#prevCorrect{position:absolute; display:block; left:0; top:0; width:747px; height:30px; padding:12px 0 0 14px;z-index:1;background:url('../img/menu/prevExplainTop.png') 0 0 no-repeat;}
#prevExplain{position:relative; display:inline-block; margin:30px 0 0 0;}
#prevExplain img.bg{position:absolute;left:-14px;bottom:-29px}
#prevCorrect span,#prevExplain span{position:absolute; z-index:1;  display:block; width:43px; height:24px;z-index:1;background:url('../img/menu/prevExplainTxt.png') no-repeat; text-indent:-2000px;}
#prevExplain span.label{background-position-y:-24px}
#prevCorrect p{position:relative; margin:4px 0 0 55px; width:660px; font-size:15px; font-weight:bold; color:#787878;}
#prevCorrect p{color:#d15b0d; font-size:20px; font-weight:bold}
#prevExplain div{position:relative; margin:4px 0 0 55px; width:660px; font-size:15px; font-weight:bold; color:#787878;height:40px; z-index:10; overflow-y:auto; overflow-x:hidden}
#prevExplain div p{width:640px;padding-right:20px}
a#nextPrevQuiz{position:absolute; display:block; left:637px; top:-20px; width:153px; height:53px;z-index:10;background:url('../img/menu/btnPrevQuiz.png') no-repeat; text-indent:-2000px;}
#nextPrevQuiz:hover,#nextPrevQuiz:focus{background-position:0 -53px;}

div.objectBallPen{position:absolute; left:665px; bottom:-22px; width:126px; height:77px;z-index:1;background:url('../img/menu/objectBallPen.png') no-repeat;}
div.objectClock{position:absolute; left:880px; top:148px; width:120px; height:184px; background:url('../img/menu/objectClock.png') no-repeat;}
div.objectEarth{position:absolute; left:0px; top:132px; width:115px; height:285px; background:url('../img/menu/objectEarth.png') no-repeat;}


/*cont04,cont05_학습하기_동영상보기*/
div#studyContentsIntro{width:100%; height:100%;}
div#studyContentsIntro div.tutor{position:absolute; width:382px; height:349px; left:108px; top:176px;}
p.tutorPhoto{position:absolute;}
p.tutorName{position:absolute; left:0px; top:291px; z-index:5}

a.tutorProfile{position:absolute; display:block; width:170px; height:34px; left:217px; top:301px;  z-index:5; background:url('../img/menu/btnProfile.png') no-repeat;}
a.tutorProfile:hover,a.tutorProfile:focus{background-position:0 -34px;}

.stydyTimeWrap{position:absolute; width:372px; height:346px; left:496px; top:176px;}

div#studyContentsIntro p.infoTxt{position:absolute; left:5px; top:152px;}
div#studyTime{position:absolute; width:360px; height:110px; left:5px; top:8px; background:url('../img/menu/bgStudyTime.png') no-repeat; text-indent:-2000px;}
div#studyTime p span{position:absolute; display:block; width:17px; height:24px; top:46px;  background:url('../img/menu/movNum.png') no-repeat;}
div#studyTime span#minT1{left:136px;}
div#studyTime span#minT2{left:182px;}
div#studyTime span#secT1{left:262px;}
div#studyTime span#secT2{left:307px;}

a#showLec,a#downLecData{display:block; position:absolute; width:187px; height:58px; top:228px; background:url('../img/menu/btnStudyData.png') no-repeat;}
a#showLec{}
a#downLecData{width:185px; background-position:-187px 0; left:198px}

a#showLec:hover,a#downLecData:hover{background-position-y:-58px;}
/*a#showLec:hover,a#downLecData:hover,a#showLec:focus,a#downLecData:focus{background-position-y:-58px;}*/

div#studyMovWrap1{position:absolute; width:100%; height:100%; z-index:2; }
div#studyContentsMov{position:relative; width:968px; height:424px; top:147px; left:14px; background:url('../img/default/bgStudyMov.png') no-repeat;}
div.movView{position:absolute; width:702px; height:394px; left:57px; top:6px; z-index:10; }
div.movLoading{position:absolute;  width:702px; height:394px; left:0; top:0; z-index:100; background:url('../img/menu/move_loading.gif') no-repeat;}
div#movQuickList{position:absolute; width:145px; height:408px; left:765px; padding:80px 0 0 20px; background:url('../img/menu/bgMovQuickList.png') no-repeat;}
div#movQuickList ul{position:relative;}
div#movQuickList ul li{position:relative;}
div#movQuickList ul li a{display:block; margin:0 10px 15px 10px; font-size:12px; color:#fff; text-indent:-10px;}
div#movQuickList ul li a.on,div#movQuickList ul li a:hover,div#movQuickList ul li a:focus{font-weight:bold; color:#ffd35c; text-shadow:1px}
div#movQuickList ul li a.disabled,div#movQuickList ul li a.disabled:hover,div#movQuickList ul li a.disabled:focus{cursor:default; color:#666666}
div#movQuickList h3{position:absolute; left:0; top:0;}
div.alertQuickList{position:absolute; width:301px; height:71px; left:260px; top:180px; z-index:10}

/*학습하기 동영상 모바일버튼*/
a#playBtn{display:block; position:absolute; width:145px; height:145px; left:384px; top:254px; z-index:50; background:url('../img/menu/movPlay.png') no-repeat; text-indent:-2000px;}

/*학습하기 프로필보기*/
div.profileWrap{display:none; position:absolute; top:0; width:100%; height:100%; z-index:100; background:url('../img/menu/bgOpacity.png') repeat; }
div.profilePop{position:absolute; display:block; width:816px; height:495px; left:115px; top:72px; background:url('../img/default/bgProfile.png') repeat;}
div.profilePop h3{position:absolute; left:15px; top:7px;}
div.profilePop .tutorPhoto{position:absolute; left:32px; bottom:0;}
div.profilePop .profileText{position:absolute; left:285px; top:67px;}
a.profileClose{position:absolute;  display:block; width:44px; height:42px; left:767px; top:0; background:url('../img/menu/btnKeyClose.png') repeat;}
a.profileClose:hover,a.profileClose:focus{background-position:0 -42px;}


/*cont06_나만의 학습노트*/
div.myNoteWrap{position:relative; width:773px; height:487px; margin:143px 0 0 122px; z-index:5; background:url('../img/default/bgNote.png') no-repeat;}
div.myNoteWrap ul{position:relative; top:32px; margin:0 0 0 56px; }
div.myNoteWrap ul li{position:relative; padding:0 0 15px 30px; margin:0 65px 0 0}
div.myNoteWrap ul li span.num{position:absolute; display:block; width:24px; height:24px; left:0; top:-1px; background:url('../img/menu/noteNum.png') no-repeat;}
div.myNoteWrap ul li.num02 span.num{background-position:0 -24px}
div.myNoteWrap ul li.num03 span.num{background-position:0 -48px}
div.myNoteWrap ul li.num04 span.num{background-position:0 -72px}
div.myNoteWrap ul li.num05 span.num{background-position:0 -96px}
div.myNoteWrap ul li.num05 span.num{background-position:0 -96px}

div.myNoteWrap ul li div.subject{margin:0 0 6px 0; font-size:18px; letter-spacing:-2px; font-weight:bold; color:#6e5e58; line-height:1.2em}
div.myNoteWrap ul li textarea{width:607px; height:28px; padding:5px; color:#97703d; background:url('../img/menu/noteTextarea.png') no-repeat;}

div.myNoteWrap a{display:inline-block; position:absolute; height:36px; top:385px; background:url('../img/menu/btnNote.png') no-repeat;}
a#saveNote{width:117px; left:440px;}
a#viewOtherNote{width:142px; left:565px; background-position-x:-118px;}
div.myNoteWrap a:hover{background-position-y:-36px;}
/*div.myNoteWrap a:hover,div.myNoteWrap a:focus{background-position-y:-30px;}*/

#cont06 div.alertSave{position:absolute; width:317px; height:71px; left:360px; top:320px; z-index:10}
#cont06 div.alertClickSave{display:none; position:absolute; width:241px; height:71px; left:360px; top:320px; z-index:10}
div.alertSaveMynote{position:absolute; width:261px; height:71px; left:390px; top:320px; z-index:10}

div.objectPen{position:absolute; width:141px; height:193px; left:59px; top:437px; z-index:10; background:url('../img/menu/objectPen.png') no-repeat;}
div.objectEarthS{position:absolute; width:208px; height:281px; left:792px; top:110px; background:url('../img/menu/objectEarthS.png') no-repeat;}


/*cont07_퀴즈퀴즈*/
div#quizWrap{position:relative; top:148px; width:100%; height:416px; padding:20px 0 0 0;}
div#quizWrap div.question{position:absolute; left:403px; width:535px; height:282px; padding:15px 0 0 0; z-index:10; background:url('../img/menu/quizBg.png') no-repeat} 

div#quizWrap ul.tab{position:absolute; right:10px; top:-33px;}
div#quizWrap ul.tab li{float:left; margin:0 4px 0 0}

div#quizWrap ul.tab li a{cursor:default;display:block; width:28px; height:33px; background:url('../img/menu/tabQuiz.png') no-repeat;}
div#quizWrap ul.tab li.li02 a{background-position-x:-29px}
div#quizWrap ul.tab li.li03 a{background-position-x:-58px}
div#quizWrap ul.tab li.on a{background-position-y:-33px}

div#quizNumBG{position:relative; display:table-cell; vertical-align:middle; height:43px; left:15px; color:#6e5e58; font-size:18px; font-weight:bold; line-height:1.2em}
div#quizNumBG span{display:block; position:absolute; width:89px; height:84px; left:-25px; top:-20px; z-index:3; background:url('../img/menu/numOX.png') no-repeat; text-indent:-2000px;}
div#quizNumBG span{display:none;}
div#quizNumBG span.x{background-position:-89px 0}
div#quizNumBG div.paragraph{width:440px; margin:10px 0 0 0; padding:8px; border:1px solid #b88d6f; font-size:16px;}

#quizNum1,#quizNum2,#quizNum3{display:block; position:absolute; top:0; width:41px; height:43px; background:url('../img/menu/quizNum.png') no-repeat; text-indent:-2000px;}
#quizNum2{background-position:0 -43px}
#quizNum3{background-position:0 -86px}

p#quizTxt{margin:0px 0 0 50px; width:460px;  letter-spacing:-1px;}
#quizTxt strong{color:#3677dc; background:url('../img/menu/dotBlue.png') 0 bottom repeat-x;}

a#confirmQuiz,a#nextQuiz,a#btnRetryQuiz,a#showResult,a.confirmQuiz{display:block; z-index:10; position:absolute; width:140px; height:45px; right:69px; top:266px;  background:url('../img/menu/btnQuiz.png') no-repeat; text-indent:-2000px;}
a.confirmQuiz{top:1px; right:0}
a#confirmQuiz,a.confirmQuiz{width:108px}
a#nextQuiz{background-position-x:-108px}
a#showResult{background-position-x:-248px}
a#btnRetryQuiz{background-position-x:-388px; left:276px; top:325px;}
a#confirmQuiz:hover,a#nextQuiz:hover,a#btnRetryQuiz:hover,a#showResult:hover,a#confirmQuiz:focus,a#nextQuiz:focus,a#btnRetryQuiz:focus,a#showResult:focus,a.confirmQuiz:hover,a.confirmQuiz:focus{background-position-y:-45px}

span#alertDoQuiz,span#alertRetryQuiz{position:absolute; display:block; width:261px; height:71px; left:550px; top:125px; z-index:10}
span#alertDoQuiz,span#alertRetryQuiz{display:none}

div.exampleWrap{width:460px; height:166px; padding-top:20px; margin:0 0 0 70px; overflow-y:auto; overflow-x:hidden}
ol.example{width:450px;padding-right:10px}
ol.example li{position:relative; margin:0 0 6px 0; cursor:pointer}
ol.example li.on span{color:#4a47be; font-weight:bold}
ol.example li.hover span{color:#f07c00;  font-weight:bold}
ol.example li.hover a span.num{background-position-x:-22px;}
ol.example li span.check{display:block; position:absolute;  top:-15px; left:0; width:28px; height:29px; background:url('../img/menu/quizSCheck.png') no-repeat;}
ol.example li a{position:relative; display:inline-block; font-size:14px; font-weight:bold; color:#616161}
ol.example li a span.num{display:inline-block; float:left; position:relative; top:-2px; width:20px; height:20px; margin:0 4px 0 0; background:url('../img/menu/quizSNum.png') no-repeat;}
ol.example li.num01 a span.num{background-position:0px 0px}
ol.example li.num02 a span.num{background-position:0px -20px}
ol.example li.num03 a span.num{background-position:0px -40px}
ol.example li.num04 a span.num{background-position:0px -60px}
ol.example li.num05 a span.num{background-position:0px -80px}
ol.example li a span.num:hover,ol.example li a span.num:focus,ol.example li a span.num.check{background-position-x:-20px}

ol.example li.wrong span{color:red; font-weight:bold;}
ol.example li.wrong a span.num{background-position-x:-60px}
ol.example li span.ox{display:block;position:absolute; background:url('../img/menu/quizCheck.png') no-repeat;}
ol.example li a.check span.check{display:block;position:absolute; width:28px; height:21px; background:url('../img/menu/quizSCheck.png') no-repeat;}
ol.example li span.txt{display:inline-block; zoom:1; position:relative; margin:0 0 0 30px; top:2px; width:540px; font-size:16px;}
ol.example li span.exText {display:block; float:right; width:418px;}

div.textQuiz{position:relative; top:35px; right:10px; display:none;}
div.textQuiz input{position:absolute; width:214px; height:32px; padding:5px; right:110px; font-size:18px; font-weight:bold;text-align:center; color:#6e5e58; border:none; background:url('../img/menu/quizInput.png') 0 0 no-repeat;}
/*div.textQuiz a{display:block; position:absolute; width:92px; height:39px; right:0; background:url('../img/menu/confirmQuiz.png') 0 0 no-repeat;}
div.textQuiz a:hover,div.textQuiz a:focus{background-position:0 -39px;}
*/
div.quizExplain{display:none; position:absolute; left:386px; top:309px; width:600px;height:72px; padding:15px 0 20px 0}
div.quizExplain img.bg{position:absolute;bottom:0;}
div#quizCorrect{position:absolute; width:100%; top:0; padding:10px 0 0 13px;z-index:1;font-size:16px; font-weight:bold; line-height:25px; color:#e76e03; background:url('../img/menu/quizExplainTop.png') 0 0 no-repeat;}
div#quizExplain{padding:22px 0 0 13px;}
div.quizExplain span.label{display:inline-block; zoom:1; position:relative; width:48px; height:24px;z-index:1;background:url('../img/menu/quizExplainTxt.png') no-repeat; text-indent:-2000px;}
div#quizCorrect span.label{}
div#quizExplain span.label{position:absolute; background-position:0 -24px;}

div#quizCorrect span{font-size:18px; font-weight:bold; color:#ec6400;}
div#quizCorrect span.corr{position:relative;  top:4px}

div#quizExplain p{position:relative; display:inline-block; margin:5px 35px 0 50px; font-size:15px; font-weight:bold; color:#787878; width:450px; height:40px; overflow-y:auto;  overflow-x:hidden; z-index:10}
div#quizExplain p span{display:inline-block;position:relative;width:430px;padding-right:20px}
div.quizExplain div.objectBallPen{left:470px; bottom:-10px;}

div#resultQuizPopWrap{position:absolute; width:100%; height:100%; top:0; z-index:30; background:url('../img/menu/bgOpacity.png') repeat;}
div#resultQuizPop{position:relative; width:571px; height:421px; left:219px; top:111px; z-index:1; background:url('../img/default/quizResultBg.png') 0 bottom no-repeat;}
div#resultQuizPop h3{position:absolute; left:8px; top:6px;}
div#resultQuizPop p{position:absolute; left:290px; top:73px;}
div#resultQuizPop p span{position:absolute; text-indent:-2000px;}
div#resultQuizPop p strong{position:relative; color:#ff6600; font-size:40px;}
div#resultQuizPop p.infoTxt{position:absolute; width:480px; left:142px; top:252px;}
div#resultQuizPop ul{position:relative; left:190px; top:170px; text-indent:-2000px;}
div#resultQuizPop ul li{float:left; width:48px; height:48px; margin:0 70px 0 0; background:url('../img/menu/quizResultOX.png') no-repeat;}

a.resultClose{position:absolute; display:block; width:44px; height:43px; left:520px; top:0; background:url('../img/menu/btnExpertClose.png') no-repeat;}
a.resultClose:hover,a.resultClose:focus{background-position:0 -43px}
div.resultImg{position:absolute; left:-70px; bottom:31px;}
div.resultImg img{position:absolute; bottom:0;}

div.charactorWrap{position:absolute; width:404px; height:398px; left:0; top:3px; background:url('../img/menu/charPen.png') 108px 78px no-repeat;}
div.charNormal,div.charCorrect,div.charWrong{position:absolute; z-index:3}
div.charNormal{left:46px; top:176px;}
div.charCorrect{display:none; left:48px; top:0;}
div.charWrong{display:none; left:0; top:130px;}



/*cont08_핵심정리*/
div#printTabWrap {position:relative; width:773px; height:413px; left:127px; top:152px; padding:50px 0 0 56px; z-index:5; background:url('../img/default/bgSummary.png') 0 0 no-repeat;}
div#printTabWrap div.printTabBtn {position:absolute; left:715px; top:32px;}
div.printTabBtn ul, div.printTabBtn ul li,  div.printTabBtn ul li a {display:block}
div.printTabBtn li a {width:33px; height:46px; background:url('../img/menu/tabSummary.png') -33px 0 no-repeat; text-indent:-2000px;}
div.printTabBtn li a.tabBtn2 {background-position-y:-46px;}
div.printTabBtn li a.tabBtn3 {background-position-y:-92px;}
div.printTabBtn li a.tabBtn4 {background-position-y:-138px;}
div.printTabBtn li a.tabBtn5 {background-position-y:-184px;}
div.printTabBtn li a.tabBtn6 {background-position-y:-230px;}
div.printTabBtn li a.tabBtn7 {background-position-y:-276px;}
div.printTabBtn li a.tabBtn8 {background-position-y:-322px;}
div.printTabBtn li a.tabBtn9 {background-position-y:-368px;}
div.printTabBtn li a.tabBtn10 {background-position-y:-414px;}
div.printTabBtn li a.tabBtn11 {background-position-y:-460px;}
div.printTabBtn li a.tabBtnOn,div.printTabBtn li a:hover,div.printTabBtn li a:focus {background-position-x:0;}

div.printTabText {clear:both; width:640px; height:350px;}
div.printTabText ul{position:relative;}
div.printTabText ul li {position:relative; display:block; line-height:14pt; padding:0 0 0 30px; margin-bottom:30px; font-size:18px; font-weight:bold; color:#3677dc}
div.printTabText ul li ul,div.printTabText ul li ol{margin:10px 0 0 6px}
div.printTabText ul li ul li,div.printTabText ul li ol li{margin:0 0 3px 0; padding:0 0 0 8px; font-size:15px; font-weight:bold; color:#6e5e58; background:url('../img/menu/bulDot.png') 0 8px no-repeat;}
div.printTabText ul li ul li,div.printTabText ul li span{margin:0 0 3px 0; padding:0 0 0 8px; font-size:16px; font-weight:bold; color:#6e5e58;}

div.printTabText ul li ul.line2{width:650px;}
div.printTabText ul li ul.line2 li{width:290px; margin:0 10px 10px 0; float:left}

div.printTabText ul li span.num{display:block; position:absolute; left:0; top:-2px; width:22px; height:22px; background:url('../img/menu/liSummary.png') no-repeat;}
div.printTabText ul li.li1 span.num{background-position:0 -22px;} 
div.printTabText ul li.li2 span.num{background-position:0 -44px;} 
div.printTabText ul li.li3 span.num{background-position:0 -66px;} 
div.printTabText ul li.li4 span.num{background-position:0 -88px;} 
div.printTabText ul li.li5 span.num{background-position:0 -110px;} 
div.printTabText ul li.li6 span.num{background-position:0 -132px;} 
div.printTabText ul li.li7 span.num{background-position:0 -154px;} 
div.printTabText ul li.li8 span.num{background-position:0 -176px;} 
div.printTabText ul li.li9 span.num{background-position:0 -198px;} 


a.summaryPrint {position:absolute; display:block; width:121px; height:57px; left:721px; top:118px; background:url('../img/menu/btnSummary.png') no-repeat; text-indent:-2000px;}
a.summaryPrint:hover {background-position-y:-57px;}
/*a.summaryPrint:hover, a.summaryPrint:focus {background-position-y:-57px;}*/


div#printSlideWrap {position:absolute; width:700px; height:340px; left:160px; top:210px;}			
div#printSlideWrap #slideImages {width:100%; top:0; left:0; position:absolute; height:100%; overflow:hidden;}			
div#printSlideWrap #slideImages div.tab {display:block; position:relative; float:left;}

div#printSlideWrap div.prevNext{position:absolute;left:289px; top:300px; width:120px; height:30px; text-align:center; background:url('../img/menu/prevNext.png') 53px 9px no-repeat;}
div#printSlideWrap div.prevNext a{display:block; position:absolute; width:30px; height:28px; background:url('../img/menu/btnSummaryArrow.png') no-repeat; background-position-y:-30px;}
div#printSlideWrap div.prevNext a.prev{top:0; background-position-x:0px;}
div#printSlideWrap div.prevNext a.next{left:80px; top:0; background-position-x:-36px;}
div#printSlideWrap div.prevNext a.disable{background-position-y:0px;}
div#printSlideWrap div.prevNext span.now{position:absolute; left:38px; top:2px; color:#e35b00; font-size:20px;}
div#printSlideWrap div.prevNext span.total{position:absolute; left:62px; top:6px; color:#666666; font-size:16px;}

div.summary a.btnPrint{display:block; width:64px; height:64px; position:absolute; left:816px; top:186px; background:url('../img/menu/btnSummaryPrint.png') no-repeat;}
div.summary a.btnPrint:hover,div.summary a.btnPrint:focus{background-position-x:-64px;}

div.objectGlassB,div.objectCoffee{position:absolute;  }
div.objectGlassB{width:205px; height:162px; left:0; top:457px; z-index:10; background:url('../img/menu/objectGlassB.png') no-repeat;}
div.objectCoffee{width:151px; height:190px; left:849px; top:224px; background:url('../img/menu/objectCoffee.png') no-repeat;}


/*cont09_다음차시예고*/
div.endLec{position:absolute; right:150px; top:205px;}
div.thisLec,div.nextLec{position:absolute; text-align:center;}
div.thisLec{left:24px; top:123px; width:470px; height:356px; background:url('../img/menu/thisLecShadow.png') 0 bottom no-repeat;}
div.nextLec{left:509px; top:161px; width:402px; height:374px; background:url('../img/menu/nextLecShadow.png') 0 bottom no-repeat;}
div.thisLecArea,div.nextLecArea{display:none}

div.thisLec h2,div.nextLec h2,div.thisLec p,div.nextLec p{position:absolute; z-index:2}
div.thisLec h2{left:97px; top:23px;}
div.nextLec h2{left:18px; top:12px;}
div.thisLec p{left:250px; top:164px;}
div.nextLec p{left:166px; top:190px;}
img#thisLecTxt{margin:0 0 0 77px}
img#nextLecTxt{}

.objectPin{position:absolute; width:25px; height:70px; z-index:5;}
div.thisLec .objectPin{left:283px; top:205px; background:url('../img/menu/thisLecPin.png') no-repeat;}
div.nextLec .objectPin{left:148px; top:203px; background:url('../img/menu/nextLecPin.png') no-repeat;}

div.myQuestion{position:absolute; width:824px; height:65px; left:88px; top:485px; background:url('../img/menu/bgMyQuestion.png') no-repeat;}
div.myQuestion h3{position:absolute; left:28px; top:4px;}
div.myQuestion textarea{position:absolute; width:485px; height:50px; left:174px; top:6px; font-size:13px; color:#97703d; line-height:26px; background:none}
a.saveQuestion{position:absolute; display:block; width:117px; height:36px; left:672px; top:15px; background:url('../img/menu/btnNextLec.png') no-repeat;}
a.saveQuestion:hover{background-position:0 -36px;}
/*a.saveQuestion:hover,a.saveQuestion:focus{background-position:0 -30px;}*/

div.myQuestion .alertSave,div.myQuestion .alertWrite{position:absolute; width:261px; height:71px; left:320px; top:0}

div#progressPopWrap{display:none; position:absolute; width:100%; height:100%; z-index:10;  background:url('../img/menu/bgOpacity.png') repeat;}
div#progressPop{position:absolute; left:307px; top:-500px; width:398px; height:416px;  z-index:1;  background:url('../img/default/progressPop.png') no-repeat; }
div#progressPop h3{position:absolute; text-indent:-2000px;}
div#progressPop a{position:absolute; display:block; text-indent:-2000px;}
div#progressPop p.txt01{position:absolute; display:block; left:42px; top:204px}
.totalStudyInfo{position:absolute; width:238px; height:52px; left:79px; top:111px; background:url('../img/menu/txtStudyInfo.png') no-repeat; text-indent:-2000px;}
#totalStudyPage,#studiedPage{font-size:25px; text-align:right; font-weight:normal; color:#ad400b; position:absolute; text-indent:0}
#totalStudyPage{right:140px; top:1px;}
#studiedPage{right:214px; top:31px; color:#3f23b9;}

#progressPopClose{width:48px; height:48px; left:350px; top:20px; background:url('../img/menu/btnStudyEndClose.png');}
#progressPopClose:hover,#progressPopClose:focus{background-position:0 -48px;}
#studyClose,#studyMedia{width:117px; height:36px; top:276px; background:url('../img/menu/btnStudyEnd.png');}
#studyClose{left:85px; }
#studyMedia{left:210px; background-position:-117px 0px;}
#studyClose:hover,#studyClose:focus,#studyMedia:hover,#studyMedia:focus{background-position-y:-36px;}

/*bottomUI - 러닝맵*/
.opacity{display:none; position:absolute; width:100%; height:100%; z-index:5; background:url('../img/menu/bgOpacity.png') repeat;}

#bottomUI #clickPop{position:absolute; top:-103px; right:0}

/*bottomUI-script*/
div.scriptUI{position:absolute; left:-560px; bottom:-150px; width:746px; height:116px; background:url('../img/menu/bgScript.png') no-repeat; z-index: 100;}
div.scriptUI h3{text-indent:-2000px;}
div.scriptTxt{position:absolute; width:670px; height:80px; overflow-y:auto; top:20px; left:22px; font-size:12px; color:#fff; line-height:1.5em;}
#bottomUI div.scriptUI a{display:block; position:absolute; width:72px; height:22px; top:9px; background:url('../img/menu/btnScript.png')}
#bottomUI div.scriptUI a.btnScriptClose{width:19px; right:10px; background-position:-216px 0;}
#bottomUI div.scriptUI a:hover,#bottomUI div.scriptUI a:focus{background-position-y:-24px;}