@charset "utf-8";
@import url(notosanskr.css);
@import url(kopubdotum.css);
@import url(goyang.css);

/* 스크롤바 스타일*/
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
    display: block;
    width: 10px;
    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: #a9b4ae;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 0
}

::-webkit-scrollbar-thumb {
    background: #838785;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

/* font */
@font-face {
    font-family: 'nanum-barun-gothic-regular';
    src: url('./font/nanumbarungothicregular.eot');
    src: url('./font/nanumbarungothicregular.eot?#iefix') format('embedded-opentype'),
         url('./font/nanumbarungothicregular.woff') format('woff'),
         url('./font/nanumbarungothicregular.ttf') format('truetype'),
         url('./font/nanumbarungothicregular.svg#nanum-barun-gothic-regular') format('svg');
    font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'Nanum Square';
    font-style: normal;
    font-weight: 400;
    src: url(../css/font/NanumSquareR.eot);
    src: local('Nanum Square Regular'),
    local('NanumSquareR'),
    url(../css/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
    url(../css/font/NanumSquareR.woff2) format('woff2'),
    url(../css/font/NanumSquareR.woff) format('woff'),
    url(../css/font/NanumSquareR.ttf) format('truetype');

}

@font-face {
    font-family: 'Nanum Square';
    font-style:normal;
    font-weight: 700;
    src: url(../css/font/NanumSquareB.eot);
    src: local('Nanum Square Bold'),
    local('NanumSquareB'),
    url(../css/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
    url(../css/font/NanumSquareB.woff2) format('woff2'),
    url(../css/font/NanumSquareB.woff) format('woff'),
    url(../css/font/NanumSquareB.ttf) format('truetype');

}


html {
    scrollbar-face-color: #838785;
    scrollbar-highlight-color: #5c5c5c;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-shadow-color: #5c5c5c;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #a9b4ae;
    scrollbar-arrow-color: #838785;
	font-smoothing: antialiased;
}


.hanja {
    font-family: 'SimSun', sans-serif;


}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    -webkit-text-size-adjust: none;
}


/* 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: 'Nanum Square', Helvetica, Arial, dotum, sans-serif;
    font-size: 12px;
    line-height: 1.4em;
    color: #444;
}

body {
    background-color: #000;
    word-break: break-all;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: unset;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    text-rendering: auto;
    text-rendering: optimizeSpeed;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    text-rendering: inherit;
}

header, footer, article, div, hgroup, aside, nav, detail, figure, figcaption {
    display: block;
}

img, fieldset, iframe {
    border: 0 none;
}

ol, 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;
}



.color-1{
    color:#ff6c00;
}

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

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

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

/* object bg */
.object {
    position: absolute;
    top: 0;
    left: 0;
    width: 1000px;
    height: 630px;
    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.oxQuiz .object {

}

#cont04.bookPaper .object {
    background: url(../images/bg/bookpaper_bg4.png) 0 0 no-repeat;
}

#cont04.newsPaper .object {
    background: url(../images/bg/newspaper_bg4.png) 0 0 no-repeat;
}

#cont04.myThink .object {
    background: url(../images/bg/mythink_bg4.png) 0 0 no-repeat;
}

#cont04.checked .object {
    background: url(../images/bg/checked_bg4.png) 0 0 no-repeat;
}

#cont04.click .object {

}

#cont04.video .object {
    background: url(../images/bg/video_bg4.png) 0 0 no-repeat;
}

#cont04.webtoon .object {
    background: url(../images/bg/webtoon_bg4.png) 0 0 no-repeat;
}

#cont05 .object {
    background: url(../images/bg/cont_bg5.png) 0 0 no-repeat;
}

#cont05.bg_video .object {
    background: url(../images/bg/cont_bg11.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_bg11.png) 0 0 no-repeat;
}

#cont08 .object {
    background: url(../images/bg/cont_bg11.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;
}

#cont12 .object {
    background-color: #FFF;
}

#teacher_interview {
    height: 454px;
    background: url(../images/bg/video_bg12.png) -34px -119px no-repeat;
}

#teacher_interview .vodSection {
    position: relative;
    top: 4px;
    left: 34px;
    width: 780px;
    height: 439px;
}

/*공통 타이틀*/
.pageTitWrap {
    position: relative;
    right: 0;
    top: 55px;
    width: 957px;
    height: 54px;
}


h1.pageTit {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 24px;
    font-weight: bold;
    color:#2b2b2b;

    background-repeat: no-repeat;
    padding-left:20px;
}



p.pTxtHead {
    position: absolute;
    right: -30px;
    top: 13px;
}

/* bg */
div#pageBg {
    position: absolute;
    left: 0;
    top: 0;
    width: 1000px;
    height: 630px;
    z-index: -2;
}

div#pageBg img {
    position: absolute;
    left: 0;
    top: 0;
}

div#uiContents {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

div#cont01, div#cont02, div#cont03, div#cont04, div#cont05, div#cont06, div#cont07, div#cont08, div#cont09, div#cont10, div#cont11, div#cont12 {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
}

/* uiMenu */
#topM {
    margin-left: -475px;
    width: 950px;
    min-height: 64px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 10000;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: rgba(40, 40, 40, 0.9);
}

div#topMBtn a {
    position: absolute;
    width: 132px;
    height: 55px;
    left: 50%;
    top: 0;
    margin-left: -66px;
    display: block;
    background: url(../images/res/icons_quiz.png) 0 -299px no-repeat;
    text-indent: -2000px;
    cursor: pointer;
}

.open #topMBtn a:hover, .open #topMBtn a.on {
    background: url(../images/res/icons_quiz.png) -150px -299px no-repeat;
}

#topMenuBox {
    position: relative;
    top: 0;
    background: url(../images/res/menu_top_bg.png) 0 0 no-repeat;
    width: 950px;
    min-height: 180px;
}

#topMenuBox ul {
    display: table;
    padding-bottom: 2px;
}

#topMenuBox ul > li > a.depth1 {
    display: none;
    text-indent: -9999px;
    overflow: hidden;
}

#topMenuBox ul li.mn_00, #topMenuBox ul li.mn_01, #topMenuBox ul li.mn_02 {
    float: left;
}



#topMenuBox ul li ul {
    padding-top: 6px;
}

#topMenuBox ul li ul li a span {
    font-family: 'Tahoma';
    display: inline-block;
    margin-right:5px;

}

#topMenuBox ul li ul li a {
    font-size: 11.4pt;
    color:#FFF;
    line-height: 1.4;
    font-weight: 700;
    min-width: 120px;
    padding:2px 5px;
    display: inline-block;
}


#topMenuBox ul li ul li a:hover {
background-color: #f6b800;
color:#000;
    border-radius: 3px;
}


#topMenuBox .mn_00 ul.depth2 {
    position: absolute;
    top:10px;
    left:120px;
}

#topMenuBox .mn_00 ul.depth2 {
    position: absolute;
    top:10px;
    left:107px;
}
#topMenuBox .title_txt{
    font-family: "Nanum Square", Helvetica, Arial, dotum, sans-serif;
    display: inline-block;    
    font-size:11.4pt;
    width:315px;
    padding-left:1px;
}

#topMenuBox .mn_01 ul.depth2 {
    position: absolute;
    top:10px;
    left:374px;
	width:340px;
}

#topMenuBox .mn_02 ul.depth2 {
    position: absolute;
    top:10px;
    left:811px;
}





/* uiTop */
div#uiTop {
    width: 100%;
    height: 70px;
    position: absolute;
    z-index: 100;
}

div#uiTop h1 {
    position: absolute;
    right: 13px;
    top: 9px;
}

div#uiTop h2 {
    position: absolute;
    left: 0;
    top: 14px;
}

div#uiTop p {
    position: absolute;
    right: 16px;
    top: 35px;
}

/* uiBottom */
div#uiBottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: #2b2b2b;
    z-index: 1010;
}

div#uiBottomLogo {
    position: absolute;
    top: 5px;
    left: 13px;
}

div#uiBottomLogo h2 {
    width: 70px;
    height: 25px;
    background: url(../images/player/btm_logo.png) no-repeat;
    text-indent: -2000px;
}

div#uiBottom div#quickM {
    position: absolute;
    left: 720px;
    top: 14px;
    z-index: 1012;
}

div#uiBottom div#quickM ul li {
    position: relative;
    float: left;
}

div#uiBottom div#quickM ul li > a {
    width: 25px;
    height: 17px;
    display: inline-block;
    background: url(../images/res/icons.png) 0 0 no-repeat;
}

div#uiBottom div#quickM .bookmark a {
    background-position: -1200px -200px;
}

div#uiBottom div#quickM .speed a {
    padding-left: 20px;
    background-position: -1400px -200px;
}

div#uiBottom div#quickM .toolbox a {
    background-position: -1800px -200px;
}

div#uiBottom div#quickM .csboard a {
    background-position: -1600px -200px;
}

div#uiBottom div#quickM .bookmark:hover a, div#uiBottom div#quickM .bookmark:focus a, div#uiBottom div#quickM .bookmark.on a {
    background-position: -1300px -200px;
}

div#uiBottom div#quickM .speed:hover a, div#uiBottom div#quickM .speed:focus a, div#uiBottom div#quickM .speed.on a {
    background-position: -1500px -200px;
}

div#uiBottom div#quickM .toolbox:hover a, div#uiBottom div#quickM .toolbox:focus a, div#uiBottom div#quickM .toolbox.on a {
    background-position: -1900px -200px;;
}

div#uiBottom div#quickM .csboard:hover a, div#uiBottom div#quickM .csboard:focus a, div#uiBottom div#quickM .csboard.on a {
    background-position: -1700px -200px;
}

div#uiBottom div#quickM .bookmark a.deactivation {
    background-position: -1200px -200px;
}

div#uiBottom div#quickM .speed a.deactivation {
    background-position: -1400px -200px;
}

div#uiBottom div#quickM .toolbox a.deactivation {
    background-position: -1900px -200px;
}

div#uiBottom div#quickM .csboard a.deactivation {
    background-position: -1700px -200px;
}

/* quickM tooltip */
div#uiBottom div#quickM ul li:hover .tooltip {
    position: absolute;
    top: -32px;
    opacity: 1;
    display: block;
    z-index: 1001;
}

div#uiBottom div#quickM .bookmark .tooltip {
    width: 50px;
    left: -9px;
}

div#uiBottom div#quickM .speed .tooltip {
    width: 40px;
    left: -4px;
}

div#uiBottom div#quickM .toolbox .tooltip {
    width: 65px;
    left: -17px;
}

div#uiBottom div#quickM .csboard .tooltip {
    width: 65px;
    left: -17px;
}

.tooltip {
    display: none;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    bottom: -11px;
    left: 50%;
    margin-left: -5px;
    border-width: 13px 5px 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #000;
}

.tooltip-inner {
    padding: 3px 8px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #000;
}

/* volume tooltip */
/*
div#uiBottom .jp-controls li:hover .tooltip {position:absolute; top:-32px; opacity:1; display:block; z-index:1001;}
div#uiBottom .jp-controls .play .tooltip {width:40px; left:-13px; }
div#uiBottom .jp-controls .pause .tooltip {width:65px; left:-13px; }
div#uiBottom .jp-controls .reload .tooltip {width:65px; left:8px; }
div#uiBottom .jp-controls .script .tooltip {width:65px; left:60px; }
div#uiBottom .jp-controls .full .tooltip {width:65px; left:84px; }
div#uiBottom .jp-volume-controls li:hover .tooltip {position:absolute; top:-32px; opacity:1; display:block; z-index:1001;}
*/

/* 이전, 다음페이지 tooltip */
div#uiBottom .gPaging li:hover .tooltip {
    position: absolute;
    top: -32px;
    opacity: 1;
    display: block;
    z-index: 1001;
}

div#uiBottom .gPaging .prev .tooltip {
    width: 80px;
    position: absolute;
    left: -13px;
}

div#uiBottom .gPaging #nextPage .tooltip {
    width: 80px;
    left: -50px;
}

div#uiBottom .gPaging .prev .tooltip {
    left: -28px;
}

div#uiBottom .gPaging .next .tooltip {
    right: 0;
}

div#uiBottom .gPaging .next .tooltip .tooltip-arrow {
    left: 62px;
}

/* 스크립트 창 */
div.scriptUI {
    position: absolute;
    left: 42px;
    bottom: 36px;
    width: 910px;
    height: 128px;
    background: url(../images/player/bgScript.png) 0 0 no-repeat;
    z-index: 1000;
}

div.scriptTxt {
    position: absolute;
    top: 32px;
    left: 20px;
    width: 870px;
    height: 80px;
    overflow-y: auto;
    padding-right: 10px;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
}

div#uiBottom div.scriptUI a {
    display: block;
    position: absolute;
    top: 10px;
    right: 14px;
    width: 39px;
    height: 14px;
    background: url(../images/player/btnScript.png);
    text-indent: -1000px;
}

div#uiBottom div.scriptUI a.btnScriptClose {
    background-position: 0 0;
}

div#uiBottom div.scriptUI a.btnScriptClose:hover, div#ui_bottom div.scriptUI a.btnScriptClose:focus {
    background-position: 0 -14px;
}

/* 검색 창 */
.uiSearch {
    position: absolute;
    left: 100px;
    top: 9px;
    width: 86px;
    height: 24px;
    background: url(../images/player/search_bg.png) no-repeat;
}

.uiSearch .searchWord {
    padding: 0 10px;
    width: 60px;
    height: 24px;
    background-color: transparent;
    border: none;
    color: #777;
    font-size: 13px;
}

.uiSearch .btnSearch {
    position: absolute;
    right: 2px;
    top: 0;
    width: 24px;
    height: 24px;
    text-indent: -2000px;
    background: url(../images/player/search_bg.png) -121px 0 no-repeat;
}

/* uiBottom gPaging */
.gPaging {
    position: absolute;
    width: 129px;
    text-align: center;
    top: 7px;
    right: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #6b6b6b;
    z-index: 1012;
}

a#prevPage, a#nextPage {
    display: inline-block;
    width: 26px;
    height: 28px;
    background: url(../images/res/icons.png) 0 0 no-repeat;
}

a#prevPage {
    background-position: -0px -296px;
    position: absolute;
    left: 0;
}

a#nextPage {
    background-position: -200px -296px;
    position: absolute;
    left: 95px;
}

a#prevPage:hover, a#prevPage:focus, a#prevPage.on {
    background-position: -100px -296px;
}

a#nextPage:hover, a#nextPage:focus, a#nextPage.on {
    background-position: -300px -296px;
}

.gPaging span {
    display: inline-block;
}

.gPaging #naviCurrent {
    position: absolute;
    top: 6px;
    left: 28px;
    font-size: 22px;
    color: #fc8730;
}

.gPaging #naviTotal {
    position: absolute;
    top: 7px;
    left: 65px;
    font-size: 16px;
    color: #999;
}

.gPaging span:nth-child(2) {
    position: absolute;
    top: 7px;
    left: 48px;
    font-size: 16px;
    padding: 0 5px;
}

/* 배속 창 */
.speedTip {
    position: absolute;
    bottom: 30px;
    right: 96px;
    width: 200px;
    height: 39px;
    overflow: hidden;
    background: url(../images/player/quick_menu.png) 0 -174px no-repeat;
    z-index: 1000;
}

.speedTip ul li {
    padding: 3px 0;
    float: left;
}

.speedTip ul li a {
    text-align: center;
    height: 18px;
    margin: 0 4px;
    display: inline-block;
    background: url(../images/player/quick_menu.png) 0 0 no-repeat;
}

.speedTip ul li a.sp1 {
    width: 37px;
    background-position: 0 -212px;
}

.speedTip ul li a.sp2 {
    width: 23px;
    background-position: -37px -212px;
}

.speedTip ul li a.sp3 {
    width: 37px;
    background-position: -60px -212px;
}

.speedTip ul li a.sp4 {
    width: 37px;
    background-position: -97px -212px;
}

.speedTip ul li a.sp5 {
    width: 23px;
    background-position: -134px -212px;
}

.speedTip ul li a.sp1:hover, .speedTip ul li a.sp1.on {
    background-position: 0 -229px;
}

.speedTip ul li a.sp2:hover, .speedTip ul li a.sp2.on {
    background-position: -37px -229px;
}

.speedTip ul li a.sp3:hover, .speedTip ul li a.sp3.on {
    background-position: -60px -229px;
}

.speedTip ul li a.sp4:hover, .speedTip ul li a.sp4.on {
    background-position: -97px -229px;
}

.speedTip ul li a.sp5:hover, .speedTip ul li a.sp5.on {
    background-position: -134px -229px;
}

.speedTip ul li a span {
    position: absolute;
    text-indent: -1000px;
}

/* 북마크 창 */
.bookmarkWrap {
    z-index: 1002;
    position: absolute;
    bottom: 32px;
    right: 100px;
    width: 465px;
    height: 315px;
    background: url(../images/res/bookmarktip.png) no-repeat;
}

.bookmarkWrap .popupClose {
    position: absolute;
    width: 24px;
    height: 62px;
    right: 4px;
    top: 12px;
    background: url(../images/res/btnPopupClose.png) 0 0 no-repeat;
}

.bookmarkWrap .popupClose:hover, a.bookmarkWrap .popupClose:focus {
    background-position: 0 -62px;
}

.bookmarkWrap h1 {
    text-indent: -2000px;
}

.bookmarkAddWrap {
    position: relative;
    width: 361px;
    margin: 51px 16px 0 38px;
}

.bookmarkAddWrap h2, .bookmarkAddWrap p, .bookmarkAddWrap span {
    display: block;
    position: absolute;
}

.bookmarkAddWrap h2 {
    width: 110px;
    left: 0;
}

.bookmarkAddWrap p {
    width: 175px;
    left: 115px;
    padding: 3px;
    height: 29px;
    *height: 24px;
    text-align: left;
    background: #e5e5e5;
    border-radius: 4px;
}

.bookmarkAddWrap p input {
    padding: 2px 5px;
    height: 23px;
    *height: 17px;
}

.bookmarkAddWrap p input.timeSet {
    width: 60px;
    *width: 41px;
}

.bookmarkAddWrap p input.titleText {
    width: 105px;
}

.bookmarkAddWrap span {
    left: 300px;
    top: 1px;
}

.bookmarkAddWrap span a.btnBookmarkAdd {
    width: 53px;
    height: 26px;
    display: inline-block;
    background: url(../images/res/btn_bookmark_add.png) 0 0 no-repeat;
}

.bookmarkAddWrap span a.btnBookmarkAdd:hover {
    background: url(../images/res/btn_bookmark_add.png) 0 -26px no-repeat;
}

.tableWrap {
    width: 420px;
    height: 215px;
    padding: 3px;
    overflow-y: auto;
    overflow-x: hidden;
}

table.bookmarkTable {
    width: 361px;
    margin: 38px 16px 0 38px;
    border: 1px solid #cdcdcd;
}

table.bookmarkTable tbody th, table.bookmarkTable tbody td {
    padding: 2px 4px 2px 6px;;
    line-height: 18px;
}

table.bookmarkTable tbody th {
    font-weight: bold;
    border-right: 1px solid #cdcdcd;
}

table.bookmarkTable tbody td {
    text-align: right;
}

table.bookmarkTable tbody td.text-left {
    text-align: left;
}

table.bookmarkTable > tbody > tr.odd {
    background-color: #fff;
}

table.bookmarkTable > tbody > tr.even {
    background-color: #ebebeb;
}

a.btn_bookmark_save {
    width: 31px;
    height: 25px;
    vertical-align: middle;
    display: inline-block;
    background: url(../images/res/btn_bookmark_save.png) 0 0 no-repeat;
}

a.btn_bookmark_save:hover {
    background-position: 0 -25px;
}

a.btn_bookmark_cancel {
    width: 31px;
    height: 25px;
    vertical-align: middle;
    display: inline-block;
    background: url(../images/res/btn_bookmark_cancel.png) 0 0 no-repeat;
}

a.btn_bookmark_cancel:hover {
    background-position: 0 -25px;
}

a.btn_bookmark_modify {
    width: 31px;
    height: 25px;
    vertical-align: middle;
    display: inline-block;
    background: url(../images/res/btn_bookmark_modify.png) 0 0 no-repeat;
}

a.btn_bookmark_modify:hover {
    background-position: 0 -25px;
}

a.btn_bookmark_del {
    width: 31px;
    height: 25px;
    vertical-align: middle;
    display: inline-block;
    background: url(../images/res/btn_bookmark_del.png) 0 0 no-repeat;
}

a.btn_bookmark_del:hover {
    background-position: 0 -25px;
}

/* 부가기능 */
.toolboxTip {
    position: absolute;
    bottom: 30px;
    right: 12px;
    width: 256px;
    height: 70px;
    overflow: hidden;
    background: url(../images/player/quick_menu.png) 0 0 no-repeat;
    z-index: 1011;
}

.toolboxTip ul li {
    padding: 3px 0;
    float: left;
}

.toolboxTip ul li a {
    text-align: center;
    height: 52px;
    margin: 0 4px;
    display: inline-block;
    background: url(../images/player/quick_menu.png) 0 0 no-repeat;
}

.toolboxTip ul li a.tm1 {
    width: 63px;
    background-position: 0 -70px;
}

.toolboxTip ul li a.tm2 {
    width: 41px;
    background-position: -63px -70px;
}

.toolboxTip ul li a.tm3 {
    width: 62px;
    background-position: -104px -70px;
}

.toolboxTip ul li a.tm4 {
    width: 51px;
    background-position: -166px -70px;
}

.toolboxTip ul li a.tm1:hover, .toolboxTip ul li a.tm1.on {
    background-position: 0 -122px;
}

.toolboxTip ul li a.tm2:hover, .toolboxTip ul li a.tm2.on {
    background-position: -63px -122px;
}

.toolboxTip ul li a.tm3:hover, .toolboxTip ul li a.tm3.on {
    background-position: -104px -122px;
}

.toolboxTip ul li a.tm4:hover, .toolboxTip ul li a.tm4.on {
    background-position: -166px -122px;
}

.toolboxTip ul li a span {
    position: absolute;
    text-indent: -1000px;
}

/* 부가기능팝업 */
/* 학습도우미 */
#studyHelpPopup {
    width: 960px;
    height: 560px;
    position: absolute;
    left: 20px;
    top: 30px;
    z-index: 1004;
    background: url(../images/popup/popup_bg.png) no-repeat;
}

#studyHelpPopup > h1 {
    padding: 13px 0 14px 14px;
    text-align: left;
    display: inline-block;
}

#studyHelpPopup a.PopClose {
    position: absolute;
    width: 38px;
    height: 38px;
    right: 28px;
    top: 20px;
    background: url(../images/popup/btn_close.png) no-repeat;
}

#studyHelpPopup a.PopClose:hover, #studyHelpPopup a.PopClose:focus {
    background-position: 0 -38px;
}

.studyHelpWrap {
    position: relative;
}

.studyTab {
    width: 934px;
    height: 448px;
    position: relative;
    left: 13px;
    top: 29px;
    background: url(../images/popup/study_tab_bg.png) 0 0 no-repeat;
}

.studyTab .studyImages {
    position: absolute;
    top: 13px;
    text-align: center;
}

.studyTab .helpImages {
    position: relative;
    top: 13px;
    text-align: center;
}

.studyTab .explain {
    position: relative;
    top: 8px;
    text-align: center;
}

.guideTxt {
    position: absolute;
    top: -25px;
    right: 54px;
}

a.helpTabMenu {
    position: absolute;
    display: block;
    width: 167px;
    height: 32px;
    top: -25px;
    background: url(../images/popup/btnHelp.png) no-repeat;
    text-indent: -2000px;
}

a#helpTab01 {
    left: 70px;
    background-position: 0 0;
}

a#helpTab02 {
    left: 240px;
    background-position: -170px 0;
}

a#helpTab03 {
    left: 410px;
    background-position: -340px 0;
}

a#helpTab01:hover, a#helpTab01.on {
    background-position: 0 -33px;
}

a#helpTab02:hover, a#helpTab02.on {
    background-position: -170px -33px;
}

a#helpTab03:hover, a#helpTab03.on {
    background-position: -340px -33px;
}

/* 학습단계 */
a.listTabMenu {
    position: absolute;
    display: block;
    width: 100px;
    height: 80px;
    left: 20px;
    background: url(../images/res/icons.png) no-repeat;
    text-indent: -2000px;
}

a#listTab01 {
    top: 0;
    background-position: 0 -1100px;
}

a#listTab02 {
    top: 168px;
    background-position: -200px -1100px;
}

a#listTab03 {
    top: 330px;
    background-position: -400px -1100px;
}

a#listTab01.listTabOn {
    background-position: -100px -1100px;
}

a#listTab02.listTabOn {
    background-position: -300px -1100px;
}

a#listTab03.listTabOn {
    background-position: -500px -1100px;
}

a#listTab01:hover {
    background-position: -100px -1100px;
}

a#listTab02:hover {
    background-position: -300px -1100px;
}

a#listTab03:hover {
    background-position: -500px -1100px;
}

div.listTabDisplayBg {
    position: absolute;
    top: 5px;
    left: 76px;
}

div.listTabDisplayImg {
    position: absolute;
    width: 851px;
    height: 422px;
    overflow: hidden;
    left:30px;
    top:0;

}

.listTabDisplayBox {
    position: absolute;
    left: 0;
    top: 0;
}

/* 화면구성 */
ol.helpExplain li a {
    display: block;
    overflow: hidden;
    position: absolute;
    background: url(../images/popup/explainList.png) 0 0 no-repeat;
    text-indent: -9999px
}

ol.helpExplain li a.ex01 {

    top: -1px;
    right: 102px;
    width: 130px;
    height: 60px;
    background-position: -200px 0;

}

ol.helpExplain li a.ex01:hover, ol.helpExplain li a.ex01:focus {
    background-position: 0 -100px;
    width: 330px;
    height: 100px;
    z-index: 100;
}



ol.helpExplain li a.ex02 {
    top: -1px;
    left: 168px;
    width: 240px;
    height: 65px;
    background-position: 0 -200px;
}

ol.helpExplain li a.ex02:hover, ol.helpExplain li a.ex02:focus {
    background-position: 0 -300px;
    width: 465px;
    height: 98px;
    z-index: 100;
}


ol.helpExplain li a.ex03 {
    top: -2px;
    right: 355px;
    width: 130px;
    height: 60px;
    background-position: -148px -400px;
}

ol.helpExplain li a.ex03:hover, ol.helpExplain li a.ex03:focus {
    background-position: 0 -500px;
    width: 280px;
    height: 140px;
    right: 353px;
}



ol.helpExplain li a.ex04 {
    top: 78px;
    left: 175px;
    width: 530px;
    height: 300px;
    background-position: 0 -650px;
}


ol.helpExplain li a.ex04:hover, ol.helpExplain li a.ex04:focus {
    background-position: 0 -1000px;
}



ol.helpExplain li a.ex05 {
    top: 42px;
    right: 102px;
    width: 160px;
    height: 326px;
    background-position: -263px -1330px;
}
ol.helpExplain li a.ex05:hover, ol.helpExplain li a.ex05:focus {
    background-position: 0 -1670px;
    width: 423px;
}


ol.helpExplain li a.ex06 {
    bottom: -417px;
    left: 170px;
    width: 130px;
    height: 55px;
    background-position: 0 -2087px;
}

ol.helpExplain li a.ex06:hover, ol.helpExplain li a.ex06:focus {
    bottom: -419px;
    width: 176px;
    height: 143px;
    background-position: 0 -2151px;

}



ol.helpExplain li a.ex07 {
    bottom: -419px;
    left: 302px;
    width: 430px;
    height: 57px;
    background-position: 0 -2418px;
}


ol.helpExplain li a.ex07:hover, ol.helpExplain li a.ex07:focus {
    bottom: -416px;
    width: 430px;
    height: 172px;
    background-position: 0 -2500px;
}

ol.helpExplain li a.ex08 {
    bottom: -416px;
    right: 184px;
    width: 30px;
    height: 54px;
    background-position: -228px -2812px;
}

ol.helpExplain li a.ex08:hover, ol.helpExplain li a.ex08:focus {
    background-position: 0 -2880px;
    bottom: -419px;
    right: 185px;
    width: 257px;
    height: 169px;
}



ol.helpExplain li a.ex09 {
    bottom: -422px;
    right: 105px;
    width: 90px;
    height: 60px;
    background-position: -200px -3156px;
}


ol.helpExplain li a.ex09:hover, ol.helpExplain li a.ex09:focus {
    background-position: 0 -3228px;
    width: 290px;
    height: 156px;
    bottom: -419px;
    right: 105px;
}

/* 러닝맵 */
#learningMapPopup {
    width: 960px;
    height: 560px;
    position: absolute;
    left: 20px;
    top: 30px;
    z-index: 1004;
    background: url(../images/popup/popup_bg.png) no-repeat;
}

#learningMapPopup > h1 {
    padding: 13px 0 14px 14px;
    text-align: left;
}

#learningMapPopup a.PopClose {
    position: absolute;
    width: 38px;
    height: 38px;
    right: 28px;
    top: 20px;
    background: url(../images/popup/btn_close.png) no-repeat;
}

#learningMapPopup a.PopClose:hover, #learningMapPopup a.PopClose:focus {
    background-position: 0 -38px;
}

.learningMapWrap {
    width: 920px;
    height: 464px;
    margin: 15px 0 0 10px;
}

.learningTableWrap .table {
    padding: 0px;
    width: 440px;
    border-bottom: 1px solid #552701;
}

.learningTableWrap .table table {
    width: 100%;
}

.learningTableWrap .table.pull-left {
    float: left;
}

.learningTableWrap .table.pull-right {
    float: right;
}

.learningTableWrap .table thead tr {
    border-top: 2px solid #552701;
    border-bottom: 1px solid #552701;
}

.learningTableWrap .table thead tr th {
    height: 34px;
    color: #333;
    font-size: 19px;
    text-align: center;
    background-color: #ffe9ca;
}

.learningTableWrap .table tbody tr th {
    font-size: 18px;
    color: #333;
}

.learningTableWrap .table tbody tr th.info_wk {

}


.learningTableWrap .table tbody tr th {

    border-bottom: 1px solid #552701;
    border-right: 1px solid #552701;
}


.learningTableWrap .table tbody tr.line td {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #552701;
}


.learningTableWrap .table tbody th, .learningTableWrap .table tbody td {
    padding: 3px 8px;
    line-height: 18px;
    letter-spacing: -0.1px;
    font-size: 15px;
    text-align: center;
}

.learningTableWrap .table tbody td.text-center {
    text-align: center;
    border-right: 1px solid #552701;
}

.learningTableWrap .table tbody tr.trBg {
    height: 45px;
}

.learningTableWrap .table tbody tr.trBg td {
    text-align: center;
    background-color: #f6b800;
    border-top: 1px solid #552701;
    border-bottom: 1px solid #552701;
    overflow: hidden;
}

.learningTableWrap tr.on {
    background-color: #ff6c00 !important;
    color: #FFF;
}

.learningTableWrap th.on {
    background-color: #ff6c00 !important;
    color: #FFF;
}

/* 키보드제어 */
#keyBoardPopup {
    width: 960px;
    height: 560px;
    position: absolute;
    left: 20px;
    top: 30px;
    z-index: 1004;
    background: url(../images/popup/popup_bg.png) no-repeat;
}

#keyBoardPopup > h1 {
    padding: 13px 0 14px 14px;
    text-align: left;
}

#keyBoardPopup a.PopClose {
    position: absolute;
    width: 38px;
    height: 38px;
    right: 28px;
    top: 20px;
    background: url(../images/popup/btn_close.png) no-repeat;
}

#keyBoardPopup a.PopClose:hover, #keyBoardPopup a.PopClose:focus {
    background-position: 0 -38px;
}

.keyboardWrap {
    text-align: center;
}

/*--참고문헌 --*/
#referencePopup {
    width: 970px;
    height: 440px;
    position: absolute;
    left: 15px;
    top: 76px;
    z-index: 1004;
    background: url(../images/popup/popup_bg.png) no-repeat;
}

#referencePopup > h1 {
    padding: 13px 0 14px 14px;
    text-align: left;
}

#referencePopup a.PopClose {
    position: absolute;
    width: 38px;
    height: 38px;
    right: 28px;
    top: 20px;
    background: url(../images/popup/btn_close.png) no-repeat;
}

#referencePopup a.PopClose:hover, #referencePopup a.PopClose:focus {
    background-position: 0 -38px;
}

.referenceWrap {
    width: 908px;
    height: 375px;
    padding: 15px;
    margin: 42px 0 0 35px;
    background: url(../images/popup/reference_bg.png) no-repeat;
}

/*--참고문헌 --*/

/* 다음 페이지 말풍선 */
#pageNextBubble {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 30px;
    right: 25px;
    width: 87px;
    height: 102px;
    z-index: 1010;
    background: url(../images/res/bubblePop.png) 0 0 no-repeat;
    text-indent: -1000px;
}

/* 마지막 페이지 말풍선 */
#pageNextBubble.lastpage {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 30px;
    right: 10px;
    width: 87px;
    height: 102px;
    z-index: 1010;
    background: url(../images/res/bubble_lastPop.png) 0 0 no-repeat;
    text-indent: -1000px;
}



#imgSlidePPT {
    position: absolute;
    top:80px;
    left:430px;
    width:570px;
    height:510px;
    overflow-x: hidden;
    overflow-y: auto;
    background-image: url("../images/res/vod_img_slide_bg.jpg");
    background-repeat: no-repeat;
    padding:20px 10px 10px 10px;
    background-color: #FFF;
    text-align: center;
}


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

/* 00 인트로 */
div#wrapContents {
    position: relative;
    width: 1000px;
    height: 630px;
    overflow: hidden;
}

div#cont00 h1 {
    position: relative;
    top: 167px;
    display: inline-block;
    left: 50px;
}

div#cont00 h2 {
    position: relative;
    top: 167px;
    left: 50px;
}

.startBtn {
    display: block;
    position: absolute;
    top: 363px;
    left: 190px;
    width: 133px;
    height: 43px;
    background: url(../images/res/icons.png) 0 0 no-repeat;
    text-indent: -9999px;
}

.startBtn:hover, .startBtn:focus {
    background-position: -200px 0;

}

/* cont03 학습내용 및 학습목표 */
#studyGoalBox {
    position: relative;
    z-index: 1;
}

#studyGoalBox h2 {
    height: 0;
    overflow: hidden;
    text-indent: -1000px;
    position: absolute;
}

#studyGoalBox ul li {
    position: relative;
    margin-bottom: 11px;
    padding-left: 15px;
    font-size: 20px;
    letter-spacing: -0.07em;
    font-weight: normal;
    line-height: 1.2em;
	word-break:keep-all;
}

#studyGoalBox ul li span.bu {
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 10px;
    height: 11px;
    background: url(../images/res/dot.png) 0 0 no-repeat;
}

#studyGoalBox .studyGoal ul li span.bu {
    background-position: 0 0;
}

#studyGoalBox .studyVal ul li span.bu {
    background-position: 0 0;
}

div.studyGoal {
    width: 520px;
    height: 155px;
    position: absolute;
    top: 55px;
    left: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

div.studyVal {
    width: 512px;
    height: 155px;
    position: absolute;
    top: 235px;
    left: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.nextKeyword {
    position: relative;
    width: 800px;
    height: 65px;
    left: 34px;
    top: 424px;
}

.nextKeyword h3 {
    text-indent: -2000px;
}

.studyKeyword {
    position: relative;
    left: 163px;
}

.studyKeyword span.click {
    color: #FFF;
    font-size: 22px;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    padding: 22px 5px 0px 5px;
    margin: 0 4px;
    min-width: 140px;
    height: 65px;
    background-image: url("../images/res/keyword_bg.png");
    background-size: cover;
    text-align: center;
    border: 2px solid #FFF;
}

.studyKeyword span.doubleLine.click {
    color: #FFF;
    font-size: 22px;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    padding: 5px 10px;
    margin: 0 4px;
    min-width: 140px;
    min-height: 65px;
    background-image: url("../images/res/keyword_bg.png");
    background-size: cover;
    text-align: center;
    border: 2px solid #FFF;
	line-height:25px;
}



.studyKeyword span.click a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fa6e9b url(../images/res/btn_click.png) no-repeat 50% 50%;
}
/*--2019.12.05 수정 --*/
.double-line{
	margin-top:-15px;
	line-height: 24px;
}

/*--2019.12.05 수정 끝--*/

/* cont04 생각해보기 */
#thinkWrap {
    position: relative;
}

.thinkSubject {
    position: absolute;
    top: 90px;
    left: 122px;
    width: 800px;
    font-size: 26px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: -1.8px;
    overflow-y: auto;
    height: 96px;
    color:#FFF;
}

textarea#myThinkWrite {
    position: absolute;
    top: 177px;
    left: 132px;
    padding: 3px 20px 0;
    width: 845px;
    height: 230px;
    z-index: 10;
    background: none;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.4;
    color: #2b2b2b;
}

.thinkBtnWrap {
    position: relative;
    top: 492px;
    text-align: center;
}

.thinkBtnWrap a {
    display: inline-block;
}

.saveBtn {
    width: 90px;
    height: 30px;
    background: url(../images/res/icons_03.png) 0 0 no-repeat;
    text-indent: -5000px;
}

.saveBtn:hover, .saveBtn:focus {
    background: url(../images/res/icons_03.png) 0 -150px no-repeat;
}

/*
.exampleView { width:195px; height:32px; background:url(../images/res/btn_think.png) -105px 0 no-repeat; text-indent:-5000px;}
.exampleView:hover, .exampleView:focus {background:url(../images/res/btn_think.png) -105px -32px no-repeat;}
.colleagueView { width:164px; height:32px; background:url(../images/res/btn_think.png) -300px 0 no-repeat; text-indent:-5000px;}
.colleagueView:hover, .colleagueView:focus {background:url(../images/res/btn_think.png) -300px -32px no-repeat;}
*/
.colleagueView {
    width: 154px;
    height: 30px;
    background: url(../images/res/icons_03.png) -300px 0 no-repeat;
    text-indent: -5000px;
}

.colleagueView:hover, .colleagueView:focus {
    background: url(../images/res/icons_03.png) -300px -150px no-repeat;
}

.exampleView {
    width: 130px;
    height: 30px;
    background: url(../images/res/icons_03.png) -600px 0 no-repeat;
    text-indent: -5000px;
	display:none !important;
}

.exampleView:hover, .exampleView:focus {
    background: url(../images/res/icons_03.png) -600px -150px no-repeat;
}

.alert {
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    background: url(../images/res/alert.png) no-repeat;
    text-indent: -2000px;
}

#alertThink {
    width: 298px;
    height: 298px;
    position: absolute;
    top: 172px;
    left: 351px;
    background-position: 0 0;
}

/* 생각해보기 전문가 답변 팝업 */

#answerPopup {
    position: absolute;
    width: 920px;
    height: 490px;
    left: 40px;
    top: 80px;
    z-index: 1004;
    background: url(../images/popup/popup_book_bg.png) no-repeat;
}

#answerPopup > h1 {
    font-size: 26px;
    color: #FFF;
    text-align: left;
    position: relative;
    top: 5px;
    left: 20px;
    font-weight: 700;
}

#answerPopup a.PopClose {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 15px;
    top: 7px;
    background: url(../images/res/icons_quiz.png) -450px -600px no-repeat;
    z-index: 1008;
}

#answerPopup a.PopClose:hover, #answerPopup a.PopClose:focus {
    background-position: -600px -600px;
}

.answerWrap {
    padding: 0px 22px;
	margin-top:22px;
	height:420px;
	overflow-y:auto;
}

.answerWrap p {
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: -1px;
}

/* cont04 체크하기 */
#checkedWrap {
    position: relative;
}

#checkedWrap h2 {
    margin: 58px auto 0;
    text-align: left;
    padding-left:55px;
    padding-top: 10px;
    font-size: 25px;
    font-weight: 700;
    color:#FFF;
}


.resultWrap {
    position: relative;
    top: 30px;
    margin: 0 auto;
    width: 350px;
    text-align: center;
}

.checkedSection {

}

.customCheckbox {
    position: relative;
    left: 55%;
    margin-left: -25px;
    *margin-left: -80px;
    width: 50px;
    text-align: center;
    overflow: hidden;
}

.customCheckbox input.formInput {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 50px;
    height: 32px;
    cursor: pointer;
    z-index: 5;
}

.customCheckbox i {
    float: left;
    display: block;
    width: 50px;
    height: 32px;
    background: url(../images/res/checkedbox.png) no-repeat left top;
    z-index: 3;
}

.customCheckbox label {
    display: none;
}

.customCheckbox input.formInput:checked + i {
    background-position: left bottom;
}

.customCheckbox input.formInput:checked + i + label {
    display: none;
}

.checkedTableWrap {
    position: relative;
    width: 980px;
    height: 325px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top:35px;
}

.checkedTableWrap table {
    width: 920px;
    margin: 0 0 0 35px;
    border: none;

}



.checkedTableWrap table thead th {
    padding: 4px;
    height: 68px;
    text-align: center;
    background-color: #ffe9ca;
    border: 1px solid #000;
    border-top: 2px solid #000;
    font-size: 18px;
    font-weight: 600;
}

.checkedTableWrap table thead th.line-none {
    background-image: none;
}

.checkedTableWrap table thead th:first-child {
    border-left:none;
}

.checkedTableWrap table thead th:last-child {
    border-right:none;
}




.checkedTableWrap table td {
    padding: 4px;
    line-height: 18px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.7px;
    text-align: center;
    background-color:#FFF;
    border: 1px solid #000;

}

.checkedTableWrap table td:first-child {
    background-color: #ffe9ca;
    font-size: 18px;
    border: none;

    width:60px;

}

.checkedTableWrap table td:nth-child(2) {
    border-bottom: 1px solid #e0e0e0 ;
    color:#2b2b2b;
}
.checkedTableWrap table td:nth-child(3) {
    border-bottom: 1px solid #e0e0e0 ;
    color:#2b2b2b;
}

.checkedTableWrap table td:nth-child(4) {
    border-bottom: 1px solid #e0e0e0 ;
    color:#2b2b2b;
    border-right:none;
}



.checkedTableWrap table td + td {

}

.checkedTableWrap table tbody td.text-left {
    padding: 4px 10px;
    text-align: left;
}

.totalResult {
   position: absolute;
    display: inline-block;
    margin-right: 10px;
    top:-16px;
    right:-266px ;


}

.totalResult strong {
    margin-left: 100px;
    padding-right: 10px;
    width: 130px;
    line-height: 38px;
    display: inline-block;
    *display: inline-block;
    zoom: 1;
    font-size: 30px;
    color:#ff6c00;
    text-align: center;
}

.resultBtn {
    width: 105px;
    height: 32px;
    vertical-align: sub;
    display: inline-block;
    background: url(../images/res/btn_checked_result.png) 0 0 no-repeat;
}

.resultBtn span {
    text-indent: -5000px;
    display: inline-block;
}

.resultBtn:hover, .resultBtn:focus {
    background: url(../images/res/btn_checked_result.png) 0 -32px no-repeat;
}

/* 체크 결과 확인 팝업 */
#checkedQuizPop {
    position: absolute;
    left: 288px;
    top: 120px;
    width: 410px;
    height: 420px;
    z-index: 1004;
}

#checkedQuizPop p {
    text-indent: -0.08em;
}

#checkedQuizPop p.score {
    position: absolute;
    right: 48%;
    top: 156px;
    color: #ffff00;
    text-align: right;
    font-size: 36px;
    text-shadow: 2px 3px 4px #292929;
}

#checkedQuizPop p.cont {
    position: absolute;
    top: 210px;
    width: 410px;
    padding: 0 35px;
    line-height: 26px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    text-shadow: 1px 1px 1px #444;
}

.btnCheckedClose {
    position: absolute;
    top: 358px;
    left: 165px;
    width: 70px;
    height: 27px;
    background: url(../images/res/btn.png) -378px -109px no-repeat;
    text-indent: -5000px;
}

.btnCheckedClose:hover, .btnCheckedClose:focus {
    background: url(../images/res/btn.png) -378px -136px no-repeat;
}

/*cont04 사전퀴즈*/
div#prevQuizWrap {
    position: relative;
    top: 55px;
    left: 0;
}

div#prevQuizWrap div.question {
    width: 100%;
    min-height: 82px;
    position: relative;
    left: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    top: 5px;
}

div#prevQuizWrap span {
    position: absolute;
    display: block;
    z-index: 2;
    background: url(../images/res/quizNumOX.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
}


#prevQuizTxt {
    padding: 7px 20px 10px 30px;
    font-size: 24px;
    width: 880px;
    letter-spacing: -0.07em;
    border: 5px solid #FFF;
    position: relative;
    left: 75px;
    line-height: 31px;
    min-height: 86px;
	max-height:112px;
    word-break:keep-all;
	overflow-y:auto;
	overflow-x:hidden;
}


#prevNumBG {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

#prevNumBG span {
    position: absolute;
    display: block;
    z-index: 2;
    background: url(../images/res/numOX.png) no-repeat;
}

#prevNumBG span.o {
    width: 85px;
    height: 85px;
    background-position: 0 0;
}

#prevNumBG span.x {
    width: 85px;
    height: 85px;
    background-position: -85px 0;
}

#prevNumBG p {
    position: absolute;
    left: 0;
    top: 11px;
    width: 93px;
    height: 65px;
    background: url(../images/res/icons.png) -300px -900px  no-repeat;
    text-indent: -2000px;
}

#prevNumBG p.num {
    background-position: 0 0;
}

#prevQuizWrap #quizEx0 {
    margin-right: 105px;
}

#prevQuizWrap #quizEx0, #prevQuizWrap #quizEx1 {
    position: relative;
    left: 260px;
    top: 45px;
    width: 138px;
    height: 138px;
    display: inline-block;
    zoom: 1;
    float: left;

}

#prevQuizWrap #quizEx0 a {
    position: relative;
    display: block;
    height: 100%;
    background-image: url(../images/res/icons_03.png);
    background-position:-300px -450px ;
    background-repeat: no-repeat;
    text-indent: -1000px;
}

#prevQuizWrap #quizEx1 a {
    position: relative;
    display: block;
    height: 100%;
    background-image: url(../images/res/icons_03.png);
    background-position:6px -447px ;
    background-repeat: no-repeat;
    text-indent: -1000px;
}

#prevQuizWrap #quizEx0 a:hover, #prevQuizWrap #quizEx0 a.on {
    background-position:-450px -450px ;
}

#prevQuizWrap #quizEx1 a:hover, #prevQuizWrap #quizEx1 a.on {
    background-position:-144px -447px ;
}

#prevQuizWrap #quizEx0 span, #prevQuizWrap #quizEx1 span {
    position: absolute;
    left: 5px;
    top: -12px;
    display: block;
    width: 47px;
    height: 43px;
    background-image: url(../images/res/icons_03.png);
    background-repeat: no-repeat;
    background-position:-600px -300px; ;
}

#prevQuizWrap #prevExplainWrap {
    position: relative;
    top: 206px;
    left: 15px;
    width: 959px;
    height: 171px;
    background-color: #e4f0f9;
}

#prevQuizWrap #prevExplainWrap:after {
    content: " ";
    display: table;
    clear: both;
}

#prevQuizWrap #prevCorrect {
    position: absolute;
    left: 25px;
    top: 14px;
}

#prevQuizWrap #prevExplain {
    position: absolute;
    left: 25px;
    top: 52px;
}

#prevQuizWrap #prevCorrect span, #prevExplain span {
    display: block;
    width: 91px;
    height: 44px;
    text-indent: -1000px;
}

#prevQuizWrap #prevCorrect span {
    top: 6px;
    background: url(../images/res/quizCorrectTxt.png) 0 0 no-repeat;

}

#prevQuizWrap #prevExplain span {
    top: 9px;
    background: url(../images/res/quizCorrectTxt.png) 0 -45px no-repeat;
}

#prevQuizWrap #prevCorrect p {
    position: absolute;
    top: 0;
    left: 105px;
    width: 100px;
    line-height: 1.3em;
    font-weight: bold;
    color: #ee5a5a;
    font-size: 34px;
}

#prevQuizWrap #prevExplain p {
    position: absolute;
    top: 8px;
    left: 105px;
    width: 715px;
    height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    padding-right: 12px;
	word-break:keep-all;
}

/* cont04 도서퀴즈 */
#bookQuizWrap {
    position: relative;
    top: 92px;
    left: 45px;
    width: 912px;
}

#bookQuizWrap h2 {
    font-size: 25px;
    color: #FFF;
    text-align: left;
    position: relative;
    top: -24px;
    left: 10px;
    font-weight: 700;
}

#bookQuizWrap .bookSection {
    margin: 0;
    height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
}

#bookQuizWrap p.sourceBottom {
    margin-top: 10px;
    padding: 4px 9px;
    text-align: right;
    color: #576364;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.7px;
    background-color: #ffe9ca;

}
.bookSection h3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #565656;
    letter-spacing: -0.7px;
    line-height: 22px;
}
.bookSection p {
    font-size: 18px;
    color: #565656;
    letter-spacing: -0.7px;
    line-height: 1.4;
	word-break:keep-all;
	margin-bottom:18px;
}
.detailView {
    position: absolute;
    top: -22px;
    right: -28px;
    width: 110px;
    height: 31px;
    background: url(../images/res/icons_03.png) -600px -450px no-repeat;
    text-indent: -5000px;
}

.detailView:hover, .detailView:focus {
    background: url(../images/res/icons_03.png) -750px -450px no-repeat;
}

/* cont04 클릭퀴즈 */
#clickQuizWrap {
    position: relative;
    top: 54px;
    left: 0px;
    width: 970px;
}


.clickSection {
    height: 426px;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
}

.clickSection li {
    position: relative;
    display: block;
    float: left;
    padding: 12px 22px;
    margin-bottom: 38px;
    line-height: 28px;
    letter-spacing: -0.5px;
    font-size: 20px;
    font-weight: bold;
    background-color: #FFF;
    border: 1px solid #fc8730;
	width:100%;
}

.clickSection li span.icon {
    width: 150px;
    display: block;
    position: absolute;
    top: -36px;
    left: -1px;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fc8730;
    padding:12px;



}

.clickSection li span.click {
    display: inline-block;
    position: relative;
    min-width: 42px;
    height: 25px;
    font-weight: bold;
    color: #fc8730;
    text-align: center;
    text-indent: 0;
}

.clickSection li span.click a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 1px 0;
    background-image:  url(../images/res/icon_click.png);
    background-repeat: no-repeat;
    background-color: #f6b800;
    background-position: center;
    border-radius: 7px;
}

/* 도서 전문 보기 팝업 */
#bookPopup {
    position: absolute;
    width: 920px;
    height: 490px;
    left: 40px;
    top: 80px;
    z-index: 1004;
    background: url(../images/popup/popup_book_bg.png) no-repeat;
}

#bookPopup > h1 {
    font-size: 26px;
    color: #FFF;
    text-align: left;
    position: relative;
    top: 5px;
    left: 20px;
    font-weight: 700;
}


#bookPopup a.PopClose {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 15px;
    top: 7px;
    background: url(../images/res/icons_quiz.png) -450px -600px no-repeat;
    z-index: 1008;
}

#bookPopup a.PopClose:hover, #bookPopup a.PopClose:focus {
    background-position: -600px -600px;
}

.bookWrap {
    padding: 22px;

}

.bookWrap h2 {
    height: 37px;
    margin-bottom: 18px;
    font-size: 24px;
    letter-spacing: -0.7px;
    text-align: left;
    font-weight: bold;
    color: #FFF;
}

.bookWrap p {
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: -1px;
}
.bookWrap ul {
    height: 417px;
    overflow-x: hidden;
    overflow-y: auto;
	padding: 0 10px 0 0;
	word-break:keep-all;
}

.bookWrap ul li {
    position: relative;
    margin-bottom: 10px;
    font-size: 17px;
    letter-spacing: -0.025em;
    line-height: 20px;
}


.bookWrap ul li span.num {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    background: #7686d6;
    border-radius: 50%;
}

/* cont04 신문퀴즈 (출처가 제목 아래) */
#newspaperQuizWrap {
    position: relative;
    top: 85px;
    width: 920px;
    margin: 0 auto;
}

#newspaperQuizWrap h2 {
font-size: 25px;
    color: #FFF;
    text-align: left;
    position: relative;
    top: -18px;
    left: 10px;
    font-weight: 700;
}

#newspaperQuizWrap .sourceTop {
    margin: 20px 0 30px 0;
    padding-bottom: 5px;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    color: #858484;
    border-bottom: 1px solid #bbc1d1;
}

#newspaperQuizWrap .newSection {
    margin: 0 20px;
    height: 315px;
    overflow-x: hidden;
    overflow-y: auto;
}

#newspaperQuizWrap .newSection h3 {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: bold;
    color: #4e60a8;
    letter-spacing: -0.7px;
}

#newspaperQuizWrap .newSection p {
    margin-bottom: 20px;
    font-size: 18px;
    color: #565656;
    letter-spacing: -0.7px;
    line-height: 1.4;
	word-break:keep-all;
}


#newspaperQuizWrap .newSection p.sourceBottom {
    text-align: right;
}

#newspaperQuizWrap .allView {
    position: absolute;
    top: -16px;
    right: -23px;
    width: 145px;
    height: 32px;
    background: url(../images/res/icons_03.png) 0 -300px no-repeat;
    text-indent: -5000px;
}

#newspaperQuizWrap .allView:hover, #newspaperQuizWrap .allView:focus {
    background-position: -150px -300px;
}

/* cont04 신문퀴즈 (출처가 제목 위에) */
#newspaperQuizWrap_T {
    position: relative;
    top: 70px;
    width: 870px;
    margin: 0 auto;
}

#newspaperQuizWrap_T h2 {
    margin-top: 13px;
    text-align: center;
}

#newspaperQuizWrap_T .sourceTop {
    padding-bottom: 5px;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    color: #848484;
}

#newspaperQuizWrap_T .newSection {
    margin: 20px 0px 0;
    height: 264px;
    overflow-x: hidden;
    overflow-y: auto;
}

#newspaperQuizWrap_T .newSection h3 {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: bold;
    color: #986000;
    letter-spacing: -0.7px;
}

#newspaperQuizWrap_T .newSection p {
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: bold;
    color: #565656;
    letter-spacing: -0.7px;
    line-height: 22px;
}

#newspaperQuizWrap_T .newSection p.sourceBottom {
    text-align: right;
}

#newspaperQuizWrap_T .allView {
    position: absolute;
    top: 390px;
    left: 0px;
    width: 198px;
    height: 43px;
    background: url(../images/res/allview_btn.png) 0 0 no-repeat;
    text-indent: -5000px;
}

#newspaperQuizWrap_T .allView:hover, #newspaperQuizWrap_T .allView:focus {
    background: url(../images/res/allview_btn.png) 0 -43px no-repeat;
}

#guideDeskWrap {
    position: relative;
    top: 82px;
    padding: 0 10px;
}

.guideDeskTab > ul > li {

    width: 20%;
    border: 1px solid #999999;
    border-left: none;
    height: 40px;
    float: left;
}

.guideDeskTab  .learningMapWrap ul  li {
    border: 1px solid #999999;
    float: left;
}

.guideDeskTab .learningMapWrap ul  li:first-child {
    border-left: 1px solid #999999;
}

.guideDeskTab .learningMapWrap ul  li:hover {
    border: 1px solid #ff6c00 !important;
}


a.guideTabMenu {
    display: block;
    font-size: 20px;
    text-align: center;
    line-height: 35px;
    height: 35px;
}

a.guideTabMenu:hover {
    background-color: #ff6c00;
    color: #FFF;
}


a#guideTab01 {
    left: 0;
    background-position: -507px 0;
}

a#guideTab02 {
    left: 170px;
    background-position: -674px 0;
}

a#guideTab03 {
    left: 340px;
    background-position: 0 0;
}

a#guideTab04 {
    left: 510px;
    background-position: -170px 0;
}

a#guideTab05 {
    left: 680px;
    background-position: -340px 0;
}

a#guideTab01:hover, a#guideTab01.on {
    background-color: #ff6c00;
    color: #FFF;
}

a#guideTab02:hover, a#guideTab02.on {
    background-color: #ff6c00;
    color: #FFF;
}

a#guideTab03:hover, a#guideTab03.on {
    background-color: #ff6c00;
    color: #FFF;
}

a#guideTab04:hover, a#guideTab04.on {
    background-color: #ff6c00;
    color: #FFF;
}

a#guideTab05:hover, a#guideTab05.on {
    background-color: #ff6c00;
    color: #FFF;
}


.guideTabCont01 {
}

.guideTabCont02 {
    position: absolute;
    top: 60px;
    left: 0;
    width: 980px;
    height: 448px;
    background: url(../images/popup/tab_cont_02.png) no-repeat;
}

.guideTabCont02 > .professorWrap {
    margin: 0 24px;
}

.professorWrap .section{
    overflow-x:hidden;
	overflow-y:auto;
	height:300px;
}
.guideTabCont02 > .professorWrap .yellowBox {
    min-height: 90px;
    height: 90px;
    margin: 5px 205px 11px 34px;
}

.guideTabCont03 {
    position: absolute;
    top: 60px;
    left: 0px;
    width: 1000px;
    height: 488px;
    background: url(../images/popup/tab_cont_03.png) no-repeat;
}

.guideTabCont03 > .studyImages {
    position: absolute;
    top: 27px;
}

.guideTabCont04 {
    position: absolute;
    top: 60px;
    left: 0px;
    width: 1000px;
    height: 488px;
    background: url(../images/popup/tab_cont_04.png) no-repeat;
}

.guideTabCont04 > .helpImages {
    width: 935px;
    position: absolute;
    top: 27px;
}

/*.guideTabCont04 > .helpImages > img {margin-left:112px;}*/
#tab_data_screenLayout img {
    margin-left: 112px;
}

.guideTabCont05 {
    position: absolute;
    top: 60px;
    left: 0px;
    width: 1000px;
    height: 488px;
    background: url(../images/popup/tab_cont_05.png) no-repeat;
}

.guideTabCont05 .explain {
    position: absolute;
    top: 8px;
    left: 105px;
}

.teacherGuideBtn, .videoGuideBtn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 125px;
    height: 30px;
    background: url(../images/res/icons_quiz.png) 0 1px no-repeat;
    text-indent: -9999px;
}

.teacherGuideBtn {
    background-position: -300px -300px;
}

.teacherGuideBtn:hover, .teacherGuideBtn:focus {
    background-position: -450px -300px;
}

.videoGuideBtn {
    background: url(../images/res/icons_quiz.png) -300px -300px no-repeat;
}

.videoGuideBtn:hover, .videoGuideBtn:focus {
    background-position: -450px -300px;
}

/* cont04 동영상퀴즈 */
.movSection {
    position: absolute;
    top: 127px;
    left: 113px;
    width: 774px;
    height: 436px;
}

/* cont04 웹툰퀴즈 */
#webtoonSlideWrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

#webtoonSlideWrap #slideWrap {
    position: absolute;
    top: 127px;
    left: 112px;
    width: 774px;
    height: 406px;
    margin: auto;
}

#webtoonSlideWrap #slideShow {
    position: relative;
    top: 0;
    left: 0;
    width: 774px;
    height: 406px;
    overflow: hidden;
}

#webtoonSlideWrap #slideShow .tab {
    float: left;
    display: block;
    position: relative;
    width: 774px;
    height: 406px;
}

#webtoonSlideWrap #slideShow #slideImages {
    position: absolute;
    left: 0;
    width: 7740px;
    height: 406px;
}

.summaryTab .btnPrev, .summaryTab .btnNext {
    position: absolute;
    top: 150px;
    display: block;
    width: 60px;
    height: 92px;
    cursor: pointer;
    background: url(../images/res/tabimg.png) 0 0 no-repeat;
}

.summaryTab .btnPrev {
    left: -100px;
}

.summaryTab .btnPrev:hover {
    background-position: 0 -92px;
}

.summaryTab .btnNext {
    right: -100px;
    background-position: -60px 0;
}

.summaryTab .btnNext:hover {
    background-position: -60px -92px;
}

#webtoonSlideWrap .paginationWrap {
    display: table;
    position: relative;
    top: 7px;
    margin: 0 auto;
    height: 50px;
}

#webtoonSlideWrap .pagination {
    margin: 0 auto;
    text-align: center;
}

#webtoonSlideWrap .paginationWrap span {
    display: inline-block;
    float: left;
    width: 31px;
    height: 48px;
    background: url(../images/res/webtoon_pagination_num.png) 0 0 no-repeat;
    text-indent: -2000px;
    line-height: 88px;
}

#webtoonSlideWrap .paginationWrap span.sm_prev {
    background-position: 0 0;
    width: 41px;
}

#webtoonSlideWrap .paginationWrap span.sm_prev:hover, .paginationWrap span.sm_prev.on {
    background-position: 0 -48px;
}

#webtoonSlideWrap .paginationWrap span.sm_next {
    background-position: -351px 0;
    width: 41px;
}

#webtoonSlideWrap .paginationWrap span.sm_next:hover, .paginationWrap span.sm_next:hover {
    background-position: -351px -48px;
}

#webtoonSlideWrap .paginationWrap span.line {
    width: 2px;
    background-position: -392px 0;
}

#webtoonSlideWrap .paginationWrap span.p01 {
    background-position: -41px 0;
}

#webtoonSlideWrap .paginationWrap span.p01:hover, .paginationWrap span.p01.on {
    background-position: -41px -48px;
}

#webtoonSlideWrap .paginationWrap span.p02 {
    background-position: -72px 0;
}

#webtoonSlideWrap .paginationWrap span.p02:hover, .paginationWrap span.p02.on {
    background-position: -72px -48px;
}

#webtoonSlideWrap .paginationWrap span.p03 {
    background-position: -103px 0;
}

#webtoonSlideWrap .paginationWrap span.p03:hover, .paginationWrap span.p03.on {
    background-position: -103px -48px;
}

#webtoonSlideWrap .paginationWrap span.p04 {
    background-position: -134px 0;
}

#webtoonSlideWrap .paginationWrap span.p04:hover, .paginationWrap span.p04.on {
    background-position: -134px -48px;
}

#webtoonSlideWrap .paginationWrap span.p05 {
    background-position: -165px 0;
}

#webtoonSlideWrap .paginationWrap span.p05:hover, .paginationWrap span.p05.on {
    background-position: -165px -48px;
}

#webtoonSlideWrap .paginationWrap span.p06 {
    background-position: -196px 0;
}

#webtoonSlideWrap .paginationWrap span.p06:hover, .paginationWrap span.p06.on {
    background-position: -196px -48px;
}

#webtoonSlideWrap .paginationWrap span.p07 {
    background-position: -227px 0;
}

#webtoonSlideWrap .paginationWrap span.p07:hover, .paginationWrap span.p07.on {
    background-position: -227px -48px;
}

#webtoonSlideWrap .paginationWrap span.p08 {
    background-position: -258px 0;
}

#webtoonSlideWrap .paginationWrap span.p08:hover, .paginationWrap span.p08.on {
    background-position: -258px -48px;
}

#webtoonSlideWrap .paginationWrap span.p09 {
    background-position: -289px 0;
}

#webtoonSlideWrap .paginationWrap span.p09:hover, .paginationWrap span.p09.on {
    background-position: -289px -48px;
}

#webtoonSlideWrap .paginationWrap span.p10 {
    background-position: -320px 0;
}

#webtoonSlideWrap .paginationWrap span.p10:hover, .paginationWrap span.p10.on {
    background-position: -320px -48px;
}

/* 05 학습하기 */
/* 동영상강의 팝업 */
#studyMovWrap1 {
    position: absolute;
    left: 7px;
    top: 98px;
    z-index: 1000;
}

#movQuickList {
    position: absolute;
    top: 369px;
    left: 7px;
    width: 420px;
    height: 220px;
    overflow: hidden;
    background: url(../images/res/mov_list_bg.png) 0 0 no-repeat;
}

#movQuickList > ul {
    width: 136px;
    margin: 50px 0 0 22px;
}

ol.movList {
    width: 420px;
    right: 0;
    position: absolute;
    display: block;
    top: 40px;
    border: 1px solid #e8e8e8;
    padding: 6px 0;
    background-color: transparent;
    z-index: 100;
	height:182px;
	overflow-y:auto;
	overflow-x:hidden;
}


ol.movList li:last-child hr {
    display: none;
}

ol.movList li hr {
    border: none;
    border-top: 1px solid #e8e8e8;
    margin: 3px 0;
}

ol.movList li {
    padding: 0 0 0 5px;
    background-color: transparent;
}

ol.movList li:after {
    content: " ";
    display: table;
    clear: both;
}

ol.movList li a {
    display: inline-block;
    padding-left: 10px;
    font-size: 16px;
    width: 100%;
    line-height: 1.4;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.5pt;
    word-break:keep-all;
	font-family : "nanum-barun-gothic-regular", sans-serif
}

ol.movList li a:hover {
    background: #4182d9;
    color: #FFF;
}

ol.movList li a.on {
    color: #FFF;
}

ol.movList li a span.num {
    float: left;
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    width: 21px;
    height: 21px;
    margin: 0 4px 0 0;
    background: url(../images/res/mov_num.png) 0 0 no-repeat;
}

ol.movList li.num01 a span.num {
    background-position: 0 0;
}

ol.movList li.num02 a span.num {
    background-position: 0 -21px;
}

ol.movList li.num03 a span.num {
    background-position: 0 -42px;
}

ol.movList li.num04 a span.num {
    background-position: 0 -63px;
}

ol.movList li.num05 a span.num {
    background-position: 0 -84px;
}

ol.movList li.num06 a span.num {
    background-position: 0 -105px;
}

ol.movList li.num07 a span.num {
    background-position: 0 -126px;
}

ol.movList li.num08 a span.num {
    background-position: 0 -147px;
}

ol.movList li.num09 a span.num {
    background-position: 0 -168px;
}

ol.movList li.num10 a span.num {
    background-position: 0 -189px;
}

ol.movList li.num11 a span.num {
    background-position: 0 -210px;
}

ol.movList li.num12 a span.num {
    background-position: 0 -231px;
}

ol.movList li.num01 a span.num:hover, ol.movList li.num01.on span.num {
    background-position: -21px 0;
}

ol.movList li.num02 a span.num:hover, ol.movList li.num02.on span.num {
    background-position: -21px -21px;
}

ol.movList li.num03 a span.num:hover, ol.movList li.num03.on span.num {
    background-position: -21px -42px;
}

ol.movList li.num04 a span.num:hover, ol.movList li.num04.on span.num {
    background-position: -21px -63px;
}

ol.movList li.num05 a span.num:hover, ol.movList li.num05.on span.num {
    background-position: -21px -84px;
}

ol.movList li.num06 a span.num:hover, ol.movList li.num06.on span.num {
    background-position: -21px -105px;
}

ol.movList li.num07 a span.num:hover, ol.movList li.num07.on span.num {
    background-position: -21px -126px;
}

ol.movList li.num08 a span.num:hover, ol.movList li.num08.on span.num {
    background-position: -21px -147px;
}

ol.movList li.num09 a span.num:hover, ol.movList li.num09.on span.num {
    background-position: -21px -168px;
}

ol.movList li.num10 a span.num:hover, ol.movList li.num10.on span.num {
    background-position: -21px -189px;
}

ol.movList li.num11 a span.num:hover, ol.movList li.num11.on span.num {
    background-position: -21px -210px;
}

ol.movList li.num12 a span.num:hover, ol.movList li.num12.on span.num {
    background-position: -21px -231px;
}

.btnVideoWrap {
    width: 420px;
    position: absolute;
    top: 240px;
    right: 0;
    text-align: center;
    background-color: #000;
}

.btnVideoWrap:after {
    content: " ";
    display: table;
    clear: both;
}

.btnVideoWrap a {
    width: 103px;
    height: 29px;
    display: inline-block;
    overflow: hidden;
    text-indent: -1000px;
    background-repeat: no-repeat;
    background: url(../images/res/icons_quiz.png);
}

.btnVideoWrap a span {
    display:none;
}

.btnVideoWrap a.btn00 {
    background-position: 0 -100px;

}

.btnVideoWrap a.btn01 {
    background-position: -0px -750px;

}

.btnVideoWrap a.btn02 {
    background-position: -300px -750px;

}

.btnVideoWrap a.btn03 {
    background-position: -0px -900px;


}

.btnVideoWrap a.btn04 {
    background-position: -300px -900px;
}

.btnVideoWrap a.btn00:hover, .btnVideoWrap a.btn00.on {
    background-position: -100px -750px;
}

.btnVideoWrap a.btn01:hover, .btnVideoWrap a.btn01.on {
    background-position: -150px -750px;
}

.btnVideoWrap a.btn02:hover, .btnVideoWrap a.btn02.on {
    background-position: -450px -750px;
}

.btnVideoWrap a.btn03:hover, .btnVideoWrap a.btn03.on {
    background-position: -150px -900px;
}

.btnVideoWrap a.btn04:hover, .btnVideoWrap a.btn04.on {
    background-position: -450px -900px;
}

/* 동영상 화질 말풍선 */
#potatoQuality, #highQuality {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 102px;
    left: 235px;
    width: 383px;
    height: 383px;
    text-indent: -1000px;
    z-index: 10000;
    background: url(../images/res/movPop.png) 0 0 no-repeat;
}

#potatoQuality {
    background-position: 0 0;
}

#highQuality {
    background-position: 0 -383px;
}

/* 학습학기 인트로 */
#studyContentsIntro {
    position: relative;
    z-index: 100;
}

#studyContentsIntro h3 {
    position: absolute;
    top: 100px;
    left: 29px;
}
.profileView {
    position: absolute;
    top: 500px;
    left: 145px;
    width: 125px;
    height: 30px;
    background: url(../images/res/icons_quiz.png) -600px -450px no-repeat;
    text-indent: -1000px;
}

.profileView:hover {
    background-position: -750px -450px ;
}

#totalStudyTime {
    position: relative;
    top: 386px;
    left: 124px;
    width: 165px;
    text-align: center;

}

#totalStudyTime span {
    color: #000;
    font-size: 24px;
}

#totalStudyTime span + span {
    margin-left: 3px;
}

#totalStudyTime span em {
    font-size: 18px;
    position: relative;
    top: -2px;
}

#studyTime {
    position: relative;
    top: 200px;
    left: 386px;
    text-align: left;
}

#studyTime p {
    width: 180px;
    height: 40px;
    margin-bottom: 5px;
    line-height: 40px;
    padding-left: 35px;
    background: url(../images/res/icons_quiz.png) -0px -600px no-repeat;
    color:#000;
}

#studyTime p:last-child {

    background-position: -200px -600px;
}

#studyTime p span:first-child {
    font-weight: bold;
}

#studyTime span {
    color: #000;
    font-size: 20px;
}

#studyTime span + span {
    margin-left: 3px;
}

/* 19.12.12 추가 */

#studyTime.page03{
    top:165px;
}


#studyTime.page04{
    top:164px;
}

/* 19.12.12 추가 끝*/


#mpDown {
    position: absolute;
    top: 500px;
    left: 28px;
    width: 115px;
    height: 30px;
    background: url(../images/res/icons_quiz.png) -0px -450px no-repeat;
    text-indent: -2000px;
}

#mpDown:hover, #mpDown:focus {
    background-position: -149px -450px;
}

#downLecData {
    position: absolute;
    top: 415px;
    left: 133px;
    width: 150px;
    height: 70px;
    background: url(../images/res/icons_quiz.png) -600px -300px no-repeat;
    text-indent: -2000px;
}

#downLecData:hover, #downLecData:focus {
    background-position: -750px -300px;
}

/* 학습목표 팝업 */
#studyTargetPopup {
    position: absolute;
    width: 957px;
    height: 461px;
    left: 32px;
    top: 63px;
    z-index: 1004;
    background: url(../images/popup/popup_study_target_bg.png) no-repeat;
}

#studyTargetPopup > h1 {
    padding: 8px 0 12px;
    text-align: center;
}

#studyTargetPopup a.PopClose {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 15px;
    top: 7px;
    background: url(../images/res/icons_quiz.png) -450px -600px no-repeat;
}

#studyTargetPopup .targetWrap {
    margin:0 ;
    position: relative;
    top:62px;
    left:160px;
}

#studyTargetPopup a.PopClose:hover, #studyTargetPopup a.PopClose:focus {
    background-position: -600px -600px;
}

.targetWrap {
    margin: 5px 15px;
}

.targetWrap .blueBox {
    height: 165px;
    margin: 5px 30px 20px 34px;
    padding: 10px;
    background: #fff;
    border: 1px solid #FFF;
    border-right-color: #fff;
    border-bottom-color: #fff;
    min-height: 90px;
    width:730px;
    overflow-x: hidden;
    overflow-y: auto;
}

.blueBox ul li {
    position: relative;
    padding-left: 19px;
    font-size: 18px;
    letter-spacing: -0.025em;
    font-weight: bold;
    line-height: 22px;
}

.blueBox ul li + li {
    margin-top: 10px;
}

.blueBox ul li span.bu {
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 10px;
    height: 10px;
    background: url(../images/res/dot.png) 0px 0 no-repeat;
}

/* 강사소개 팝업 */
#professorPopup {
    position: absolute;
    width: 934px;
    height: 527px;
    left: 32px;
    top: 63px;
    z-index: 1004;
    background: url(../images/popup/popup_teacher_bg.png) no-repeat;
}
#professorPopup > h1 {
    padding: 8px 0 12px;
    text-align: center;
    display: none;
}

#professorPopup a.PopClose {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 15px;
    top: 7px;
    background: url(../images/res/icons_quiz.png) -450px -600px no-repeat;

}

#professorPopup a.PopClose:hover, #professorPopup a.PopClose:focus {
    background-position: -600px -600px;
}





.professorWrap {
    position: relative;
    top:90px ;
    left:18px ;
    width:580px;
    display: block;
}



#tab_data_teacherProfile .professorWrap {
    position: relative;
    top:45px ;
    left:396px ;
    width:580px;
    display: block;
}


.professorWrap .yellowBox {
    height: 90px;
    min-height: 90px;
    margin: 5px 205px 11px 34px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ccd1d7;
    border-right-color: #fff;
    border-bottom-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
}

.yellowBox ul li {
    position: relative;
    padding-left: 19px;
    font-size: 18px;
    letter-spacing: -0.025em;
    font-weight: bold;
    line-height: 1.4;
}

.yellowBox ul li + li {
    margin-top: 6px;
}

.yellowBox ul li span.bu {
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 13px;
    height: 12px;
    background: url(../images/res/dot.png) -20px 0 no-repeat;
}


.professorWrap h2 {
    font-weight: 700;
    font-size: 32px;
  padding-left:10px;
    color: #2b2b2b;
    margin-bottom:30px;
}


.professorWrap h2 span {
    font-weight: 300;
    font-size: 16px;
}

.professorWrap hr {
    border: none;
    margin: 15px 0;
    padding: 0;
    border-top: 1px solid #e0e0e0;
    
}

.professorWrap article:after {
    content: " ";
    display: table;
    clear: both;
}


.professorWrap dl dt {

    font-size: 20px;
    color: #ff6c00;
    padding-left:10px;
    width:160px;
    float:left;
    font-weight: 700;
}


.professorWrap dl dd {

   width:400px;
    float:left;
}


.professorWrap ul li {
border : none !important;
    font-size: 11.6pt;
    color:#2b2b2b;
    float: initial;
    width:400px;

    line-height: 1.4;
}

.professorWrap ul li:hover {
    border: none;
}

    /* 돌발퀴즈 팝업 */
#unexpectedPopup {
    position: absolute;
    width: 1000px;
    height: 630px;
    left: 0;
    top: 0;
    z-index: 1004;
    background: url(../images/res/unexpected_popup_bg.png) no-repeat;
}

#unexpectedPopup div#prevQuizWrap {
    position: relative;
    width: 832px;
    top: 170px;
    left: 40px;
    padding: 0;
}

#unexpectedPopup div#prevQuizWrap div.question {
    width: 810px;
    height: 75px;
    position: relative;
    left: 46px;
    overflow-x: hidden;
    overflow-y: auto;
    top: 0;
    background: none;
}

#unexpectedPopup div#prevQuizWrap span {
    display: block;
    position: absolute;
}

#unexpectedPopup span#alertPrevQuiz {
    width: 238px;
    height: 77px;
    left: 405px;
    top: 135px;
    z-index: 1;
    text-indent: -2000px;
}

#unexpectedPopup #prevQuizTxt {
    height: 80px;
    padding-right: 10px;
    padding-left: 115px;
    font-size: 26px;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    line-height: 35px;
    letter-spacing: -0.025em;
}

#unexpectedPopup #prevNumBG {
    position: absolute;
    left: 115px;
    top: 178px;
    z-index: 1;
}

#unexpectedPopup #prevNumBG p {
    position: absolute;
    left: 0;
    top: 0;
    width: 68px;
    height: 59px;
    background: url(../images/res/unprveQuiz.png) no-repeat;
    text-indent: -2000px;
}

#unexpectedPopup #quizEx0 {
    margin-right: 25px;
}

#unexpectedPopup #quizEx0, #unexpectedPopup #quizEx1 {
    position: relative;
    left: 612px;
    top: 54px;
    width: 116px;
    height: 130px;
    display: inline-block;
    zoom: 1;
    float: left;
}

#unexpectedPopup #quizEx0 a {
    position: relative;
    display: block;
    height: 100%;
    background: url(../images/res/unprevOX.png) 0 0 no-repeat;
    text-indent: -1000px;
}

#unexpectedPopup #quizEx1 a {
    position: relative;
    display: block;
    height: 100%;
    background: url(../images/res/unprevOX.png) -116px 0 no-repeat;
    text-indent: -1000px;
}

#unexpectedPopup #quizEx0 a:hover, #unexpectedPopup #quizEx0 a.on {
    background-position: 0 -130px;
}

#unexpectedPopup #quizEx1 a:hover, #unexpectedPopup #quizEx1 a.on {
    background-position: -116px -130px;
}

#unexpectedPopup #quizEx0 span, #unexpectedPopup #quizEx1 span {
    position: absolute;
    left: 45px;
    top: -20px;
    display: block;
    width: 73px;
    height: 60px;
    background: url(../images/res/movQuizCheck.png) no-repeat;
}

#unexpectedPopup #prevExplainWrap {
    position: relative;
    top: 175px;
    left: 75px;
    background: none;
}

#unexpectedPopup #prevCorrect {
    position: absolute;
    left: 27px;
    top: 26px;
}

#unexpectedPopup #prevExplain {
    position: absolute;
    left: 27px;
    top: 72px;
}

#unexpectedPopup #prevCorrect span, #unexpectedPopup #prevExplain span {
    display: block;
    width: 91px;
    height: 44px;
    text-indent: -1000px;
}

#unexpectedPopup #prevCorrect span {
    background: url(../images/res/quizExplainTxt.png) 0 0 no-repeat;
}

#unexpectedPopup #prevExplain span {
    top: 9px;
    background: url(../images/res/quizExplainTxt.png) 0 -44px no-repeat;
}

#unexpectedPopup #prevCorrect p {
    position: absolute;
    top: 0;
    left: 105px;
    width: 100px;
    line-height: 1.3em;
    font-weight: bold;
    color: #ee5a5a;
    font-size: 34px;
}

#unexpectedPopup #prevExplain p {
    position: absolute;
    top: 8px;
    left: 105px;
    width: 732px;
    height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    padding-right: 12px;
}

/* 다음페이지로이동 */
.nextPage {
    position: absolute;
    top: 593px;
    right: 25px;
    width: 185px;
    height: 32px;
    background: url(../images/res/btn.png) -378px -227px no-repeat;
    text-indent: -5000px;
}

.nextPage:hover, .nextPage:focus {
    background: url(../images/res/btn.png) -378px -259px no-repeat;
}

/* cont06 평가하기 */
#studyContentsIntro {
    position: relative;
    z-index: 100;
}

#startBtn {
    position: absolute;
    top: 440px;
    right: 260px;
    width: 133px;
    height: 43px;
    background: url(../images/res/icons.png) 0 0 no-repeat;
    text-indent: -5000px;
}

#startBtn:hover, #startBtn:focus {
    background: url(../images/res/icons.png) -200px 0 no-repeat;
}

.studyIntroPopup {
    position: relative;
    top: 48px;
    text-align: center;
    display: none;
}

.studyIntroPopup p {
    position: absolute;
    left: 472px;
    top: 304px;
    height: 30px;
    line-height: 30px;
    color: #ffff00;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: -0.075em;
}

#quizWrap {
    position: absolute;
    width: 735px;
    height: 472px;
    left: 10px;
    top: 103px;
    padding: 0;
    z-index: 1000;
}

.quizScroll {
    position: relative;
    height: 448px;
    width: 100%;
    padding-right: 7px;
    overflow-x: hidden;
    overflow-y: auto;
}

.question {
    position: relative;
    min-height: 87px;
}

#quizTxt {
    padding: 25px 20px 15px 30px;
    font-size: 24px;
    width: 640px;
    letter-spacing: -0.07em;
    border: 5px solid #FFF;
    position: relative;
    left: 75px;
    line-height: 1.2;
    min-height: 86px;
	word-break:keep-all;
}

#quizTxt span {
    font-weight: bold;
    color:#000;
}

#quizWrap #prevNumBG {
    position: absolute;
    width: 62px;
    height: 52px;
    left: 0;
    top: 11px;
    z-index: 1;
}

#quizWrap #prevNumBG span {
    position: absolute;
    display: block;
    z-index: 2;
    background: url(../images/res/quizNumOX.png) no-repeat;
}

#quizWrap #prevNumBG span.o {
    width: 93px;
    height: 93px;
    left: 2px;
    top: -10px;
    background-position: 0 0;
}

#quizWrap #prevNumBG span.x {
    width: 93px;
    height: 93px;
    left: 2px;
    top: -10px;
    background-position: -89px 0;
}

#quizWrap #prevNumBG p {
    position: absolute;
    left: 0;
    top: 0;
    width: 93px;
    height: 65px;
    background: url(../images/res/icons.png) no-repeat;
    text-indent: -2000px;
}

#quizWrap #prevNumBG p.num1 {
    background-position: 0 -900px;
}

#quizWrap #prevNumBG p.num2 {
    background-position: -100px -900px;
}

#quizWrap #prevNumBG p.num3 {
    background-position: -200px -900px;
}

#quizExplainWrap {
    position: relative;
    margin: 25px 0 20px;
    border: 1px solid #FFF;
    background-color: #e4f0f9;
}

#quizCorrect {
    position: relative;
    left: 8px;
    top: 8px;
    height:50px;
}

#quizExplain {
    position: relative;
    left: 8px;
}

#quizCorrect span, #quizExplain span {
    display: block;
    width: 73px;
    height: 35px;
    text-indent: -1000px;
}

#quizCorrect span {
    background: url(../images/res/quizCorrectTxt.png) 0 0 no-repeat;
}

#quizExplain span {
    top: 9px;
    background: url(../images/res/quizCorrectTxt.png) 0 -45px no-repeat;
}

#quizCorrect p {
    position: relative;
    top: -34px;
    left: 85px;
    font-weight: bold;
    color: #ee5a5a;
    font-size: 24px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    border: 2px solid #000;
    background-color: #FFF;
    text-align: center;
    line-height: 24px;
	padding:2px 1px 0 0;
}

#quizExplain p{
    position: relative;
    top: -33px;
    left: 85px;
    width: 485px;
    padding-right: 12px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 20px;
    font-weight: 300;
    line-height: 22px;
    color: #333;
	word-break:keep-all;
    margin-bottom:-20px;
}

#quizExplain p span{
	background:none !important;
	display:inline;
}

#quizExplain p span .hanja{
	font-family: "SimSun", sans-serif;
}


.exampleWrap .example .num {
    position: absolute;
    top: -1px;
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/res/quiz_num.png) 0 0 no-repeat;
}

.exampleWrap .example {
    margin: 10px 20px 20px 110px;
    z-index: 10;
}

.exampleWrap .example li {
    position: relative;
    width: 535px;
    text-align: justify;
    margin-bottom: 8px;
    line-height: 24px;
    word-break:keep-all;
}

.exampleWrap .example li a {
    display: block;
}

.example li a span + span {
    position: relative;
    left: 36px;
    font-size: 20px;
    font-weight: 300;
    color: #333;
    letter-spacing: -0.08em;
}
.example li.on a span + span {
    color: #fd3577;
}

#choice {
    display: none;
    position: absolute;
    top: 19%;
    left: 0;
    margin-top: -10px;
    width: 29px;
    height: 24px;
    background: url(../images/res/num_check.png) 0 0 no-repeat;
}

#exNum01 {
    background-position: 0 0;
}

#exNum02 {
    background-position: 0 -36px;
}

#exNum03 {
    background-position: 0 -73px;
}

#exNum04 {
    background-position: 0 -111px;
}

#exNum05 {
    background-position: 0 -148px;
}

#exNum01.on {
    background-position: -37px 0;
}

#exNum02.on {
    background-position: -37px -36px;
}

#exNum03.on {
    background-position: -37px -73px;
}

#exNum04.on {
    background-position: -37px -111px;
}

#exNum05.on {
    background-position: -37px -148px;
}

#quizResult {
    position: absolute;
    width: 245px;
    height: 487px;
    right: -5px;
    top: 103px;
    z-index: 1000;
    background: url(../images/res/quiz_result_wrap_bg.png) no-repeat;
    background-color: #fc8730;
}

#quizResult h2 {
    margin: 20px 0 15px;
    text-align: center;
    font-size: 20px;
    color: #FFF;
    font-weight: 300;
    line-height: 1.3;
}

#quizResult h2 strong {
    font-weight: 700;
    color: #ffe508;
}

#quizResult .quizResultWrap {
    position: relative;
    width: 226px;
    height: 302px;
    left: 17px;
    top: 0;
}

#quizResult .btnRetryQuiz, #quizResult .btnConfirmQuiz {
    position: absolute;
    left: 62px;
    bottom: 5px;
    width: 120px;
    height: 32px;
    display: inline-block;
    text-indent: -2000px;
    background: url(../images/res/icons_quiz.png) no-repeat;
}

#quizResult .btnConfirmQuiz {
    position: absolute;
    left: 62px;
    bottom: 5px;
    width: 120px;
    height: 32px;
    display: inline-block;
    text-indent: -2000px;
    background: url(../images/res/icons_quiz.png) no-repeat;
}


#quizResult .btnConfirmQuiz {
    background-position: 0px -150px;
}

#quizResult .btnRetryQuiz {
    background-position: -300px -150px;
}

#quizResult .btnConfirmQuiz:hover {
    background-position: -150px -150px;
}

#quizResult .btnRetryQuiz:hover {
    background-position: -450px -150px;
}

.questionResult h3 {
    text-indent: -2000px;
}

.questionResult .o, .questionResult .x {
    width: 114px;
    height: 108px;
}

.questionResult .o {
    position: absolute;
    left: 0;
    top: 150px;
}

.questionResult .x {
    position: absolute;
    right: 5px;
    top: 150px;
}

.questionResult p {
    width: 114px;
    height: 108px;
    margin: 0;
    text-indent: -2000px;
    text-align: center;
    background: url(../images/res/icons_quiz.png) no-repeat;
}

.questionResult p.total0 {
    background-position: -150px 0;
}

.questionResult p.total1 {
    background-position: -300px 0px;
}

.questionResult p.total2 {
    background-position: -450px 0px;
}

.questionResult p.total3 {
    background-position: -600px 0px;
}

.questionResult p.totalNull {
    background-position: 0 0;
}


.quizResultWrap ol .num {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/res/quiz_num.png) 0 0 no-repeat;
}

.quizResultWrap ol {
    position: relative;
    width: 157px;
    height: 43px;
    top: 43px;
    left: 56px;
    z-index: 10;
}

.quizResultWrap ol:after {
    content: " ";
    display: table;
    clear: both;
}

.quizResultWrap ol li {
    position: relative;
    display: inline-block;
    float: left;
    margin-bottom: 8px;
    line-height: 22px;
}

.quizResultWrap ol li + li {
    margin-left: 4px;
}

.quizResultWrap ol li a {
    display: inline-block;
}

.quizResultWrap #choice {
    display: none;
    position: absolute;
    top: 19%;
    left: 0;
    margin-top: -10px;
    width: 29px;
    height: 24px;
    background: url(../images/res/num_check.png) 0 0 no-repeat;
}

.quizResultWrap #exNum01 {
    background-position: 0 0;
}

.quizResultWrap #exNum02 {
    background-position: 0 -37px;
}

.quizResultWrap #exNum03 {
    background-position: 0 -74px;
}

.quizResultWrap #exNum04 {
    background-position: 0 -111px;
}

.quizResultWrap #exNum05 {
    background-position: 0 -148px;
}

.quizResultWrap #exNum01.on {
    background-position: -37px 0;
}

.quizResultWrap #exNum02.on {
    background-position: -37px -36px;
}

.quizResultWrap #exNum03.on {
    background-position: -37px -73px;
}

.quizResultWrap #exNum04.on {
    background-position: -37px -111px;
}

.quizResultWrap #exNum05.on {
    background-position: -37px -148px;
}


.quizResultWrap #prevNumBG {
    position: relative;
    left: -57px;
    top: -9px;
    z-index: 1;
}

.quizResultWrap #prevNumBG span {
    position: absolute;
    display: block;
    width: 46px;
    height: 46px;
    z-index: 2;
    background: url(../images/res/smallNumOX.png) no-repeat;
}

.quizResultWrap #prevNumBG span.o {
    width: 35px;
    background-position: 0 0;
    top: 6px;
    left: 7px;
}

.quizResultWrap #prevNumBG span.x {
    width: 46px;
    background-position: -46px 0;
    top: 6px;
    left: 12px;
}

/* 총문제 정답확인 팝업 */
#resultQuizPop {
    position: absolute;
    left: 288px;
    top: 100px;
    width: 428px;
    height: 428px;
    z-index: 1004;
}

.btnRetryClose {
    position: absolute;
    top: 390px;
    left: 178px;
    width: 70px;
    height: 27px;
    background: url(../images/res/btn.png) -378px -109px no-repeat;
    text-indent: -5000px;
}

.btnRetryClose:hover, .btnRetryClose:focus {
    background: url(../images/res/btn.png) -378px -136px no-repeat;
}

/* 지문보기 */
.rubricView {
    margin: 6px 0px 15px 0px;
    background: #f6f6f6;
    border: 1px solid #d6d6d6;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.rubricView h3 {
    text-align: center;
}

.rubricView ul {
    padding: 10px 10px 0 10px;
}

.rubricView ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 0px;
    color: #33435e;
    letter-spacing: -0.025em;
    font-size: 18px;
    line-height: 1.4;
}

.rubricView ul li span.num {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #8f95a4;
    border-radius: 50%;
}

.rubricView ul li span.bracket {
    padding-left: 50px;
}

/* cont9 학습정리 */
#printTabWrap picture {
    position: absolute;
    left: -95px;
    top: -13px;
    display: inline-block;
    width: 72px;
    height: 75px;
}

#printTabWrap h2 {
    position: absolute;
    left: 166px;
    top: 120px;
    font-size: 28px;
    letter-spacing: -0.05em;
}

.printTabText {
    position: absolute;
    top: 212px;
    left: 165px;
    width: 740px;
    height: 325px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 15px;
}

.printTabText ol li {
    font-size: 20px;
    margin-bottom: 10px;
    letter-spacing: -0.06em;
    line-height: 1.4;
    word-break:keep-all;
}

.printTabText ol li div.step00 {
    position: relative;
    padding-left: 19px;
    margin-top: -20px;
    width: 99%;
}

.printTabText ol li .step02 {
    position: relative;
    padding-left: 15px;
    margin: 5px 0 10px 20px;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.05em;
}

.printTabText ol li .step02 span.bu {
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 9px;
    height: 9px;
    background: url(../images/res/dot.png) -46px 0 no-repeat;
}

.printTabText ol li .step02 li .step03 {
    position: relative;
    padding-left: 10px;
    margin: 5px 0 10px 24px;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.05em;
}

.printTabText ol li .step02 li .step03 span.bu {
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 7px;
    height: 9px;
    background: url(../images/res/dot.png) -55px 0 no-repeat;
}
/*step04 추가*/
.printTabText ol li .step02 li .step03 li .step04{
    position: relative;
    padding-left: 10px;
    margin: 5px 0 10px 0;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.05em;
}

.printTabText ol li .step02 li .step03 li .step04 span.bu {
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 7px;
    height: 9px;
    background: url(../images/res/dot.png) -64px 0 no-repeat;
}
/*step04 추가 끝*/
.paginationWrap {
    display: none;
    position: relative;
    top: 495px;
    margin: 0 auto;
    height: 50px;
}

.pagination {
    margin: 0 auto;
    text-align: center;
}

.paginationWrap span {
    display: inline-block;
    float: left;
    width: 31px;
    height: 48px;
    background: url(../images/res/pagination_num.png) 0 0 no-repeat;
    text-indent: -2000px;
    line-height: 88px;
}

.paginationWrap span.sm_prev {
    background-position: 0 0;
    width: 41px;
}

.paginationWrap span.sm_prev:hover, .paginationWrap span.sm_prev.on {
    background-position: 0 -48px;
}

.paginationWrap span.sm_next {
    background-position: -351px 0;
    width: 41px;
}

.paginationWrap span.sm_next:hover, .paginationWrap span.sm_next:hover {
    background-position: -351px -48px;
}

.paginationWrap span.line {
    width: 2px;
    background-position: -392px 0;
}

.paginationWrap span.p01 {
    background-position: -41px 0;
}

.paginationWrap span.p01:hover, .paginationWrap span.p01.on {
    background-position: -41px -48px;
}

.paginationWrap span.p02 {
    background-position: -72px 0;
}

.paginationWrap span.p02:hover, .paginationWrap span.p02.on {
    background-position: -72px -48px;
}

.paginationWrap span.p03 {
    background-position: -103px 0;
}

.paginationWrap span.p03:hover, .paginationWrap span.p03.on {
    background-position: -103px -48px;
}

.paginationWrap span.p04 {
    background-position: -134px 0;
}

.paginationWrap span.p04:hover, .paginationWrap span.p04.on {
    background-position: -134px -48px;
}

.paginationWrap span.p05 {
    background-position: -165px 0;
}

.paginationWrap span.p05:hover, .paginationWrap span.p05.on {
    background-position: -165px -48px;
}

.paginationWrap span.p06 {
    background-position: -196px 0;
}

.paginationWrap span.p06:hover, .paginationWrap span.p06.on {
    background-position: -196px -48px;
}

.paginationWrap span.p07 {
    background-position: -227px 0;
}

.paginationWrap span.p07:hover, .paginationWrap span.p07.on {
    background-position: -227px -48px;
}

.paginationWrap span.p08 {
    background-position: -258px 0;
}

.paginationWrap span.p08:hover, .paginationWrap span.p08.on {
    background-position: -258px -48px;
}

.paginationWrap span.p09 {
    background-position: -289px 0;
}

.paginationWrap span.p09:hover, .paginationWrap span.p09.on {
    background-position: -289px -48px;
}

.paginationWrap span.p10 {
    background-position: -320px 0;
}

.paginationWrap span.p10:hover, .paginationWrap span.p10.on {
    background-position: -320px -48px;
}

.paginationWrapPreNext .btn_prev a {
    position: absolute;
    width: 75px;
    height: 75px;
    background: url("../images/res/icons.png") 0 -700px no-repeat;
    z-index: 100;
    top: 278px;
    left: 15px;
}

.paginationWrapPreNext .btn_next a {
    position: absolute;
    width: 75px;
    height: 75px;
    background: url("../images/res/icons.png") -200px -700px no-repeat;
    z-index: 100;
    top: 278px;
    right: 15px;
}

.paginationWrapPreNext .btn_prev a:hover {
    background-position: -100px -700px;
}

.paginationWrapPreNext .btn_next a:hover {
    background-position: -300px -700px;
}

#printTabWrap .titleNum {
    background-image: url("../images/res/icons.png")
}

#printTabWrap .titleNum.num1 {
    background-position: 10px -590px;
}

#printTabWrap .titleNum.num2 {
    background-position: -90px -590px;
}

#printTabWrap .titleNum.num3 {
    background-position: -190px -590px;
}

#printTabWrap .titleNum.num4 {
    background-position: -290px -590px;
}

#printTabWrap .titleNum.num5 {
    background-position: -390px -590px;
}

#printTabWrap .titleNum.num6 {
    background-position: -490px -590px;
}

#printTabWrap .titleNum.num7 {
    background-position: -590px -590px;
}

#printTabWrap .titleNum.num8 {
    background-position: -690px -590px;
}

#printTabWrap .titleNum.num9 {
    background-position: -790px -590px;
}

#printTabWrap .titleNum.num10 {
    background-position: -890px -590px;
}


.paginationNum {
    position: absolute;
    width: 200px;
    height: 50px;
    top: 560px;
    left: 400px;
    text-align: center;
}

.paginationNum .now {
    font-weight: bold;
    font-size: 28px;
}

.paginationNum .total {
    font-size: 20px;
}


.qrCodeBtn {
    position: absolute;
    top: 110px;
    right: 160px;
    width: 85px;
    height: 46px;
    background: url(../images/res/btn.png) -200px -109px no-repeat;
    text-indent: -5000px;
}

.qrCodeBtn:hover, .qrCodeBtn:focus {
    background: url(../images/res/btn.png) -200px -155px no-repeat;
}

.summaryPrint {
    position: absolute;
    top: 110px;
    right: 95px;
    width: 68px;
    height: 68px;
    background: url(../images/res/icons.png) -0px -800px no-repeat;
    text-indent: -5000px;
}

.summaryPrint:hover, .summaryPrint:focus {
   background-position: -100px -800px;
}

/* qr코드 */
#qrCodePopup {
    position: absolute;
    width: 318px;
    height: 132px;
    left: 528px;
    top: 158px;
    z-index: 1004;
    background: url(../images/res/qrcode_bg.png) no-repeat;
}

#qrCodePopup a.qrPopClose {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 13px;
    top: 21px;
    background: url(../images/res/qrcode_close.png) no-repeat;
}

#qrCodePopup .qrCodeImg {
    position: absolute;
    top: 26px;
    left: 8px;
    width: 96px;
    height: 96px;
    background: #fff;
}


/* cont10 다음차시예고 */
.thisLec {
    position: absolute;
    top: 160px;
    left: 0;
}

.nextLec {
    position: absolute;
    top: 210px;
    left: 137px;
}

.thankYou {
    text-align: center;
    position: relative;
    top: 320px;
}

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

/* 모바일 이동버튼 */
#mGlobalPaging a {
    display: block;
    position: absolute;
    width: 55px;
    height: 90px;
    top: 299px;
    z-index: 1000;
    background: url(../images/res/mGlobalBtn.png);
    text-indent: -2000px;
}

a#mPrev {
    left: 0;
    background-position: 0 0;
}

a#mNext {
    right: 0;
    background-position: -55px 0;
}

#mGlobalPaging a#mPrev:hover, #mGlobalPaging a#mPrev:focus {
    background-position: 0 -90px;
}

#mGlobalPaging a#mNext:hover, #mGlobalPaging a#mNext:focus {
    background-position: -55px -90px;
}

.vodFullScreen video {
    width: 100% !important;
    height: 100% !important;
}

.closeFullScreen {
    height: 40px;
    width: 100%;
    cursor: pointer;
    display: block;
    line-height: 40px;
    background: #0596b3;
    color: #fff;
    text-align: center;
    font-size: 15px;
}

/* 모바일 Start 버튼(Touch Screen)  */
div.touchScreen {
    position: relative;
    width: 559px;
    height: 99px;
    top: 80px;
    margin: 0 auto;
    background: url('../images/res/touchScreen.png') 0 0 no-repeat;
}


/*--------------------------------------------------------------------------------------------------
개발자 추가 코드
--------------------------------------------------------------------------------------------------*/
/* bottom 작업바 wrapper */
div#ui_task_bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    z-index: 1010;
}


/* 웹툰 이미지 슬라이더  */
.bx-wrapper {
    margin-bottom: 120px;
}

.bx-wrapper img {
    max-width: 100%;
    max-height: 100%
}

ul.bxslider {
    margin: 0;
    padding: 0;
}

#bx-pager {
    bottom: -95px;
    border: 1px solid green;
}

#bx-pager a {
    border: solid #ccc 1px;
    display: inline-block;
    margin: 0 5px;
    padding: 3px;
}

#bx-pager a:hover {
    border: 1px solid #5280DD 1px;
}

#bx-pager a.active {
    border: 2px solid red;
}

/* 플레이버튼 */
a#playButton {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 131px;
    height: 130px;
    left: 331px;
    top: 158px;
    z-index: 50;
    background: url('../images/player/playButton_off.png') no-repeat;
    text-indent: -9999px;
}

a#playButton:hover, a#playButton:focus {
    background: url('../images/player/playButton_on.png') 7px 5px no-repeat;
}

/* 로딩 스피너 */
#page_loading_spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -60px 0 0 -100px;
    z-index: 1000;
}

/* 동영상 출처 관련 */
.interview_vod_title {
    display: none;
    position: absolute;
    width: 100%;
    top: 0;
    margin: 0 10px 0 0;
    padding: 2px 5px;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #858484
}

.interview_vod_source {
    display: none;
    position: absolute;
    width: 100%;
    bottom: 0;
    margin: 0 10px 0 0;
    padding: 2px 5px;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    color: #858484
}


/*콘텐츠 모니터링 팝업*/
#contMonitorPopup {
    position: absolute;
    width: 934px;
    height: 527px;
    left: 32px;
    top: 63px;
    z-index: 1004;
    background: url(../images/popup/cont_pop_bg.png) no-repeat;
}

#contMonitorPopup a.PopClose {
    position: absolute;
    width: 38px;
    height: 38px;
    right: 15px;
    top: 7px;
    background: url(../images/popup/btn_close.png) no-repeat;
}

#contMonitorPopup a.PopClose:hover, a.PopClose:focus {
    background-position: 0 -38px;
}

.contMonitorWrap {
    position: relative;
}

.contMonitorWrap h1 {
    position: absolute;
    top: 5px;
    left: 350px;
    font-size: 37px;
    font-family: THEJung150;
    color: #ffffff;
}

.contMonitorWrap h2 {
    position: absolute;
    top: 60px;
    left: 30px;
    width: 828px;
    height: 44px;
    background: url(../images/popup/cont_moni_sub.png) 0 0 no-repeat;
}

input#ContMonitorTit {
    position: absolute;
    top: 140px;
    left: 100px;
    width: 760px;
    background-color: transparent;
    border: none;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
    font-family: KoPubDotum Bold;
    color: #3e61a1;
}

textarea#ContMonitorWrite {
    position: absolute;
    top: 190px;
    left: 30px;
    padding: 3px 20px 0;
    width: 870px;
    height: 280px;
    z-index: 10;
    background: none;
    font-weight: bold;
    font-size: 17px;
    line-height: 39px;
    color: #6b6b6b;
}

.btn_save {
    position: relative;
    float: left;
    top: 490px;
    left: 370px;
    width: 110px;
    height: 33px;
    background: url(../images/popup/btn_sv_res.png) 0 0 no-repeat;
}

.btn_save:hover, .btn_save:focus {
    background-position: 0 -33px;
}

.btn_rslt {
    position: relative;
    float: left;
    top: 490px;
    left: 380px;
    width: 200px;
    height: 33px;
    background: url(../images/popup/btn_sv_res.png) -120px 0 no-repeat;
}


.btn_rslt:hover, .btn_rslt:focus {
    background-position: -120px -33px;
}

/*
2019-06-13
*/





#studyHelpPopup {
    width: 980px;
    height: 560px;
    position: absolute;
    left: 10px;
    top: 30px;
    z-index: 1004;
    background: none;
    background-color: #FFF;
}


#studyHelpPopup  .studyHelpWrap .studyTab > ul  > li {
    float: left;
    width:33%;
    border: 1px solid #999999;
    border-left: none;
    height:36px;
}


#studyHelpPopup .studyHelpWrap .studyTab > ul > li:last-child {

    border-right: none;
}



.studyTab {
    width: 100%;
    height: auto;
    position: relative;
    left: 10px;
    top: 30px;
    background: none;
}


.studyHelpWrapContent {
   position: relative;
   top:80px;
}


.studyHelpWrapContent .helpTabContent {
    height:420px;

}
#studyHelpPopup > h1 {
    padding: 0;
    text-align: left;
    background-color:#ff6c00 ;
    display: inline-block;
}

#studyHelpPopup  .studyHelpWrap {
    width:960px;
    margin:0 auto;
}

#studyHelpPopup  .studyHelpWrap .studyTab > ul  > li {
    float: left;
    width:33%;
    border: 1px solid #999999;
    border-left: none;
    height:36px;
}

a.helpTabMenu {
    position: inherit;
    display: block;
    width: 167px;
    height: 32px;
    top: 0px;
    background: #FFF;
    text-indent: 0;
}

a#helpTab01 {
font-size: 18px;
font-weight:bold;
    text-align: center;
    line-height: 30px;
    width:100%;

}

a#helpTab02 {
    font-size: 18px;
    font-weight:bold;
    text-align: center;
    line-height: 30px;
    width:100%;

}

a#helpTab03 {
    font-size: 18px;
    font-weight:bold;
    text-align: center;
    line-height: 30px;
    width:100%;

}

a#helpTab01:hover, a#helpTab01.on {
    background-color: #ff6c00;
    color: #FFF;
}

a#helpTab02:hover, a#helpTab02.on {
    background-color: #ff6c00;
    color: #FFF;
}

a#helpTab03:hover, a#helpTab03.on {
    background-color: #ff6c00;
    color: #FFF;
}


.studyHelpWrapContent #helpTabContent_2 {


}

.bpop_tab_data_studyConfig {
    text-align: center;
}



.studyHelpWrapContent #bpop_tab_data_screenLayout {
    width:663px;
    height:418px;
    background-image: url("../images/popup/helpTab02Bg.png");
    background-position: 0px 0px ;
    position: relative;
    left:167px;
}



ol.helpExplain li a.ex01 {

    top: 0;
    right: -1px;
    width: 130px;
    height: 60px;
    background-position: -200px 0;

}

ol.helpExplain li a.ex01:hover, ol.helpExplain li a.ex01:focus {
    background-position: 0 -100px;
    width: 330px;
    height: 100px;
    z-index: 100;
}



ol.helpExplain li a.ex02 {
    top: 0;
    left: 0;
    width: 240px;
    height: 65px;
    background-position: 0 -200px;
}

ol.helpExplain li a.ex02:hover, ol.helpExplain li a.ex02:focus {
    background-position: 0 -300px;
    width: 465px;
    height: 98px;
    z-index: 100;
}


ol.helpExplain li a.ex03 {
    top: 0;
    right: 258px;
    width: 130px;
    height: 60px;
    background-position: -148px -400px;
}

ol.helpExplain li a.ex03:hover, ol.helpExplain li a.ex03:focus {
    background-position: 0 -500px;
    width: 280px;
    height: 140px;
    right: 256px;
}



ol.helpExplain li a.ex04 {
    top: 66px;
    left: 2px;
    width: 290px;
    height: 210px;
    background-position: 0 -650px;
}


ol.helpExplain li a.ex04:hover, ol.helpExplain li a.ex04:focus {
    background-position: 0 -1000px;
}



ol.helpExplain li a.ex05 {
    top: 37px;
    left: 295px;
    width: 369px;
    height: 326px;
    background-position: 0px -1330px;
}
ol.helpExplain li a.ex05:hover, ol.helpExplain li a.ex05:focus {
    background-position: 0 -1670px;
    width: 369px;
}


ol.helpExplain li a.ex06 {
    bottom: 0;
    left: 0;
    width: 130px;
    height: 55px;
    background-position: 0 -2087px;
}

ol.helpExplain li a.ex06:hover, ol.helpExplain li a.ex06:focus {
    bottom: 0px;
    width: 176px;
    height: 143px;
    background-position: 0 -2149px;

}



ol.helpExplain li a.ex07 {
    bottom: 0;
    left: 131px;
    width: 392px;
    height: 57px;
    background-position: 0 -2416px;
}


ol.helpExplain li a.ex07:hover, ol.helpExplain li a.ex07:focus {
    bottom: 0px;
    width: 392px;
    height: 172px;
    background-position: 0 -2501px;
}

ol.helpExplain li a.ex08 {
    bottom: 0px;
    right: 114px;
    width: 30px;
    height: 54px;
    background-position: -228px -2813px;
}

ol.helpExplain li a.ex08:hover, ol.helpExplain li a.ex08:focus {
    background-position: 0 -2878px;
    bottom: 0px;
    right: 115px;
    width: 257px;
    height: 169px;
}



ol.helpExplain li a.ex09 {
    bottom: 0px;
    right: 0px;
    width: 110px;
    height: 60px;
    background-position: -189px -3152px;
}


ol.helpExplain li a.ex09:hover, ol.helpExplain li a.ex09:focus {
    background-position: 0 -3226px;
    width: 290px;
    height: 156px;
    bottom: 0px;
    right: 9px;
}

#studyHelpPopup a.PopClose,#learningMapPopup  a.PopClose{
    position: absolute;
    width: 25px;
    height: 25px;
    right: 15px;
    top: 7px;
    background: url(../images/res/icons_quiz.png) -450px -600px no-repeat;
    z-index: 100;
}


#studyHelpPopup a.PopClose:hover, #studyHelpPopup a.PopClose:focus,#learningMapPopup  a.PopClose:hover,#learningMapPopup  a.PopClose:focus {
    background-position: -600px -600px;
}

#tab_data_screenLayout {
    width: 663px;
    height: 418px;
    background-image: url("../images/popup/helpTab02Bg.png");
    background-position: 0px 0px;
    position: relative;
    left: 167px;
}

.guideTabCont05 .explain {
    position: absolute;
    top: 8px;
    left: 25px;
}
.guideTabCont05 {
    position: absolute;
    top: 60px;
    left: 0px;
    width: 1000px;
    height: 488px;
    background: none;
}


#bpop_tab_data_studyStep {
    height:420px;
    background-image: url("../images/popup/pop_tab_data_studyStep_bg.png");
}

a.listTabMenu {
    position: absolute;
    display: block;
    width: 100px;
    height: 80px;
    left: 15px;
    background: url(../images/res/icons.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    text-indent: -2000px;
}


#learningMapPopup > h1 {
    padding: 0;
    text-align: left;
    display: inline-block;
}


#learningMapPopup  a.PopClose{
    position: absolute;
    width: 25px;
    height: 25px;
    right: 15px;
    top: 7px;
    background: url(../images/res/icons_quiz.png) -450px -600px no-repeat;
}


#learningMapPopup  a.PopClose:hover,#learningMapPopup  a.PopClose:focus {
    background-position: -600px -600px;
}



#keyBoardPopup {
    width: 980px;
    height: 560px;
    position: absolute;
    left: 10px;
    top: 30px;
    z-index: 1004;
    background: url(../images/popup/popup_bg.png) no-repeat;
}


#keyBoardPopup > h1 {
    padding: 0;
    text-align: left;
display:inline-block;
}

#keyBoardPopup  a.PopClose{
    position: absolute;
    width: 25px;
    height: 25px;
    right: 15px;
    top: 7px;
    background: url(../images/res/icons_quiz.png) -450px -600px no-repeat;
}


#keyBoardPopup  a.PopClose:hover,#keyBoardPopup  a.PopClose:focus {
    background-position: -600px -600px;
}

#keyBoardPopup .keyboardWrap {
    padding-top:18px;
}

#bpop_tab_data_studyConfig div {
    position: relative;
    top:-30px;
	left:5px;
}

/*--참고문헌 --*/

.referenceWrap {
    width: 970px;
    height: 440px;
    padding: 15px;
    margin: 0;
    background: url(../images/popup/reference_bg.png) no-repeat;
}


#referencePopup  a.PopClose{
    position: absolute;
    width: 25px;
    height: 25px;
    right: 15px;
    top: 7px;
    background: url(../images/res/icons_quiz.png) -450px -600px no-repeat;
}


#referencePopup  a.PopClose:hover,#referencePopup  a.PopClose:focus {
    background-position: -600px -600px;
}

#referencePopup > h1 {
    padding: 0;
    text-align: left;
}
.referenceWrap div ul li  {
    width:400px;
	font-size:20px;
}

.referenceWrap div ul li span.bu {
    display: block;
    position: relative;
    top: 13px;
    width: 10px;
    height: 11px;
    background: url(../images/res/dot.png) -45px 0 no-repeat;
}

.referenceWrap div ul li span.bookName {
    display: block;
    position: relative;
    top: 0px;
	left:20px;
	word-break:keep-all;
    line-height: 20px;
}

.bookMain{
	position:absolute;
	top:200px;
	left:30px;
}
.bookSub{
	position:absolute;
	top:200px;
	left:517px;
	overflow-y:auto;
	overflow-x:hidden;
	width: 440px;
	height:220px;
}

/*--참고문헌 --*/

.contMonitorWrap h1 {
    position: initial;
    top: 0;
    left: 0;
    font-size: 11px;
    font-family: 'Nanum Barun gothic', 'Noto Sans KR', sans-serif;
    color: #ffffff;
    background-color: #ff6c00;
}

#contMonitorPopup  a.PopClose{
    position: absolute;
    width: 25px;
    height: 25px;
    right: 15px;
    top: 7px;
    background: url(../images/res/icons_quiz.png) -450px -600px no-repeat;
    z-index: 1100;
}


#contMonitorPopup  a.PopClose:hover,#contMonitorPopup  a.PopClose:focus {
    background-position: -600px -600px;
}

input#ContMonitorTit {
    position: absolute;
    top: 124px;
    left: 150px;
    width: 760px;
    background-color: transparent;
    border: none;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: -1px;
    font-family: 'Nanum Square', Helvetica, Arial, dotum, sans-serif;
    color: #552701;
}

textarea#ContMonitorWrite {
    position: absolute;
    top: 190px;
    left: 30px;
    padding: 0;
    width: 870px;
    height: 280px;
    z-index: 10;
    background: none;
    font-weight: normal;
    font-size: 18px;
    line-height: 39px;
    color: #552701;
}


.btn_save {
    position: relative;
    float: left;
    top: 436px;
    left: 370px;
    width: 110px;
    height: 33px;
    background: url(../images/popup/btn_sv_res.png) 0 0 no-repeat;
}

 .btn_rslt {
    position: relative;
    float: left;
    top: 436px;
    left: 380px;
    width: 200px;
    height: 33px;
    background: url(../images/popup/btn_sv_res.png) -120px 0 no-repeat;
}

.btn_save:hover, .btn_save:focus {
    background-position: 0 -33px;
}

.btn_rslt:hover, .btn_rslt:focus {
    background-position: -120px -33px;
}

.bookmarkAddWrap p {
    width: 175px;
    left: 115px;
    padding: 3px;
    height: 29px;
    *height: 24px;
    text-align: left;
    background: transparent;
    border-radius: 0;
}

table.bookmarkTable > tbody > tr.even {
    background-color: #FFF;
    color: #552701;
}


table.bookmarkTable {
    width: 370px;
    margin:0;
    border: 1px solid #cdcdcd;
    position: relative;
    top:123px;
    left:10px;
}


.bookmarkWrap .popupClose {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 74px;
    top: 3px;
    background: url(../images/res/icons_quiz.png) -450px -600px no-repeat;
    z-index: 1100;
}

.bookmarkWrap .popupClose:hover, a.bookmarkWrap .popupClose:focus {
    background-position: -600px -600px;
}

table.bookmarkTable tbody td {
    font-size: 15px;
}

.bookmarkAddWrap {
    position: relative;
    width: 361px;
    margin: 0;
    top:66px ;
    left:15px;
}
.bookmarkAddWrap h2 {
    width: 110px;
    left:0;
}

.toolboxTip {
    position: absolute;
    bottom: 38px;
    right: 12px;
    width: 253px;
    height: 56px;
    overflow: hidden;
    background: url(../images/res/icon_quick.png) 0 -100px no-repeat;
    z-index: 1011;
}

.toolboxTip ul li a {
    position: relative;

    text-align: center;
    height: 35px;
    margin: 0;
    display: inline-block;
    background: url(../images/res/icon_quick.png) 0 0 no-repeat;
    background-position-x: 0px;
    background-position-y: 0px;
}

.toolboxTip ul li a.tm1 {
    top:4px;
    left:9px;
    width: 56px;
    background-position: 0 -200px;
}

.toolboxTip ul li a.tm1:hover, .toolboxTip ul li a.tm1.on {
    background-position: -100px -200px;
}


.toolboxTip ul li a.tm2 {
    top:4px;
    left:25px;
    width: 33px;
    background-position: -200px -200px;
}

.toolboxTip ul li a.tm2:hover, .toolboxTip ul li a.tm2.on {
    background-position: -300px -200px;
}


.toolboxTip ul li a.tm3 {
    top:4px;
    left:42px;
    width: 54px;
    background-position: -400px -200px;
}

.toolboxTip ul li a.tm3:hover, .toolboxTip ul li a.tm3.on {
    background-position: -500px -200px;
}


.toolboxTip ul li a.tm4 {
    top:4px;
    left:59px;
    width: 44px;
    background-position: -600px -200px;
}

.toolboxTip ul li a.tm4:hover, .toolboxTip ul li a.tm4.on {
    background-position: -700px -200px;
}


.btn_save {
    position: relative;
    float: left;
    top: 436px;
    left: 370px;
    width: 88px;
    height: 30px;
    background: url(../images/res/icon_quick.png) 0 0 no-repeat;
}

.btn_save:hover, .btn_save:focus {
    background-position: -100px 0;
}

.btn_rslt {
    position: relative;
    float: left;
    top: 436px;
    left: 380px;
    width: 88px;
    height: 30px;
    background: url(../images/res/icon_quick.png) -200px 0 no-repeat;
}

.btn_rslt:hover, .btn_rslt:focus {
    background-position: -300px 0;
}


.speedTip {
    position: absolute;
    bottom: 38px;
    right: 96px;
    width: 196px;
    height: 33px;
    overflow: hidden;
    background: url(../images/res/icon_quick.png) 0 -300px no-repeat;
    z-index: 1000;
}


.speedTip ul li a {
    position: relative;
    top:4px;
    left:0 ;
    text-align: center;
    height: 12px;

    display: inline-block;
    background: url(../images/res/icon_quick.png) 0 0 no-repeat;
    background-position-x: 0px;
    background-position-y: 0px;
}

.speedTip ul li a.sp1 {
    left:6px ;
    width: 37px;
    background-position: 0 -400px;
}

.speedTip ul li a.sp1:hover, .speedTip ul li a.sp1.on {
    background-position: -100px -400px;
}


.speedTip ul li a.sp2 {
    left:3px ;
    width: 17px;
    background-position: -200px -400px;
}


.speedTip ul li a.sp2:hover, .speedTip ul li a.sp2.on {
    background-position: -300px -400px;
}


.speedTip ul li a.sp3 {
    left:9px ;
    width: 27px;
    background-position: -400px -400px;
}


.speedTip ul li a.sp3:hover, .speedTip ul li a.sp3.on {
    background-position: -500px -400px;
}




.speedTip ul li a.sp4 {
    left:17px ;
    width: 28px;
    background-position: -600px -400px;
}


.speedTip ul li a.sp4:hover, .speedTip ul li a.sp4.on {
    background-position: -700px -400px;
}


.speedTip ul li a.sp5 {
    left:24px ;
    width: 23px;
    background-position: -800px -400px;
}


.speedTip ul li a.sp5:hover, .speedTip ul li a.sp5.on {
    background-position: -900px -400px;
}



.bookmarkAddWrap span a.btnBookmarkAdd {
    width: 66px;
    height: 26px;
    display: inline-block;
    background: url(../images/res/icon_quick.png) 0  -700px no-repeat;
}

.bookmarkAddWrap span a.btnBookmarkAdd:hover {
    background: url(../images/res/icon_quick.png) -100px -700px no-repeat;
}

a.btn_bookmark_modify {
    width: 34px;
    height: 25px;
    vertical-align: middle;
    display: inline-block;
    background: url(../images/res/icon_quick.png) 0 -500px no-repeat;
}

a.btn_bookmark_modify:hover {
    background-position: -100px -500px;
}

a.btn_bookmark_del {
    width: 34px;
    height: 25px;
    vertical-align: middle;
    display: inline-block;
    background: url(../images/res/icon_quick.png) -200px -500px no-repeat;
}

a.btn_bookmark_del:hover {
    background-position: -300px -500px;
}


.bookmarkAddWrap p input {
    padding: 2px 5px;
    height: 27px;
    font-size: 15px;
}

.bookmarkAddWrap p {
    top: -3px;
    left: 125px;
}

div.scriptUI {
    position: absolute;
    left: 42px;
    bottom: 36px;
    width: 910px;
    height: 128px;
    background: none;
    background-color: rgba(0,0,0,0.8);
    z-index: 1000;
}

div#uiBottom div.scriptUI a {
    display: block;
    position: absolute;
    top: 6px;
    right: 5px;
    width: 20px;
    height: 20px;
    background: url(../images/res/icon_quick.png) 0 0 no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    text-indent: -1000px;
}


div#uiBottom div.scriptUI a.btnScriptClose {
    background-position: 0 -800px;
}

div#uiBottom div.scriptUI a.btnScriptClose:hover, div#ui_bottom div.scriptUI a.btnScriptClose:focus {
    background-position: -100px -800px;
}

.contMonitorWrap {
    height:44px;
}


/**
2019-06-18
 */

.btnVideoWrap a.btn00 {
    background-position: -600px -750px;
}


.btnVideoWrap a.btn00:hover, .btnVideoWrap a.btn00.on {
    background-position: -750px -750px;
}



#imgSlidePPT {
    height: 510px;
}

#cont05 .btnBlock {
    position: absolute;
    top:664px;
    left:600px;
}

#cont05 .btnBlock .jumpToPrePlay {
    display: inline-block;
    width:75px ;
    height:16px;
    background: url(../images/res/icon_quick.png) 0 0 no-repeat;
    background-position: 0 -900px;
    margin-right:60px;
    text-indent: -6000px;

}

#cont05 .btnBlock .jumpToPrePlay:hover {
    background-position: -100px -900px;
}



#cont05 .btnBlock .jumpToNextPlay {
    display: inline-block;
    width:75px ;
    height:16px;
    background: url(../images/res/icon_quick.png) 0 0 no-repeat;
    background-position: -200px -900px;
    text-indent: -6000px;
	position:relative;
	left:195px;

}

#cont05 .btnBlock .jumpToNextPlay:hover {
    background-position: -300px -900px;
}


/*2019.06.19. 정리하기 테이블 추가*/
table .summaryTable tr td{

}
table .alignCenter{
	text-align:center;	
}
table .alignLeft{
	text-align:left;	
}
table .bold{
	font-weight:bold;
}

table .cellList{
    float:left;
    width:50%;
    margin-bottom:0px !important;
    padding-left:10px;
}


/**
2019-07-30
 */

.object2 {

    position: absolute;
    top: 0;
    left: 0;
    width: 1000px;
    height: 630px;
    z-index: -1;

}

.object3 {

    position: absolute;
    top: 0;
    left: 0;
    width: 1000px;
    height: 630px;
    z-index: -1;

}



/**
2019-08-13
 */

#studyContentsIntro h3 {
    position: absolute;
    top: 100px;
    left: 40px;
}

#cont05 {
    font-family: 'Goyang', Helvetica, Arial, dotum, sans-serif;
}


#totalStudyTime {
	font-family: 'Goyang', Helvetica, Arial, dotum, sans-serif;
    position: relative;
    top: 307px;
    left: 413px;
    width: 165px;
    text-align: center;
}

#totalStudyTime span em {
    font-size: 28px;
    position: relative;
    top: -2px;
}

#totalStudyTime span {
    color: #FFF;
    font-size: 28px;
}
#studyTime {
	font-family: 'Goyang', Helvetica, Arial, dotum, sans-serif;
    position: relative;
    top: 204px;
    left: 630px;
    text-align: left;
}


#studyTime p {
    width: 180px;
    height: 44px;
    margin-bottom: 5px;
    line-height: 40px;
    padding-left: 35px;
    background: none;
    color: #000;
    border:2px solid #686e6b;
    border-radius: 22px;
}

#studyTime span {
    color: #FFF;
    font-size: 22px;
    font-family: 'Goyang', Helvetica, Arial, dotum, sans-serif;
}

/*--2019.12.05추가 : 소주제 개수에 따라 상단 위치 조정--*/

#studyTime.page04{
	top:175px;
}

#studyTime.page05{
	top:150px;
}

#studyTime.page06{
	top:138px;
}

#studyTime.page06 p{
	height:40px;
}


/*--2019.12.05추가 끝--*/

#mpDown {
    position: absolute;
    top: 510px;
    left: 503px;
    width: 132px;
    height: 30px;
    background: url(../images/res/icons_quiz.png) -0px -450px no-repeat;
    text-indent: -2000px;
}


.profileView {
    position: absolute;
    top: 510px;
    left: 622px;
    width: 125px;
    height: 30px;
    background: url(../images/res/icons_quiz.png) -600px -450px no-repeat;
    text-indent: -1000px;
}

#downLecData {
    position: absolute;
    top: 354px;
    left: 426px;
    width: 150px;
    height: 70px;
    background: url(../images/res/icons_quiz.png) -600px -300px no-repeat;
    text-indent: -2000px;
}

/*2019.08.19 추가 */

.blinking{
	-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    50% {opacity:0.5;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    50% {opacity:0.5;}
    100% {opacity:1;}
}
@keyframes blink{
    50% {opacity:0.5;}
    100% {opacity:1;}
}

/*2019.11.18 추가 */
.print-box {
position: absolute;
    top: 120px;
    left:40px;

}

.print-box .print-btn-box .summaryPrint{
    position: absolute;
    top: 330px;
    left:856px;
}
.print-box #page_print_area{
	width:850px;
	overflow-x:hidden;
	overflow-y:auto;
	height:402px;	
}