@charset "utf-8";

/* 스크롤바 스타일*/
::-webkit-scrollbar {width:10px;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{display:block; width:10px; height:16px; overflow:hidden; background:url(../images/menu/scroll.gif);}
::-webkit-scrollbar-button:start:decrement{background-position:0 0}
::-webkit-scrollbar-button:end:increment{background-position:0 -18px}
::-webkit-scrollbar-track{background:#8d7e73;-webkit-border-radius:6px; border-radius:6px; -webkit-box-shadow: inset 0 0 0}
::-webkit-scrollbar-thumb{background:#e5904e;-webkit-border-radius:6px; border-radius:6px;}

html{
	scrollbar-face-color :#e5904e;
	scrollbar-highlight-color : #e5904e;
	scrollbar-3dlight-color : #FFFFFF;
	scrollbar-shadow-color : #e5904e;
	scrollbar-darkshadow-color :#FFFFFF;
	scrollbar-track-color : #8d7e73;
	scrollbar-arrow-color : #e5904e;
}

/* 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:NanumGothic,Helvetica,Arial,'돋움',dotum,sans-serif;font-size:12px;line-height:1.4em;color:#333;}
body {background-color:#000;word-break:break-all;}
header,footer,article,div,hgroup,aside,nav,detail,figure,figcaption {display:block;}
img,fieldset,iframe {border:0 none;}
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; border:none;}
button {margin:0;padding:0;}
a {color:#666666;text-decoration:none;}
a:hover,a:focus {text-decoration:none;}
button * {position:relative;}
input[type=text],select {border:1px solid #c0c0c0;}
textarea {border:none; overflow-y:auto; resize:none;}
input:focus {outline:0;}
textarea:focus {outline:0;}

/* common style */
.d-hidden {overflow:hidden; height:0; width:0; position:absolute; text-indent:-9999px;}

/* ---------------------- layout ---------------------- */

/* object bg */
.object {position:absolute;top:0;left:0;width:1000px;height:660px;z-index:-1;}
#cont01 .object{background:url(../images/bg/cont_bg1.png) 0 0 no-repeat;}
#cont02 .object{background:url(../images/bg/cont_bg2.png) 0 0 no-repeat;}
#cont03 .object{background:url(../images/bg/cont_bg3.png) 0 0 no-repeat;}
#cont04 .object{background:url(../images/bg/cont_bg4.png) 0 0 no-repeat;}
#cont05 .object{background:url(../images/bg/cont_bg5.png) 0 0 no-repeat;}
#cont06 .object{background:url(../images/bg/cont_bg6.png) 0 0 no-repeat;}
#cont07 .object{background:url(../images/bg/cont_bg7.png) 0 0 no-repeat;}
#cont08 .object{background:url(../images/bg/cont_bg8.png) 0 0 no-repeat;}
#cont09 .object{background:url(../images/bg/cont_bg9.png) 0 0 no-repeat;}
#cont10 .object{background:url(../images/bg/cont_bg10.png) 0 0 no-repeat;}

/* bg */
div#page_bg {position:absolute; left:0; top:0; width:1000px; height:660px; z-index:-2}
div#page_bg img{position:absolute; left:0; top:0;}
div#ui_contents {width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; text-align:center;}
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;}


/* 00 인트로 */
div#wrap_contents {position:relative; width:1000px; height:660px; overflow:hidden;}
div#cont00 h1 {position:absolute; right:0px; top:14px;}
div#cont00 h2 {position:absolute; left:542px; top:175px;}
.startBtn {display:block; position:absolute; right:0; bottom:0; width:142px; height:138px; background:url(../images/menu/btnStart.png)0 0 no-repeat; text-indent:-9999px;}
.startBtn:hover,.startBtn:focus {background-position:-142px 0;}


/* ui_menu */
#leftM {display:block; width:184px; height:546px; position:absolute; top:72px; left:0; z-index:35; background:url(../images/menu/menu_bg.png)0 0 no-repeat;}
div#leftMBtn a {position:absolute; width:30px; height:84px; right:0px; top:223px; background:url(../images/menu/btnIndexMenu.png) 0 0 no-repeat; text-indent:-2000px; cursor:pointer;}
.open #leftMBtn a:hover, .open #leftMBtn a.on { background:url(../images/menu/btnIndexMenu.png) 0 -84px no-repeat; }

#leftMenuBox {position:relative;top:40px;width:147px;}
#leftMenuBox ul > li > a.depth1 {display:block; width:139px; height:21px; padding-bottom:8px; background:url(../images/menu/menu.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}
#leftMenuBox ul li.mn_00, #leftMenuBox ul li.mn_01, #leftMenuBox ul li.mn_02 { margin-bottom:14px; }
#leftMenuBox ul li.mn_00 a.depth1 {background-position:0 0;}
#leftMenuBox ul li.mn_00 a.depth1.on {background-position:-155px 0;}
#leftMenuBox ul li.mn_00 a.depth1:hover {background-position:-155px 0;}
#leftMenuBox ul li.mn_01 a.depth1 {background-position:0 -144px;}
#leftMenuBox ul li.mn_01 a.depth1.on {background-position:-155px -144px;}
#leftMenuBox ul li.mn_01 a.depth1:hover {background-position:-155px -144px;}
#leftMenuBox ul li.mn_02 a.depth1 {background-position:0 -232px;}
#leftMenuBox ul li.mn_02 a.depth1.on {background-position:-155px -232px;}
#leftMenuBox ul li.mn_02 a.depth1:hover {background-position:-155px -232px;}
#leftMenuBox ul li.mn_03 a.depth1 {background-position:0 -340px;}
#leftMenuBox ul li.mn_03 a.depth1.on {background-position:-155px -340px;}
#leftMenuBox ul li.mn_03 a.depth1:hover {background-position:-155px -340px;}
#leftMenuBox ul li ul.depth2 { padding-bottom:16px; }
#leftMenuBox ul li ul.depth2.last { background:none; }
#leftMenuBox ul li ul.depth2 li > a {display:block; width:139px; height:22px; background:url(../images/menu/menu.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}
#leftMenuBox ul li.mn_00 ul.depth2 li.sm_00 a {background-position:0 -27px;}
#leftMenuBox ul li.mn_00 ul.depth2 li.sm_00 a.on {background-position:-155px -27px;}
#leftMenuBox ul li.mn_00 ul.depth2 li.sm_00 a:hover {background-position:-155px -27px;}
#leftMenuBox ul li.mn_00 ul.depth2 li.sm_01 a {background-position:0 -48px;}
#leftMenuBox ul li.mn_00 ul.depth2 li.sm_01 a.on {background-position:-155px -48px;}
#leftMenuBox ul li.mn_00 ul.depth2 li.sm_01 a:hover {background-position:-155px -48px;}
#leftMenuBox ul li.mn_00 ul.depth2 li.sm_02 a {background-position:0 -70px;}
#leftMenuBox ul li.mn_00 ul.depth2 li.sm_02 a.on {background-position:-155px -70px;}
#leftMenuBox ul li.mn_00 ul.depth2 li.sm_02 a:hover {background-position:-155px -70px;}
#leftMenuBox ul li.mn_00 ul.depth2 li.sm_03 a {background-position:0 -92px;}
#leftMenuBox ul li.mn_00 ul.depth2 li.sm_03 a.on {background-position:-155px -92px;}
#leftMenuBox ul li.mn_00 ul.depth2 li.sm_03 a:hover {background-position:-155px -92px;}
#leftMenuBox ul li.mn_00 ul.depth2 li.sm_04 a {background-position:0 -114px;}
#leftMenuBox ul li.mn_00 ul.depth2 li.sm_04 a.on {background-position:-155px -114px;}
#leftMenuBox ul li.mn_00 ul.depth2 li.sm_04 a:hover {background-position:-155px -114px;}
#leftMenuBox ul li.mn_01 ul.depth2 li.sm_01 a {background-position:0 -192px;}
#leftMenuBox ul li.mn_01 ul.depth2 li.sm_01 a.on {background-position:-155px -192px;}
#leftMenuBox ul li.mn_01 ul.depth2 li.sm_01 a:hover {background-position:-155px -192px;}
#leftMenuBox ul li.mn_01 ul.depth2 li.sm_02 a {background-position:0 -202px;}
#leftMenuBox ul li.mn_01 ul.depth2 li.sm_02 a.on {background-position:-155px -202px;}
#leftMenuBox ul li.mn_01 ul.depth2 li.sm_02 a:hover {background-position:-155px -202px;}
#leftMenuBox ul li.mn_02 ul.depth2 li.sm_01 a {background-position:0 -281px;}
#leftMenuBox ul li.mn_02 ul.depth2 li.sm_01 a.on {background-position:-155px -281px;}
#leftMenuBox ul li.mn_02 ul.depth2 li.sm_01 a:hover {background-position:-155px -281px;}
#leftMenuBox ul li.mn_02 ul.depth2 li.sm_02 a {background-position:0 -302px;}
#leftMenuBox ul li.mn_02 ul.depth2 li.sm_02 a.on {background-position:-155px -302px;}
#leftMenuBox ul li.mn_02 ul.depth2 li.sm_02 a:hover {background-position:-155px -302px;}
#leftMenuBox ul li.mn_03 ul.depth2 li.sm_01 a {background-position:0 -388px;}
#leftMenuBox ul li.mn_03 ul.depth2 li.sm_01 a.on {background-position:-155px -388px;}
#leftMenuBox ul li.mn_03 ul.depth2 li.sm_01 a:hover {background-position:-155px -388px;}
#leftMenuBox ul li.mn_03 ul.depth2 li.sm_02 a {background-position:0 -409px;}
#leftMenuBox ul li.mn_03 ul.depth2 li.sm_02 a.on {background-position:-155px -409px;}
#leftMenuBox ul li.mn_03 ul.depth2 li.sm_02 a:hover {background-position:-155px -409px;}


/* ui_top */
div#ui_top {width:100%; height:48px; position:relative; z-index:100;}
div#ui_top h1 {position:absolute; right:0px; top:14px;}
div#ui_top h2 {position:absolute; left:0px; top:0px;}

.btn_tool {display:block; position:absolute; top:40px; left:50%; margin-left:-43px; width:100px; height:40px; background:url(../images/menu/tooltip.png) -172px -90px no-repeat; }
.btn_tool.on {top:44px; height:44px; background:url(../images/menu/tooltip.png) -172px -45px no-repeat; }
.tool_tip {z-index:100; position:absolute; top:0px; left:50%; margin-left:-210px; width:442px; height:49px; background:url(../images/menu/tooltip.png) 0 0 no-repeat; }
.tool_tip ul {margin:12px 0 0 52px;}
.tool_tip ul li {float:left;}
.tool_tip ul li a {display:block; height:16px; background:url(../images/menu/tooltip.png) 0 0 no-repeat;}
.tool_tip ul li a.tm1 {width:74px; background-position:0px -133px; margin-right:27px;}
.tool_tip ul li a.tm1:hover,.tool_tip ul li a.tm1:focus {background-position:0px -149px;}
.tool_tip ul li a.tm2 {width:60px;background-position:-101px -133px;margin-right:27px;}
.tool_tip ul li a.tm2:hover,.tool_tip ul li a.tm2:focus {background-position:-101px -149px;}
.tool_tip ul li a.tm3 {width:48px; background-position:-189px -133px;margin-right:27px;}
.tool_tip ul li a.tm3:hover,.tool_tip ul li a.tm3:focus {background-position:-189px -149px;}
.tool_tip ul li a.tm4 {width:75px;background-position:-263px -133px;}
.tool_tip ul li a.tm4:hover,.tool_tip ul li a.tm4:focus {background-position:-263px -149px;}


/* ui_bottom */
div#ui_bottom_logo {position:absolute; left:0px; bottom:0px; }
div#ui_bottom_logo h2 {width:190px; height:60px; background:url(../images/menu/btmLogo.png) no-repeat; text-indent:-2000px;}
div#ui_bottom {position:absolute; bottom:0; width:100%; height:40px; z-index:100; background:url(../images/menu/btm_bg.png) no-repeat;}
div#ui_bottom div#quickM {position:absolute; left:178px; bottom:4px;}
div#ui_bottom div#quickM ul li {position:relative; float:left;}
div#ui_bottom div#quickM ul li > a {float:left; width:47px; height:34px; background:url(../images/menu/btnQuick.png) no-repeat; text-indent:-2000px;}

div#ui_bottom div#quickM a.learningMap {background-position:0 0;}
div#ui_bottom div#quickM a.downMap {background-position:-47px 0; margin-left:2px;}
div#ui_bottom div#quickM a.searchMap {background-position:-94px 0; margin-left:2px;}
div#ui_bottom div#quickM a.learningMap:hover,div#ui_bottom div#quickM a.learningMap:focus {background-position:0 -34px;}
div#ui_bottom div#quickM a.downMap:hover,div#ui_bottom div#quickM a.downMap:focus {background-position:-47px -34px;}
div#ui_bottom div#quickM a.searchMap:hover,div#ui_bottom div#quickM a.searchMap:focus {background-position:-94px -34px;}

/* 스크립트 창 */
div.scriptUI{position:absolute; left:62px; bottom:41px; width:870px; height:128px; background:url(../images/menu/bgScript.png) 0 0 no-repeat; z-index:1000;}
div.scriptUI h3{position:absolute; left:15px; top:10px;}
div.scriptTxt {position:absolute; width:826px; height:65px; overflow-y:auto; top:45px; left:22px; font-size:13px; color:#333; line-height:20px;}
div#ui_bottom div.scriptUI a {display:block; position:absolute; width:30px; height:30px; top:6px; background:url(../images/menu/btnScript.png); text-indent:-1000px;}
div#ui_bottom div.scriptUI a.scriptReset {right:125px; background-position:0 0;}
div#ui_bottom div.scriptUI a.scriptReset:hover, div#ui_bottom div.scriptUI a.scriptReset:focus { background-position:0 -30px;}
div#ui_bottom div.scriptUI a.scriptZoomin {right:89px; background-position:-30px 0;}
div#ui_bottom div.scriptUI a.scriptZoomin:hover, div#ui_bottom div.scriptUI a.scriptZoomin:focus { background-position:-30px -30px;}
div#ui_bottom div.scriptUI a.scriptZoomout {right:54px; background-position:-60px 0;}
div#ui_bottom div.scriptUI a.scriptZoomout:hover, div#ui_bottom div.scriptUI a.scriptZoomout:focus { background-position:-60px -30px;}
div#ui_bottom div.scriptUI a.btnScriptClose {right:12px; background-position:-90px 0;}
div#ui_bottom div.scriptUI a.btnScriptClose:hover, div#ui_bottom div.scriptUI a.btnScriptClose:focus { background-position:-90px -30px;}

/* 검색 창 */
div#ui_bottom .ui_search {position:absolute; left:180px; bottom:33px; width:242px; height:46px; background:url(../images/menu/search_bg.png) no-repeat; z-index:1001;}
div#ui_bottom .ui_search .searchWord {position:absolute; top:10px; left:15px; width:194px; background-color:transparent; border:none; color:#777; font-size:13px;}
div#ui_bottom .ui_search .btnSearch {position:absolute; right:22px; top:10px; width:18px; height:18px; text-indent:-2000px; background:url(../images/menu/btn_search.png) 0 0 no-repeat;}

/*ui_bottom-paging*/
.gPaging {position:absolute; width:136px; height:35px; text-align:center; top:5px; right:13px; font-family:Arial,Helvetica,sans-serif; font-size:17px; color:#6b6b6b;}
a#prevPage,a#nextPage {display:inline-block; top:0; width:29px; height:28px; background:url(../images/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:-38px 0; position:absolute; right:0}
a#prevPage:hover,a#prevPage:focus,a#prevPage.on {background-position:0 -28px;}
a#nextPage:hover,a#nextPage:focus,a#nextPage.on {background-position:-38px -28px;}
.gPaging #naviCurrent {font-size:26px; font-weight:bold; color:#ffc809; position:absolute; top:-3px; left:37px; height:35px; line-height:35px; display:inline-block;}
.gPaging #naviTotal {position:absolute; left:78px; top:6px; font-size:20px;font-weight:bold;color:#e2e2e2;}
.gPaging #naviCurrent+span {display:inline-block; position:absolute; top:-2px; left:67px; width:10px; height:28px; background:url(../images/menu/layout2.png) -43px 2px no-repeat;text-indent:-9999px; }


/* cont01 오리엔테이션 */
.movView {position:absolute; top:358px; left:68px;}
.movView .ot-player {width:400px; height:225px;}
.studyWrap {position:absolute; top:139px; left:504px; overflow-y:auto; overflow-x:hidden; width:430px; height:376px; z-index:10;} 
.studyWrap h1 {padding-right:20px; text-align:right;}
.studyHistory ul {padding:3px 0 12px 14px;}
.studyHistory ul li {color:#faebe3; font-size:14px; line-height:20px;}
.studyHistory ul li.report {color:#c97b7e;}
.studyHistory table {margin:3px 0 0 14px;}
.studyHistory table tr th {letter-spacing:-0.1em;}
.studyHistory table tr th, .studyHistory table tr td {text-align:left; color:#faebe3; font-size:14px; line-height:20px; vertical-align:top;}


/* cont02 오늘의주제 */
.today_case_wrap {position:absolute; top:136px; left:94px; width:825px; height:420px;}
.today_case_wrap .btn-expand {position:absolute; top:0px; right:30px; width:132px; height:38px; background:url(../images/menu/btn.png) 0 0 no-repeat; text-indent:-5000px;}
.today_case_wrap .btn-expand:hover,.today_case_wrap .btn-expand:focus {background:url(../images/menu/btn.png) 0 -38px no-repeat;}
.today_cont {margin-top:52px; width:100%; height:362px; overflow-x:hidden; overflow-y:auto;}
.today_cont .l-cont {float:left;}
.today_cont .r-cont {margin-left:358px; font-size:14px; color:#555; line-height:22px;}
.today_cont .r-cont .photo {max-width:264px; height:auto; overflow:hidden; margin-bottom:18px;}
.today_cont .r-cont .photo img {width:100%;}

#todayCasePopup {position:fixed; width:870px; height:502px; left:77px; top:96px; z-index:1004; background:url(../images/menu/today_popup_bg.png) no-repeat;}
#todayCasePopup h1 {padding:24px 0 22px 23px;}
#todayCasePopup a.PopClose{position:absolute; width:35px; height:35px; right:-20px; top:-12px; background:url(../images/menu/btnLearningClose.png) no-repeat;}
#todayCasePopup a.PopClose:hover, #todayCasePopup a.PopClose:focus {background-position:0 -35px;}
.popExpend {width:780px; height:347px; padding:0 20px 0 29px; overflow-x:hidden; overflow-y:auto;}
.popExpend .l-cont {float:left;}
.popExpend .r-cont {margin-left:456px; font-size:21px; color:#555; line-height:34px;}


/* cont03 학습내용 학습목표 */
#studyGoalBox {position:relative; z-index:1;}
#studyGoalBox h2 {height:0; overflow:hidden; text-indent:-1000; position:absolute;}
#studyGoalBox ul li {position:relative; margin-bottom:12px; padding-left:30px; font-size:14px; line-height:20px; }
#studyGoalBox ul li span.num {display:block; position:absolute; top:1px; left:2px; width:20px; height:20px; background:url(../images/menu/number.png) 0 0 no-repeat;}
#studyGoalBox ul li.text1 span.num {background-position:0 0;}
#studyGoalBox ul li.text2 span.num {background-position:-20px 0;}
#studyGoalBox ul li.text3 span.num {background-position:-40px 0;}
#studyGoalBox ul li.text4 span.num {background-position:-60px 0;}
#studyGoalBox ul li.text5 span.num {background-position:-80px 0;}
#studyGoalBox ul li.text6 span.num {background-position:-100px 0;}
#studyGoalBox ul li.text7 span.num {background-position:-120px 0;}
#studyGoalBox ul li.text8 span.num {background-position:-140px 0;}
#studyGoalBox ul li.text9 span.num {background-position:-160px 0;}
div.studyVal {width:335px; height:280px; position:absolute; top:208px; left:118px; overflow-x:hidden; overflow-y:auto; }
div.studyGoal {width:335px; height:280px; position:absolute; top:208px; left:574px; overflow-x:hidden; overflow-y:auto; }
span.click {display:inline-block; position:relative; min-width:60px; font-weight:bold; color:#000; text-align:center; text-indent:0;}
span.click a {display:block; width:100%; height:100%; position:absolute; top:0; left:0; margin:-1px -2px; background:#83210f url(../images/menu/btn_click.png) no-repeat 50% 49%; border-radius:5px; border:2px solid #fff;}


/*cont04 사전퀴즈*/
div#prevQuizWrap {position:relative; width:880px; height:450px; top:109px; left:0px; padding:30px 0 0 62px;}
div#prevQuizWrap div.question {position:relative; left:30px; top:15px; display:table-cell; vertical-align:middle; width:788px; height:70px;} 
div#prevQuizWrap span {display:block; position:absolute;}

#prevQuizTxt {position:relative; width:680px; left:86px; font-size:17px; font-weight:bold; line-height:22px;}
#prevNumBG {position:absolute; width:78px; height:72px; left:0; top:0; z-index:1;}
#prevNumBG span {position:absolute; display:block; z-index:2; background:url(../images/menu/numOX.png) no-repeat;}
#prevNumBG span.o {width:96px; height:108px; left:-13px; top:-13px; background-position:0 0;}
#prevNumBG span.x {width:96px; height:108px; left:-14px; top:-16px; background-position:-96px 0;}

#prevNumBG p {position:absolute; left:0; top:0; width:78px; height:72px; background:url(../images/menu/prveQuizNum.png) no-repeat; text-indent:-2000px;}
#prevNumBG p.num1 {background-position:0 0}
#prevNumBG p.num2 {background-position:0 -72px}
#prevNumBG p.num3 {background-position:0 -144px;}

#quizEx0 { margin-right:158px; }
#quizEx0, #quizEx1 {position:relative; left:200px; top:82px; display:inline-block; zoom:1; float:left; width:120px; height:120px;}
#quizEx0 a {position:relative; display:block; height:100%; background:url(../images/menu/prevOX.png) 0 0 no-repeat; text-indent:-1000px;}
#quizEx1 a {position:relative; display:block; height:100%; background:url(../images/menu/prevOX.png) -120px 0 no-repeat; text-indent:-1000px;}
#quizEx0 a:hover {background-position: 0px -120px;}
#quizEx1 a:hover {background-position: -120px -120px;}
#quizEx0 span, #quizEx1 span {position:absolute; left:45px; top:24px; display:block; width:158px; height:100px; background:url(../images/menu/movQuizCheck.png) no-repeat;}

.quizImage #quizEx0 { margin-right:100px; }
.quizImage #quizEx0, .quizImage #quizEx1 {position:relative; left:360px; top:82px; display:inline-block; zoom:1; float:left; width:120px; height:120px;}
.quizImage .quize_img_bg { position:absolute; left:116px; top:172px; }
.quizImage .quize_img_bg img { width:250px; height:135px; overflow:hidden; }

#prevQuizWrap .nextPrevQuiz {position:absolute; top:-46px; right:-42px; width:132px; height:38px; background:url(../images/menu/btn.png) 0 -75px no-repeat; text-indent:-5000px;}
#prevQuizWrap .nextPrevQuiz:hover, #prevQuizWrap .nextPrevQuiz:focus {background:url(../images/menu/btn.png) 0 -113px no-repeat;}

#prevExplainWrap {position:absolute; width:765px; height:132px; top:322px; left:116px; }
#prevCorrect {position:absolute; left:0; top:17px;}
#prevExplain {position:absolute; left:0; top:41px;}
#prevCorrect span, #prevExplain span {display:block; width:41px; height:19px; text-indent:-1000px;} 
#prevCorrect span {background:url(../images/menu/quizExplainTxt.png) 0 0 no-repeat;}
#prevExplain span {top:9px; background:url(../images/menu/quizExplainTxt.png) 0 -19px no-repeat;}
#prevCorrect p {position:absolute; top:-6px; left:75px; width:680px; font-size:13px; line-height:1.3em; font-weight:bold; color:#eb5b22; font-size:24px;}
#prevExplain p {position:absolute; top:10px; left:75px; width:668px; height:82px; overflow-x:hidden; overflow-y:auto; font-size:13px; line-height:1.3em; font-weight:bold; line-height:20px; padding-right:12px; }


/* cont05 동영상학습하기 */
#studyContentsIntro {position:relative; z-index:1000;}

.profileView {position:absolute; top:470px; left:0px; width:212px; height:143px; background:url(../images/menu/btn_profile.png) 0 0 no-repeat; text-indent:-1000px;}
#studyTime {position:absolute; top:188px; left:672px;}
#studyTime p {font-size:0; height:0; line-height:0;}
#studyTime span {display:inline-block; width:46px; height:54px; background:url(../images/menu/time.png) 0 0 no-repeat;}
#minT2 {margin-left:5px;}
#secT1 {margin-left:47px;}
#secT2 {margin-left:5px;}
#studyTime .num0 {background-position: 0 0;}
#studyTime .num1 {background-position: 0 -54px;}
#studyTime .num2 {background-position: 0 -108px;}
#studyTime .num3 {background-position: 0 -162px;}
#studyTime .num4 {background-position: 0 -216px;}
#studyTime .num5 {background-position: 0 -270px;}
#studyTime .num6 {background-position: 0 -324px;}
#studyTime .num7 {background-position: 0 -378px;}
#studyTime .num8 {background-position: 0 -432px;}
#studyTime .num9 {background-position: 0 -486px;}
#showLec {position:absolute; top:480px; right:409px; width:172px; height:38px; background:url(../images/menu/btn.png) -132px 0px no-repeat; text-indent:-5000px;}
#showLec:hover, #showLec:focus {background:url(../images/menu/btn.png) -132px -38px no-repeat;}
#downLecData {position:absolute; top:480px; right:219px; width:188px; height:38px; background:url(../images/menu/btn.png) -132px -76px no-repeat; text-indent:-5000px;}
#downLecData:hover, #downLecData:focus {background:url(../images/menu/btn.png) -132px -114px no-repeat;}
#mpDown {position:absolute; top:480px; right:54px; width:163px; height:38px; background:url(../images/menu/btn.png) -132px -152px no-repeat; text-indent:-5000px;}
#mpDown:hover, #mpDown:focus {background:url(../images/menu/btn.png) -132px -190px no-repeat;}

/* 프로필보기 팝업 */
#profilePopup {position:fixed; width:870px; height:502px; left:77px; top:96px; z-index:1004; background:url(../images/menu/profile_popup_bg.png) no-repeat;}
#profilePopup > h1 {padding:24px 0 22px 23px;}
#profilePopup a.PopClose{position:absolute; width:35px; height:35px; right:-20px; top:-12px; background:url(../images/menu/btnLearningClose.png) no-repeat;}
#profilePopup a.PopClose:hover, #profilePopup a.PopClose:focus {background-position:0 -35px;}
.popProfile {position:absolute; top:45px; width:490px; height:420px; overflow-x:hidden; overflow-y:auto; margin-left:330px;}
.popProfile > h1 { margin-bottom:20px; padding:0; }
.popProfile .studyHistory ul {padding:3px 0 12px 14px;}
.popProfile .studyHistory ul li {color:#555; font-size:14px; line-height:20px;}
.popProfile .studyHistory ul li.report {color:#c97b7e;}
.popProfile .studyHistory table {margin:3px 0 0 14px;}
.popProfile .studyHistory table tr th {letter-spacing:-0.1em;}
.popProfile .studyHistory table tr th, .popProfile .studyHistory table tr td {color:#555; text-align:left; font-size:14px; line-height:20px; vertical-align:top;}

/* 돌발퀴즈 팝업 */
#unexpectedPopup {position:fixed; width:894px; height:542px; left:48px; top:58px; z-index:1004; background:url(../images/menu/unexpected_popup_bg.png) no-repeat;}
#unexpectedPopup > h1 {padding:24px 0 22px 23px;}
#unexpectedPopup a.PopClose{position:absolute; width:35px; height:35px; right:-20px; top:25px; background:url(../images/menu/btnLearningClose.png) no-repeat;}
#unexpectedPopup a.PopClose:hover, #unexpectedPopup #profilePopup a.PopClose:focus {background-position:0 -35px;}

#unexpectedPopup div#prevQuizWrap {position:relative; width:832px; height:340px; top:109px; left:40px; padding:0; background:url(../img/menu/prevQuizBg.png) no-repeat;}
#unexpectedPopup div#prevQuizWrap div.question {position:relative; left:32px; top:36px; display:table-cell; vertical-align:middle; width:788px; height:70px;} 
#unexpectedPopup div#prevQuizWrap span {display:block; position:absolute;}
#unexpectedPopup span#alertPrevQuiz {width:238px; height:77px; left:405px; top:135px; z-index:1; background:url(../img/menu/alertPrevQuiz.png) no-repeat; text-indent:-2000px;}

#unexpectedPopup #prevQuizTxt {position:relative; width:680px; left:86px; font-size:17px; font-weight:bold; line-height:22px;}
#unexpectedPopup #prevNumBG {position:absolute; width:78px; height:72px; left:0; top:0; z-index:1;}
#unexpectedPopup #prevNumBG span {position:absolute; display:block; z-index:2; background:url(../images/menu/numOX.png) no-repeat;}
#unexpectedPopup #prevNumBG span.o {width:96px; height:108px; left:-13px; top:-13px; background-position:0 0;}
#unexpectedPopup #prevNumBG span.x {width:96px; height:108px; left:-14px; top:-16px; background-position:-96px 0;}

#unexpectedPopup #prevNumBG p {position:absolute; left:0; top:0; width:78px; height:72px; background:url(../images/menu/prveQuizNum.png) no-repeat; text-indent:-2000px;}
#unexpectedPopup #prevNumBG p.num1 {background-position:0 0}
#unexpectedPopup #prevNumBG p.num2 {background-position:0 -72px}
#unexpectedPopup #prevNumBG p.num3 {background-position:0 -144px;}

#unexpectedPopup #quizEx0 { margin-right:158px; }
#unexpectedPopup #quizEx0, #unexpectedPopup #quizEx1 {position:relative; left:200px; top:52px; display:inline-block; zoom:1; float:left; width:120px; height:120px;}
#unexpectedPopup #quizEx0 a {position:relative; display:block; height:100%; background:url(../images/menu/prevOX.png) 0 0 no-repeat; text-indent:-1000px;}
#unexpectedPopup #quizEx1 a {position:relative; display:block; height:100%; background:url(../images/menu/prevOX.png) -120px 0 no-repeat; text-indent:-1000px;}
#unexpectedPopup #quizEx0 a:hover {background-position: 0px -120px;}
#unexpectedPopup #quizEx1 a:hover {background-position: -120px -120px;}
#unexpectedPopup #quizEx0 span, #unexpectedPopup #quizEx1 span {position:absolute; left:45px; top:24px; display:block; width:158px; height:100px; background:url(../images/menu/movQuizCheck.png) no-repeat;}

#unexpectedPopup .quizImageLayer #quizEx0 { margin-right:100px; }
#unexpectedPopup .quizImageLayer #quizEx0, #unexpectedPopup #quizEx1 {position:relative; left:305px; top:52px; display:inline-block; zoom:1; float:left; width:120px; height:120px;}
.quizImageLayer .quize_img_bg { position:absolute; left:60px; top:120px; }
.quizImageLayer .quize_img_bg img { width:200px; height:120px; overflow:hidden; }

#unexpectedPopup .nextConnectQuiz {position:absolute; top:-46px; right:-9px; width:132px; height:38px; background:url(../images/menu/btn.png) 0 -152px no-repeat; text-indent:-5000px;}
#unexpectedPopup .nextConnectQuiz:hover, .nextConnectQuiz:focus {background:url(../images/menu/btn.png) 0 -190px no-repeat;}

#unexpectedPopup #prevExplainWrap {position:absolute; width:765px; height:142px; top:256px; left:42px;}
#unexpectedPopup #prevCorrect {position:absolute; left:0; top:17px;}
#unexpectedPopup #prevExplain {position:absolute; left:0; top:41px;}
#unexpectedPopup #prevCorrect span, #prevExplain span {display:block; width:41px; height:19px; text-indent:-1000px;} 
#unexpectedPopup #prevCorrect span {background:url(../images/menu/quizExplainTxt.png) 0 0 no-repeat;}
#unexpectedPopup #prevExplain span {top:9px; background:url(../images/menu/quizExplainTxt.png) 0 -19px no-repeat;}
#unexpectedPopup #prevCorrect p {position:absolute; top:-6px; left:75px; width:680px; font-size:13px; line-height:1.3em; font-weight:bold; color:#eb5b22; font-size:24px;}
#unexpectedPopup #prevExplain p {position:absolute; top:10px; left:75px; width:668px; height:82px; overflow-x:hidden; overflow-y:auto; font-size:13px; line-height:1.3em; font-weight:bold; line-height:20px; padding-right:12px; }

/* 동영상강의 팝업 */
#studyMovWrap1 {position:fixed; width:935px; height:543px; left:42px; top:82px; z-index:1004; background:url(../images/menu/video_popup_bg.png) no-repeat;}
#studyContentsMov {position:absolute; top:10px; left:10px; width:900px; height:507px;}
#movQuickList {position:absolute; top:40px; right:24px; width:200px; height:388px; overflow:hidden; background:url(../images/menu/mov_list_bg.png) 0 0 no-repeat;}
#movQuickList h3 .PopClose { position:absolute; top:22px; right:26px; width:25px; height:25px; background:url(../images/menu/mov_list_bg.png) -200px -130px no-repeat;}
#movQuickList ul {width:185px; margin:62px 0 0 6px;}
#movQuickList ul li {padding-left:10px; border-bottom:1px solid #d7d9db; border-left:3px solid transparent;}
#movQuickList ul li:hover, #movQuickList ul li:focus, #movQuickList ul li.on {border-left:3px solid #ff5400; color:#ff5400;}
#movQuickList ul li a {display:block; height:38px; line-height:38px; font-size:14px; font-weight:bold;}
#movQuickList ul li a:hover, #movQuickList ul li a:focus, #movQuickList ul li.on a {color:#ff5400;}
.movListBtn { position:absolute; top:40px; right:-14px; width:38px; height:122px; overflow:hidden; background:url(../images/menu/mov_list_bg.png) -200px 0 no-repeat;}


/* cont06 평가하기 */
#startBtn {position:absolute; top:450px; left:405px; width:214px; height:100px; background:url(../images/menu/btn_start.png) 0 0 no-repeat; text-indent:-5000px;}
#startBtn:hover, #startBtn:focus {background:url(../images/menu/btn_start.png) 0px -100px no-repeat;}


/* cont07 퀴즈퀴즈 */
div#quizWrap {position:relative; width:880px; height:450px; top:109px; left:0px; padding:30px 0 0 62px; background:url(../img/menu/prevQuizBg.png) no-repeat;}
div#quizWrap div.question {position:relative; left:30px; top:15px; display:table-cell; vertical-align:middle; width:788px; height:70px;} 

#quizTxt {position:relative; width:680px; left:86px; font-size:17px; font-weight:bold; line-height:22px;}
#quizWrap #prevNumBG {position:absolute; width:78px; height:72px; left:0; top:0; z-index:1;}
#quizWrap #prevNumBG span {position:absolute; display:block; z-index:2; background:url(../images/menu/numOX.png) no-repeat;}
#quizWrap #prevNumBG span.o {width:96px; height:108px; left:-13px; top:-13px; background-position:0 0;}
#quizWrap #prevNumBG span.x {width:96px; height:108px; left:-14px; top:-16px; background-position:-96px 0;}

#quizWrap #prevNumBG p {position:absolute; left:0; top:0; width:78px; height:72px; background:url(../images/menu/prveQuizNum.png) no-repeat; text-indent:-2000px;}
#quizWrap #prevNumBG p.num1 {background-position:0 0}
#quizWrap #prevNumBG p.num2 {background-position:0 -72px}
#quizWrap #prevNumBG p.num3 {background-position:0 -144px;}

.quizWrapImage .quize_img_bg { position:absolute; left:106px; top:146px; }
.quizWrapImage .quize_img_bg img { width:200px; height:120px; overflow:hidden; }
.quizWrapImage .exampleWrap .example {position:absolute; top:135px; left:330px; z-index:10;}

.quizBtnWrap {position:absolute; top:-50px; right:-40px;}
#quizWrap .confrimBtn {position:absolute; top:-1px; right:-90px; width:85px; height:75px; background:url(../images/menu/btn.png) -132px -456px no-repeat; text-indent:-5000px;}
#quizWrap .confrimBtn:hover, #quizWrap .confrimBtn:focus {background:url(../images/menu/btn.png) -132px -532px no-repeat;}
#quizWrap .learningView {display:block; float:left; width:153px; height:38px; background:url(../images/menu/btn.png) -132px -228px no-repeat; text-indent:-5000px;}
#quizWrap .learningView:hover, #quizWrap .learningView:focus {background:url(../images/menu/btn.png) -132px -266px no-repeat;}
#quizWrap .resultView {display:block; float:left; width:132px; height:38px; background:url(../images/menu/btn.png) 0 -228px no-repeat; text-indent:-5000px;}
#quizWrap .resultView:hover, #quizWrap .resultView:focus {background:url(../images/menu/btn.png) 0 -266px no-repeat;}
#quizWrap .nextPrevQuiz {display:block; float:left; width:132px; height:38px; background:url(../images/menu/btn.png) 0 -75px no-repeat; text-indent:-5000px;}
#quizWrap .nextPrevQuiz:hover, #quizWrap .nextPrevQuiz:focus {background:url(../images/menu/btn.png) 0 -113px no-repeat;}

#quizExplainWrap {position:absolute; width:765px; height:132px; top:322px; left:116px; }
#quizCorrect {position:absolute; left:0; top:17px;}
#quizExplain {position:absolute; left:0; top:41px;}
#quizCorrect span, #quizExplain span {display:block; width:41px; height:19px; text-indent:-1000px;} 
#quizCorrect span {background:url(../images/menu/quizExplainTxt.png) 0 0 no-repeat;}
#quizExplain span {top:9px; background:url(../images/menu/quizExplainTxt.png) 0 -19px no-repeat;}
#quizCorrect p {position:absolute; top:0; left:75px; width:680px; font-size:13px; line-height:1.3em; font-weight:bold; font-size:13px;}
#quizCorrect p strong {color:#c31002; font-size:17px;}
#quizExplain p {position:absolute; top:10px; left:75px; width:668px; height:82px; overflow-x:hidden; overflow-y:auto; font-size:13px; line-height:1.3em; font-weight:bold; line-height:20px; padding-right:12px; }

.exampleWrap .example .num {position:absolute; top:50%; margin-top:-12px; display:inline-block; width:30px; height:30px; background:url(../images/menu/quiz_num.png) 0 0 no-repeat;}
.exampleWrap .example {position:absolute; top:135px; left:178px; z-index:10;}
.exampleWrap .example li {position:relative; margin-bottom:3px; line-height:32px;}
.exampleWrap .example li a {display:block;}
.example li a span+span {margin-left:38px; font-size:14px; font-weight:bold; color:#000; line-height:18px; vertical-align:middle;}
.example li.on a span+span {font-weight:bold; color:#c31002;}
.example li.wrong a span+span {font-weight:bold; color:#5866a6;}

.essayQuestionWrap {position:absolute; top:136px; left:180px;}
.essayQuestion {width:488px; height:70px; overflow-x:hidden; overflow-y:auto; background:url(../images/menu/quiz_input_bg.png) 0 0 no-repeat; }
.essayQuestion textarea {background:transparent; width:442px; height:48px; line-height:48px; margin:10px 12px 2px 30px; font-size:17px; font-weight:bold;}
#choice {display:none; position:absolute; top:50%; left:31px; margin-top:-10px; width:32px; height:25px; background:url(../images/menu/num_check.png) 0 0 no-repeat;}
#exNum01 {background-position:0 0;}
#exNum02 {background-position:0 -30px;}
#exNum03 {background-position:0 -60px;}
#exNum04 {background-position:0 -90px;}
#exNum01.on {background-position:-30px 0;}
#exNum02.on {background-position:-30px -30px;}
#exNum03.on {background-position:-30px -60px;}
#exNum04.on {background-position:-30px -90px;}
#exNum01.wrong {background-position:-60px 0;}
#exNum02.wrong {background-position:-60px -30px;}
#exNum03.wrong {background-position:-60px -60px;}
#exNum04.wrong {background-position:-60px -90px;}

.quizTabBtn { position:absolute; top:92px; right:-46px; }
.quizTabBtn li a {width:46px; height:53px; display:block; background:url(../images/menu/tab_quiz.png) 0 0 no-repeat; text-indent:-2000px;}
.quizTabBtn li a.tabBtn1 {background-position:0 0px;}
.quizTabBtn li a.tabBtn2 {background-position:0 -53px;}
.quizTabBtn li a.tabBtn3 {background-position:0 -107px;}
.quizTabBtn li a.tabBtn1:hover, .quizTabBtn li a.tabBtn1.tabOn {background-position:-46px 0;}
.quizTabBtn li a.tabBtn2:hover, .quizTabBtn li a.tabBtn2.tabOn {background-position:-46px -53px;}
.quizTabBtn li a.tabBtn3:hover, .quizTabBtn li a.tabBtn3.tabOn {background-position:-46px -107px;}

.quizTabBtn span {position:absolute; width:62px; height:68px; display:block; z-index:2; background:url(../images/menu/quizOX.png) no-repeat;}
.quizTabBtn span.o {left:-7px; top:-7px; background-position:0 0;}
.quizTabBtn span.x {left:-8px; top:-6px; background-position:-62px 0;}

.alert {display:none; overflow:hidden; position:absolute; z-index:100; background:url(../images/menu/alert.png) no-repeat; text-indent:-2000px;}
#alertRetryQuiz { width:282px; height:188px; position:absolute; top:25%; left:40%; background-position:0 0; }
#alertDoQuiz { width:322px; height:190px; position:absolute; top:25%; left:40%; background-position:0 -367px; }
#alertFirstPage { width:322px; height:167px; position:absolute; top:25%; left:40%; background-position:0 -579px; }
#alertLastPage { width:322px; height:175px; position:absolute; top:25%; left:40%; background-position:0 -754px; }


/* 관련학습보기팝업 */
#relationStudyPopup {position:fixed; width:757px; height:549px; left:138px; top:80px; z-index:1004; background:url(../images/menu/relation_popup_bg.png) no-repeat;}
#relationStudyPopup a.PopClose{position:absolute; width:35px; height:35px; right:-20px; top:-12px; background:url(../images/menu/btnLearningClose.png) no-repeat;}
#relationStudyPopup a.PopClose:hover, #relationStudyPopup a.PopClose:focus {background-position:0 -35px;}
#relationStudyPopup .movView { position:absolute; top:88px; left:45px; width:640px; height:360px;}

/* 관련학습보기 팝업 플레이어 ui_bottom */
div#popup_jplayer {position:absolute; bottom:29px; left:57px; width:665px; height:40px; z-index:100; background:url(../images/menu/btm_popup_bg.png) no-repeat; }
div#popup_jplayer h2 {position:absolute; left:9px; top:3px; width:102px; height:33px; background:url(../images/menu/btmLogoVideo.png) no-repeat; text-indent:-2000px;}


/* 총문제 정답확인 팝업 */
#resultQuizPop {position:fixed; width:510px; height:660px; left:266px; top:0; z-index:1004; background:url(../images/menu/result_quiz_popup_bg.png) no-repeat;}
#resultQuizPop p {position:absolute; left:301px; top:32px;}
#resultQuizPop p strong.totalNum {position:absolute; top:158px; left:-69px; color:#eee8e1; font-size:34px; display:block; line-height:30px; height:30px;}
#resultQuizPop p strong.correctNum {position:absolute; top:197px; left:-152px; color:#eee8e1; font-size:34px; display:block; line-height:30px; height:30px;}
#resultQuizPop p.infoTxt {position:absolute; width:355px; left:80px; top:387px;}
#resultQuizPop ul {position:relative; left:132px; top:325px; text-indent:-2000px;}
#resultQuizPop ul li {float:left; width:39px; height:40px; margin:0 64px 0 0; background:url(../images/menu/quizResultOX.png) no-repeat;}
.btnRetryQuiz {position:absolute; top:495px; left:125px; width:132px; height:38px; background:url(../images/menu/btn.png) 0 -304px no-repeat; text-indent:-5000px;}
.btnRetryQuiz:hover, .btnRetryQuiz:focus {background:url(../images/menu/btn.png) 0 -342px no-repeat;}
.btnMoveQuiz {position:absolute; top:495px; left:259px; width:132px; height:38px; background:url(../images/menu/btn.png) 0 -380px no-repeat; text-indent:-5000px;}
.btnMoveQuiz:hover, .btnMoveQuiz:focus {background:url(../images/menu/btn.png) 0 -418px no-repeat;}


/* cont08 생각해보기 */
#thinkWrap { position:relative;}
.thinkSubject {position:absolute; top:170px; left:129px; width:664px; height:82px; font-size:17px; font-weight:bold; line-height: 22px; overflow-x:hidden; overflow-y:auto;}
textarea#myThinkWrite {position:absolute; top:305px; left:125px; z-index:10; width:739px; height:180px; padding-right:5px; background:none; font-weight:bold; font-size:14px; line-height:20px; color:#555;}
.saveBtn {position:absolute; top:515px; left:267px; width:132px; height:38px; background:url(../images/menu/btn.png) 0 -456px no-repeat; text-indent:-5000px;}
.saveBtn:hover, .saveBtn:focus {background:url(../images/menu/btn.png) 0 -494px no-repeat;}
.exampleView {position:absolute; top:515px; left:405px; width:178px; height:38px; background:url(../images/menu/btn.png) -132px -304px no-repeat; text-indent:-5000px;}
.exampleView:hover, .exampleView:focus {background:url(../images/menu/btn.png) -132px -342px no-repeat;}
.colleagueView {position:absolute; top:515px; left:590px; width:204px; height:38px; background:url(../images/menu/btn.png) -132px -380px no-repeat; text-indent:-5000px;}
.colleagueView:hover, .colleagueView:focus {background:url(../images/menu/btn.png) -132px -418px no-repeat;}
#alertThink { width:283px; height:165px; position:absolute; top:294px; left:40%; background-position:0 -188px;}

/* 전문가답변 팝업 */
#expertAnswerPopup {position:fixed; width:870px; height:502px; left:77px; top:96px; z-index:1004; background:url(../images/menu/profile_popup_bg.png) no-repeat;}
#expertAnswerPopup > h1 {padding:24px 0 22px 23px;}
#expertAnswerPopup a.PopClose{position:absolute; width:35px; height:35px; right:-20px; top:-12px; background:url(../images/menu/btnLearningClose.png) no-repeat;}
#expertAnswerPopup a.PopClose:hover, #expertAnswerPopup a.PopClose:focus {background-position:0 -35px;}
.expertContWrap {position:absolute; top:82px; margin-left:330px; padding-right:20px; width:470px; height:350px; overflow-x:hidden; overflow-y:auto; }
.expertContWrap p {color:#555; font-size:14px; line-height:22px;}


/* cont9 학습정리 */
.printTabText {position:absolute; top:196px; left:120px; width:764px;}
#printImg .tab li {position:relative; display:block; float:left; margin-bottom:25px; padding-left:56px; line-height:20px; font-size:14px; font-weight:bold; color:#555;}
#printImg .tab li span {display:block; position:absolute; top:-2px; left:0; background:url(../images/menu/print_num.png) 0 0 no-repeat;}
#printImg .tab li span.num1 {width:50px; height:50px; background-position:0 0px;}
#printImg .tab li span.num2 {width:50px; height:50px; background-position:0 -50px;}
#printImg .tab li span.num3 {width:50px; height:50px; background-position:0 -100px;}
#printImg .tab li span.num4 {width:50px; height:50px; background-position:0 -150px;}
#printImg .tab li span.num5 {width:50px; height:50px; background-position:0 -200px;}
#printImg .tab li span.num6 {width:50px; height:50px; background-position:0 -250px;}
#printImg .tab li span.num7 {width:50px; height:50px; background-position:0 -300px;}
#printImg .tab li span.num8 {width:50px; height:50px; background-position:0 -350px;}
#printImg .tab li span.num9 {width:50px; height:50px; background-position:0 -400px;}
#printImg .tab li span.num10 {width:50px; height:50px; background-position:0 -450px;}
#printImg .tab li span.num11 {width:50px; height:50px; background-position:0 -500px;}
#printImg .tab li span.num12 {width:50px; height:50px; background-position:0 -550px;}
#printImg .tab li span.num13 {width:50px; height:50px; background-position:0 -600px;}
#printImg .tab li span.num14 {width:50px; height:50px; background-position:0 -650px;}
#printImg .tab li span.num15 {width:50px; height:50px; background-position:0 -700px;}
#printImg .tab li span.num16 {width:50px; height:50px; background-position:0 -750px;}
#printImg .tab li span.num17 {width:50px; height:50px; background-position:0 -800px;}
#printImg .tab li span.num18 {width:50px; height:50px; background-position:0 -850px;}
#printImg .tab li span.num19 {width:50px; height:50px; background-position:0 -900px;}
#printImg .tab li span.num20 {width:50px; height:50px; background-position:0 -950px;}
#printImg .tab li span.click {display:inline-block; position:relative; min-width:60px; font-weight:bold; color:#000; text-align:center; text-indent:0;}
#printImg .tab li span.click a {display:block; width:100%; height:100%; position:absolute; top:0; left:0; margin:-1px -2px; background:#2b3b66 url(../images/menu/btn_click.png) no-repeat 50% 49%; border-radius:5px; border:2px solid #fff;}

.downloadPrint {position:absolute; top:120px; right:130px; width:132px; height:38px; background:url(../images/menu/btn.png) 0 -684px no-repeat; text-indent:-5000px;}
.downloadPrint:hover, .downloadPrint:focus {background:url(../images/menu/btn.png) 0 -722px no-repeat;}
.summaryPrint {position:absolute; top:120px; right:266px; width:132px; height:38px; background:url(../images/menu/btn.png) 0 -760px no-repeat; text-indent:-5000px;}
.summaryPrint:hover, .summaryPrint:focus {background:url(../images/menu/btn.png) 0 -798px no-repeat;}

.paginationWrap {position:relative; top:484px; margin:0 auto; height:50px;}
.pagination { margin:0 auto; text-align:center; }
.paginationWrap span {display:inline-block; width:46px; height:48px; background:url(../images/menu/pagination_num.png) 0 0 no-repeat; text-indent:-2000px; line-height:88px;}
.paginationWrap span.sm_prev {background-position:0 0px;}
.paginationWrap span.sm_prev:hover, .paginationWrap span.sm_prev.on {background-position:0 -48px;}
.paginationWrap span.sm_next {background-position:-230px 0px;}
.paginationWrap span.sm_next:hover, .paginationWrap span.sm_next:hover {background-position:-230px -48px;}
.paginationWrap span.p01 {background-position:-46px 0;}
.paginationWrap span.p01:hover, .paginationWrap span.p01.on {background-position:-46px -48px;}
.paginationWrap span.p02 {background-position:-92px 0;}
.paginationWrap span.p02:hover, .paginationWrap span.p02.on {background-position:-92px -48px;}
.paginationWrap span.p03 {background-position:-138px 0;}
.paginationWrap span.p03:hover, .paginationWrap span.p03.on {background-position:-138px -48px;}
.paginationWrap span.p04 {background-position:-184px 0;}
.paginationWrap span.p04:hover, .paginationWrap span.p04.on {background-position:-184px -48px;}


/* cont10 다음차시예고 */
.thisLec {position:absolute; top:185px; left:98px; width:345px; height:197px; text-align:center;}
.nextLec {position:absolute; top:185px; left:565px; width:345px; height:247px; text-align:center;}
.studyKeyword {position:absolute; top:74px; left:294px; z-index:10; width:614px; height:72px; font-size:15px; text-align:left; color:#fff; font-weight:bold; line-height:73px;}
.studyKeyword_wrap {position:absolute; top:450px; left:40px; width:958px; height:184px; background:url(../images/menu/keyword_box.png) no-repeat;}
.studyKeyword span {margin:0 15px 0 0; padding:0 17px 0 0; background:url(../images/menu/keyword_line.png) right 2px no-repeat;}

/* 학습종료 확인 팝업 */
#progressPopWrap {position:fixed; width:432px; height:660px; left:298px; top:0; z-index:1004; background:url(../images/menu/progress_popup_bg.png) no-repeat;}
#progressPopWrap p {position:absolute; left:301px; top:32px;}
#progressPopWrap p strong.totalStudyPage {position:absolute; top:195px; left:-129px; color:#eee8e1; font-size:34px; display:block; line-height:30px; height:30px;}
#progressPopWrap p strong.studiedPage {position:absolute; top:232px; left:-217px; color:#eee8e1; font-size:34px; display:block; line-height:30px; height:30px;}
#progressPopWrap p.infoTxt {position:absolute; left:70px; top:335px;}
.studyClose {position:absolute; top:394px; left:84px; width:132px; height:38px; background:url(../images/menu/btn.png) 0 -532px no-repeat; text-indent:-5000px;}
.studyClose:hover, .studyClose:focus {background:url(../images/menu/btn.png) 0 -570px no-repeat;}
.studyMedia {position:absolute; top:394px; left:219px; width:132px; height:38px; background:url(../images/menu/btn.png) 0 -608px no-repeat; text-indent:-5000px;}
.studyMedia:hover, .studyMedia:focus {background:url(../images/menu/btn.png) 0 -646px no-repeat;}


/* 부가메뉴 팝업 */
#tooltipPopup {position:fixed; width:800px; height:600px; left:90px; top:36px; z-index:1004; background:url(../images/popup/popup_bg.png) no-repeat;}
#tooltipPopup > h1 {padding:24px 0 22px 23px;}
#tooltipPopup a.PopClose{position:absolute; width:34px; height:34px; right:28px; top:15px; background:url(../images/popup/btnExpertClose.png) no-repeat;}
#tooltipPopup a.PopClose:hover, #tooltipPopup a.PopClose:focus {background-position:0 -34px;}
table.tableType01 {width:100%; padding-top:20px; border:1px solid #c3c3c3;}
table.tableType01 thead th {height:43px; line-height:43px; text-align:center; border-left:1px solid #7faad8; font-size:15px; font-weight:bold; color:#fff; background:url(../images/popup/th_line.png) 0 0 repeat-x;}
table.tableType01 thead th:first-child {border-left:none;}
table.tableType01 tbody th, table.tableType01 tbody td {padding:8px 10px; text-align:center; border:1px solid #c4c4c4;} 
table.tableType01 tbody th {background:#eee; font-weight:bold; color:#555;}
table.tableType01 tbody td {height:57px; background:#fff; font-weight:normal; color:#555; line-height:18px;}
table.tableType01 tbody td.text-left {padding:8px 20px; color:#555; text-align:left;}

/* 러닝맵 */
#tooltipPopup .learningMap {position:absolute; top:62px; left:15px; width:770px; height:514px; overflow-x:hidden; overflow-y:auto;}
#tooltipPopup .learningMap h2 {margin:20px 0 0 26px;}
#tooltipPopup .learningMap table.tableType01 {width:728px; margin:20px auto 0;}

/* 키보드옵션 */
.keyGuide {position:absolute; top:62px; left:15px; width:770px; height:514px; overflow-x:hidden; overflow-y:auto;}
.keyGuide h2 {margin:20px 0 0 26px;}
.keyGuide table.tableType01 {width:728px; margin:20px auto 0;}

/* 학습도우미 */
a.helpTabMenu {position:absolute; display:block; width:194px; height:57px; top:17px; background:url(../images/popup/btnHelp.png) no-repeat; text-indent:-2000px;}
a#helpTab01.helpTabOn {background-position:0 -57px;}
a#helpTab02.helpTabOn {background-position:-194px -57px;}
a#helpTab01 {left:201px;}
a#helpTab02 {left:378px; background-position:-194px 0;}
.studyTab {position:absolute; top:-12px; left:135px;}
.studyHelp .explain {position:absolute; left:-120px; top:74px; width:770px; height:514px;} 
.studyHelp h2 {margin:20px 0 0 26px;}
.studyHelp .guide {position:absolute; top:68px; left:5px;}
.studyHelp table.tableType01 {position:absolute; width:324px; top:76px; left:434px; padding-top:20px; border:1px solid #c3c3c3;}
.studyHelp table.tableType01 thead th {height:42px; line-height:43px; text-align:center; border-left:1px solid #7faad8; font-size:15px; font-weight:bold; color:#fff; background:url(../images/popup/th_line.png) 0 0 repeat-x;}
.studyHelp table.tableType01 thead th:first-child {border-left:none;}
.studyHelp table.tableType01 tbody th, table.tableType01 tbody td {padding:5px 10px; text-align:center; border:1px solid #c4c4c4;} 
.studyHelp table.tableType01 tbody th {background:#eee; font-weight:bold; color:#555;}
.studyHelp table.tableType01 tbody td {height:28px; background:#fff; font-weight:bold; color:#555; text-align:left;}
.helpListWrap {position:absolute; top:80px; left:10px;}
a.listTabMenu {position:absolute; display:block; width:142px; height:70px; left:0; background:url(../images/popup/tab_helf_list.png) no-repeat; text-indent:-2000px;}
a#listTab01.listTabOn {top:0;  background-position:-142px 0;}
a#listTab02.listTabOn {top:77px; background-position:-142px -77px;}
a#listTab03.listTabOn {top:154px; background-position:-142px -154px;}
a#listTab04.listTabOn {top:232px; background-position:-142px -232px;}
a#listTab01 {top:0;}
a#listTab02 {top:77px; background-position:0 -77px;}
a#listTab03 {top:154px; background-position:0 -154px;}
a#listTab04 {top:232px; background-position:0 -232px;}
.listTabDisplay {position:relative; left:159px; top:14px; width:597px; height:422px;}
.listTabDisplayBox {position:absolute; left:0; top:0; }

/* 키보드옵션 */
.dictionaryWrap {position:absolute; top:62px; left:15px; width:770px; height:513px; background:url(../images/popup/dic_bg.png) no-repeat;}
.dictionaryWrap #leftUI {position:absolute; left:20px; top:16px; display:inline-block;}
.dictionaryWrap #leftUI ul li a {display:block; width:118px; height:35px; background:url(../images/popup/dicLeftMenu.png) no-repeat; text-indent:-2000px;}
.dictionaryWrap ul li#lnb01 a {background-position:0 -0px;}
.dictionaryWrap ul li#lnb02 a {background-position:0 -35px;}
.dictionaryWrap ul li#lnb03 a {background-position:0 -70px;}
.dictionaryWrap ul li#lnb04 a {background-position:0 -105px;}
.dictionaryWrap ul li#lnb05 a {background-position:0 -140px;}
.dictionaryWrap ul li#lnb06 a {background-position:0 -175px;}
.dictionaryWrap ul li#lnb07 a {background-position:0 -210px;}
.dictionaryWrap ul li#lnb08 a {background-position:0 -245px;}
.dictionaryWrap ul li#lnb09 a {background-position:0 -280px;}
.dictionaryWrap ul li#lnb10 a {background-position:0 -315px;}
.dictionaryWrap ul li#lnb11 a {background-position:0 -350px;}
.dictionaryWrap ul li#lnb12 a {background-position:0 -385px;}
.dictionaryWrap ul li#lnb13 a {background-position:0 -420px;}
.dictionaryWrap ul li#lnb14 a {background-position:0 -455px;}
.dictionaryWrap ul li#lnb01 a:hover, .dictionaryWrap ul li#lnb01 a.on {background-position:-118px -0px;}
.dictionaryWrap ul li#lnb02 a:hover, .dictionaryWrap ul li#lnb02 a.on {background-position:-118px -35px;}
.dictionaryWrap ul li#lnb03 a:hover, .dictionaryWrap ul li#lnb03 a.on {background-position:-118px -70px;}
.dictionaryWrap ul li#lnb04 a:hover, .dictionaryWrap ul li#lnb04 a.on {background-position:-118px -105px;}
.dictionaryWrap ul li#lnb05 a:hover, .dictionaryWrap ul li#lnb05 a.on {background-position:-118px -140px;}
.dictionaryWrap ul li#lnb06 a:hover, .dictionaryWrap ul li#lnb06 a.on {background-position:-118px -175px;}
.dictionaryWrap ul li#lnb07 a:hover, .dictionaryWrap ul li#lnb07 a.on {background-position:-118px -210px;}
.dictionaryWrap ul li#lnb08 a:hover, .dictionaryWrap ul li#lnb08 a.on {background-position:-118px -245px;}
.dictionaryWrap ul li#lnb09 a:hover, .dictionaryWrap ul li#lnb09 a.on {background-position:-118px -280px;}
.dictionaryWrap ul li#lnb10 a:hover, .dictionaryWrap ul li#lnb10 a.on {background-position:-118px -315px;}
.dictionaryWrap ul li#lnb11 a:hover, .dictionaryWrap ul li#lnb11 a.on {background-position:-118px -350px;}
.dictionaryWrap ul li#lnb12 a:hover, .dictionaryWrap ul li#lnb12 a.on {background-position:-118px -385px;}
.dictionaryWrap ul li#lnb13 a:hover, .dictionaryWrap ul li#lnb13 a.on {background-position:-118px -420px;}
.dictionaryWrap ul li#lnb14 a:hover, .dictionaryWrap ul li#lnb14 a.on {background-position:-118px -455px;}
#dicContents {position:absolute; width:600px; height:442px; left:154px; top:35px; overflow-x:hidden; overflow-y:auto;}
#dicContents ul {display:none; width:570px;}
#dicContents ul li {position:relative; margin-top:2px; background:url(../images/popup/lineDic.png) 0 bottom repeat-x;}
#dicContents h3 {position:relative; font-size:14px; color:#217ccd; padding:0 0 0 20px; margin:0 0 3px 0;background:url(../images/popup/bulDic.png) left center no-repeat;}
#dicContents p {font-size:12px; color:#696969; padding:0 5px 20px 9px; margin:0 0 16px 12px; line-height:18px;}
#dicContents p.last{background:none}
#dicContents ul#words01{display:block;}
#tooltipPopup .ui_search {position:absolute; left:392px; top:12px; width:261px; height:34px; background:url(../images/popup/dic_search_bg.png) no-repeat; z-index:1001;}
#tooltipPopup .ui_search .searchWord {position:absolute; top:7px; left:15px; width:194px; background-color:transparent; border:none; color:#eee; font-size:13px;}
#tooltipPopup .ui_search .btnSearch {position:absolute; right:4px; top:2px; width:36px; height:29px; text-indent:-2000px; background:url(../images/popup/btn_dic_search.png) 0 0 no-repeat;}


/* 프린트 */
#print_contents {padding:30px; background-color:#fff;}
#print_contents h1 {font-size:20px; padding-bottom:10px;}
#print_contents h2 {padding-bottom:10px;}
#print_contents h2:after { content:" "; display:table; clear:both;}
#print_contents h2 span {font-size:16px; display:block; float:left; padding:3px 15px; line-height:30px;}
#print_contents h2 span.dept1 {background-color:#333; color:#fff;}
#print_contents h2 span.dept2 {background-color:#888; color:#fff;}
.section {padding:10px 20px 10px 20px;}
.section p {padding:5px 0; color:#000; line-height:22px;}


/* 모바일 이동버튼 */
#mGlobalPaging a {display:block; position:absolute; width:47px; height:149px; top:299px; z-index:100; background:url(../images/menu/mGlobalBtn.png); text-indent:-2000px; }
a#mPrev {left:0; background-position:0 0;}
a#mNext {right:0; background-position:-47px 0;}
#mGlobalPaging a#mPrev:hover, #mGlobalPaging a#mPrev:focus {background-position:0 -149px;}
#mGlobalPaging a#mNext:hover, #mGlobalPaging a#mNext:focus {background-position:47px -149px;}

/* 말풍선 */
#page_popBubble {display:block; overflow:hidden; position:absolute; bottom:36px; right:0px; width:75px; height:77px; z-index:1001; background:url(../images/menu/bubblePop.png) 0 0 no-repeat; text-indent:-9999px;}