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

@font-face { font-family: 'GmarketSansBold'; src: url('./font/GmarketSansBold.woff') format('woff'); font-weight: 500; font-style: normal; }
@font-face {
    font-family: 'GmarketSansLight';
    src: url('./font/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('./font/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*나눔붓*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
/*나눔펜*/
@import url(https://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
/*나눔고딕*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');

@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');

@import "//cdn.jsdelivr.net/npm/font-kopub@1.0/kopubdotum.min.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: #f7f7f7;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 0
}

::-webkit-scrollbar-thumb {
    background: #F09E00;
    -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 {
	*font-family : "GmarketSansMedium";/*GmarketSansBold*/
	font-family: "Nanum Square", sans-serif;
    margin: 0;
    padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
}

body, h1, h2, h3, h4, input, button, select, textarea {    
	*font-family : "GmarketSansMedium";/*GmarketSansBold*/
	font-family: "Nanum Square", sans-serif;
    font-size: 12px;
    line-height: 1.4em;
    color: #444;
}

body {
	*font-family : "GmarketSansMedium";/*GmarketSansBold*/
	font-family: "Nanum Square", sans-serif;
    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;
	display:none;
}

.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: 670px;
    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;
}

#cont12 .cont12_tab_02, #cont12 .cont12_tab_02_1, #cont12 .cont12_tab_03_1, #cont12 .cont12_tab_03_2, #cont12 .cont12_tab_03_3, #cont12 .cont12_tab_04, #cont12 .cont12_tab_05{
	display:none;
}
#cont12 .cont12_tab_01, #cont12 .cont12_tab_02, #cont12 .cont12_tab_03_1, #cont12 .cont12_tab_03_2, #cont12 .cont12_tab_03_3, #cont12 .cont12_tab_04, #cont12 .cont12_tab_05
{position:absolute; top:0px; left:0px;}
/*화면안내창*/
#cont12 .studyHelp_04_ov{	
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;
}

#cont12 .studyHelp_04_1{width:153px; height:110px; top:142px;left:712px;}
#cont12 .studyHelp_04_2{width:285px; height:101px; top:142px;left:161px;}
#cont12 .studyHelp_04_3{width:243px; height:90px; top:142px;left:325px;}
#cont12 .studyHelp_04_4{width:550px; height:348px; top:185px;left:170px;}
#cont12 .studyHelp_04_4_2{width:302px; height:223px; top:190px;left:175px;}
#cont12 .studyHelp_04_5{width:208px; height:352px; top:185px;left:660px;}
#cont12 .studyHelp_04_5_2{width:402px; height:364px; top:180px;left:463px;}
#cont12 .studyHelp_04_6{width:177px; height:76px; top:521px;left:180px;}
#cont12 .studyHelp_04_7{width:403px; height:136px; top:460px;left:331px;}
#cont12 .studyHelp_04_8{width:288px; height:53px; top:542px;left:468px;}
#cont12 .studyHelp_04_9{width:271px; height:82px;  top:508px;left:584px;}
#cont12 .studyHelp_04_9_2{width:359px; height:93px; top:160px;left:480px;}
#cont12 .studyHelp_04_10{width:353px; height:86px; top:160px;left:523px;}


/*교수이미지*/
#cont12 .cont12_tab_02_1{
	position:absolute;
	top:66px;
	right:0px;
}

#teacher_interview {
    *height: 454px;
	position:absolute;
	*background:#fff;
	width:962px;
	height:521px;
	top:50px;
	left:20px;
	*border:5px solid #F09E00;
	background:url(../images/bg/teacher_interview_bg.png) no-repeat;
}

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

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

h1.pageTit {
    position: absolute;
    left: 10px;
    top: 70px;
	height:36px;
	line-height:37px;
    font-size: 22px;
    font-weight: 900;
    color:#fff;

    background-repeat: no-repeat;
    *padding-left:10px;
	font-family : "GmarketSansMedium";/*GmarketSansBold*/
}

h1.pageTit span {    
    color:#fff;
	padding:0 15px 0 10px;
}

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

/* bg */
div#pageBg {
    position: absolute;
    left: 0;
    top: 0;
    width: 1000px;
    height: 670px;
    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: 55px;
    width: 1000px;
    *min-height: 64px;
    position: absolute;
    top: 0px;
    *left: 50%;
    z-index: 10;
	display:none;
    *border-bottom-left-radius: 15px;
    *border-bottom-right-radius: 15px;
    *background-color: rgba(40, 40, 40, 0.9);
}

div#topMBtn a {
    position: absolute;
    width: 76px;
    height: 64px;
    left: 43%;
    top: 215px;    
    display: block;
    background: url(../images/menu/menu_btn.png) no-repeat;
    text-indent: -2000px;
    cursor: pointer;
	display:none;
}

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

.open #topMBtn a:hover, .open #topMBtn a.on2 {
	top:242px;
	*left:0px;
	*background:transparent;
    *background: url(../images/res/icons_quiz.png) -150px -299px no-repeat;
}

#topMenuBox {
    position: relative;
    top: 0;
    background: url(../images/menu/menu_bg.png) no-repeat;
    width: 1000px;
	height:89px;
}

#topMenuBox ul {
    display: none;
    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;
}

` span {
    *font-family: 'Tahoma';
    *font-family : "GmarketSansMedium";/*GmarketSansBold*/
	display: inline-block;
    margin-right:5px;

}

#topMenuBox ul li ul li a {
    font-size: 16px;
    color:#333333;
    line-height: 1.2;
    font-weight: 600;
    min-width: 220px;
    padding:2px 0;
    display: inline-block;
	font-family : "GmarketSansMedium";/*GmarketSansBold*/
}


#topMenuBox ul li ul li a:hover {
	*font-family : "GmarketSansMedium";/*GmarketSansBold*/
	*background-color: #f6b800;
	*color:#ffb3b1;
    border-radius: 3px;
}

#topMenuBox ul li ul li .on {
	*font-family : "GmarketSansMedium";/*GmarketSansBold*/
	*background-color: #f6b800;
	color:#ffb3b1;
    border-radius: 3px;
}

#topMenuBox ul li ul li .on471{color:#1A70B1;}
#topMenuBox ul li ul .page471 a:hover{color:#1A70B1;}



#topMenuBox .mn_00 ul.depth2 {
    position: absolute;
    top:5px;
    left:35px;
	width:250px;
}

#topMenuBox .mn_00 ul.depth2 {
    *position: absolute;
    *top:10px;
    *left:107px;
}
#topMenuBox .title_txt{
    *font-family: "Nanum Square", Helvetica, Arial, dotum, sans-serif;
    *font-family: "Malgun Gothic", sans-serif;
	font-family : "GmarketSansMedium";/*GmarketSansBold*/
	*font-family : "GmarketSansLight";/*GmarketSansBold*/
    display: inline-block;    
    font-size:15px;
    *width:280px;
    padding-left:3px;
	margin-top:2px;
}
#topMenuBox .title_txt_num{
	font-family : "GmarketSansMedium";/*GmarketSansBold*/
	float:left; 
	margin-left:7px; 
	padding-top:2px;
	font-size:15px;
}
#topMenuBox .mn_01 ul.depth2 {
    position: absolute;
    top:5px;
    left:300px;
	width:280px;
}

#topMenuBox .mn_02 ul.depth2 {
    position: absolute;
    top:5px;
    left:620px;
	width:260px;
}





/* uiTop */
div#uiTop {
    width: 100%;
    height: 45px;
    position: absolute;
    z-index: 11;
	top:42px;
}

div#uiTop h1 {
    position: absolute;
    right: 10px;
    top: 0px;
}

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

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

/* uiBottom */
div#uiBottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: transparent;
    z-index: 1010;
	*background: url(../images/player/btm_bg.png) no-repeat;
}

div#uiBottomLogo {
    position: absolute;
    top: 5px;
    left: 13px;
	width:182px;
	height:33px;
	background: url(../images/player/logo_search.png) no-repeat;
}

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

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

div#uiBottom div#quickM .speed{
	margin-top:2px;
}

div#uiBottom div#quickM ul li {
    position: relative;
    float: left;
	padding:0 3px;
}

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;
	width:26px;
	height:24px;
	margin-top:-3px;
	background: url("../images/player/bookmark.png") no-repeat;

}

/*배속별 이미지*/
div#uiBottom div#quickM .speed a.x08{
	background: url("../images/player/x08.png") no-repeat;
}
div#uiBottom div#quickM .speed a.x1{
	background: url("../images/player/x1.png") no-repeat;
}
div#uiBottom div#quickM .speed a.x12{
	background: url("../images/player/x12.png") no-repeat;
}
div#uiBottom div#quickM .speed a.x14{
	background: url("../images/player/x14.png") no-repeat;
}
div#uiBottom div#quickM .speed a.x16{
	background: url("../images/player/x16.png") no-repeat;
}
div#uiBottom div#quickM .speed a.x18{
	background: url("../images/player/x18.png") no-repeat;
}
div#uiBottom div#quickM .speed a.x2{
	background: url("../images/player/x2.png") no-repeat;
}

div#uiBottom div#quickM .speed a.x08:hover{
	background: url("../images/player/x08_ov.png") no-repeat;
}
div#uiBottom div#quickM .speed a.x1:hover{
	background: url("../images/player/x1_ov.png") no-repeat;
}
div#uiBottom div#quickM .speed a.x12:hover{
	background: url("../images/player/x12_ov.png") no-repeat;
}
div#uiBottom div#quickM .speed a.x14:hover{
	background: url("../images/player/x14_ov.png") no-repeat;
}
div#uiBottom div#quickM .speed a.x16:hover{
	background: url("../images/player/x16_ov.png") no-repeat;
}
div#uiBottom div#quickM .speed a.x18:hover{
	background: url("../images/player/x18_ov.png") no-repeat;
}
div#uiBottom div#quickM .speed a.x2:hover{
	background: url("../images/player/x2_ov.png") no-repeat;
}

div#uiBottom div#quickM .speed a {
    *padding-top: 6px;
    *background-position: -1400px -200px;
	width:30px;
	height:18px;
    *background: url("../images/player/x2.png") no-repeat;
	*text-align:center;
	*font-weight:700;
}


div#uiBottom div#quickM .toolbox a {
    *background-position: -1800px -200px;
	width:28px;
	height:30px;
	margin-top:-5px;
    background: url("../images/player/etc.png") no-repeat;
}

div#uiBottom div#quickM .csboard a {
	display:none;
    *background-position: -1600px -200px;
	width:26px;
	height:26px;
	background: url("../images/player/monitering.png") no-repeat;
}

div#uiBottom div#quickM .bookmark:hover a, div#uiBottom div#quickM .bookmark:focus a, div#uiBottom div#quickM .bookmark.on a {
    background: url("../images/player/bookmark_ov.png") no-repeat;
}

div#uiBottom div#quickM .speed:hover a, div#uiBottom div#quickM .speed:focus a, div#uiBottom div#quickM .speed.on a {
    *background: url("../images/player/speed_ov.png") no-repeat;
}

div#uiBottom div#quickM .toolbox:hover a, div#uiBottom div#quickM .toolbox:focus a, div#uiBottom div#quickM .toolbox.on a {
    background: url("../images/player/etc_ov.png") no-repeat;
}

div#uiBottom div#quickM .csboard:hover a, div#uiBottom div#quickM .csboard:focus a, div#uiBottom div#quickM .csboard.on a {
    background: url("../images/player/monitering_ov.png") no-repeat;
}

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: -38px;
    opacity: 1;
    display: block;
    z-index: 1001;
}

div#uiBottom div#quickM .bookmark .tooltip {
    width: 52px;
    left: -10px;
	top: -38px;
}

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

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

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

.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: 0px;
}

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

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

div#uiBottom .gPaging .next .tooltip {
    right: -15px;
}

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: 103px;
    top: 9px;
    width: 68px;
    height: 26px;
    *background: url(../images/player/search_bg.png) no-repeat;
}

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

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

/* uiBottom gPaging */
.gPaging {
    position: absolute;
    width: 150px;
    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: 67px;
    height: 26px;
	z-index:1;
    *background: url(../images/player/next.png) no-repeat;
}

a#prevPage {
    *background-position: -0px -296px;
	left:17px;
	background: url(../images/player/prev.png) no-repeat;
    position: absolute;
    *left: 0;
}

a#nextPage {
    *background-position: -200px -296px;
    background: url(../images/player/next.png) no-repeat;
	position: absolute;
	width: 67px;
    height: 26px;
    left: 90px;
}

a#prevPage:hover, a#prevPage:focus, a#prevPage.on {
    *background-position: -100px -296px;
	*background: url(../images/player/prev_ov.png) no-repeat;
}

a#nextPage:hover, a#nextPage:focus, a#nextPage.on {
    *background-position: -300px -296px;
	*background: url(../images/player/next_ov.png) no-repeat;
}

.gPaging span {
    display: inline-block;
}

.gPaging #naviCurrent {
    position: absolute;
    top: 5px;
    left: 55px;
    font-size: 16px;
	font-weight:900;
    color: #3734A9;
	z-index:9;
}

.gPaging #naviTotal {
    position: absolute;
    top: 5px;
    left: 100px;
    font-size: 16px;
	font-weight:700;
    color: #7E8491;
	z-index:9;
}

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

/* 배속 창 */
.speedTip {
    position: absolute;
    bottom: 3px;
    right: 225px;
    width: 31px;
    height: 152px;
    *overflow: hidden;
    background: url(../images/player/speed_bg.png) no-repeat;
    z-index: 1000;
}

.speedTip ul li {
    margin:5px 0 0 6px;
	font-size:10px;
	font-weight:300;
	width:30px;
	height:18px;
    *float: left;
	cursor:pointer;
}

.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: 31px;
    *background-position: 0 -212px;
}

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

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

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

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

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

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

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

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

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

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

/* 북마크 창 */
.bookmarkWrap {
    z-index: 1002;
    position: absolute;
    bottom: 35px;
    left: 0px;
    width: 1000px;
    height: 635px;
    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: 82px;
	height: 45px;
	border: 0px;
	background: transparent;
}

.bookmarkAddWrap p input.titleText {
    width: 145px;
	height: 45px;
	margin-left: 13px;
	border: 0px;
	background: transparent;
}

.bookmarkAddWrap span {
    left: 395px;
    top: 3px;
}

.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: 520px;
    height: 145px;
    padding: 3px;
    overflow-y: auto;
    overflow-x: hidden;
	position:absolute;
	top: 370px;
	left: 240px;
}

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: 0px 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: transparent;
}

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: 40px;
    right: 148px;
    width: 44px;
    height: 244px;
    *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 span {
    position: absolute;
    text-indent: -1000px;
}

.toolboxTip ul li a.tm1 {
	position:absolute;
    top:2px;
    left:-1px;
	width:121px;
	height:39px;
    *background: url(../images/player/quick/helper.png) no-repeat;
}

.toolboxTip ul li a.tm1:hover, .toolboxTip ul li a.tm1:focus {
    background: url(../images/player/quick/helper_ov.png) no-repeat;
}


.toolboxTip ul li a.tm2 {
    position:absolute;
    top:42px;
    left:-3px;
	width:121px;
	height:39px;
    *background: url(../images/player/quick/map.png) no-repeat;
}

.toolboxTip ul li a.tm2:hover, .toolboxTip ul li a.tm2:focus {
    background: url(../images/player/quick/map_ov.png) no-repeat;
}


.toolboxTip ul li a.tm3 {
    position:absolute;
    top:80px;
    left:-1px;
	width:123px;
	height:39px;
    *background: url(../images/player/quick/keybord.png) no-repeat;
	*background-position: -400px -200px;
}

.toolboxTip ul li a.tm3:hover, .toolboxTip ul li a.tm3:focus {
    background: url(../images/player/quick/keybord_ov.png) no-repeat;
}


.toolboxTip ul li a.tm4 {
    position:absolute;
    top:120px;
    left:-1px;
	width:121px;
	height:40px;
    *background: url(../images/player/quick/reter.png) no-repeat;
}

.toolboxTip ul li a.tm4:hover, .toolboxTip ul li a.tm4:focus {
    background: url(../images/player/quick/reter_ov.png) no-repeat;
}

.toolboxTip ul li a.tm5 {
    position:absolute;
    top:159px;
    left:-1px;
	width:121px;
	height:39px;
    *background: url(../images/player/quick/tutor.png) no-repeat;
}

.toolboxTip ul li a.tm5:hover, .toolboxTip ul li a.tm5:focus {
    background: url(../images/player/quick/tutor_ov.png) no-repeat;
}

.toolboxTip ul li a.tm6 {
    position:absolute;
    top:197px;
    left:-1px;
	width:121px;
	height:39px;
    *background: url(../images/player/quick/monitoring.png) no-repeat;
}

.toolboxTip ul li a.tm6:hover, .toolboxTip ul li a.tm6:focus {
    background: url(../images/player/quick/monitoring_ov.png) no-repeat;
}


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

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

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

studyHelp_tab_ a.PopClose:hover, studyHelp_tab_ 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: 1000px;
    height: 670px;
    position: absolute;
    left: 0px;
    top: 0px;
    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: 18px;
    top: 99px;
    *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;
}



.keyboardWrap {
    text-align: center;
}

/*--참고문헌 --*/
#referencePopup {
    width: 1000px;
    height: 670px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1004;
    *background: url(../images/popup/reference_bg.png) no-repeat;
}

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

#referencePopup a.PopClose {
    position: absolute;
    width: 38px;
    height: 38px;
    right: 18px;
    top: 99px;
	background:transparent;
    *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: 33px;
    right: 7px;
    width: 70px;
    height: 40px;
    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: 33px;
    right: 7px;
    width: 69px;
    height: 39px;
    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.png");
    *background-repeat: no-repeat;
    padding:10px;
    *background-color: #FFF;
    text-align: center;
	display:none;
}


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

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

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

div#cont00 h2 {
    position: relative;
    top: 167px;
    left: 300px;
	width:418px;
	height:160px;
	background: url(../images/title/414/title_bg.png) no-repeat;
}

div#uiTop h2 .intro_info_box_title{
	text-align:left; 
	height:45px; 
	width:120px; 
	line-height:45px; 
	color:#fff;
	font-size:20px;
	font-weight:300;
}
div#uiTop h2 .intro_info_box_content{
	text-align:left; 
	height:45px; 
	width:650px; 
	color:#fff;
	font-size:20px;
	line-height:45px;
	font-weight:700;
	position:absolute;
	top:0px;
	left:120px;
}


.startBtn {
    display: none;
    position: absolute;
    top: 400px;
    right: 180px;
    width: 266px;
    height: 74px;
    background: url(../images/res/quiz_start.png) no-repeat;
	*background-color: transparent;
    text-indent: -5000px;
	cursor:pointer;
	z-index:1;
}

.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: 6px;
    padding-left: 15px;
    font-size: 18px;
    *letter-spacing: -0.07em;
    font-weight: normal;
    line-height: 1.3em;
	word-break:keep-all;
	font-weight:300;
	color:#000;
}

#studyGoalBox ul li span.bu {
    display: block;
    position: absolute;
    top: 8px;
    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: 415px;
    height: 205px;
	max-height:250px;
    position: absolute;
    top: 240px;
    left: 55px;
    overflow-x: hidden;
    overflow-y: auto;
	word-break:keep-all;
	padding-right:-10px;
}

div.studyVal {
    width: 415px;
    height: 216px;
	max-height:250px;
    position: absolute;
    top: 240px;
    left: 538px;
    overflow-x: hidden;
    overflow-y: auto;
	word-break:keep-all;
	padding-right:-10px;
}

.nextKeyword {
    position: relative;
    width: 920px;
    height: 65px;
    left: 40px;
    top: 520px;
	text-align:left;
}

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

.studyKeyword {
    position: relative;
	text-align:center;
    *left: 163px;
}

.studyKeyword span.click {
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    *padding: 15px;
    margin: 0 10px;
    min-width: 280px;
    min-height: 55px;
	line-height:55px;
    *background-image: url("../images/res/keyword_bg.png");
    *background-size: cover;
	*background:#302D93;
    text-align: center;
    *border: 2px solid #FFF;
	border-radius:30px;
	margin-bottom:5px;
}

.studyKeyword span.doubleLine.click {
    color: #FFF;
    font-size: 22px;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    padding: 10px 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:21px;
}



.studyKeyword span.click a {
    display: block;
    width: 290px;
    height: 63px;
    position: absolute;
    top: 0;
    left: 0;
    background:url(../images/res/btn_click.png) no-repeat;
	*border:2px solid #8E26A6;
	border-radius:30px;
}
.studyKeyword span.click a:hover{
	*background: #FFC20E url(../images/res/btn_click.png) no-repeat 50% 50%;
	*background: #FFC20E;
}
/*--2019.12.05 수정 --*/
.double-line{
	margin-top:-15px;
	line-height: 24px;
}

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

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

#thinkWrap5 .thinkNewspaper{
	position:absolute;
	top:187px;
	left:60px;
	width:400px;
	height:310px;
	text-align:center;
	z-index:0;
	*overflow-y:auto;
	*overflow-x:hidden;	
}

#thinkWrap5 .thinkSubject {
    position: absolute;
    top: 120px;
    left: 130px;
    width: 810px;
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: -1.8px;
    overflow-y: hidden;
	overflow-x:auto;
    height: 65px;
	line-height:26px;
	color:#000;
	font-weight:800;
}

#thinkWrap5 textarea#myThinkWrite {
    position: absolute;
    top: 278px;
    left: 55px;
    padding: 3px 20px 0;
    width: 890px;
    height: 265px;
    z-index: 10;
    background: none;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
	background:transparent;
	border:0px solid #ccc;
}

#thinkWrap5 .detailView {
    position: absolute;
    top: 465px;
    left: 330px;
    width: 118px;
    height: 44px;
    background: url(../images/res/view_detail.png) no-repeat;
    *text-indent: -5000px;
	z-index:1;

}

#thinkWrap5 .detailView:hover, .detailView:focus {
    background: url(../images/res/view_detail_ov.png) no-repeat;
}
/*cont04 생각해보기5 끝*/

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

#thinkWrap4 .thinkNewspaper{
	position:absolute;
	top:187px;
	left:60px;
	width:400px;
	height:310px;
	text-align:center;
	z-index:0;
	*overflow-y:auto;
	*overflow-x:hidden;	
}

#thinkWrap4 .thinkSubject4 {
    position: absolute;
    top: 110px;
    left: 70px;
    width: 860px;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: -1.8px;
    *overflow-y: auto;
    *height: 130px;
	line-height:26px;
	color:#000;
	font-weight:900;
}

#thinkWrap4 textarea#myThinkWrite {
    position: absolute;
    top: 290px;
    left: 477px;
    padding: 3px 20px 0;
    width: 425px;
    height: 160px;
    z-index: 10;
    background: none;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.4;
    color: #000;

}

#thinkWrap4 .detailView {
    position: absolute;
    top: 465px;
    left: 330px;
    width: 112px;
    height: 32px;
    background: url(../images/res/view_detail.png) no-repeat;
    *text-indent: -5000px;
	z-index:1;

}

#thinkWrap4 .detailView:hover, .detailView:focus {
    background: url(../images/res/view_detail_ov.png) no-repeat;
}
/*cont04 생각해보기4 끝*/

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

#thinkWrap3 .thinkNewspaper{
	position:absolute;
	top:187px;
	left:60px;
	width:400px;
	height:310px;
	text-align:center;
	z-index:0;
	*overflow-y:auto;
	*overflow-x:hidden;	
}

#thinkWrap3 .thinkSubject {
    position: absolute;
    top: 120px;
    left: 60px;
    width: 850px;
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: -1.8px;
    overflow-y: auto;
    height: 76px;
	line-height:26px;
	color:#000;
	font-weight:900;
}

#thinkWrap3 textarea#myThinkWrite {
    position: absolute;
    top: 190px;
    left: 477px;
    padding: 3px 20px 0;
    width: 425px;
    height: 265px;
    z-index: 10;
    background: none;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
	background:#eaeaea;
	border:1px solid #ccc;
}

#thinkWrap3 .detailView {
    position: absolute;
    top: 465px;
    left: 330px;
    width: 118px;
    height: 44px;
    background: url(../images/res/view_detail.png) no-repeat;
    *text-indent: -5000px;
	z-index:1;

}

#thinkWrap3 .detailView:hover, .detailView:focus {
    background: url(../images/res/view_detail_ov.png) no-repeat;
}
/*cont04 생각해보기3 끝*/

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

#thinkWrap2 .thinkNewspaper{
	position:absolute;
	top:187px;
	left:60px;
	width:400px;
	height:310px;
	text-align:center;
	z-index:0;
	*overflow-y:auto;
	*overflow-x:hidden;	
}

#thinkWrap2 .thinkSubject {
    position: absolute;
    top: 120px;
    left: 60px;
    width: 850px;
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: -1.8px;
    overflow-y: auto;
    height: 76px;
	line-height:26px;
	color:#000;
	font-weight:900;
}

#thinkWrap2 textarea#myThinkWrite {
    position: absolute;
    top: 190px;
    left: 477px;
    padding: 3px 20px 0;
    width: 425px;
    height: 265px;
    z-index: 10;
    background: none;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.4;
    color: #000;

}

#thinkWrap2 .detailView {
    position: absolute;
    top: 465px;
    left: 330px;
    width: 112px;
    height: 32px;
    background: url(../images/res/view_detail.png) no-repeat;
    *text-indent: -5000px;
	z-index:1;

}

#thinkWrap2 .detailView:hover, .detailView:focus {
    background: url(../images/res/view_detail_ov.png) no-repeat;
}
/*cont04 생각해보기2 끝*/

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

.thinkSubject {
    position: absolute;
    top: 120px;
    left: 95px;
    width: 810px;
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: -1.8px;
    overflow-y: auto;
	overflow-x:hidden;
    height: 76px;
	line-height:26px;
	color:#000;
	font-weight:800;
}

textarea#myThinkWrite {
    position: absolute;
    top: 190px;
    left: 95px;
    padding: 3px 20px 0;
    width: 810px;
    height: 265px;
    z-index: 10;
    background: none;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
	background:#eaeaea;
	border:1px solid #ccc;
}

.thinkBtnWrap {
    position: relative;
    top: 220px;
    text-align: right;
	right:22px;
}

.thinkBtnWrap a {
    display: inline-block;
}

.saveBtn {
    width: 118px;
    height: 44px;
    *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;
	background: url(../images/res/mythin_save_ov.png) no-repeat;
}

.downBtn {
    width: 117px;
    height: 44px;
    *background: url(../images/res/icons_03.png) 0 0 no-repeat;
    text-indent: -5000px;
}

.downBtn:hover, .downBtn:focus {
    *background: url(../images/res/icons_03.png) 0 -150px no-repeat;
	background: url(../images/res/mythin_save_ov.png) 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: 235px;
    height: 35px;
    *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;
	background: url(../images/res/mythin_view_ov.png) no-repeat;
}

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

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

.exampleView2 {
    width: 205px;
    height: 35px;
    background: url(../images/res/icons_03.png) -600px 0 no-repeat;
    text-indent: -5000px;	
}

.exampleView2:hover, .exampleView2: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: 1000px;
    height: 670px;
    left: 0px;
    top: 0px;
    z-index: 1004;
    background: url(../images/popup/popup_book_bg.png) no-repeat;
	font-size:30px;
	line-height:40px;
}

#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: 35px;
    height: 100px;
    right: 30px;
    top: 130px;
    *background: url(../images/res/icons_quiz.png) -450px -600px no-repeat;
    z-index: 1008;
	opacity:0;
	background:#fff;
}

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

.answerWrap {
    position:absolute;
	top:155px;
	left:34px;
	width:966px;
	height:425px;	
	overflow-y:auto;
	text-align:center;
}

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

/*전문가 의견 css추가 */


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

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

.answerWrap ol li .step02 {
    position: relative;
    padding-left: 15px;
    margin: 5px 0 10px 20px;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: -0.05em;
}
.answerWrap 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;
}

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

.answerWrap 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 추가*/
.answerWrap ol li .step02 li .step03 li .step04{
    position: relative;
    padding-left: 10px;
    margin: 5px 0 10px 0;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: -0.05em;
}

.answerWrap 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;
}

/* 전문가의견 css 추가 끝*/

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

#checkedWrap h2 {
    margin: 100px 0 0 60px;
    text-align: left;
    *padding-left:55px;
    *padding-top: 10px;
    font-size: 14px;
    font-weight: 700;
    color:#000;
	width:890px;
	text-align:left;
	word-break:keep-all;
	line-height:22px;
	min-height:90px;
}

#checkedWrap h2 p {
    font-size: 18px;
    font-weight: 800;
}

/*탭레이어*/
.checkTab{
	width:890px;
	height:50px;
	background:#fff;
	display:none;
	margin:10px 0 10px 57px;
}
.checkTab div{
	margin:0 5px 0 0;
	float:left;
	padding:15px 20px;
	background:#6F6F6F;
	color:#fff;
	font-weight:700;
	font-size:14px;
	cursor:pointer;
}
.checkTab div:hover{
	background:#E79E00;
}
.checkTab .on{
	background:#E79E00;
}


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

.resultWrap .resultExample {
    text-align: left;
    *padding-left:55px;
    *padding-top: 10px;
    font-size: 14px;
    font-weight: 700;
    color:#000;
	width:800px;
	text-align:left;
	word-break:keep-all;
}

.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: 955px;
    height: 215px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top:10px;
}

.checkedTableWrap table {
    width: 883px;
    margin: 0 0 5px 58px;
    border: none;

}



.checkedTableWrap table thead th {
    padding: 4px;
    height: 48px;
    text-align: center;
    background-color: #EBEBEB;
    border: 1px solid #000;
    border-top: 2px solid #000;
    font-size: 16px;
    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: 0 4px;
    line-height: 18px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.7px;
    text-align: center;
    background-color:#FFF;
    border: 1px solid #000;

}

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

    width:60px;

}

.checkedTableWrap table th:nth-child(2) {
    min-width:300px;
}

.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;
}
.checkedTableWrap table td:nth-child(5) {
    *border-bottom: 1px solid #e0e0e0 ;
    color:#2b2b2b;
}
.checkedTableWrap table td:nth-child(6) {
    *border-bottom: 1px solid #e0e0e0 ;
    color:#2b2b2b;
}
.checkedTableWrap table td:nth-child(7) {
    *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:-7px;
    right:-575px ;


}

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

.resultBtn {
	position:fixed;
	top:555px;
	left:810px;
    width: 135px;
    height: 35px;
    vertical-align: sub;
    display: inline-block;
    background: url(../images/res/btn_checked_result.png) no-repeat;
}

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

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

/* 체크 결과 확인 팝업 */
#checkedQuizPop {
    *position: absolute;
    *left: 288px;
    *top: 120px;
    width: 1000px;
    height: 670px;
    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;
}


#checkedQuizPop .checkedTxt .score, #checkedQuizPop .checkedTxt .score2, #checkedQuizPop .checkedTxt .score3{
	position:absolute;
	top:108px;
	left:524px;
	width:55px;
	font-size:30px;
	font-weight:900;
	text-align:center;
	color:#DD6453;
}

#checkedQuizPop .checkedTxt .score2{
	display:none;
	color:#DD6453;

}
#checkedQuizPop .checkedTxt .score3{
	display:none;
	color:#3C52D5;
}


.checkResult{display:none;}
.checkResult1{display:block;}
.checkedTxt{
	position:absolute;
	top:135px;
	left:35px;
	width:965px;
	height:460px;
	text-align:center;
}

.btnCheckedClose {
    position: absolute;
    top: 97px;
    right: 10px;
    width: 30px;
    height: 30px;
    *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: 90px;
}

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


#prevQuizTxt {
    *padding: 7px 20px 10px 30px;
    font-size: 22px;
	font-weight:900;
    width: 830px;
    letter-spacing: -0.07em;
    *border: 5px solid #FFF;
    position: relative;
    left: 75px;
    line-height: 30px;
    min-height: 70px;
	*max-height:112px;
    word-break:keep-all;
	overflow-y:auto;
	overflow-x:hidden;
	align-items:center;
}


#prevNumBG {
    position: absolute;
    left: 60px;
    top: 8px;
    z-index: 1;
}

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

#prevNumBG span.o {
    background: url(../images/res/quiz_ox_r_o.png) no-repeat;
	left:-25px;
	top:-5px;
}

#prevNumBG span.x {
	background: url(../images/res/quiz_ox_r_x.png) no-repeat;
	left:-18px;
	top:-5px;
}

#prevNumBG p {
    position: absolute;
    left: 0;
    top: 11px;
    width: 41px;
    height: 43px;
    *background: url(../images/res/quiz_ox_num.png) no-repeat;
    text-indent: -2000px;
}

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

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

#prevQuizWrap #quizEx0, #prevQuizWrap #quizEx1 {
    position: relative;
    left: 320px;
    top: 140px;
    width: 148px;
    height: 143px;
    display: inline-block;
    zoom: 1;
    float: left;

}

#prevQuizWrap #quizEx0 a {
    position: relative;
    display: block;
    height: 100%;
    background-image: url(../images/res/quiz_ox_o.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/quiz_ox_x.png);
    *background-position:6px -447px ;
    background-repeat: no-repeat;
    text-indent: -1000px;
}

#prevQuizWrap #quizEx0 a:hover, #prevQuizWrap #quizEx0 a.on {
    background-image: url(../images/res/quiz_ox_o_ov.png);
}

#prevQuizWrap #quizEx1 a:hover, #prevQuizWrap #quizEx1 a.on {
    background-image: url(../images/res/quiz_ox_x_ov.png);
}

#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: absolute;
    top: 400px;
    left: 0px;
    width: 1000px;
    height: 160px;
	*background-image: url(../images/res/quiz_ox_bg_ex.png);
    *background-color: #deebcd;
}

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

#prevQuizWrap #prevCorrect {
    position: absolute;
    left: 120px;
    top: 22px;
}

#prevQuizWrap #prevExplain {
    position: absolute;
    left: 120px;
    top: 60px;
}

#prevQuizWrap #prevCorrect span, #prevExplain span {
    display: none;
    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: 3px;
    left: 0px;
    width: 50px;
    line-height: 1.3em;
    font-weight: bold;
    color: #ee5a5a;
    font-size: 28px;
}

#prevQuizWrap #prevExplain p {
    position: absolute;
    top: 7px;
    left: 0px;
    width: 840px;
    height: 88px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    padding-right: 0px;
	word-break:keep-all;
	color:#414142;
	letter-spacing:=0.07em;
}

/*슬라이드 읽기*/
/* cont04 도서퀴즈 */
.reading_img{
	width:100%;
	height:100%;
	display:none;
}
.reading_on{display:block;}
#bookQuizWrap2 {
    position: relative;
    top: 180px;
    left: 80px;
    width: 800px;
}

#bookQuizWrap2 h2 {
    font-size: 25px;
    color: #000;
    text-align: left;
    position: relative;
    top: -24px;
    left: 10px;
    font-weight: 900;
	width:750px;
	line-height:22px;
	word-break:keep-all;
}

#bookQuizWrap2 .bookSection {
    *margin: 0 0 0 26px;
    height: 360px;
    overflow-x: hidden;
    overflow-y: auto;
	text-align:center;
}

#bookQuizWrap2 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;

}

.paginationWrapPreNext2 .btn_prev a {
    position: absolute;
    width: 24px;
    height: 39px;
    background: url("../images/res/reading_prev.png") no-repeat;
    z-index: 100;
    bottom: 250px;
    left: 100px;
}

.paginationWrapPreNext2 .btn_next a {
    position: absolute;
     width: 24px;
    height: 39px;
    background: url("../images/res/reading_next.png") no-repeat;
    z-index: 100;
    bottom: 250px;
    right: 90px;
}

.paginationWrapPreNext2 .btn_prev a:hover {
    background: url("../images/res/reading_prev_ov.png") no-repeat;
}

.paginationWrapPreNext2 .btn_next a:hover {
    background: url("../images/res/reading_next_ov.png") no-repeat;
}

/* cont04 도서퀴즈 */
#bookQuizWrap {
    position: relative;
    top: 280px;
    left: 30px;
    width: 930px;
}

#bookQuizWrap h2 {
    font-size: 25px;
    color: #000;
    text-align: left;
    position: relative;
    top: -130px;
    left: 0px;
    font-weight: 900;
	width:800px;
	line-height:22px;
	word-break:keep-all;
}
#bookQuizWrap h2 .deepen_source{
	margin-top:10px;
}

#bookQuizWrap .bookSection {
    *margin: 0 0 0 26px;
    height: 290px;
	position:absolute;
	top:0px;
	left:-20px;
    overflow-x: hidden;
    overflow-y: auto;
	text-align:center;
}

#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: -117px;
    right: -5px;
    width: 118px;
    height: 44px;
    background: url(../images/res/view_detail.png) no-repeat;
    text-indent: -5000px;
}

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

.deepenDown {
    position: absolute;
    top: -22px;
    right: 5px;
    width: 225px;
    height: 35px;
    background: url(../images/res/view_detail.png) no-repeat;
    text-indent: -5000px;
	display:none;
}

.deepenDown:hover, .deepenDown:focus {
    background: url(../images/res/view_detail_ov.png) no-repeat;
}


/*퀴즈이미지*/
.bookQ{
	position:absolute;
	top:120px;
	left:70px;
	width:41px;
	height:43px;
	background: url(../images/res/deepeen_q.png) no-repeat;
	display:none;
}
/* cont04 클릭퀴즈 */
#clickQuizWrap {
    position: relative;
    top: 145px;
    left: 60px;
    width: 878px;
}


.clickSection {
    height: 415px;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
	text-align:center;
}

.clickSection ul{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:50%;
	margin:auto;
	overflow-y:auto;
	overflow-x:hidden;
}

.clickSection li {
    position: relative;
    display: block;
    float: left;
    padding: 0px 22px;
    margin-bottom: 10px;
    line-height: 32px;
    letter-spacing: -0.5px;
    font-size: 26px;
    font-weight: 300;
    *background-color: #FFF;
    *border: 1px solid #fc8730;
	width:100%;
	word-break:keep-all;
}

/*사전학습 핵심문장 상단 보더 잠그기*/
.clickSection li span.icon {
    width: 150px;
    display: none;
    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: 900;
    color: #fc8730;
    text-align: center;
    text-indent: 0;
	margin:0 3px;
}

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

/* 도서 전문 보기 팝업 */
#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: 32px;
    color:#FFF;
    text-align: left;
    position: relative;
    top:-22px;
    left:-23px;
    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 {
    height: 310px;
    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: -55px;
    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: 130px;
    left: 195px;
    width: 108px;
    height: 38px;
    *background: url(../images/res/teacher_info.png) no-repeat;
    text-indent: -9999px;
	z-index:1;
}

.teacherGuideBtn {
    background: url(../images/res/teacher_info.png) no-repeat;
}

.teacherGuideBtn:hover, .teacherGuideBtn:focus {
    &background-position: -450px -300px;
	background: url(../images/res/teacher_info_ov.png) no-repeat;
}

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

.videoGuideBtn:hover, .videoGuideBtn:focus {
    *background-position: -450px -300px;
	background: url(../images/res/teacher_interview_ov.png) no-repeat;
}

/* cont04 동영상퀴즈 */
.movSection {
    position: absolute;
    top: 158px;
    left: 116px;
    width: 770px;
    height: 430px;
	background:#000;
}

/* 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: 42px;
    top: 177px;
    z-index: 7;
}

/*영상마스크*/
.vod_mask{
	width:760px;
	height:433px;
	background: url("../images/res/vod_mask.png") no-repeat;
	position:absolute;
	top:-6px;
	left:-11px;
	display:none;
	z-index:8;
}

/*영상로고*/
.vod_logo{
	width:68px;
	height:24px;
	background: url("../images/player/vodlogo.png") no-repeat;
	position:absolute;
	top:5px;
	left:660px;
	display:none;
	z-index:8;
}

#movQuickList {
    position: absolute;
    top: 235px;
	right: 29px;
    width: 165px;
    *right: 14px;
    *width: 180px;
    height: 360px;
    *overflow-x: hidden;
	*overflow-y: auto;
    *background: url(../images/res/mov_list_bg.png) 0 0 no-repeat;
}

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

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


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

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

ol.movList li {
    padding: 0 0;
    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.5;
    font-weight: 300;
    color: #000;
    letter-spacing: -0.5pt;
    *word-break:keep-all;
	padding:0 10px 0 25px;
	font-family : "GmarketSansLight";/*GmarketSansBold*/
}

ol.movList li a span span{
	position:absolute;
	left:5px;
}
/*
ol.movList li a:hover {
    background: #8E26A6;
    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: 210px;
	height:115px;
    position: absolute;
    top: -70px;
    left: 500px;
    text-align: center;
    *background-color: #000;
}

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

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

.btnVideoWrap a span {
    display:none;
}

.btnVideoWrap a.btn00 {
    background: url(../images/res/study_btn_0.png) no-repeat;
	top:5px;
	left:-45px;
}

.btnVideoWrap a.btn01 {
    background: url(../images/res/study_btn_1.png) no-repeat;
	top:5px;
	left:-45px;
}

.btnVideoWrap a.btn02 {
    background: url(../images/res/study_btn_2.png) no-repeat;
	top:5px;
	left:95px;
	width:124px;
	height:45px;
}

.btnVideoWrap a.btn03 {
    background: url(../images/res/study_btn_3.png) no-repeat;
	top:5px;
	left:335px;
	width:117px;
	height:45px;
	
}

.btnVideoWrap a.btn03_01 {
    background: url(../images/res/study_btn_3_1.png) no-repeat;
	top:5px;
	left:220px;
	width:117px;
	height:45px;
	display:none;
}

.btnVideoWrap a.btn03_02 {
    background: url(../images/res/study_btn_3_2.png) no-repeat;
	top:5px;
	left:220px;
	width:117px;
	height:45px;
}

.btnVideoWrap a.btn04 {
    background: url(../images/res/study_btn_4.png) no-repeat;
	top:5px;
	left:335px;
	width:117px;
	height:45px;
	display:none;
}

.btnVideoWrap a.btn00:hover, .btnVideoWrap a.btn00.on {
    background: url(../images/res/study_btn_0_ov.png) no-repeat;
}

.btnVideoWrap a.btn01:hover, .btnVideoWrap a.btn01.on {
    background: url(../images/res/study_btn_1_ov.png) no-repeat;
}

.btnVideoWrap a.btn02:hover, .btnVideoWrap a.btn02.on {
    background: url(../images/res/study_btn_2_ov.png) no-repeat;
}

.btnVideoWrap a.btn03:hover, .btnVideoWrap a.btn03.on {
    background: url(../images/res/study_btn_3_ov.png) no-repeat;
}

.btnVideoWrap a.btn03_01:hover, .btnVideoWrap a.btn03_01.on {
    background: url(../images/res/study_btn_3_1_ov.png) no-repeat;
}

.btnVideoWrap a.btn03_02:hover, .btnVideoWrap a.btn03_02.on {
    background: url(../images/res/study_btn_3_2_ov.png) no-repeat;
}

.btnVideoWrap a.btn04:hover, .btnVideoWrap a.btn04.on {
    background: url(../images/res/study_btn_4_ov.png) no-repeat;
}

/* 동영상 화질 말풍선 */
#potatoQuality, #highQuality {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 102px;
    left: 220px;
    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 .studyContentsTutor{
	display:none;
	position:absolute;
	top:98px;
	left:-360px;
}
#studyContentsIntro h3 {
    position: absolute;
    top: 100px;
    left: 4px;
}
/*학습준비 보드*/
#studyContentsIntro .studyContentsBoard{
	position: absolute;
    top: 60px;
    left: 20px;
    width: 652px;
    height: 530px;
    background:transparent;
	*background: url(../images/bg/cont_bg5_board.png) no-repeat;
    text-indent: -1000px;
}
.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;
}
/*절숫자 1일때 간격주기*/
.StudyTimeSub1{margin-left:5px;}

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

/* 19.12.12 추가 */

#studyTime.page01{
	top:300px;
	left:430px;
}

#studyTime.page02{
	top:290px;
	left:430px;
}

#studyTime.page03{
    top:270px;
	left:430px;
}


#studyTime.page04{
    top:240px;
	left:430px;
}


/* 19.12.12 추가 끝*/


#mpDown {
    position: absolute;
    top: 500px;
    left: 28px;
    width: 178px;
    height: 46px;
    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: 146px;
    height: 46px;
    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: 1000px;
    height: 670px;
    left: 0px;
    top: 0px;
    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: 35px;
    height: 35px;
    right: 75px;
    top: 90px;
	background:transparent;
    *background: url(../images/res/icons_quiz.png) -450px -600px no-repeat;
}

#studyTargetPopup .targetWrap {
    margin:0 ;
    position: relative;
    top:240px;
    left:60px;
}

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

.targetWrap {
    margin: 5px 15px;
}

.targetWrap .blueBox {
    height: 250px;
    margin: 0 10px 0 10px;
    padding: 10px;
    *background: #fff;
    *border: 1px solid #FFF;
    *border-right-color: #fff;
    *border-bottom-color: #fff;
    *min-height: 90px;
    width:400px;
    overflow-x: hidden;
    overflow-y: auto;
	word-break:keep-all;
	float:left;
}

#studyContentsList{
	margin-left:60px;
}

.blueBox ul li {
    position: relative;
    padding-left: 19px;
    font-size: 18px;
    letter-spacing: -0.025em;
    font-weight: bold;
    line-height: 22px;
	color:#000;
	*font-family : "GmarketSansLight";/*GmarketSansBold*/
}

.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: 1000px;
    height: 670px;
    left: 0px;
    top: 0px;
    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: 18px;
    top: 99px;
	background:transparent;
    *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: 670px;
    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;
}2020-06-09

#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: 27px;
    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: 360px;
    width: 266px;
    height: 74px;
    background: url(../images/res/quiz_start.png) no-repeat;
    text-indent: -5000px;
}

#startBtn:hover, #startBtn:focus {
    *background: url(../images/res/quiz_start.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: 685px;
    height: 440px;
    left: 35px;
    top: 155px;
    padding: 0;
    z-index: 9;
}

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

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

#quizTxt {
    *padding: 28px 0 0 0;
    font-size: 18px;
    width: 565px;
    *letter-spacing: -0.07em;
    *border: 5px solid #FFF;
    position: relative;
    left: 65px;
    line-height: 1.2;
    min-height: 65px;
	word-break:keep-all;
	font-weight:900;
	margin-left:-10px;
	font-family:"GmarketSansMedium";
}

#quizTxt span {
    font-weight: 900;
    color:#FF0000;
	text-decoration:underline;
}

#quizWrap #prevNumBG {
    position: absolute;
    width: 62px;
    height: 52px;
    left: 6px;
    top: 22px;
    z-index: 1;
	text-align:center;
}

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

#quizWrap #prevNumBG span.o {
    width: 63px;
    height: 63px;
    left: 8px;
    top: -20px;
    background: url(../images/res/quizNumO.png) no-repeat;
}

#quizWrap #prevNumBG span.x {
    width: 63px;
    height: 63px;
    left: 10px;
    top: -20px;
    background: url(../images/res/quizNumX.png) no-repeat;
}

#quizWrap #prevNumBG p {
    position: absolute;
    left: 12px;
    top: 5px;
    width: 47px;
    height: 40px;
    *background: url(../images/res/icons.png) no-repeat;
    text-indent: 0px;
	font-family:"GmarketSansMedium";
	font-weight:900;
	font-size:20px;
}

#quizWrap #prevNumBG p.num1 {
	*background: url(../images/res/quiz_num_1.png) no-repeat;
    *background-position: 0 -900px;
}

#quizWrap #prevNumBG p.num2 {
	*background: url(../images/res/quiz_num_2.png) no-repeat;
    *background-position: -100px -900px;
}

#quizWrap #prevNumBG p.num3 {
    *background: url(../images/res/quiz_num_3.png) no-repeat;
	*background-position: -200px -900px;
}

#quizExplainWrap {
    position: relative;    
    border: 1px solid #FFF;    
	width:553px;
	*height:95px;
	background: url(../images/res/quizCorrectBg.png) 0 0 no-repeat;
}

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

#quizExplain {
    position: relative;
    left: 8px;
	min-height:50px;
	*overflow-x:hidden;
	*overflow-y:auto;
}

#quizCorrect span, #quizExplain span {
    display: none;
    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: 3px;
    left: 85px;
    font-weight: 700;
    color: #666;
    font-size: 14px;
    width: 24px;
    height: 24px;
    border-radius: 15px;
    border: 2px solid #333;
    *background-color: #FFF;
    text-align: center;
    line-height: 20px;
	padding:1px 1px 0 0;
	*font-family : "GmarketSansLight";
}

#quizExplain p{
    position: relative;
    top: -8px;
    left: 85px;
    width: 485px;
    padding-right: 12px;
    *overflow-x: hidden;
    *overflow-y: auto;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    color: #666;
	word-break:keep-all;
    *margin-bottom:-20px;
	padding-bottom:20px;
	font-family: "Malgun Gothic", sans-serif;
}

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

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


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

.exampleWrap .example {
    margin-left: 40px;
    z-index: 10;
}

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

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

.example li a span + span {
    position: relative;
    left: 38px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    letter-spacing: -0.08em;
	font-family: "Malgun Gothic", sans-serif;
}
.example .quizHover span + span:hover{
	*color: #302D93;
}

.example li a span img:hover{
	filter: opacity(0.5) drop-shadow(0 0 0 #F09E00);
}


.example li.on a span + span {
    color: #302D93;
}

.example li.on a span img {
    filter: opacity(0.5) drop-shadow(0 0 0 #F09E00);
}



#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;
}

#choice_b {
    display: none;
    position: absolute;
    top: -20px;
    left: 0;
    *margin-top: -10px;
    width: 34px;
    height: 29px;
    background: url(../images/res/num_check_b.png) 0 0 no-repeat;
}



.exNum{
	position:absolute;
	top:0px;
	left:0px;
}

.exampleWrap #exNum01, .exampleWrap #exNum02, .exampleWrap #exNum03, .exampleWrap #exNum04, .exampleWrap #exNum05{
	width:34px;
	height:29px;
}
.exampleWrap #exNum01 {
    background: url(../images/res/ex01.png) 0 0 no-repeat;	
}
.exampleWrap .num01 a:hover .quizHover#exNum01{
    background: url(../images/res/ex01_ov.png) 0 0 no-repeat;
}

.exampleWrap #exNum02 {
    background: url(../images/res/ex02.png) 0 0 no-repeat;
}
.exampleWrap .num02 a:hover .quizHover#exNum02{
    background: url(../images/res/ex02_ov.png) 0 0 no-repeat;
}

.exampleWrap #exNum03 {
    background: url(../images/res/ex03.png) 0 0 no-repeat;
}
.exampleWrap .num03 a:hover .quizHover#exNum03{
    background: url(../images/res/ex03_ov.png) 0 0 no-repeat;
}

.exampleWrap #exNum04 {
    background: url(../images/res/ex04.png) 0 0 no-repeat;
}
.exampleWrap .num04 a:hover .quizHover#exNum04{
    background: url(../images/res/ex04_ov.png) 0 0 no-repeat;
}

.exampleWrap #exNum05 {
    background: url(../images/res/ex05.png) 0 0 no-repeat;
}
.exampleWrap .num05 a:hover .quizHover#exNum05{
    background: url(../images/res/ex05_ov.png) 0 0 no-repeat;
}

#exNum01, #exNum02, #exNum03, #exNum04, #exNum05{
	width:12px;
	height:16px;
}
#exNum01 {
    background: url(../images/res/r_ex01.png) 0 0 no-repeat;	
}

#exNum02 {
    background: url(../images/res/r_ex02.png) 0 0 no-repeat;
}

#exNum03 {
    background: url(../images/res/r_ex03.png) 0 0 no-repeat;
}

#exNum04 {
    background: url(../images/res/r_ex04.png) 0 0 no-repeat;
}

#exNum05 {
    background: url(../images/res/r_ex05.png) 0 0 no-repeat;
}

#exNum01.on {
    background: url(../images/res/ex01_ov.png) 0 0 no-repeat;
}

#exNum02.on {
    background: url(../images/res/ex02_ov.png) 0 0 no-repeat;
}

#exNum03.on {
    background: url(../images/res/ex03_ov.png) 0 0 no-repeat;
}

#exNum04.on {
    background: url(../images/res/ex04_ov.png) 0 0 no-repeat;
}

#exNum05.on {
    background: url(../images/res/ex05_ov.png) 0 0 no-repeat;
}

#exNum01.on2, #exNum02.on2, #exNum03.on2, #exNum04.on2, #exNum05.on2{
	top:9px;
	left:0px;
}
#exNum01.on2 {
    background: url(../images/res/ex01_ov2.png) 0 0 no-repeat;
}

#exNum02.on2 {
    background: url(../images/res/ex02_ov2.png) 0 0 no-repeat;
}

#exNum03.on2 {
    background: url(../images/res/ex03_ov2.png) 0 0 no-repeat;
}

#exNum04.on2 {
    background: url(../images/res/ex04_ov2.png) 0 0 no-repeat;
}

#exNum05.on2 {
    background: url(../images/res/ex05_ov2.png) 0 0 no-repeat;
}

#exNum01.on3, #exNum02.on3, #exNum03.on3, #exNum04.on3, #exNum05.on3{
	top:9px;
	left:0px;
}
#exNum01.on3 {
    background: url(../images/res/r_ex01_ov2.png) 0 0 no-repeat;
}

#exNum02.on3 {
    background: url(../images/res/r_ex02_ov2.png) 0 0 no-repeat;
}

#exNum03.on3 {
    background: url(../images/res/r_ex03_ov2.png) 0 0 no-repeat;
}

#exNum04.on3 {
    background: url(../images/res/r_ex04_ov2.png) 0 0 no-repeat;
}

#exNum05.on3 {
    background: url(../images/res/r_ex05_ov2.png) 0 0 no-repeat;
}

#quizResult {
    position: absolute;
    width: 245px;
    height: 487px;
    right: -5px;
    top: 103px;
    z-index: 9;
    *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: 1px;
}

#quizResult .btnRetryQuiz{
	bottom:-3px;
}

#quizResult .btnConfirmQuiz, #quizResult .btnRetryQuiz{
	position: absolute;
    left: 1px;
    bottom: -8px;
    width: 199px;
    height: 48px;
    display: inline-block;
    text-indent: -2000px;
}
#quizResult .btnConfirmQuiz {
    background: url(../images/res/quiz_answer.png) no-repeat;
}


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

#quizResult .btnConfirmQuiz {
    
    background: url(../images/res/quiz_re.png) no-repeat;
}

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

#quizResult .btnRetryQuiz:hover {
    *background-position: -450px -150px;
	background: url(../images/res/quiz_re_ov.png) no-repeat;
}

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

.questionResult .o, .questionResult .x {
    width: 100px;
    height: 38px;
}

.questionResult .o {
    position: absolute;
    left: -21px;
    top: 375px;
}

.questionResult .x {
    position: absolute;
    right: 47px;
    top: 375px;
}

.questionResult p {
    width: 105px;
    height: 40px;
	line-height:40px;
    margin: 0;
    *text-indent: -2000px;
    text-align: center;
	font-size:30px;
	color:#302D93;
	font-weight:bold;
    *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: 24px;
    height: 24px;
    background: url(../images/res/quiz_num.png) 0 0 no-repeat;
}

.quizResultWrap ol {
    position: relative;
    width: 157px;
    *height: 43px;
    top: 257px;
    left: 48px;
    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: 44px;
}

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

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

.quizResultWrap #choice {
    display: none;
    position: absolute;
    *top: 19%;
    left: -5px;
    margin-top: -15px;
    width: 29px;
    height: 30px;
    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: 10px;
    left: 8px;
}

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

/* 총문제 정답확인 팝업 */
#resultQuizPop {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1000px;
    height: 670px;
    z-index: 1004;
	*background: url(../images/res/infoTxtQuizResult.png) no-repeat;
	
}

.btnRetryClose {
    position: absolute;
    top: 550px;
    left: 480px;
    width: 68px;
    height: 33px;
    background: url(../images/res/quiz_close.png) no-repeat;
    text-indent: -5000px;
}

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

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

.rubricView h3 {
    text-align: center;
}

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

.rubricView ul li {
    position: relative;
    margin-bottom: 10px;
    *padding:0 40px;
    color: #000;
    *letter-spacing: -0.025em;
    font-size: 16px;
    line-height: 1.4;
	font-weight:800;
	word-break:keep-all;
}

.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 .theoremSpace{
	margin:0 0 0 25px;
}

#printTabWrap .theoremSpace2{
	margin:0 0 0 10px;
}

#printTabWrap .theoremSpace2{
	margin:0 0 0 20px;
}

#printTabWrap .theoremSpace3{
	margin:0 0 0 12px;
}


#printTabWrap .theoremSpace4{
	margin:0 0 0 28px;
}

#printTabWrap .theoremSpace5{
	margin:0 0 0 41px;
}

#printTabWrap .theoremSpace6{
	margin:0 0 0 51px;
}

#printTabWrap .theoremSpace7{
	margin:0 0 0 58px;
}

#printTabWrap .theoremSpace8{
	margin:0 0 0 21px;
}

#printTabWrap .theoremSpace10{
	margin:0 0 0 10px;
}

#printTabWrap .theoremSpace15{
	margin:0 0 0 15px;
}

#printTabWrap .theoremSpace33{
	margin:0 0 0 33px;
}

#printTabWrap .theoremSpace22{
	margin:0 0 0 22px;
}

#printTabWrap .theoremSpace23{
	margin:0 0 0 23px;
}

#printTabWrap .theoremSpace28{
	margin:0 0 0 28px;
}

#printTabWrap .theoremSpace270{
	margin:0 0 0 270px;
}
#printTabWrap .theoremSpace169{
	margin:0 0 0 169px;
}

#printTabWrap .theoremSpace_16{
	margin:0 0 0 -16px;
}


/*들여쓰기 퀴즈*/
#quizTxt .theoremSpace, .rubricView .theoremSpace{
	margin:0 0 0 40px;
}
.printTabWrapTitle{
	position: absolute;
    left: 50px;
    top: 140px;
	width:760px;
	text-align:left;
	word-break:keep-all;
}

#printTabWrap h2 {
	*font-family: 'Nanum Pen Script', serif;
    font-size: 25px;
    letter-spacing: -0.05em;
	color:#fff;
}

.printTabText {
    position: absolute;
    top: 215px;
    left: 30px;
    width: 940px;
    height: 345px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 15px;
}

.printTabText .blue{
	color:#2F6FB7;
	font-weight:600;
}

.printTabText .red{
	color:#DD6453;
	font-weight:600;
}

.printTabText .minus{
	font-weight:700;
	padding-right:5px;
	position:absolute;
	left:10px;
}

.printTabText .minus2{
	font-weight:700;
	padding-right:5px;
	position:absolute;
	left:22px;
}


.printTabText .left18{
	margin-left:18px;
}


.printTabText ol li {
    font-size: 20px;
    margin:5px 0 15px 0;
    *letter-spacing: -0.06em;
    *line-height: 1.3;
    word-break:keep-all;
	line-height:1.3;
}

/*서브제목*/
.printTabText ol li p{
	*margin:15px 0 10px 10px;
	font-size:16px;
	font-weight:normal;
}

.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: 7px 0 15px 20px;
    font-size: 20px;
    font-weight: 700;
    *letter-spacing: -0.05em;
	color:#000;
}

.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: 12px 0 5px 24px;
    margin: 0px 0 5px 24px;
	font-size: 18px;
    font-weight: normal;
    *letter-spacing: -0.05em;
	color:#000;
}

.printTabText ol li .step02 li .step03 li {
    font-size: 18px;
	line-height:22px;
	margin:5px 0;
	font-weight:300;
}

/*마이너스기호 재정의하기*/
.printTabText ol li .step02 li .step03 .step03Sub{
	margin-left:10px;
	font-size:16px;
}

.printTabText ol li .step02 li .step03 .step03Sub2{
	margin-left:20px;
	font-size:15px;
}


.printTabText ol li .step02 span.num {
    display: block;
    position: absolute;
    top: 0px;
    left: -25px;
	text-align:right;
	width:20px;
    *width: 7px;
    *height: 9px;
}

.printTabText ol li .step02 li .step03 span.num {
    display: block;
    position: absolute;
    top: 0px;
    left: -15px;
	text-align:right;
	width:20px;
    *width: 7px;
    *height: 9px;
}

.printTabText ol li .step02 li .step03 span.num2 {
    display: block;
    position: absolute;
    top: 0px;
    left: -3px;
	text-align:right;
	width:20px;
    *width: 7px;
    *height: 9px;
}

.printTabText ol li .step02 li .step03 span.numText {
    display: block;
    position: absolute;
    top: 0px;
    left: -24px;
    *width: 7px;
    *height: 9px;
}

.printTabText ol li .step02 li .step03 span.bu {
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 7px;
    height: 9px;
    background: url(../images/res/dot.png) -55px 0 no-repeat;
}
.printTabText ol li .step02 li .step03 span.bu2 {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 7px;
    height: 7px;
    background: url(../images/res/dot2.png)  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: 23px;
    height: 23px;
    background: url("../images/res/studyend_prev.png") no-repeat;
    z-index: 100;
    bottom: 47px;
    left: 445px;
	display:none;
}

.paginationWrapPreNext .btn_next a {
    position: absolute;
    width: 23px;
    height: 23px;
    background: url("../images/res/studyend_next.png") no-repeat;
    z-index: 100;
    bottom: 47px;
    right: 445px;
	display:none;
}

.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: 590px;
    left: 490px;
    text-align: center;
	font-size: 24px;
}

.paginationNum .now {
    font-weight: bold;
    *font-size: 28px;
	color:#F09E00;
}

.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: 135px;
    right: 37px;
    width: 117px;
    height: 44px;
    background: url(../images/res/btn_print.png) no-repeat;
    text-indent: -5000px;
}

.summaryPrint:hover, .summaryPrint:focus {
	background: url(../images/res/btn_print_ov.png) no-repeat;
   *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: 175px;
    left: 100px;
	width:800px;
	color:#fff;
	font-size:20px;
	text-align:center;

}
.nextDiv{
	margin-top:182px;
}
.thisLec .thisDiv, .thisLec .nextDiv{
	display:none;
}
/*이번 차시 안내*/
.thisLec .thisDiv{
	position:absolute;
	top:205px;
	left:19px;
	width:290px;
}
.thisLec .thisInfo{
	margin-bottom:25px;
	font-weight:600;
}
.thisLec .thisTitle{
	*background: url(../images/res/thisTitle_bg.png);
	color:#9433D2;
	padding:5px 10px;
	border-radius:5px;
	width:170px;
	height:44px;
	font-weight:300;
}
.thisLec .thisTxt{
	margin-top:25px;
	font-size:30px;
	font-weight:900;
	word-break:keep-all;
	*font-family : "GmarketSansMedium";/*GmarketSansBold*/
	*font-family: "Malgun Gothic", sans-serif;
	*font-family: 'Nanum Square', Helvetica, Arial, dotum, sans-serif;
	line-height:45px;
	min-height:70px;
}
/*디음차시안내*/
.thisLec .nextDiv{
	position:absolute;
	top:23px;
	left:495px;
	width:290px;
}
.thisLec .nextInfo{
	margin:75px 0 25px 0;
	color:#9433D2;
	font-weight:600;
}
.thisLec .nextTitle{
	*background:#9433D2;
	color:#fff;
	padding:5px 10px;
	border-radius:5px;
	font-weight:300;
}
.thisLec .nextTxt{
	margin:25px auto;
	font-size:30px;
	font-weight:900;
	color:#9433D2;
	width:100%;
	*word-break:keep-all;
	*font-family : "GmarketSansMedium";/*GmarketSansBold*/
	*font-family: "Malgun Gothic", sans-serif;
	*font-family: 'Nanum Square', Helvetica, Arial, dotum, sans-serif;
	line-height:45px;
}


.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: 112px;
    height: 100px;
    left: 331px;
    top: 158px;
    z-index: 50;
    background: url("../images/player/jplayer.play.png") 0 0 no-repeat;
    text-indent: -9999px;
}


a#playButton:hover, a#playButton:focus {
    background: url("../images/player/jplayer.play.png") 0 -100px no-repeat;
}

/* 로딩 스피너 */
#page_loading_spinner {
    position: absolute;
    top: 295px;
    left: 400px;
    *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: 1000px;
    height: 670px;
    left: 0px;
    top: 0px;
    z-index: 1004;
    background: url(../images/popup/cont_pop_bg.png) no-repeat;
}

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

#contMonitorPopup a.PopClose:hover, a.PopClose:focus {
    *background: url(../images/popup/moniterring_close_ov.png) no-repeat;
}

.contMonitorWrap {
    position: relative;
}

.contMonitorWrap h1 {
    position: absolute;
    top: 5px;
    left: 350px;
    font-size: 37px;
    *font-family : "GmarketSansMedium";/*GmarketSansBold*/
	*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: 161px;
    left: 370px;
    width: 527px;
    background-color: transparent;
    border: none;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
    *font-family : "GmarketSansMedium";/*GmarketSansBold*/
	*font-family: KoPubDotum Bold;
    color: #000;
	padding:0 10px;
}

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: #000;
}

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

.btn_save:hover, .btn_save:focus {
    *background: url(../images/popup/moniterring_save_ov.png) 0 0 no-repeat;
}

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


.btn_rslt:hover, .btn_rslt:focus {
	*background: url(../images/popup/moniterring_result_ov.png) 0 0 no-repeat;
}

/*
2019-06-13
*/





#studyHelpPopup {
    width: 1000px;
    height: 630px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1004;
    *background: none;
    *background-color: #FFF;
}
/*학습도우미 탭*/
#studyHelpPopup .studyHelp_01_2, #studyHelpPopup .studyHelp_01_3, #studyHelpPopup .studyHelp_02, #studyHelpPopup .studyHelp_03
, #studyHelpPopup .studyHelp_04, #studyHelpPopup .studyHelp_05, #studyHelpPopup .studyHelp_06, #studyHelpPopup .studyHelp_07{
	display:none;
}

/*화면안내창*/
#studyHelpPopup .studyHelp_02_ov{	
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;
}





#studyHelpPopup .studyHelp_02_1{width:153px; height:110px; top:142px;left:702px;}
#studyHelpPopup .studyHelp_02_2{width:285px; height:101px; top:142px;left:151px;}
#studyHelpPopup .studyHelp_02_3{width:243px; height:90px; top:142px;left:315px;}
#studyHelpPopup .studyHelp_02_4{width:550px; height:348px; top:185px;left:160px;}
#studyHelpPopup .studyHelp_02_4_2{width:302px; height:223px; top:190px;left:165px;}
#studyHelpPopup .studyHelp_02_5{width:208px; height:352px; top:185px;left:650px;}
#studyHelpPopup .studyHelp_02_5_2{width:402px; height:364px; top:185px;left:450px;}
#studyHelpPopup .studyHelp_02_6{width:177px; height:76px; top:521px;left:170px;}
#studyHelpPopup .studyHelp_02_7{width:403px; height:136px; top:460px;left:321px;}
#studyHelpPopup .studyHelp_02_8{width:288px; height:53px; top:542px;left:458px;}
#studyHelpPopup .studyHelp_02_9{width:271px; height:82px; top:508px;left:572px;}
#studyHelpPopup .studyHelp_02_9_2{width:370px; height:84px; top:160px;left:465px;}
#studyHelpPopup .studyHelp_02_10{width:353px; height:86px; top:160px;left:512px;}



#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: 0px;
    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: 288px;
    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: 35px;
    height: 23px;
    right: 0px;
    top: 50px;
	opacity:1;
	background:#fff;
    background: url(../images/res/pop_close.png) 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: 35px;
    height: 35px;
    right: 75px;
    top: 90px;
	background:transparent;
    *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: 1000px;
    height: 670px;
    position: absolute;
    left: 0px;
    top: 0px;
    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: 18px;
    top: 100px;
	opacity:0;
	background:#fff;
    *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: 1000px;
    height: 670px;
    margin: 0;
    background: url(../images/popup/reference_bg.png) no-repeat;
	color:#000;
}


#referencePopup  a.PopClose{
    position: absolute;
    width: 35px;
    height: 35px;
    right: 75px;
    top: 90px;
	opacity:0;
	background:#fff;
    *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: 16px;
    width: 7px;
    height: 8px;
    background: url(../images/res/dot.png) -45px 0 no-repeat;
}

.referenceWrap div ul li span.bookName {
    display: block;
    position: relative;
    top: 0px;
	left:12px;
	font-weight:600;
	word-break:keep-all;
    line-height: 24px;
}

.bookMain{
	position:absolute;
	top:200px;
	left:65px;
	overflow-y:auto;
	overflow-x:hidden;
	width: 410px;
	height:380px;
}
.bookSub{
	position:absolute;
	top:200px;
	left:532px;
	overflow-y:auto;
	overflow-x:hidden;
	width: 425px;
	height:380px;
}

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

.contMonitorWrap h1 {
    position: initial;
    top: 0;
    left: 0;
    font-size: 11px;
    *font-family : "GmarketSansMedium";/*GmarketSansBold*/
	font-family: 'Nanum Barun gothic', 'Noto Sans KR', sans-serif;
    color: #ffffff;
    background-color: #ff6c00;
}

#contMonitorPopup  a.PopClose{
    position: absolute;
    width: 35px;
    height: 27px;
    right: 30px;
    top: 143px;
	background-color: transparent;
    *background: url(../images/popup/moniterring_close.png) no-repeat;
    z-index: 1100;
	opacity:0;
}


#contMonitorPopup  a.PopClose:hover,#contMonitorPopup  a.PopClose:focus {
    *background: url(../images/popup/moniterring_close_ov.png) no-repeat;
}

input#ContMonitorTit {
    position: absolute;
    top: 255px;
    left: 210px;
    width: 720px;
	height: 45px;
    background-color: transparent;
    border: none;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -1px;
    *font-family: 'Nanum Square', Helvetica, Arial, dotum, sans-serif;
    *font-family : "GmarketSansMedium";/*GmarketSansBold*/
	*font-family: "Malgun Gothic", sans-serif;
	color: #000;
	padding:0 10px;
}

textarea#ContMonitorWrite {
    position: absolute;
    top: 315px;
    left: 70px;
    padding: 0;
    width: 865px;
    height: 185px;
    z-index: 10;
    background: none;
    font-weight: normal;
    font-size: 20px;
    line-height: 39px;
    color: #000;
	padding:0 10px;
}


.btn_save {
    position: relative;
    float: left;
    top: 405px;
    left: 620px;
    width: 135px;
    height: 35px;
    background: url(../images/popup/moniterring_save.png) no-repeat;
}

 .btn_rslt {
    position: relative;
    float: left;
    top: 436px;
    left: 380px;
    width: 135px;
    height: 35px;
    background: url(../images/popup/moniterring_result.png) no-repeat;
}

.btn_save:hover, .btn_save:focus {
    *background: url(../images/popup/moniterring_save_ov.png) no-repeat;
}

.btn_rslt:hover, .btn_rslt:focus {
    *background: url(../images/popup/moniterring_result_ov.png) no-repeat;
}

.bookmarkAddWrap p {
    width: 250px;
    left: 115px;
    padding: 3px;
    height: 29px;
    *height: 24px;
    text-align: left;
    background: transparent;
    border-radius: 0;
}

table.bookmarkTable > tbody > tr th a{
	color:#3734A9;
	font-size:14px;
}

table.bookmarkTable > tbody > tr.even {
    background-color: #CBD2E0;
    *color: #552701;
}


table.bookmarkTable {
    width: 515px;
    margin:0;
    border: 0px solid #cdcdcd;
    position: relative;
    top:0px;
    left:0px;
}


.bookmarkWrap .popupClose {
    position: absolute;
    width: 35px;
    height: 25px;
    right: 200px;
    top: 200px;
    *background: url(../images/res/icons_quiz.png) no-repeat;
    z-index: 1100;
	opacity:0;
}

.bookmarkWrap .popupClose:hover, a.bookmarkWrap .popupClose:focus {
    *background-position: -600px -600px;
}

table.bookmarkTable tbody td {
    font-size: 15px;
}

.bookmarkAddWrap {
    position: relative;
    width: 601px;
    margin: 0;
    top:292px ;
    left:300px;
}
.bookmarkAddWrap h2 {
    width: 165px;
	height:45px;
    left:-50px;
}


.btn_save {
   position: relative;
    float: left;
    top: 475px;
    left: 700px;
    width: 116px;
    height: 44px;
    background: url(../images/popup/moniterring_save.png) no-repeat;
	cursor:pointer;
}

.btn_save:hover, .btn_save:focus {
    *background: url(../images/popup/moniterring_save_ov.png) no-repeat;
}

.btn_rslt {
    position: relative;
    float: left;
    top: 475px;
    left: 705px;
    width: 116px;
    height: 44px;
    background: url(../images/popup/moniterring_result.png) no-repeat;
	cursor:pointer;
}

.btn_rslt:hover, .btn_rslt:focus {
    *background: url(../images/popup/moniterring_result_ov.png) no-repeat;
}


.speedTip {
    position: absolute;
    bottom: 36px;
    right: 217px;
    width: 42px;
    height: 189px;
    *overflow: hidden;
    background: url(../images/player/speed_bg.png) no-repeat;
    z-index: 1000;
	padding-top:10px;
}


.speedTip ul li a {
    position: relative;
    *top:4px;
    *left:0 ;
    text-align: center;
    *height: 12px;
	text-indent: -2000px;
    *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.sp1 {
    width: 30px;
	height: 18px;
	background: url(../images/player/x08.png) no-repeat;
	
}
.speedTip ul li.sp1:hover, .speedTip ul li.sp1.on {
	background: url(../images/player/x08_ov.png) no-repeat;
}


.speedTip ul li.sp2 {
    width: 30px;
	height: 18px;
	background: url(../images/player/x1.png) no-repeat;
	
}
.speedTip ul li.sp2:hover, .speedTip ul li.sp2.on {
	background: url(../images/player/x1_ov.png) no-repeat;
}
.speedTip ul li.sp3 {
    width: 30px;
	height: 18px;
	background: url(../images/player/x12.png) no-repeat;
	
}
.speedTip ul li.sp3:hover, .speedTip ul li.sp3.on {
	background: url(../images/player/x12_ov.png) no-repeat;
}
.speedTip ul li.sp4 {
    width: 30px;
	height: 18px;
	background: url(../images/player/x14.png) no-repeat;
	
}
.speedTip ul li.sp4:hover, .speedTip ul li.sp4.on {
	background: url(../images/player/x14_ov.png) no-repeat;
}
.speedTip ul li.sp5 {
    width: 30px;
	height: 18px;
	background: url(../images/player/x16.png) no-repeat;
	
}
.speedTip ul li.sp5:hover, .speedTip ul li.sp5.on {
	background: url(../images/player/x16_ov.png) no-repeat;
}
.speedTip ul li.sp6 {
    width: 30px;
	height: 18px;
	background: url(../images/player/x18.png) no-repeat;
	
}
.speedTip ul li.sp6:hover, .speedTip ul li.sp6.on {
	background: url(../images/player/x18_ov.png) no-repeat;
}
.speedTip ul li.sp7 {
    width: 30px;
	height: 18px;
	background: url(../images/player/x2.png) no-repeat;
	
}
.speedTip ul li.sp7:hover, .speedTip ul li.sp7.on {
	background: url(../images/player/x2_ov.png) no-repeat;
}





.bookmarkAddWrap span a.btnBookmarkAdd {
    width: 77px;
    height: 44px;
    display: inline-block;
    background: url(../images/res/icon_quick.png) no-repeat;
}

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

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

a.btn_bookmark_save:hover {
	background: url(../images/res/bookmark_save_ov.png) no-repeat;
}

a.btn_bookmark_cancel {
	margin-left:5px;
    width: 52px;
    height: 26px;
    vertical-align: middle;
    display: inline-block;
    background: url(../images/res/bookmark_cancel.png) no-repeat;
}

a.btn_bookmark_cancel:hover {
	background: url(../images/res/bookmark_cancel_ov.png) no-repeat;
}

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

a.btn_bookmark_modify:hover {
	background: url(../images/res/bookmark_modify_ov.png) no-repeat;
}

a.btn_bookmark_del {
    width: 53px;
    height: 23px;
    vertical-align: middle;
    display: inline-block;
    background: url(../images/res/bookmark_del.png) no-repeat;
	margin-left:5px;
}

a.btn_bookmark_del:hover {
	background: url(../images/res/bookmark_del_ov.png) no-repeat;
}


.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;
}

/*2021.06.10 영상자막*/
div.scriptSMI {
    position: absolute;
    left: -3px;
    bottom: 0px;
    width: 100%;
    height: 60px;
    background: none;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
	display:none;
}

div.scriptSmiPan{
	height: 65px;
}

div.scriptTxtSmi {
    display:flex;
	align-items:center;
	justify-content:center;
    width: 100%;
    height: 60px;
	*line-height:1.6;
    overflow-y: auto;
	padding:0 5%;
    font-size: 16px;
    color: #fff;
    *vertical-align:middle;
	text-align:center;
	word-break:keep-all;

	*text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -1px #000;
	*text-shadow: -1px 0 #000, 0 2px #000, 2px 0 #000, 0 -1px #000;
}

/*2021.06.10 영상자막 텍스트*/
div.scriptTxtSmi2 {
    display:flex;
	align-items:center;
	justify-content:center;
    width: 100%;
    height: 60px;
    overflow-y: auto;
    padding:0 3%;
    font-size: 12px;
    color: #fff;
    *line-height: 1.5;
	*padding:10px;
	*vertical-align:middle;
	text-align:center;
	word-break:keep-all;
	*text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -1px #000;
	*text-shadow: -1px 0 #000, 0 2px #000, 2px 0 #000, 0 -1px #000;
}

/*2021-06-11 풀사이즈시 위치 조정*/
div.scriptSMIFull{
	bottom:55px;
	height:130px;
	*padding:20px;
}
div.scriptSMIFullEx{
	bottom:-750px;
	height:130px;
	*padding:20px;
}

/*2021-06-11 풀사이즈시 텍스트 조정*/
div.scriptTxtSmiFull{
	font-size:26px;
	height:130px;
	line-height:1.6;
}

/*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: 670px;
    z-index: -1;

}

.object3 {

    position: absolute;
    top: 0;
    left: 0;
    width: 1000px;
    height: 670px;
    z-index: -1;

}



/**
2019-08-13
 */

#studyContentsIntro #vod_intro_title {
    position: absolute;
    top: 142px;
    left: 410px;
	z-index:1;
	color:#3B4056;
	font-size:26px;
	width:490px;
	text-align:center;
	line-height:40px;
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
	font-weight:900;
}

#cont05 {
    *font-family: 'Goyang', Helvetica, Arial, dotum, sans-serif;
}


#totalStudyTime {
	*font-family : "GmarketSansMedium";/*GmarketSansBold*/
	font-family: 'Nanum Barun gothic', 'Noto Sans KR', sans-serif;
    position: relative;
    top: 400px;
    left: 666px;
    width: 230px;
    text-align: center;
	z-index:1;
	font-weight:900;

}

#totalStudyTime span em {
    font-size:26px;
    position: relative;
    top: 0px;
}

#totalStudyTime span {
    color: #6600B4;
    font-size: 36px;
}
#studyTime {
	*font-family : "GmarketSansMedium";/*GmarketSansBold*/
	font-family: 'Nanum Barun gothic', 'Noto Sans KR', sans-serif;
    position: relative;
    top: 204px;
    left: 670px;
    text-align: left;
	z-index:1;
}


#studyTime p {
    width: 260px;
    height: 40px;
    *margin-bottom: 5px;
    line-height: 40px;
    padding-left: 35px;
    background: none;
    color: #000;
    border:0px solid #686e6b;
    border-radius: 22px;
}

#studyTime span {
    color: #000;
    font-size: 22px;
    *font-family : "GmarketSansMedium";/*GmarketSansBold*/
	font-family: 'Nanum Barun gothic', 'Noto Sans KR', sans-serif;
}

/*--2019.12.05추가 : 소주제 개수에 따라 상단 위치 조정--*/

#studyTime.page04{
	*top:210px;
	*left:95px;
	top:240px;
	left:430px;
}
#studyTime.page04 p{
	*margin:-10px 0;
}

#studyTime.page05{
	top:240px;
	left:430px;
}

#studyTime.page05 p{
	margin:-5px 0;
}

#studyTime.page06{
	top:220px;
	left:430px;
}

#studyTime.page06 p{
	height:30px;
}

#studyTime.page07{
	top:220px;
	left:430px;
}

#studyTime.page07 p{
	height:24px;
}


/*--2019.12.05추가 끝--*/

#mpDown {
    position: absolute;
    top: 450px;
    left: 480px;
    width: 236px;
    height: 46px;
    background: url(../images/res/icons_mp3.png) no-repeat;
    text-indent: -2000px;
	z-index:1;
}


.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: 450px;
    left: 680px;
    width: 180px;
    height: 46px;
    background: url(../images/res/icons_lecData.png) no-repeat;
    text-indent: -2000px;
	z-index:1;
}

/*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;	
}

/*퀴즈결과*/
#resultQuizPop .resultQuizPopResult{
	position:absolute;
	top:240px;
	left:480px;
	font-size:26px;
	color:#F09E00;
	font-weight:700;
	z-index:1005;
}
#resultQuizPop .resultQuizPopResult_1, #resultQuizPop .resultQuizPopResult_2, #resultQuizPop .resultQuizPopResult_3{
	position:absolute;	
	top:345px;
	z-index:1005;
}
#resultQuizPop .resultQuizPopResult_1{	
	left:325px;
}
#resultQuizPop .resultQuizPopResult_2{	
	left:580px;
}
#resultQuizPop .resultQuizPopResult_3{	
	left:675px;
}
/*영상 상단 커버*/
.vodCover{display:none; position:absolute; top:146px; left:8px; width:420px; height:40px; z-index:9999;}

.nbsp_231{margin-left:231px;}
.nbsp_200{margin-left:200px;}
.nbsp_73{margin-left:73px;}
.nbsp_27{margin-left:27px;}
.nbsp_19{margin-left:19px;}
.nbsp_12{margin-left:12px;}

*:focus{outline:none;}

.li_mlMinus_10{margin-left:-10px;}

/*상단메뉴변경 2022-04-12 WSH*/
#topMenuList{
	width:1000px;
	height:39px;
	position:absolute;
	top:0px;
	left:0px;
}
#topMenuList .topMenuListSub{
	float:left;
	height:100%;
	cursor:pointer;
}
#topMenuList .topMenuList_3{ width:145px; }
#topMenuList .topMenuList_77{ width:140px; }
#topMenuList .topMenuList_12{ width:145px; }
#topMenuList .topMenuList_22{ width:140px; }
#topMenuList .topMenuList_32{ width:145px; }
#topMenuList .topMenuList_35{ width:145px; }
#topMenuList .topMenuList_99{ width:140px; }