@charset "UTF-8";

/*
- !주의 : 전체 구현에 영향을 주므로 수정시 협의 바랍니다.
- body에 단원별 클래스 추가 : dan1, dan2, ...
*/

/*************************************/
/********** [ 0. 공통 내용 ] **********/
/*************************************/

@keyframes fx-tail {
  from { width: 0px; right: -120px; opacity: 0; }
  to { width: 44px; right: -75px; opacity: 1; }
}

/* public variables */
#wrap {
  --color-ui-key: #2b8cc6;
  --color-ui-strong: #2b8cc6;
  --color-ui-sub: #bcdff4;
  --color-ui-sub-active: #5bacdb;

  --size-menu-width: 570px;
  --size-menu-height: 100%;

  --color-tooltip-bg: #52a3d2;

  --color-menu-bg: #fff;
  --color-menu-bg-light: #bcdff4;
  --color-menu-bg-active: #2b8cc6;
  --color-menu-bg-top: #5bacdb;
  --color-menu-bullet: #2b8cc6;
  --color-menu-bullet-active: #bcdff4;
  --color-menu-bullet-active-text: #222;
  --color-menu-title: rgba(34, 34, 34, 0.6);
  --color-menu-title-active: #222;
  --color-menu-text: #222;
  --color-menu-text-active: #fff;
  --color-menu-scroll: rgba(43, 140, 198, 0.3);
  --color-menu-scroll-active: #2b8cc6;

  --size-3rd-menu-width: 520px;
  --color-3rd-menu-bg: #fff;
  --color-3rd-menu-bg-active: #2b8cc6;
  --color-3rd-menu-bullet: #999;
  --color-3rd-menu-bullet-active: #fff;
  --color-3rd-menu-text: #222;
  --color-3rd-menu-text-active: #fff;
  --color-3rd-menu-scroll: #bcdff4;
  --color-3rd-menu-scroll-active: #2b8cc6;

  --color-header01-bg: #f8a865;
  --color-header01-bg-strong: #f7965b;
  --color-header02-bg: #48c6b4;
  --color-header02-bg-strong: #25bdad;

  --color-black-text: #000;
  --color-white-text: #fff;
  --color-ebook-tool-tip: #b7e186;
  --color-ebook-tool-txt: #000;
  
  --color-ebook-tool-eMove: #b7e186;
  --color-ebook-tool-std: #b7e186;
  --color-ebook-tool-stdIg: #b7e186;
  --color-ebook-tool-stdNy: #b7e186;
  --color-ebook-tool-eLink: #b7e186;
  --color-ebook-tool-eMovi: #b7e186;
  --color-ebook-tool-actSheetPPT: #b7e186;
  --color-ebook-tool-hdgPDF: #b7e186;
  --color-ebook-tool-chdgPDF: #b7e186;

  --color-ebook-tool-actSheetPDF: #b7e186;
  --color-ebook-tool-jsPDF: #b7e186;
  --color-ebook-tool-stdCs: #b7e186;
  --color-ebook-tool-stdCj: #b7e186;
  --color-ebook-tool-stdQz: #b7e186;

  --color-ebook-tool-stdHj: #b7e186;
  --color-ebook-tool-stdHm: #b7e186;
  --color-ebook-tool-stdJy: #b7e186;
  --color-ebook-tool-stdHd: #b7e186;
  --color-ebook-tool-stdSy: #b7e186;
  --color-ebook-tool-eMp3: #b7e186;
  --color-ebook-tool-eMove: #b7e186;
  --color-ebook-tool-stdSing: #b7e186;
  --color-ebook-tool-stdInst: #b7e186;
  --color-ebook-tool-eTrsMove: #b7e186;
  --color-ebook-tool-eTrsTerms: #b7e186;
  --color-ebook-tool-eTxt: #b7e186;
  --color-ebook-tool-qrLink:#b7e186;
  --color-ebook-tool-boxMovi:#b7e186;
}
body[data-bcode="mmusic1"] #wrap, 
body[data-bcode="mmusic2"] #wrap {
  --color-ebook-tool-stdHj: #f6c7d7;
  --color-ebook-tool-stdHm: #f6c7d7;
  --color-ebook-tool-stdJy: #f6c7d7;
  --color-ebook-tool-stdHd: #f6c7d7;
  --color-ebook-tool-stdSy: #f6c7d7;
  --color-ebook-tool-qrMp3:#f6c7d7;
  --color-ebook-tool-eMp3: #f6c7d7;
  --color-ebook-tool-eMp3Small: #f6c7d7;
  --color-ebook-tool-eMove: #f6c7d7;
  --color-ebook-tool-stdSing: #f6c7d7;
  --color-ebook-tool-stdInst: #f6c7d7;
  --color-ebook-tool-eTrsMove: #f6c7d7;
  --color-ebook-tool-eTrsTerms: #f6c7d7;
  --color-ebook-tool-eTxt: #f6c7d7;
  --color-ebook-tool-qrLink:#f6c7d7;
  --color-ebook-tool-boxMovi:#f6c7d7;
  --color-ebook-tool-actSheetPPT:#f6c7d7;
  --color-ebook-tool-hdgPDF:#f6c7d7;
  --color-ebook-tool-eLink: #f6c7d7;
  --color-ebook-tool-eMovi: #f6c7d7;  
  --color-ebook-tool-eMoviSmall: #f6c7d7;  
  --color-ebook-tool-stdPg: #f6c7d7;
  --color-ebook-tool-eAni: #f6c7d7;  
}
body[data-bcode="hmusic"] #wrap {
  --color-ebook-tool-stdHj: #e9caf0;
  --color-ebook-tool-stdHm: #e9caf0;
  --color-ebook-tool-stdJy: #e9caf0;
  --color-ebook-tool-stdHd: #e9caf0;
  --color-ebook-tool-stdSy: #e9caf0;
  --color-ebook-tool-qrMp3:#f6c7d7;
  --color-ebook-tool-eMp3: #e9caf0;
  --color-ebook-tool-eMp3Small: #e9caf0;
  --color-ebook-tool-eMove: #e9caf0;
  --color-ebook-tool-stdSing: #e9caf0;
  --color-ebook-tool-stdInst: #e9caf0;
  --color-ebook-tool-eTrsMove: #e9caf0;
  --color-ebook-tool-eTrsTerms: #e9caf0;
  --color-ebook-tool-eTxt: #e9caf0;
  --color-ebook-tool-qrLink:#e9caf0;
  --color-ebook-tool-boxMovi:#e9caf0;
  --color-ebook-tool-actSheetPPT:#e9caf0;
  --color-ebook-tool-hdgPDF:#e9caf0;
  --color-ebook-tool-eLink: #e9caf0;
  --color-ebook-tool-eMovi: #e9caf0;
  --color-ebook-tool-eMoviSmall: #e9caf0;
  --color-ebook-tool-stdPg: #e9caf0;
  --color-ebook-tool-eAni: #e9caf0;        
}

body[data-bcode="mart1"] #wrap, 
body[data-bcode="mart2"] #wrap {
  --color-tooltip-bg: #b379e4;

  --color-menu-bg: #fff;
  --color-menu-bg-light: #d1b4ea;
  --color-menu-bg-active: #995dc3;
  --color-menu-bg-top: #a96fd9;
  --color-menu-bullet: #995dc3;
  --color-menu-bullet-active: #e7c9fe;
  --color-menu-bullet-active-text: #222;
  --color-menu-title: rgba(34, 34, 34, 0.6);
  --color-menu-title-active: #222;
  --color-menu-text: #222;
  --color-menu-text-active: #fff;
  --color-menu-scroll: rgba(153, 93, 195, 0.3);
  --color-menu-scroll-active: #995dc3;

  --color-ebook-tool-actSheetPDF: #6c6ce2;
  --color-ebook-tool-actSheetPPT: #6c6ce2;
  --color-ebook-tool-jsPDF: #6c6ce2;
  --color-ebook-tool-chdgPDF: #6c6ce2;
  --color-ebook-tool-stdCs: #6c6ce2;
  --color-ebook-tool-stdCj: #6c6ce2;
  --color-ebook-tool-stdQz: #6c6ce2;
  --color-ebook-tool-eLink: #6c6ce2;
  --color-ebook-tool-eMovi: #6c6ce2;
  --color-ebook-tool-txt: #fff;
  --color-ebook-tool-qrLink:#6c6ce2;
}

body[data-bcode="mped1"] #wrap,
body[data-bcode="mped2"] #wrap,
body[data-bcode="mthe1"] #wrap,
body[data-bcode="mthe2"] #wrap,
body[data-bcode="hthe"] #wrap,
body[data-bcode="mcvs"] #wrap, 
body[data-bcode="hcvs"] #wrap {
  --color-ebook-tool-eMove: #fcd3a7;
  --color-ebook-tool-std: #b4e0ef;
  --color-ebook-tool-stdIg: #f6c7d7;
  --color-ebook-tool-stdNy: #cde094;
  --color-ebook-tool-eLink: #c0d2f7;
  --color-ebook-tool-OpenPPTred: #ffcbcb;
  --color-ebook-tool-eMovi: #f7cfcf;
  --color-ebook-tool-actSheetPPT: #fbcfba;
  --color-ebook-tool-hdgPDF: #b3d2f1;
  --color-ebook-tool-chdgPDF: #b7e7b7;
  --color-ebook-tool-qrLink:#c0d2f7;
  --color-ebook-tool-actSheetPDF: #fbcfba;
}


/* video outline 제거 */
video {
  /*object-fit: fill;
  transform: translateZ(0);
  outline: none;
  border: none;*/
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

button { outline: 0; }
#wrap { position: relative; width: 1920px; height: 1080px; background: #fff; }
#wrap>div:not(#popup):not(#canvas_layer):not(#toolbar) { height: 100%; position: relative; }
#wrap>div { display: none; }

/* data-tooltip */
[data-tooltip]{position:relative;}
[data-tooltip]:before,
[data-tooltip]:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:16px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
[data-tooltip]:before{content:attr(data-tooltip);height:28px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:#fff;background:var(--color-tooltip-bg);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
[data-tooltip]:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-tooltip-bg);}
[data-tooltip]:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-30px}
[data-tooltip]:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-3px}



/*한면 보기 data-tooltip*/
#ebook_pages>div>div#full_bg [data-tooltip]:before,
#ebook_pages>div>div#full_bg [data-tooltip]:after{font-size:calc(14px *2);font-family:'pretendard-SB';letter-spacing:calc(-1px *2);}
#ebook_pages>div>div#full_bg [data-tooltip]:before{height:calc(26px *2);top:calc(-20px *2);padding:calc(5px *2) calc(10px *2);border-radius:calc(5px *2);color:var(--color-ebook-tool-txt);background:var(--color-tooltip-bg);box-shadow:0 calc(3px *2) calc(8px *2) rgba(165, 165, 165, 0.5);}
#ebook_pages>div>div#full_bg [data-tooltip]:after{content: '';border-left:calc(5px *2) solid transparent;top:calc(2px * 2);border-right:calc(5px * 2) solid transparent;border-top:calc(5px *2) solid var(--color-tooltip-bg);}
#ebook_pages>div>div#full_bg [data-tooltip]:not([data-tooltip=""]):hover:before{top:calc(-34px *2)}
#ebook_pages>div>div#full_bg [data-tooltip]:not([data-tooltip=""]):hover:after{top:calc(-8px *2)}

#ebook_pages>div>div#full_bg [data-tooltip].icon_actSheetPPT:before{background:var(--color-ebook-tool-actSheetPPT);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_actSheetPPT:after{border-top:calc(5px *2) solid var(--color-ebook-tool-actSheetPPT);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_actSheetHWP:before{background:var(--color-ebook-tool-actSheetHWP);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_actSheetHWP:after{border-top:calc(5px *2) solid var(--color-ebook-tool-actSheetHWP);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_actSheetPDF:before{background:var(--color-ebook-tool-actSheetPDF);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_actSheetPDF:after{border-top:calc(5px *2) solid var(--color-ebook-tool-actSheetPDF);}

#ebook_pages>div>div#full_bg [data-tooltip].icon_stdCs:before{background:var(--color-ebook-tool-stdCs);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdCs:after{border-top:calc(5px *2) solid var(--color-ebook-tool-stdCs);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdCj:before{background:var(--color-ebook-tool-stdCj);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdCj:after{border-top:calc(5px *2) solid var(--color-ebook-tool-stdCj);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdQz:before{background:var(--color-ebook-tool-stdQz);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdQz:after{border-top:calc(5px *2) solid var(--color-ebook-tool-stdQz);}

#ebook_pages>div>div#full_bg [data-tooltip].icon_stdHj:before{background:var(--color-ebook-tool-stdHj);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdHj:after{border-top:calc(5px *2) solid var(--color-ebook-tool-stdHj);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdHm:before{background:var(--color-ebook-tool-stdHm);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdHm:after{border-top:calc(5px *2) solid var(--color-ebook-tool-stdHm);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdJy:before{background:var(--color-ebook-tool-stdJy);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdJy:after{border-top:calc(5px *2) solid var(--color-ebook-tool-stdJy);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdHd:before{background:var(--color-ebook-tool-stdHd);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdHd:after{border-top:calc(5px *2) solid var(--color-ebook-tool-stdHd);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdSy:before{background:var(--color-ebook-tool-stdSy);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdSy:after{border-top:calc(5px *2) solid var(--color-ebook-tool-stdSy);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_eMp3:before{background:var(--color-ebook-tool-eMp3);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_eMp3:after{border-top:calc(5px *2) solid var(--color-ebook-tool-eMp3Small);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_eMp3Small:before{background:var(--color-ebook-tool-eMp3Small);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_eMp3Small:after{border-top:calc(5px *2) solid var(--color-ebook-tool-eMp3);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdSing:before{background:var(--color-ebook-tool-stdSing);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdSing:after{border-top:calc(5px *2) solid var(--color-ebook-tool-stdSing);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdInst:before{background:var(--color-ebook-tool-stdInst);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdInst:after{border-top:calc(5px *2) solid var(--color-ebook-tool-stdInst);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdPg:before{background:var(--color-ebook-tool-stdPg);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdPg:after{border-top:calc(5px *2) solid var(--color-ebook-tool-stdPg);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_eAni:before{background:var(--color-ebook-tool-eAni);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_eAni:after{border-top:calc(5px *2) solid var(--color-ebook-tool-eAni);}

#ebook_pages>div>div#full_bg [data-tooltip].icon_stdMovi:before{background:var(--color-ebook-tool-stdMovi);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdMovi:after{border-top:calc(5px *2) solid var(--color-ebook-tool-stdMovi);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdIg:before{background:var(--color-ebook-tool-stdIg);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdIg:after{border-top:calc(5px *2) solid var(--color-ebook-tool-stdIg);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdNy:before{background:var(--color-ebook-tool-stdNy);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_stdNy:after{border-top:calc(5px *2) solid var(--color-ebook-tool-stdNy);}

#ebook_pages>div>div#full_bg [data-tooltip].icon_std:before{background:var(--color-ebook-tool-std);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_std:after{border-top:calc(5px *2) solid var(--color-ebook-tool-std);}

#ebook_pages>div>div#full_bg [data-tooltip].icon_eMove:before{background:var(--color-ebook-tool-eMove);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_eMove:after{border-top:calc(5px *2) solid var(--color-ebook-tool-eMove);}

#ebook_pages>div>div#full_bg [data-tooltip].icon_eLink:before{background:var(--color-ebook-tool-eLink);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_eLink:after{border-top:calc(5px *2) solid var(--color-ebook-tool-eLink);}

#ebook_pages>div>div#full_bg [data-tooltip].icon_OpenPPTred:before{background:var(--color-ebook-tool-OpenPPTred);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_OpenPPTred:after{border-top:calc(5px *2) solid var(--color-ebook-tool-OpenPPTred);}

#ebook_pages>div>div#full_bg [data-tooltip].icon_qrLink:before{background:var(--color-ebook-tool-qrLink);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_qrLink:after{border-top:calc(5px *2) solid var(--color-ebook-tool-qrLink);}

#ebook_pages>div>div#full_bg [data-tooltip].icon_qrMp3:before{background:var(--color-ebook-tool-qrMp3);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_qrMp3:after{border-top:calc(5px *2) solid var(--color-ebook-tool-qrMp3);}

#ebook_pages>div>div#full_bg [data-tooltip].icon_boxMovi:before{background:var(--color-ebook-tool-boxMovi);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_boxMovi:after{border-top:calc(5px *2) solid var(--color-ebook-tool-boxMovi);}

#ebook_pages>div>div#full_bg [data-tooltip].icon_eMovi:before{background:var(--color-ebook-tool-eMovi);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_eMovi:after{border-top:calc(5px *2) solid var(--color-ebook-tool-eMovi);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_eMoviSmall:before{background:var(--color-ebook-tool-eMoviSmall);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_eMoviSmall:after{border-top:calc(5px *2) solid var(--color-ebook-tool-eMoviSmall);}

#ebook_pages>div>div#full_bg [data-tooltip].icon_jsPDF:before{background:var(--color-ebook-tool-jsPDF);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_jsPDF:after{border-top:calc(5px *2) solid var(--color-ebook-tool-jsPDF);}

#ebook_pages>div>div#full_bg [data-tooltip].icon_chdgPDF:before{background:var(--color-ebook-tool-chdgPDF);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_chdgPDF:after{border-top:calc(5px *2) solid var(--color-ebook-tool-chdgPDF);}

#ebook_pages>div>div#full_bg [data-tooltip].icon_hdgPDF:before{background:var(--color-ebook-tool-hdgPDF);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_hdgPDF:after{border-top:calc(5px *2) solid var(--color-ebook-tool-hdgPDF);}


#ebook_pages>div>div#full_bg [data-tooltip].icon_eTrsMove:before,
#ebook_pages>div>div#full_bg [data-tooltip].icon_eTrsMove:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:calc(14px *2);font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>div#full_bg [data-tooltip].icon_eTrsMove:before{content:attr(data-tooltip);height:calc(26px *2);position:absolute;top:calc(-20px *2);padding:calc(5px *2) calc(10px *2);border-radius:calc(5px *2);color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eTrsMove);box-shadow:0 calc(3px *2) calc(8px *2) rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>div#full_bg [data-tooltip].icon_eTrsMove:after{content: '';border-left:calc(5px *2) solid transparent;top:calc(2px * 2)px;border-right:calc(5px * 2) solid transparent;border-top:calc(5px *2) solid var(--color-ebook-tool-eTrsMove);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_eTrsMove:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:calc(-34px *2);}
#ebook_pages>div>div#full_bg [data-tooltip].icon_eTrsMove:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:calc(-8px *2)}

/*이북 수업PPT 툴팁*/
#ebook_pages>div>[data-tooltip].icon_actSheetPPT:before,
#ebook_pages>div>[data-tooltip].icon_actSheetPPT:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_actSheetPPT:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-actSheetPPT);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_actSheetPPT:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-actSheetPPT);}
#ebook_pages>div>[data-tooltip].icon_actSheetPPT:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_actSheetPPT:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}


#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_actSheetPPT:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_actSheetPPT:after{visibility:visible;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_actSheetPPT:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-actSheetPPT);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_actSheetPPT:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-actSheetPPT);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_actSheetPPT:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_actSheetPPT:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}


/*이북 활동지HWP 툴팁*/
#ebook_pages>div>[data-tooltip].icon_actSheetHWP:before,
#ebook_pages>div>[data-tooltip].icon_actSheetHWP:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_actSheetHWP:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-actSheetHWP);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_actSheetHWP:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-actSheetHWP);}
#ebook_pages>div>[data-tooltip].icon_actSheetHWP:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_actSheetHWP:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_actSheetHWP:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_actSheetHWP:after{visibility:visible;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_actSheetHWP:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-actSheetHWP);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_actSheetHWP:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-actSheetHWP);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_actSheetHWP:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_actSheetHWP:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 수업 PDF 다운로드 툴팁*/
#ebook_pages>div>[data-tooltip].icon_actSheetPDF:before,
#ebook_pages>div>[data-tooltip].icon_actSheetPDF:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_actSheetPDF:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-actSheetPDF);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_actSheetPDF:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-actSheetPDF);}
#ebook_pages>div>[data-tooltip].icon_actSheetPDF:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-30px;}
#ebook_pages>div>[data-tooltip].icon_actSheetPDF:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-4px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_actSheetPDF:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_actSheetPDF:after{visibility:visible;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_actSheetPDF:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-actSheetPDF);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_actSheetPDF:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-actSheetPDF);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_actSheetPDF:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_actSheetPDF:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 수업 소단원 작품설명 다운로드 툴팁*/
#ebook_pages>div>[data-tooltip].icon_jsPDF:before,
#ebook_pages>div>[data-tooltip].icon_jsPDF:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_jsPDF:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-jsPDF);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_jsPDF:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-jsPDF);}
#ebook_pages>div>[data-tooltip].icon_jsPDF:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-30px;}
#ebook_pages>div>[data-tooltip].icon_jsPDF:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-4px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_jsPDF:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_jsPDF:after{visibility:visible;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_jsPDF:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-jsPDF);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_jsPDF:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-jsPDF);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_jsPDF:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_jsPDF:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 수업 활동지 다운로드 툴팁*/
#ebook_pages>div>[data-tooltip].icon_hdgPDF:before,
#ebook_pages>div>[data-tooltip].icon_hdgPDF:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_hdgPDF:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-hdgPDF);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_hdgPDF:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-hdgPDF);}
#ebook_pages>div>[data-tooltip].icon_hdgPDF:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-30px;}
#ebook_pages>div>[data-tooltip].icon_hdgPDF:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-4px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_hdgPDF:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_hdgPDF:after{visibility:visible;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_hdgPDF:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-hdgPDF);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_hdgPDF:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-hdgPDF);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_hdgPDF:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_hdgPDF:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 수업 추가 활동지 다운로드 툴팁*/
#ebook_pages>div>[data-tooltip].icon_chdgPDF:before,
#ebook_pages>div>[data-tooltip].icon_chdgPDF:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_chdgPDF:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-chdgPDF);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_chdgPDF:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-chdgPDF);}
#ebook_pages>div>[data-tooltip].icon_chdgPDF:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-30px;}
#ebook_pages>div>[data-tooltip].icon_chdgPDF:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-4px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_chdgPDF:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_chdgPDF:after{visibility:visible;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_chdgPDF:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-chdgPDF);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_chdgPDF:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-chdgPDF);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_chdgPDF:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_chdgPDF:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 수업 추가 설명 툴팁*/
#ebook_pages>div>[data-tooltip].icon_stdCs:before,
#ebook_pages>div>[data-tooltip].icon_stdCs:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdCs:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdCs);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdCs:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdCs);}
#ebook_pages>div>[data-tooltip].icon_stdCs:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-30px;}
#ebook_pages>div>[data-tooltip].icon_stdCs:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-4px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdCs:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdCs:after{visibility:visible;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdCs:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdCs);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdCs:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdCs);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdCs:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdCs:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 수업 추가 작품 툴팁*/
#ebook_pages>div>[data-tooltip].icon_stdCj:before,
#ebook_pages>div>[data-tooltip].icon_stdCj:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdCj:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdCj);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdCj:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdCj);}
#ebook_pages>div>[data-tooltip].icon_stdCj:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-30px;}
#ebook_pages>div>[data-tooltip].icon_stdCj:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-4px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdCj:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdCj:after{visibility:visible;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdCj:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdCj);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdCj:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdCj);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdCj:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdCj:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 수업 퀴즈 툴팁*/
#ebook_pages>div>[data-tooltip].icon_stdQz:before,
#ebook_pages>div>[data-tooltip].icon_stdQz:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdQz:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdQz);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdQz:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdQz);}
#ebook_pages>div>[data-tooltip].icon_stdQz:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-30px;}
#ebook_pages>div>[data-tooltip].icon_stdQz:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-4px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdQz:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdQz:after{visibility:visible;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdQz:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdQz);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdQz:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdQz);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdQz:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdQz:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 수업 영상 툴팁*/
#ebook_pages>div>[data-tooltip].icon_eMovi:before,
#ebook_pages>div>[data-tooltip].icon_eMovi:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eMovi:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eMovi);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eMovi:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eMovi);}
#ebook_pages>div>[data-tooltip].icon_eMovi:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-30px;}
#ebook_pages>div>[data-tooltip].icon_eMovi:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-4px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMovi:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMovi:after{visibility:visible;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMovi:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eMovi);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMovi:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eMovi);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMovi:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMovi:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 수업 영상 툴팁 아이콘 작은거*/
#ebook_pages>div>[data-tooltip].icon_eMoviSmall:before,
#ebook_pages>div>[data-tooltip].icon_eMoviSmall:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eMoviSmall:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eMoviSmall);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eMoviSmall:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eMoviSmall);}
#ebook_pages>div>[data-tooltip].icon_eMoviSmall:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-30px;}
#ebook_pages>div>[data-tooltip].icon_eMoviSmall:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-4px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMoviSmall:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMoviSmall:after{visibility:visible;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMoviSmall:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eMoviSmall);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMoviSmall:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eMoviSmall);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMoviSmall:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMoviSmall:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 box 영상 툴팁*/
#ebook_pages>div>[data-tooltip].icon_boxMovi:before,
#ebook_pages>div>[data-tooltip].icon_boxMovi:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_boxMovi:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-boxMovi);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_boxMovi:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-boxMovi);}
#ebook_pages>div>[data-tooltip].icon_boxMovi:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_boxMovi:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_boxMovi:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_boxMovi:after{visibility:visible;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_boxMovi:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-boxMovi);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_boxMovi:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-boxMovi);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_boxMovi:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_boxMovi:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}


/*이북 QR보기 툴팁*/
#ebook_pages>div>[data-tooltip].icon_qrLink:before,
#ebook_pages>div>[data-tooltip].icon_qrLink:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_qrLink:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-qrLink);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_qrLink:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-qrLink);}
#ebook_pages>div>[data-tooltip].icon_qrLink:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_qrLink:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_qrLink:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_qrLink:after{visibility:visible;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_qrLink:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-qrLink);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_qrLink:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-qrLink);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_qrLink:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_qrLink:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 QRMp3 툴팁*/
#ebook_pages>div>[data-tooltip].icon_qrMp3:before,
#ebook_pages>div>[data-tooltip].icon_qrMp3:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_qrMp3:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-qrMp3);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_qrMp3:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-qrMp3);}
#ebook_pages>div>[data-tooltip].icon_qrMp3:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_qrMp3:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_qrMp3:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_qrMp3:after{visibility:visible;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_qrMp3:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-qrMp3);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_qrMp3:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-qrMp3);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_qrMp3:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_qrMp3:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}


/*이북 학습창 툴팁*/
#ebook_pages>div>[data-tooltip].icon_std:before,
#ebook_pages>div>[data-tooltip].icon_std:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_std:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-std);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_std:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-std);}
#ebook_pages>div>[data-tooltip].icon_std:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_std:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_std:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_std:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_std:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-std);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_std:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-std);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_std:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_std:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 학습창 핵심 질문*/
#ebook_pages>div>[data-tooltip].icon_stdHj:before,
#ebook_pages>div>[data-tooltip].icon_stdHj:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdHj:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdHj);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdHj:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdHj);}
#ebook_pages>div>[data-tooltip].icon_stdHj:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_stdHj:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdHj:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdHj:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdHj:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdHj);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdHj:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdHj);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdHj:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdHj:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 학습창 학습 목표*/
#ebook_pages>div>[data-tooltip].icon_stdHm:before,
#ebook_pages>div>[data-tooltip].icon_stdHm:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdHm:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdHm);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdHm:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdHm);}
#ebook_pages>div>[data-tooltip].icon_stdHm:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_stdHm:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdHm:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdHm:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdHm:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdHm);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdHm:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdHm);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdHm:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdHm:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 학습창 참고 자료*/
#ebook_pages>div>[data-tooltip].icon_stdJy:before,
#ebook_pages>div>[data-tooltip].icon_stdJy:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdJy:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdJy);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdJy:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdJy);}
#ebook_pages>div>[data-tooltip].icon_stdJy:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_stdJy:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdJy:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdJy:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdJy:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdJy);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdJy:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdJy);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdJy:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdJy:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 학습창 활동*/
#ebook_pages>div>[data-tooltip].icon_stdHd:before,
#ebook_pages>div>[data-tooltip].icon_stdHd:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdHd:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdHd);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdHd:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdHd);}
#ebook_pages>div>[data-tooltip].icon_stdHd:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_stdHd:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdHd:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdHd:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdHd:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdHd);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdHd:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdHd);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdHd:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdHd:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 학습창 생각 열기*/
#ebook_pages>div>[data-tooltip].icon_stdSy:before,
#ebook_pages>div>[data-tooltip].icon_stdSy:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdSy:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdSy);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdSy:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdSy);}
#ebook_pages>div>[data-tooltip].icon_stdSy:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_stdSy:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdSy:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdSy:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdSy:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdSy);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdSy:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdSy);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdSy:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdSy:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 학습창 음원*/
#ebook_pages>div>[data-tooltip].icon_eMp3:before,
#ebook_pages>div>[data-tooltip].icon_eMp3:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eMp3:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eMp3);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eMp3:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eMp3);}
#ebook_pages>div>[data-tooltip].icon_eMp3:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_eMp3:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMp3:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMp3:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMp3:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eMp3);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMp3:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eMp3);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMp3:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMp3:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 학습창 음원 아이콘 작은거*/
#ebook_pages>div>[data-tooltip].icon_eMp3Small:before,
#ebook_pages>div>[data-tooltip].icon_eMp3Small:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eMp3Small:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eMp3Small);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eMp3Small:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eMp3Small);}
#ebook_pages>div>[data-tooltip].icon_eMp3Small:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_eMp3Small:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMp3Small:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMp3Small:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMp3Small:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eMp3Small);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMp3Small:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eMp3Small);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMp3Small:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMp3Small:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 학습창 노래 익히기*/
#ebook_pages>div>[data-tooltip].icon_stdSing:before,
#ebook_pages>div>[data-tooltip].icon_stdSing:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdSing:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdSing);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdSing:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdSing);}
#ebook_pages>div>[data-tooltip].icon_stdSing:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_stdSing:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdSing:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdSing:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdSing:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdSing);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdSing:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdSing);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdSing:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdSing:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 학습창 연주 익히기*/
#ebook_pages>div>[data-tooltip].icon_stdInst:before,
#ebook_pages>div>[data-tooltip].icon_stdInst:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdInst:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdInst);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdInst:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdInst);}
#ebook_pages>div>[data-tooltip].icon_stdInst:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_stdInst:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdInst:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdInst:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdInst:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdInst);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdInst:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdInst);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdInst:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdInst:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 학습창 평가하기*/
#ebook_pages>div>[data-tooltip].icon_stdPg:before,
#ebook_pages>div>[data-tooltip].icon_stdPg:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdPg:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdPg);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdPg:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdPg);}
#ebook_pages>div>[data-tooltip].icon_stdPg:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_stdPg:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdPg:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdPg:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdPg:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdPg);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdPg:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdPg);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdPg:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdPg:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 학습창 애니메이션*/
#ebook_pages>div>[data-tooltip].icon_eAni:before,
#ebook_pages>div>[data-tooltip].icon_eAni:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eAni:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eAni);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eAni:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eAni);}
#ebook_pages>div>[data-tooltip].icon_eAni:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_eAni:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eAni:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eAni:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eAni:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eAni);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eAni:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eAni);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eAni:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eAni:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 학습창 동영상 학습창*/
#ebook_pages>div>[data-tooltip].icon_stdMovi:before,
#ebook_pages>div>[data-tooltip].icon_stdMovi:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdMovi:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdMovi);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdMovi:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdMovi);}
#ebook_pages>div>[data-tooltip].icon_stdMovi:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_stdMovi:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdMovi:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdMovi:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdMovi:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdMovi);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdMovi:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdMovi);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdMovi:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdMovi:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}



/*이북 학습창 인포그래픽*/
#ebook_pages>div>[data-tooltip].icon_stdIg:before,
#ebook_pages>div>[data-tooltip].icon_stdIg:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdIg:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdIg);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdIg:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdIg);}
#ebook_pages>div>[data-tooltip].icon_stdIg:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_stdIg:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdIg:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdIg:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdIg:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdIg);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdIg:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdIg);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdIg:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdIg:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 학습창 내용 요약*/
#ebook_pages>div>[data-tooltip].icon_stdNy:before,
#ebook_pages>div>[data-tooltip].icon_stdNy:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdNy:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdNy);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_stdNy:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdNy);}
#ebook_pages>div>[data-tooltip].icon_stdNy:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_stdNy:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdNy:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdNy:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdNy:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-stdNy);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdNy:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-stdNy);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdNy:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_stdNy:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}







/*이북 이북 이동 툴팁*/
#ebook_pages>div>[data-tooltip].icon_eMove:before,
#ebook_pages>div>[data-tooltip].icon_eMove:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eMove:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eMove);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eMove:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eMove);}
#ebook_pages>div>[data-tooltip].icon_eMove:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_eMove:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8.5px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMove:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMove:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMove:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eMove);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMove:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eMove);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMove:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eMove:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8.5px}

/*이북 링크 툴팁*/
#ebook_pages>div>[data-tooltip].icon_eLink:before,
#ebook_pages>div>[data-tooltip].icon_eLink:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eLink:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eLink);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eLink:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eLink);}
#ebook_pages>div>[data-tooltip].icon_eLink:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_eLink:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eLink:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eLink:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eLink:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eLink);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eLink:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eLink);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eLink:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eLink:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/*이북 링크 툴팁*/
#ebook_pages>div>[data-tooltip].icon_OpenPPTred:before,
#ebook_pages>div>[data-tooltip].icon_OpenPPTred:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_OpenPPTred:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-OpenPPTred);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_OpenPPTred:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-OpenPPTred);}
#ebook_pages>div>[data-tooltip].icon_OpenPPTred:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_OpenPPTred:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_OpenPPTred:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_OpenPPTred:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_OpenPPTred:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-OpenPPTred);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_OpenPPTred:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-OpenPPTred);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_OpenPPTred:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_OpenPPTred:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}


/*이북 투명 이동버튼 툴팁*/
#ebook_pages>div>[data-tooltip].icon_eTrsMove:before,
#ebook_pages>div>[data-tooltip].icon_eTrsMove:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eTrsMove:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eTrsMove);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eTrsMove:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eTrsMove);}
#ebook_pages>div>[data-tooltip].icon_eTrsMove:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_eTrsMove:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eTrsMove:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eTrsMove:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eTrsMove:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eTrsMove);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eTrsMove:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eTrsMove);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eTrsMove:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eTrsMove:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}


/*이북 투명 용어 설명 툴팁*/
#ebook_pages>div>[data-tooltip].icon_eTrsTerms:before,
#ebook_pages>div>[data-tooltip].icon_eTrsTerms:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eTrsTerms:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eTrsTerms);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eTrsTerms:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eTrsTerms);}
#ebook_pages>div>[data-tooltip].icon_eTrsTerms:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>[data-tooltip].icon_eTrsTerms:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eTrsTerms:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eTrsTerms:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eTrsTerms:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eTrsTerms);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eTrsTerms:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eTrsTerms);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eTrsTerms:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-34px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eTrsTerms:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}


/*이북 투명 용어 설명 툴팁*/
#ebook_pages>div>[data-tooltip].icon_eTxt:before,
#ebook_pages>div>[data-tooltip].icon_eTxt:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eTxt:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eTxt);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>[data-tooltip].icon_eTxt:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eTxt);}
#ebook_pages>div>[data-tooltip].icon_eTxt:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-30px;}
#ebook_pages>div>[data-tooltip].icon_eTxt:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-5px}

#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eTxt:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eTxt:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:14px;font-family:'pretendard-SB';letter-spacing:-1px;pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eTxt:before{content:attr(data-tooltip);height:26px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:var(--color-ebook-tool-txt);background:var(--color-ebook-tool-eTxt);box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);pointer-events: none;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eTxt:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid var(--color-ebook-tool-eTxt);}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eTxt:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-30px;}
#ebook_pages>div>.scaleup_wrap [data-tooltip].icon_eTxt:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-5px}


/*특수 문자 문제로 폰트 교체*/
#ebook_pages>div>div#full_bg [data-tooltip].nseb:before,
#ebook_pages>div>div#full_bg [data-tooltip].nseb:after,
#ebook_pages>div>.scaleup_wrap [data-tooltip].nseb:before,
#ebook_pages>div>.scaleup_wrap [data-tooltip].nseb:after,
#ebook_pages>div>[data-tooltip].nseb:before,
#ebook_pages>div>[data-tooltip].nseb:after{font-family:'nseb' !important;letter-spacing: 0;}


/******************************************************************/
/********** [ 1. #page_home: 홈 화면. load "home.html" ] **********/
/******************************************************************/

/***** #direct: 바로 가기 *****/
#direct{position: absolute;left:50%;top:0; width:2520px;height:100%; background-color:rgba(0,0,0,0.8); display: none; align-items: center; justify-content: center;margin-left:-1260px;z-index: 100;}
#direct >button{font-size:60px;padding:10px 40px;border:1px solid #333;background:#0b6c8f;color:#fff;border-radius: 20px;}



/*****************************************************************/
/********** [ 2. #page_ebook: 이북. load "ebook.html" ] **********/
/*****************************************************************/

/*** 과목별 메뉴 위치 조정 ***/
body[data-bcode="mmusic1"] #ebook_lnb_wrap,
body[data-bcode="mmusic2"] #ebook_lnb_wrap,
body[data-bcode="hmusic"] #ebook_lnb_wrap,
body[data-bcode="mart1"] #ebook_lnb_wrap,
body[data-bcode="mart2"] #ebook_lnb_wrap,
body[data-bcode="mped1"] #ebook_lnb_wrap,
body[data-bcode="mped2"] #ebook_lnb_wrap { left: 176px; }

body[data-bcode="mped1"] #ebook_lnb_wrap,
body[data-bcode="mped2"] #ebook_lnb_wrap,
body[data-bcode="mcvs"] #ebook_lnb_wrap,
body[data-bcode="hcvs"] #ebook_lnb_wrap,
body[data-bcode="mthe1"] #ebook_lnb_wrap,
body[data-bcode="mthe2"] #ebook_lnb_wrap,
body[data-bcode="hthe"] #ebook_lnb_wrap { left: 144px; }

#page_ebook{will-change: initial;}
#page_ebook .background, #page_pds .background{position: absolute;left: 50%;top: 0;width:5000px;height:100%;background:#dbdbdb;margin-left:-2500px}

/***** #ebook_lnb: 왼쪽 메뉴 모음 *****/
/* #ebook_lnb_wrap::-webkit-scrollbar, #ebook_lnb_wrap::-moz-scrollbar { display: none; } */
#ebook_lnb_wrap { position: absolute; width: calc(var(--size-menu-width)*2 + 20px); height: var(--size-menu-height); left: 147px; top: 0px; margin: 0; padding: 0; overflow: hidden; }

/*** scroll: begin ***/
#ebook_lnb>.scroll-wrap { position: relative; margin: 0; padding: 0; border: 0; }
#ebook_lnb:not(.mid)>.scroll-wrap>.scroll-body { position: relative; width: calc(100% + 12px); height: calc(1080px - 64px); overflow-y: scroll; overflow-x: hidden;
  -ms-overflow-style: none;
  /*scrollbar-width: none;
  scrollbar-color: transparent transparent;*/}
#ebook_lnb>.scroll-wrap>.scroll-body::-webkit-scrollbar { width: 8px; }
#ebook_lnb>.scroll-wrap>.scroll-body::-webkit-scrollbar-track { border-radius: 4px; background-color: rgb(256 256 256/0.0); }
#ebook_lnb>.scroll-wrap>.scroll-body::-webkit-scrollbar-thumb { border-radius: 4px; background-color: var(--color-menu-scroll); }
#ebook_lnb>.scroll-wrap>.scroll-body::-webkit-scrollbar-thumb:hover { border: 0px; background-color: var(--color-menu-scroll-active); }
#ebook_lnb>.scroll-wrap>.scroll-body::-webkit-scrollbar-button { width: 0; height: 24px; }
/*** scroll: end ***/

#ebook_lnb{ position: absolute; width: var(--size-menu-width); height: 100%; left: calc(0px - var(--size-menu-width)); background: var(--color-menu-bg-light); z-index: 101; }
#ebook_lnb_wrap.open #ebook_lnb{ box-shadow: 4px 0px 8px rgb(0 0 0/0.2); }
#ebook_lnb.mid>.sub-bg { position: absolute; width: 0px; height: 100%; left: calc(var(--size-menu-width) - 1px); background: #dde0e5; }
#ebook_lnb.mid>.sub-bg.nosub,
#ebook_lnb.bookmark_bg>.sub-bg { background: #dde0e500; pointer-events: none; }
#ebook_lnb_wrap.launch #ebook_lnb.mid>.sub-bg { width: var(--size-menu-width);
  transition: all 0.3s; will-change: auto;
	-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
#ebook_lnb>em{position: absolute; cursor: pointer;  right: 22px; top: 14px; background: transparent; width: 36px; height: 36px; z-index: 2;}

/*#ebook_lnb.bookmark_bg{background:#fff;}*/

/*** #ebook_lnb > #lnb_title: 왼쪽 메뉴 버튼 ***/
#lnb_title{position: relative; display: block; width: 100%; height: 64px; background: var(--color-menu-bg-top) url(../img/common/lnb_top.png) no-repeat center; z-index: 2; }
body[data-bcode="mart1"] #lnb_title,
body[data-bcode="mart2"] #lnb_title { background-image: url(../img/common/violet/lnb_top.png); }
#lnb_title h2 { position: absolute; display: none; }

/* #lnb_title>ul{position:absolute; right:-101px; top:0; background: url(../img/common/menu_bg.png) no-repeat 0px center; } */
#lnb_title>ul li{font-size: 0; margin: 0; padding: 0;}
#lnb_title>ul li button{width:101px; height:98px; background-repeat: no-repeat; background-position:center center; position:relative;}

/*** #ebook_lnb > .menu_list: 목록 ***/
/*lnb menu*/
#ebook_lnb { /* dummy. I don't know why, but to avoid making bug, you need it. */}

#ebook_lnb .menu_list{ /*width: calc(100% + 17px);*/ width: 100%; height: auto; color:#fff; margin: 15px 0; padding: 0; }

#ebook_lnb .menu_list>li{position:relative; margin-bottom: 0px;}
#ebook_lnb .menu_list li.dimmed{display: none;}
#ebook_lnb .menu_list li.on a { position: absolute; display: block; width: 24px; height: 24px; right: 10px; top: calc(28px - 12px); background-color: #fff; cursor: pointer; }

#ebook_lnb .menu_list>li>h3{position: relative; width: 100%; height: 66px; padding: 10px 0 0 32px; margin: 0; font-family: 'tantan'; font-size: 30px; line-height: 1.4; color: var(--color-menu-title); z-index: 1; cursor: pointer;}
#ebook_lnb .menu_list>li>h3:hover,
#ebook_lnb .menu_list>li>h3.active { color: var(--color-menu-title-active); }

#ebook_lnb .menu_list>li>h3::after { content: ''; position: absolute; display: block; right: 32px; top: 22px; width: 20px; height: 14px; background: url(../img/common/menu_bullet.png) no-repeat center; opacity: 0.6; }
#ebook_lnb .menu_list>li>h3:hover::after { opacity: 1.0; }
#ebook_lnb .menu_list>li>h3.active::after { background: url(../img/common/menu_bullet_on.png) no-repeat center; }

#ebook_lnb .menu_list>li>h3>.roman { margin-right: 8px; font-family: "binggrae-B"; }
#ebook_lnb .menu_list>li>h3>.roman.roman1 { letter-spacing: -3px; margin-left: 3px; margin-right: 10px; }
#ebook_lnb .menu_list>li>h3>.numeric { margin-right: 8px; font-family: "binggrae-B"; }

#ebook_lnb .menu_list>li>h3>button{display:none;width:32px; height:32px; background:url(../img/common/ico_shortcut.png) 0 0 no-repeat;vertical-align: middle; margin-left: 15px;}

/* depth 2, NO middle chapter */
#ebook_lnb .menu_list>li>ol{ position:relative; width:calc(100% - 66px); margin: 0px 0px 26px 32px; padding: 16px 0px 16px 18px; border-radius: 16px; /*overflow: hidden;*/ background: var(--color-menu-bg); }
#ebook_lnb:not(.mid) .menu_list>li>ol>li{ position: relative; }

#ebook_lnb .menu_list>li>ol>li>h4,
#ebook_lnb .menu_list>li>ol>li>button{position: relative; width: calc(100% - 16px); height: auto; padding: 10px 16px 9px 54px; margin: 1px 0; color: var(--color-menu-text); font-family: "omb"; font-size: 25px; line-height: 1.4; text-indent: 0px; word-break: keep-all; border-radius: 25px;}
#ebook_lnb .menu_list>li>ol>li>button>span:not(.bullet):not(.text) { display: none; }
#ebook_lnb .menu_list>li>ol>li>button>span.bullet { position: absolute; display: block; width: 12px; height: 12px; margin: 11px 0 0 -34px; border-radius: 50%; background-color: var(--color-menu-bullet); }
#ebook_lnb .menu_list>li>ol>li>button>span.bullet.no { width: 36px; height: 36px; padding-top: 3px; margin: -1px 0 0 -46px; color: var(--color-menu-bg); font-family: "omb"; font-size: 23px; line-height: 1.4; text-align: center; }
#ebook_lnb .menu_list>li>ol>li>button>span.text { position: relative; display: inline-block; font-family: inherit; }
#ebook_lnb .menu_list>li>ol>li.nobullet>button { padding-left: 14px; }
#ebook_lnb .menu_list>li>ol>li.nobullet .bullet { display: none; }
#ebook_lnb .menu_list>li>ol>li>button>span.text>span.roman { margin-right: 6px; /*16px;*/ font-family: "binggrae-B"; vertical-align: middle; }
#ebook_lnb .menu_list>li>ol>li>button>span.text>span.roman.roman1 { margin-right: 0px; }

body[data-bcode="hcvs"] #ebook_lnb .menu_list>li>ol>li>button>span.text>span.roman,
body[data-bcode="mcvs"] #ebook_lnb .menu_list>li>ol>li>button>span.text>span.roman { margin-right: 2px; }
body[data-bcode="hcvs"] #ebook_lnb .menu_list>li>ol>li>button>span.text>span.roman.roman1,
body[data-bcode="mcvs"] #ebook_lnb .menu_list>li>ol>li>button>span.text>span.roman.roman1 { margin-right: -2px; }

#ebook_lnb .menu_list>li>ol>li>button:hover,
#ebook_lnb .menu_list>li>ol>li>button.active { background-color: var(--color-menu-bg-active); }
#ebook_lnb .menu_list>li>ol>li>button:hover>span.bullet,
#ebook_lnb .menu_list>li>ol>li>button.active>span.bullet { color: var(--color-menu-bullet-active-text); background-color: var(--color-menu-bullet-active); }
#ebook_lnb .menu_list>li>ol>li>button:hover>span.text,
#ebook_lnb .menu_list>li>ol>li>button.active>span.text { color: var(--color-menu-text-active); }

/* depth 2 with middle chapter */
#ebook_lnb .menu_list>li>ol>li>h4,
#ebook_lnb .menu_list>li>ol>li.nosub>h4>button{position: relative; width: calc(100% - 16px); height: auto; padding: 10px 16px 9px 54px; margin: 1px 0; color: var(--color-menu-text); font-family: "omb"; font-size: 25px; line-height: 1.4; text-indent: 0px; word-break: keep-all; border-radius: 25px; cursor: pointer;}
#ebook_lnb .menu_list>li>ol>li.nosub>h4 { position: relative; padding: 0; margin: 0; border: 0; }

#ebook_lnb .menu_list>li>ol>li>h4:hover,
#ebook_lnb .menu_list>li>ol>li>h4.active,
#ebook_lnb .menu_list>li>ol>li>h4>button:hover,
#ebook_lnb .menu_list>li>ol>li>h4.active>button{color: var(--color-menu-text-active); background-color: var(--color-menu-bg-active);  /*z-index: 1;*/}

#ebook_lnb_wrap #ebook_lnb.mid .menu_list>li>ol>li:not(.nosub)>h4::after {
  content: "";
  position: absolute;
  width: 0px;
  height: 48px;
  right: -120px;
  top: calc(50% - 24px);
  background: url(../img/common/lnb_tail.png) no-repeat 0px center;

  opacity: 0;

  transition: var(--fx); will-change: auto;
	-webkit-transition: var(--fx);
  -moz-transition: var(--fx);
}
#ebook_lnb_wrap.launch #ebook_lnb.mid .menu_list>li>ol>li>h4.active::after {
  animation: fx-tail 0.6s ease-out forwards;
}

#ebook_lnb .menu_list>li>ol>li>h4:hover>span.bullet,
#ebook_lnb .menu_list>li>ol>li>h4:hover>span.bullet.no,
#ebook_lnb .menu_list>li>ol>li>h4.active>span.bullet,
#ebook_lnb .menu_list>li>ol>li>h4.active>span.bullet.no,
#ebook_lnb .menu_list>li>ol>li>h4>button:hover>span.bullet,
#ebook_lnb .menu_list>li>ol>li>h4>button:hover>span.bullet.no,
#ebook_lnb .menu_list>li>ol>li>h4.active>button>span.bullet,
#ebook_lnb .menu_list>li>ol>li>h4.active>button>span.bullet.no { color: var(--color-menu-bullet-active-text); background-color: var(--color-menu-bullet-active);}

#ebook_lnb .menu_list>li>ol>li>h4 span:not(.bullet):not(.text) { display: none; }
#ebook_lnb .menu_list>li>ol>li>h4 span.bullet { position: absolute; display: block; width: 12px; height: 12px; margin: 10px 0 0 -34px; border-radius: 50%; background-color: var(--color-menu-bullet); }
#ebook_lnb .menu_list>li>ol>li>h4 span.bullet.no { width: 36px; height: 36px; padding-top: 3px; margin: -1px 0 0 -46px; color: var(--color-menu-bg); font-family: "omb"; font-size: 23px; line-height: 1.4; text-align: center; }
#ebook_lnb .menu_list>li>ol>li>h4 span.text { position: relative; display: inline-block; font-family: inherit; }

/* depth 3 */
#ebook_lnb .menu_list>li>ol>li>ol,
#ebook_lnb .menu_list>li>ol>li>div.scroll-wrap {position: absolute; width: var(--size-3rd-menu-width); left: calc(100% + 33px + 25px); top: 0px; margin: 0; padding: 14px 0px 14px 18px; border-radius: 16px; background-color: var(--color-3rd-menu-bg);}
#ebook_lnb .menu_list>li:nth-child(1)>ol>li>ol,
#ebook_lnb .menu_list>li:nth-child(1)>ol>li>div.scroll-wrap {top: -84px;}
#ebook_lnb .menu_list>li:nth-child(2)>ol>li>ol,
#ebook_lnb .menu_list>li:nth-child(2)>ol>li>div.scroll-wrap {top: -150px;}
#ebook_lnb .menu_list>li:nth-child(3)>ol>li>ol,
#ebook_lnb .menu_list>li:nth-child(3)>ol>li>div.scroll-wrap {top: -216px;}
#ebook_lnb .menu_list>li:nth-child(4)>ol>li>ol,
#ebook_lnb .menu_list>li:nth-child(4)>ol>li>div.scroll-wrap {top: -282px;}

#ebook_lnb.mid .menu_list>li>ol>li.nosub>ol { opacity: 0; pointer-events: none; }

#ebook_lnb.mid .menu_list>li>ol>li>ol>li {position: relative;}

#ebook_lnb .menu_list>li>ol>li ol>li>button{position: relative; width: calc(100% - 18px); height: auto; padding: 8px 16px 6px 42px; margin: 1px 0; border-radius: 30px; }
#ebook_lnb .menu_list>li>ol>li ol>li:not(.sub)>button::before { content: ""; position: absolute; display: block; width: 8px; height: 8px; margin: 13px 0 0 -22px; border-radius: 50%; background-color: var(--color-3rd-menu-bullet); }

#ebook_lnb .menu_list>li>ol>li ol>li>button:hover,
#ebook_lnb .menu_list>li>ol>li ol>li>button.active{ background: var(--color-3rd-menu-bg-active); }
#ebook_lnb .menu_list>li>ol>li ol>li>button>span{display: none;}
#ebook_lnb .menu_list>li>ol>li ol>li>button>em{color: var(--color-3rd-menu-text); font-family: "omb"; font-size: 25px; line-height: 1.4; text-indent: 0px; word-break: keep-all;}

#ebook_lnb .menu_list>li>ol>li ol>li>button.active>em,
#ebook_lnb .menu_list>li>ol>li ol>li:hover>button>em{color: var(--color-3rd-menu-text-active);}
#ebook_lnb .menu_list>li>ol>li ol>li>button.active::before,
#ebook_lnb .menu_list>li>ol>li ol>li:hover>button::before{background-color: var(--color-3rd-menu-text-active);}

/*** 4th depth ***/
#ebook_lnb .menu_list>li>ol>li ol>li.sub>button{padding: 6px 16px 3px 64px; border-radius: 20px; }
#ebook_lnb .menu_list>li>ol>li ol>li.sub>button::before { content: ""; position: absolute; display: block; width: 8px; height: 8px; margin: 10px 0 0 -22px; border-radius: 50%; background-color: var(--color-3rd-menu-bullet); }
#ebook_lnb .menu_list>li>ol>li ol>li.sub>button>em{font-size: 22px;}
#ebook_lnb .menu_list>li>ol>li ol>li.sub>button.active::before,
#ebook_lnb .menu_list>li>ol>li ol>li.sub:hover>button::before {background-color: var(--color-3rd-menu-bullet-active);}
#ebook_lnb .menu_list>li>ol>li ol>li.after-sub>button{margin-top: 20px;}

/*** scroll ***/
#ebook_lnb .menu_list>li>ol>li>div.scroll-wrap { padding: 0px 0px 0px 18px; }
#ebook_lnb .menu_list>li>ol>li>div.scroll-wrap ol {position: relative; left: 0px; top: 0px; margin: 0; padding: 0;}
#ebook_lnb .menu_list>li>ol>li>div.scroll-wrap ol>li>button { width: calc(100% - 8px); }

#ebook_lnb .menu_list>li>ol>li>div.scroll-wrap>.scroll-body { position: relative; width: calc(100% - 8px); left: 0px; top: 0px; margin: 0; padding: 16px 0; height: 992px; overflow-y: scroll; overflow-x: hidden;
  -ms-overflow-style: none;
}
#ebook_lnb .menu_list>li>ol>li>div.scroll-wrap>.scroll-body::-webkit-scrollbar { width: 8px; }
#ebook_lnb .menu_list>li>ol>li>div.scroll-wrap>.scroll-body::-webkit-scrollbar-track { border-radius: 4px; background-color: rgb(256 256 256/0.0); }
#ebook_lnb .menu_list>li>ol>li>div.scroll-wrap>.scroll-body::-webkit-scrollbar-track:hover { background-color: var(--color-3rd-menu-scroll); }
#ebook_lnb .menu_list>li>ol>li>div.scroll-wrap>.scroll-body::-webkit-scrollbar-thumb { border-radius: 4px; background-color: var(--color-3rd-menu-scroll); }
#ebook_lnb .menu_list>li>ol>li>div.scroll-wrap>.scroll-body::-webkit-scrollbar-thumb:hover { border: 0px; background-color: var(--color-3rd-menu-scroll-active); }
#ebook_lnb .menu_list>li>ol>li>div.scroll-wrap>.scroll-body::-webkit-scrollbar-button { width: 0; height: 16px; }

/*** 예외: music ***/
body[data-bcode="mmusic1"] #ebook_lnb .menu_list>li>ol>li ol>li:not(.sub)>button,
body[data-bcode="mmusic2"] #ebook_lnb .menu_list>li>ol>li ol>li:not(.sub)>button,
body[data-bcode="hmusic"] #ebook_lnb .menu_list>li>ol>li ol>li:not(.sub)>button { padding-left: 18px; }

body[data-bcode="mmusic1"] #ebook_lnb .menu_list>li>ol>li ol>li:not(.sub)>button::before,
body[data-bcode="mmusic2"] #ebook_lnb .menu_list>li>ol>li ol>li:not(.sub)>button::before,
body[data-bcode="hmusic"] #ebook_lnb .menu_list>li>ol>li ol>li:not(.sub)>button::before { display: none; }

/*** 예외: 기술과정 ***/
body[data-bcode="mthe1"] #ebook_lnb .menu_list>li ol>li.sub>button>span.text,
body[data-bcode="mthe2"] #ebook_lnb .menu_list>li ol>li.sub>button>span.text,
body[data-bcode="hthe"] #ebook_lnb .menu_list>li ol>li.sub>button>span.text { margin-left: 56px; text-indent: -56px; word-break: keep-all; }

/*** #ebook_lnb > .bookmark: 북마크 ***/
#ebook_lnb.bookmark_bg #lnb_title { background: var(--color-menu-bg-top) url(../img/common/bookmark_top.png) no-repeat center; }
#ebook_lnb.bookmark_bg #lnb_title h2 { display: block; width: calc(100% - 40px); height: 96px; left: 20px; top: 84px; padding: 4px 16px 0px 28px; border-radius: 20px; background-color: #e4f2fb;
  color: #222;
  font-family: "omb";
  font-size: 25px;
  letter-spacing: -1px;
  line-height: 0.8;
}

body[data-bcode="mart1"] #ebook_lnb.bookmark_bg #lnb_title h2,
body[data-bcode="mart2"] #ebook_lnb.bookmark_bg #lnb_title h2 { background-color: #f6effc; }

#ebook_lnb.bookmark_bg #lnb_title h2>span.icon { position: relative; display: inline-block; width: 39px; height: 54px; margin: 0 4px; background: url(../img/common/bookmark_image.png) no-repeat 0 0/contain;
  line-height: 1.0; vertical-align: middle;
}
#ebook_lnb.bookmark_bg #lnb_title button.del_bookmark_all {
  position: absolute; width: 135px; height: 37px; right: 64px; top: 13px; background: url(../img/common/btn_bookmark_clear.png) no-repeat center;
}

#ebook_lnb .bookmark { display: none; padding: 30px 0px 30px 60px; margin-top: 110px; margin-right: 20px; }
#ebook_lnb .bookmark.over { overflow-y: scroll; height: calc(100% - 174px);
  -ms-overflow-style: none; /* IE 11 */
  /*scrollbar-width: none;*/ /* Firefox 64 */
  /*scrollbar-color: transparent transparent;*/ }
/* #ebook_lnb .bookmark.over:after { height: 28px; } */

/* scrollbar */
#ebook_lnb .bookmark::-webkit-scrollbar { width: 10px; }
#ebook_lnb .bookmark::-webkit-scrollbar-track { border-radius: 5px; background-color: #e4f2fb; }
#ebook_lnb .bookmark::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #5bacdb; }
#ebook_lnb .bookmark::-webkit-scrollbar-thumb:hover { background-color: #006097; }
#ebook_lnb .bookmark::-webkit-scrollbar-button { width: 0; height: 30px; }

#ebook_lnb .bookmark:after {content: ""; display: block; clear: both;}
#ebook_lnb .bookmark>li:not(.none) {float: left; width: 128px; height: 164px; border: 1px solid #e5e5e5; margin-right: 30px; position: relative; }
#ebook_lnb .bookmark>li:not(.none):before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.4);}
#ebook_lnb .bookmark>li:not(.none):nth-child(3n) {margin-right: 0; }
#ebook_lnb .bookmark>li+li+li+li {margin-top: 20px; }
#ebook_lnb .bookmark>li>p { font-family: "omb"; font-size: 40px; letter-spacing: -1px; position: absolute; width: 100%; height: 100%; text-align: center; line-height: 165px; cursor: pointer; }
#ebook_lnb .bookmark>li>button {position: absolute; width: 25px; height: 25px; right: 5px; top: 5px; background: url(../img/common/bookmark_del.png) 0 0 no-repeat; z-index: 1; }
#ebook_lnb .bookmark>li button:hover {background-position-y: -25px; }
#ebook_lnb .bookmark>li:not(.none):hover {border: 1px solid #1e90d2; }
#ebook_lnb .bookmark>li:not(.none):hover:before {background: rgba(255, 255, 153, 0.5); border: 3px solid #1e90d2; }

#ebook_lnb .bookmark>li.none { width: calc(100% - 16px); height: auto; color: #fff; text-align: center; font-size: 24px; font-weight: 500; line-height: 1.6; padding: 20px 20px; border-radius: 24px; background-color: var(--color-ui-key); }
#ebook_lnb .bookmark>li.none>span.icon { display: inline-block; width: 59px; height: 72px; vertical-align: middle; background: url(../img/common/ico_bookmark.png) 0 0 no-repeat; }

/* #thumb_title: 북마크 정보 팝업 */
#thumb_title {position: absolute; min-width: 390px; background: #ebf7fd; display : block !important; /*top: -113px;*/ bottom: -4px; left: -12px; z-index: 2; padding: 8px; border: 2px solid #1e90d2; border-radius: 16px; pointer-events: none; }
.bookmark.over li>#thumb_title{bottom: -8px;}
.bookmark.over li:nth-child(3n+2)>#thumb_title{left: -120px;}
.bookmark.over li:nth-child(3n)>#thumb_title{left: auto; right: -18px;}

/* #thumb_title:before {content: ""; position: absolute; top: -19px; left: 40px; margin-left: 0px; border-width: 10px; border-style: solid; border-color: transparent transparent #051f29 #051f29; } */
#thumb_title:before {content: ""; position: absolute; left: 40px; top: -17px; width: 17px; height: 18px; background: url(../img/common/bookmark_tail.png) no-repeat 0 0; }
.bookmark.over li:nth-child(3n+2)>#thumb_title:before{left: calc(50% - 48px);}
.bookmark.over li:nth-child(3n)>#thumb_title:before{left: auto; right: 94px;}

#thumb_title h3 {background: #1e90d2; color: #fff; font-family: "omb"; font-size: 23px; letter-spacing: -.5px; line-height: 1.2; padding: 10px 20px 8px; border-radius: 8px; }
#thumb_title h3>.roman,
#thumb_title h3>.numeric { font-family: "binggrae-B"; line-height: 1.2; vertical-align: top; margin-right: 8px;}

/* #thumb_title h4 {font-size: 22px; color: rgba(255,255,255,0.6); letter-spacing: -.5px; padding: 10px 25px; } */
#thumb_title h5 {font-size: 20px; color: #222; font-family: "omb"; letter-spacing: -.5px; line-height: 1.2; padding: 10px 10px 8px 20px; }

/*** variations : 중미술1, 중미술2 violet ***/
body[data-bcode="mart1"] #ebook_lnb.bookmark_bg #lnb_title,
body[data-bcode="mart2"] #ebook_lnb.bookmark_bg #lnb_title { background-image: url(../img/common/violet/bookmark_top.png); }
body[data-bcode="mart1"] #ebook_lnb.bookmark_bg #lnb_title button.del_bookmark_all,
body[data-bcode="mart2"] #ebook_lnb.bookmark_bg #lnb_title button.del_bookmark_all { background-image: url(../img/common/violet/btn_bookmark_clear.png); }

body[data-bcode="mart1"] #ebook_lnb .bookmark>li:not(.none):hover,
body[data-bcode="mart2"] #ebook_lnb .bookmark>li:not(.none):hover {border: 1px solid #995dc3; }
body[data-bcode="mart1"] #ebook_lnb .bookmark>li:not(.none):hover:before,
body[data-bcode="mart2"] #ebook_lnb .bookmark>li:not(.none):hover:before {background: rgba(255, 255, 153, 0.5); border: 3px solid #995dc3; }

body[data-bcode="mart1"] #thumb_title,
body[data-bcode="mart2"] #thumb_title { background-color: #f6effc; border: 2px solid #995dc3; }
body[data-bcode="mart1"] #thumb_title:before,
body[data-bcode="mart2"] #thumb_title:before { background: url(../img/common/violet/bookmark_tail.png); }

body[data-bcode="mart1"] #thumb_title h3,
body[data-bcode="mart2"] #thumb_title h3 { background-color: #995dc3; }

body[data-bcode="mart1"] #ebook_lnb .bookmark::-webkit-scrollbar-track,
body[data-bcode="mart2"] #ebook_lnb .bookmark::-webkit-scrollbar-track { border-radius: 5px; background-color: #f6effc; }
body[data-bcode="mart1"] #ebook_lnb .bookmark::-webkit-scrollbar-thumb,
body[data-bcode="mart2"] #ebook_lnb .bookmark::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #d1b4ea; }
body[data-bcode="mart1"] #ebook_lnb .bookmark::-webkit-scrollbar-thumb:hover,
body[data-bcode="mart2"] #ebook_lnb .bookmark::-webkit-scrollbar-thumb:hover { background-color: #995dc3; }


/*** #ebook_lnb > #page_go_ebook: 바로 가기 ***/
#page_go_ebook{position: absolute; left: 14px; bottom: 22px; width: 112px; height: 83px; background: url(../img/common/pagego_bg.png) 0 0 no-repeat; z-index: 5;}
body[data-bcode="mart1"] #page_go_ebook,
body[data-bcode="mart2"] #page_go_ebook { background-image: url(../img/common/violet/pagego_bg.png); }

#page_go_ebook.right{ left: auto; right: 12px;}
#page_go_ebook::before { content: '페이지 이동'; position: absolute; width: 100%; color: #333; font-family: 'pretendard-SB'; font-size: 18px; line-height: 1.2; text-align: center; margin-top: 8px; }
#page_go_ebook>input{width: 56px; height: 30px; margin: 40px 0 0 10px; font-family: "pretendard-M"; font-size: 20px; color: #333; text-align: center; vertical-align: middle; border: none; outline: none; background-color: transparent;}
#page_go_ebook input[type="number"]::-webkit-outer-spin-button,
#page_go_ebook input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
#page_go_ebook>button{position: absolute; width: 44px; height: 38px; right: 6px; bottom: 10px; font-size: 0; background: url(../img/common/pagego_button.png) no-repeat center; }
body[data-bcode="mart1"] #page_go_ebook>button,
body[data-bcode="mart2"] #page_go_ebook>button { background: url(../img/common/violet/pagego_button.png); }

#page_go_ebook>span.total{ display: none; }
#page_go_ebook>span.total{position: absolute; top: 83px; width: 46px; margin-left: -6px; font-family: "scdream-6"; font-size: 20px; letter-spacing: -0.5px; color: var(--color-black-text);}

/* #page_go_ebook.go .go_page:after{position:absolute;left:105px;content:attr(data-after);display:inline-block;width:100px;font-size:25px; line-height: 53px;}
#page_go_ebook.go span{display:block;}
#page_go_ebook.go{width:auto; height: auto; padding:15px; background: rgba(0,0,0,0.7); border-radius: 10px;}
#page_go_ebook.go>button{margin-left:80px;color: #fff; background: #ffd343; font-size: 21px; height: 48px; padding: 0 10px; font-weight: 500; border-radius: 13px; width: auto;}*/


/*** #ebook_lnb > #page_go_std: 최근 학습창으로 바로 가기 ***/
#page_go_std{display:none;position:absolute; top: 15px; left: 1833px; z-index: 1; width:82px; height:76px; background:url(../img/common/ico_stdgo.png) 0 0 no-repeat; z-index: 5;}
#page_go_std.go{display:none;}
#page_go_std>button{font-size:0; width:100%; height:100%;}


/*** #ebook_lnb > #p_left, #p_right: .this_page 내에 있는 개체 ***/
#p_left>p{right: 223px;}
#p_right>p{left: 223px;}
#p_right>p,#p_left>p{display:none;
	font-size: 300px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: red;
}
#p_left>h4{right: 297px;}
#p_right>h4{left: 297px;}

#p_right>h4,#p_left>h4{
	color: red;
  font-size: 35px;
  position: absolute;
  top: 315px;
}

/***** #ebook_lnb 주요 버튼들 *****/
/* Button of Bookmark: 이북 상단 북마크 지정 버튼 z-index: 100 */
#btn_bookmark_L,
#btn_bookmark_R {position: absolute; z-index: 112; width: 59px; height: 72px; background: url(../img/common/ico_bookmark.png) 0 0 no-repeat; top: 0px; }
#btn_bookmark_L.on,
#btn_bookmark_R.on {background-position-y: -72px; }
#btn_bookmark_L {left: 20px; }
#btn_bookmark_R {right: 20px; }

body[data-bcode="mart1"] #btn_bookmark_L,
body[data-bcode="mart1"] #btn_bookmark_R,
body[data-bcode="mart2"] #btn_bookmark_L,
body[data-bcode="mart2"] #btn_bookmark_R { background-image: url(../img/common/violet/ico_bookmark.png); }

/* Buttons of move: 이북 좌우 페이지 이동 버튼 */
#btn_prev,
#btn_next {position: absolute; width: 40px; height: 120px; z-index: 90; top: 50%; transform: translateY(-50%); cursor: pointer; }
#btn_prev {left: -60px; /*-32px;*/ background: url(../img/common/ico_arrowLeft.png) center center no-repeat; }
#btn_next {right: -60px; /*-32px;*/ background: url(../img/common/ico_arrowRight.png) center center no-repeat; }

body[data-bcode="mart1"] #btn_prev,
body[data-bcode="mart2"] #btn_prev { background-image: url(../img/common/violet/ico_arrowLeft.png); }
body[data-bcode="mart1"] #btn_next,
body[data-bcode="mart2"] #btn_next { background-image: url(../img/common/violet/ico_arrowRight.png); }


/** image loading 중 버튼 막기 **/
#page_ebook.loading #btn_prev,
#page_ebook.loading #btn_next { background: transparent; pointer-events: none; }


/***** #ebook_pages: 교과서 이미지 *****/
#ebook_pages{position: relative; left: 50%; margin-left: -791px; top: 10px; width: 1582px; height: 1043px; z-index: 1; touch-action: none; }

#ebook_pages>div {position: absolute; height: 100%; top: 0%; opacity: 1; background-size: 791px 100%; background-repeat: no-repeat; /*background-position: auto center;*/ will-change: auto;}

#ebook_pages>div.page { background-color: white; }
#ebook_pages>div.page>div {position: relative; width: 100%; height: 100%; margin: 0; }

/* shadowing inner of top_pages */
#this_left>div,
#prev_left>div {opacity: 0.3; background: url("../img/common/shadow_pageLeft_edge.png") right top repeat-y; }
#this_right>div,
#next_right>div {opacity: 0.3; background: url("../img/common/shadow_pageRight_edge.png") left top repeat-y; }

/* shadowing inner of bottom_pages */
#prev_right>div:first-child {opacity: 0.3; background: url("../img/common/shadow_pageRight_edge.png") left top repeat-y; }
#next_left>div:first-child {opacity: 0.3; background: url("../img/common/shadow_pageLeft_edge.png") right top repeat-y; }

/* shadowing outer of swipping pages edge */
#ebook_pages>div.swipping:nth-child(odd) {box-shadow: -10px 0 30px rgba(0, 0, 0, 50%); }

#ebook_pages>div.swipping:nth-child(even) {box-shadow: 10px 0 30px rgba(0, 0, 0, 50%); }

/* style of marker button */
#ebook_pages>div>div button.icon_caption {position: absolute; display: block; background-color: rgba(255,0,0,0.2); border: 0; width: 5%; height: 1%; overflow-x: hidden; cursor: pointer; padding: 10px 0; }

/*  #ebook_pages>div>div>span:hover button { opacity: 0.3; } */
#ebook_pages>div>div>span button.hit {opacity: 0.7; }

#ebook_pages>div>div.pc>span:hover button {opacity: 0.3 !important; }

#ebook_pages>div>div.pc>span button.hit {opacity: 0.7 !important; }


/* prev pages */
/* book Outside*/
#prev_left {z-index: 10; top: 0%; width: 50%; left: 0%; box-shadow: rgba(0, 0, 0, 50%) -10px 0 10px; }
#prev_left>div:last-child {float: left; opacity: 1; background: url("../img/common/book_edge_L.png") left top repeat-y; }
#prev_right {z-index: 30; top: 0%; width: 0%; left: 0%; background-position: right center; opacity: 0.3; }
#ebook_pages>#prev_left>div:last-child {opacity: 1; background: url("../img/common/book_edge_L.png") no-repeat; position: absolute; left: -22px; top: 0; background-size: cover; width: 22px; height:100%; }

/* this pages */
#this_left {z-index: 20; top: 0%; width: 50%; right: 50%; background-position: right center; background-image: url(""); }
#this_right {z-index: 20; top: 0%; width: 50%; left: 50%; background-image: url(""); }

/* next pages */
#next_left {z-index: 30; top: 0%; width: 0%; right: 0%; background-image: url(""); opacity: 0.3; }

/* book Outside*/
#next_right {z-index: 10; top: 0%; width: 50%; right: 0%; background-image: url(""); box-shadow: rgba(0, 0, 0, 50%) 10px 0 10px; }
#ebook_pages>#next_right>div:last-child {z-index: 1; opacity: 1; background: url("../img/common/book_edge_R.png") no-repeat; position: absolute; left: 100%; top: 0; background-size: cover; width: 22px; height:100%; }

/* answer pages */
#answer_left {z-index: 20; top: 0%; width: 50%; right: 50%; background-position: right center; background-image: url("");pointer-events: none;}
#answer_right {z-index: 20; top: 0%; width: 50%; left: 50%; background-image: url(""); pointer-events: none;}


/***** 학습창 이동 아이콘 *****/
#icons_full {top : 0; position: absolute; width: 100%; height: 100%;}
#ebook_pages>div>div#full_bg button,#ebook_pages>div>div#full_bg .icon_memo_new,#ebook_pages>div>div#full_bg .icon_link_new,#ebook_pages>div>div#full_bg .icon_memo,#ebook_pages>div>div#full_bg .icon_link{z-index: 121; position: absolute; width: 120px; height: 120px; margin : 15px 0 0 15px;  /* 아이콘 사이즈 줄여달라는 요청으로 위치값 일괄 조정 */ background-size: 100%; }
#ebook_pages>div#full_thumb {width : 120px; height : 165px; background : url("") 0 0 no-repeat; position : absolute; background-size : 100%; z-index : 12; right: -170px; top: 830px; background-color : white; padding: 0; display: none; }
#ebook_pages>div#full_thumb>button,#ebook_pages>div>div#full_thumb .icon_memo_new,#ebook_pages>div>div#full_thumb .icon_link_new,#ebook_pages>div>div#full_thumb .icon_memo,#ebook_pages>div>div#full_thumb .icon_link {width : 120px; height : 55px; margin: -2px 0 -3px 0; background-color : black; opacity : 0.5; position: left; display : inline-block; border : 1px dotted gray; }
#ebook_pages>div#full_thumb>button.on {opacity : 0; }

.icon_img{background: url(../img/common/ebook_icons/viewImg.png) 0 0 no-repeat; }
.icon_ani{background: url(../img/common/ebook_icons/animation.png) 0 0 no-repeat; }
.icon_video{background: url(../img/common/ebook_icons/video.png) 0 0 no-repeat; }
.icon_map{background: url(../img/common/ebook_icons/map.png) 0 0 no-repeat; }
.icon_ppt{background: url(../img/common/ebook_icons/ppt.png) 0 0 no-repeat; }

.icon_quiz{background: url(../img/common/ebook_icons/answer_on.png) 0 0 no-repeat; }
.icon_quiz:before{content:""; position:absolute; width:24px; height: 24px; border-radius: 50%; background:rgba(255,192,70,0.4); top:2px; left:7px; z-index: -1; animation: borderPulse 2s infinite}
.icon_quiz:after{content:""; position:absolute; width:8px; height: 8px; border-radius: 50%; background:#ff8746; top:10px; left:16px;animation: Pulse 2s infinite;}
#full_bg .icon_quiz:before{width:48px; height: 48px; top:4px; left:14px;}
#full_bg .icon_quiz:after{width: 16px; height: 16px; top:20px; left:32px;}

.icon_intro{background: url(../img/common/ebook_icons/answer_on.png) 0 0 no-repeat; }
.icon_add{background: url(../img/common/ebook_icons/supplement.png) 0 0 no-repeat; }
.icon_eye{position: absolute; width: 35px; height: 35px; background: url(../img/common/ebook_icons/eye.png) 0 0 no-repeat; background-size: 100%; }
.icon_eye.hidden{position: absolute; width: 35px; height: 35px; background: url(../img/common/ebook_icons/eye_off.png) 0 0 no-repeat; background-size: 100%; }
.icon_sound{background: url(../img/common/ebook_icons/sound.png) 0 0 no-repeat; }
.icon_sound.hidden{background: url(../img/common/ebook_icons/sound_off.png) 0 0 no-repeat; }
.icon_caption{background-color : rgba(255,0,0,0.2); position: relative; }
.icon_caption:before{content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 100%; position: absolute; top: -5px; left: -5px; background: #9aca46;}
.icon_caption.off:before{display:none;}

.icon_memo_new{border-radius: 15px; background:url(../img/common/ebook_icons/ico_memo.png) 0 0 no-repeat;  display:inline-block;}
.icon_link_new{border-radius: 15px; background:url(../img/common/ebook_icons/ico_link.png) 0 0 no-repeat;  display:inline-block;}
.icon_memo{border-radius: 15px; background:url(../img/common/ebook_icons/ico_memo.png) 0 0 no-repeat;  display:inline-block;}
.icon_link{border-radius: 15px; background:url(../img/common/ebook_icons/ico_link.png) 0 0 no-repeat; }

.icon_memo_new>span,.icon_link_new>span,.icon_memo>span,.icon_link>span{font-size:0; display: none;}

.icon_memo_new>em,.icon_link_new>em,.icon_memo>em, .icon_link>em {position:absolute; width:50px; height: 50px; border-radius: 50%; background:rgba(0,0,0,0.7); top:50%;left: 50%; margin-left: -25px; margin-top: -25px; border: 0px solid #000; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);-webkit-transition: -webkit-transform ease-out 200ms; transition: -webkit-transform ease-out 200ms; transition: transform ease-out 200ms; transition: transform ease-out 200ms, -webkit-transform ease-out 200ms; background-position: center center; background-repeat: no-repeat;}
	
.icon_memo_new>em:nth-of-type(1),.icon_link_new>em:nth-of-type(1),.icon_memo>em:nth-of-type(1),.icon_link>em:nth-of-type(1){background-image:url(../img/common/ico_linkmodify.png);} 
.icon_memo_new>em:nth-of-type(2),.icon_link_new>em:nth-of-type(2),.icon_memo>em:nth-of-type(2),.icon_link>em:nth-of-type(2){background-image:url(../img/common/ico_linkdel.png);}  
.icon_memo_new>em:nth-of-type(3),.icon_link_new>em:nth-of-type(3),.icon_memo>em:nth-of-type(3),.icon_link>em:nth-of-type(3){background-image:url(../img/common/ico_linkdrag.png);}  
.icon_memo_new>em:hover,.icon_memo_link>em:hover,.icon_link_new>em:hover,.icon_memo_link>em:hover,.icon_memo>em:hover,.icon_link>em:hover{animation: borderPulse 2s infinite;}
.icon_memo_new.on > em:nth-of-type(1),.icon_memo.on > em:nth-of-type(1),.icon_link.on > em:nth-of-type(1) {-webkit-transition-duration: 580ms;transition-duration: 580ms;-webkit-transform: translate3d(-58.86291px, 52.62064px, 0);transform: translate3d(-58.86291px, 52.62064px, 0);}
.icon_memo_new.on > em:nth-of-type(2),.icon_memo.on > em:nth-of-type(2),.icon_link.on > em:nth-of-type(2) {-webkit-transition-duration: 480ms; transition-duration: 480ms; -webkit-transform: translate3d(0.08361px, 88.99997px, 0); transform: translate3d(0.08361px, 88.99997px, 0); }
.icon_memo_new.on > em:nth-of-type(3),.icon_memo.on > em:nth-of-type(3),.icon_link.on > em:nth-of-type(3) {-webkit-transition-duration: 380ms; transition-duration: 380ms; -webkit-transform: translate3d(58.86291px, 52.62064px, 0); transform: translate3d(58.86291px, 52.62064px, 0); }
@keyframes borderPulse {0% {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);} 75%{box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);} 100% {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}}

.icon_link_new.on > em:nth-of-type(1){-webkit-transition-duration: 580ms;transition-duration: 580ms;-webkit-transform: translate3d(61.13709px, -47.37936px, 0);transform: translate3d(61.13709px, -47.37936px, 0);}


#full_bg .icon_ebook{width: 200px !important; height: 138px !important; padding:62px 18px 22px 6px;}
#full_bg .icon_sbook{width: 200px !important; height: 134px !important; padding:66px 18px 22px 6px;}
#full_bg .icon_sbook>.title,#full_bg .icon_ebook>.title{font-size: 24px;}

.icon_video{width:39px !important; height: 42px !important; background: url(../img/common/ebook_icons/video1.png) 0 0 no-repeat !important;}
#full_bg .icon_video{width: 78px !important; height:84px !important; background-size: 100% !important;}


/*다운로드 PDF*/
.icon_actSheetPDF{width:auto !important; height: auto !important; }
.icon_actSheetPDF>em{display:inline-block; width: 39px !important; height: 39px !important; background: url(../img/common/ebook_icons/actSheetPDF.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_actSheetPDF>em{width: calc(39px * 2) !important; height:calc(39px * 2) !important; background: url(../img/common/ebook_icons/actSheetPDF.png) 0 0 no-repeat !important; background-size: 100% !important;}

body[data-bcode="mart1"] .icon_actSheetPDF>em,
body[data-bcode="mart2"] .icon_actSheetPDF>em{display:inline-block; width: 40px !important; height: 35px !important; background: url(../img/common/ebook_icons/art/actSheetPDF.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mart1"] #full_bg .icon_actSheetPDF>em,
body[data-bcode="mart2"] #full_bg .icon_actSheetPDF>em{width: calc(40px * 2) !important; height:calc(35px * 2) !important; background: url(../img/common/ebook_icons/art/actSheetPDF.png) 0 0 no-repeat !important; background-size: 100% !important;}


/*다운로드 HWP*/
.icon_actSheetHWP{width:auto !important; height: auto !important;}
.icon_actSheetHWP>em{display:inline-block; width: 39px !important; height: 39px !important; background: url(../img/common/ebook_icons/actSheetHWP.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_actSheetHWP>em{width: calc(39px * 2) !important; height:calc(39px * 2) !important; background: url(../img/common/ebook_icons/actSheetHWP.png) 0 0 no-repeat !important; background-size: 100% !important;}

/*다운로드 PPT*/
.icon_actSheetPPT{width:auto !important; height: auto !important;}
.icon_actSheetPPT>em{display:inline-block; width: 39px !important; height: 39px !important; background: url(../img/common/ebook_icons/actSheetPPT.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_actSheetPPT>em{width: calc(39px * 2) !important; height:calc(39px * 2) !important; background: url(../img/common/ebook_icons/actSheetPPT.png) 0 0 no-repeat !important; background-size: 100% !important;}
body[data-bcode="mart1"] .icon_actSheetPPT>em,
body[data-bcode="mart2"] .icon_actSheetPPT>em{display:inline-block; width: 39px !important; height: 39px !important; background: url(../img/common/ebook_icons/art/actSheetPPT.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mart1"] #full_bg .icon_actSheetPPT>em,
body[data-bcode="mart2"] #full_bg .icon_actSheetPPT>em{width: calc(39px * 2) !important; height:calc(39px * 2) !important; background: url(../img/common/ebook_icons/art/actSheetPPT.png) 0 0 no-repeat !important; background-size: 100% !important;}

body[data-bcode="mped1"] .icon_actSheetPPT>em,
body[data-bcode="mped2"] .icon_actSheetPPT>em,
body[data-bcode="mthe1"] .icon_actSheetPPT>em,
body[data-bcode="mthe2"] .icon_actSheetPPT>em,
body[data-bcode="hthe"] .icon_actSheetPPT>em,
body[data-bcode="mcvs"] .icon_actSheetPPT>em,
body[data-bcode="hcvs"] .icon_actSheetPPT>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/cvs/actSheetPPT.png) 0 0 no-repeat;background-size: 100% !important;}

body[data-bcode="mped1"] #full_bg .icon_actSheetPPT>em,
body[data-bcode="mped2"] #full_bg .icon_actSheetPPT>em,
body[data-bcode="mthe1"] #full_bg .icon_actSheetPPT>em,
body[data-bcode="mthe1"] #full_bg .icon_actSheetPPT>em,
body[data-bcode="mthe2"] #full_bg .icon_actSheetPPT>em,
body[data-bcode="hthe"] #full_bg .icon_actSheetPPT>em,
body[data-bcode="mcsv"] #full_bg .icon_actSheetPPT>em,
body[data-bcode="hcvs"] #full_bg .icon_actSheetPPT>em{width: calc(36.5px * 2) !important; height:calc(36.5px * 2) !important; background: url(../img/common/ebook_icons/cvs/actSheetPPT.png) 0 0 no-repeat !important; background-size: 100% !important;}

body[data-bcode="mmusic1"] .icon_actSheetPPT>em,
body[data-bcode="mmusic2"] .icon_actSheetPPT>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/music/actSheetPPT.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mmusic1"] #full_bg .icon_actSheetPPT>em,
body[data-bcode="mmusic2"] #full_bg .icon_actSheetPPT>em{width: calc(36.5px * 2) !important; height:calc(36.5px * 2) !important; background: url(../img/common/ebook_icons/music/actSheetPPT.png) 0 0 no-repeat !important; background-size: 100% !important;}
body[data-bcode="hmusic"] .icon_actSheetPPT>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/music/h/actSheetPPT.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="hmusic"] #full_bg .icon_actSheetPPT>em{width: calc(36.5px * 2) !important; height:calc(36.5px * 2) !important; background: url(../img/common/ebook_icons/music/h/actSheetPPT.png) 0 0 no-repeat !important; background-size: 100% !important;}


/*다운로드 소단원 작품설명*/
.icon_jsPDF{width:auto !important; height: auto !important;}
.icon_jsPDF>em{display:inline-block; width: 40px !important; height: 38.5px !important; background: url(../img/common/ebook_icons/art/jsPDF.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_jsPDF>em{width: calc(40px * 2) !important; height:calc(38.5px * 2) !important; background: url(../img/common/ebook_icons/art/jsPDF.png) 0 0 no-repeat !important; background-size: 100% !important;}

/*다운로드 추가 활동지*/
.icon_chdgPDF{width:auto !important; height: auto !important;}
.icon_chdgPDF>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/art/chdgPDF.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_chdgPDF>em{width: calc(36.5px * 2) !important; height:calc(35.5px * 2) !important; background: url(../img/common/ebook_icons/art/chdgPDF.png) 0 0 no-repeat !important; background-size: 100% !important;}

body[data-bcode="mped1"] .icon_chdgPDF>em,
body[data-bcode="mped2"] .icon_chdgPDF>em,
body[data-bcode="mthe1"] .icon_chdgPDF>em,
body[data-bcode="mthe2"] .icon_chdgPDF>em,
body[data-bcode="hthe"] .icon_chdgPDF>em,
body[data-bcode="mcvs"] .icon_chdgPDF>em,
body[data-bcode="hcvs"] .icon_chdgPDF>em{display:inline-block; width: 38px !important; height: 37.5px !important; background: url(../img/common/ebook_icons/cvs/chdgPDF.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mped1"] #full_bg .icon_chdgPDF>em,
body[data-bcode="mped2"] #full_bg .icon_chdgPDF>em,
body[data-bcode="mthe1"] #full_bg .icon_chdgPDF>em,
body[data-bcode="mthe2"] #full_bg .icon_chdgPDF>em,
body[data-bcode="hthe"] #full_bg .icon_chdgPDF>em,
body[data-bcode="mcvs"] #full_bg .icon_chdgPDF>em,
body[data-bcode="hcvs"] #full_bg .icon_chdgPDF>em{width: calc(38px * 2) !important; height:calc(37.5px * 2) !important; background: url(../img/common/ebook_icons/cvs/chdgPDF.png) 0 0 no-repeat !important; background-size: 100% !important;}


/*다운로드 활동지*/
.icon_hdgPDF{width:auto !important; height: auto !important;}
.icon_hdgPDF>em{display:inline-block; width: 38px !important; height: 37.5px !important; background: url(../img/common/ebook_icons/art/chdgPDF.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_hdgPDF>em{width: calc(38px * 2) !important; height:calc(37.5px * 2) !important; background: url(../img/common/ebook_icons/art/chdgPDF.png) 0 0 no-repeat !important; background-size: 100% !important;}

body[data-bcode="mped1"] .icon_hdgPDF>em,
body[data-bcode="mped2"] .icon_hdgPDF>em,
body[data-bcode="mthe1"] .icon_hdgPDF>em,
body[data-bcode="mthe2"] .icon_hdgPDF>em,
body[data-bcode="hthe"] .icon_hdgPDF>em,
body[data-bcode="mcvs"] .icon_hdgPDF>em,
body[data-bcode="hcvs"] .icon_hdgPDF>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/cvs/actSheetHwp.png) 0 0 no-repeat !important;background-size: 100% !important;}

body[data-bcode="mped1"] #full_bg .icon_hdgPDF>em,
body[data-bcode="mped2"] #full_bg .icon_hdgPDF>em,
body[data-bcode="mthe1"] #full_bg .icon_hdgPDF>em,
body[data-bcode="mthe2"] #full_bg .icon_hdgPDF>em,
body[data-bcode="hthe"] #full_bg .icon_hdgPDF>em,
body[data-bcode="mcvs"] #full_bg .icon_hdgPDF>em,
body[data-bcode="hcvs"] #full_bg .icon_hdgPDF>em{width: calc(36.5px * 2) !important; height:calc(36.5px * 2) !important; background: url(../img/common/ebook_icons/cvs/actSheetHwp.png) 0 0 no-repeat !important; background-size: 100% !important;}

body[data-bcode="mmusic1"] .icon_hdgPDF>em,
body[data-bcode="mmusic2"] .icon_hdgPDF>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/music/hdgPDF.png) 0 0 no-repeat !important;background-size: 100% !important;}
body[data-bcode="mmusic1"] #full_bg .icon_hdgPDF>em,
body[data-bcode="mmusic2"] #full_bg .icon_hdgPDF>em{width: calc(36.5px * 2) !important; height:calc(36.5px * 2) !important; background: url(../img/common/ebook_icons/music/hdgPDF.png) 0 0 no-repeat !important; background-size: 100% !important;}
body[data-bcode="hmusic"] .icon_hdgPDF>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/music/h/hdgPDF.png) 0 0 no-repeat !important;background-size: 100% !important;}
body[data-bcode="hmusic"] #full_bg .icon_hdgPDF>em{width: calc(36.5px * 2) !important; height:calc(36.5px * 2) !important; background: url(../img/common/ebook_icons/music/h/hdgPDF.png) 0 0 no-repeat !important; background-size: 100% !important;}

/*박스 영상*/
.icon_boxMovi{width:auto; height: auto;}
.icon_boxMovi>em{display:inline-block; width: inherit; height: inherit;}
.icon_boxMovi>em:before{content:"";position:absolute;left:-15px;top:calc(50% - (14/2) * 1px);width: 14px !important; height: 14px !important;background: url(../img/common/ebook_icons/music/boxMovi.png) 0 0 no-repeat;background-size: 100% !important;}
.icon_boxMovi.top>em:before{top:2px;}
body[data-bcode="hmusic"] .icon_boxMovi>em:before{background: url(../img/common/ebook_icons/music/h/boxMovi.png) 0 0 no-repeat;}
#full_bg .icon_boxMovi>em:before{content:"";position:absolute;left:calc(-15px * 2);top:calc(50% - (14*2/2) * 1px);width: calc(14px * 2) !important; height: calc(14px * 2) !important;}
#full_bg .icon_boxMovi.top>em:before{top:calc(2px * 2);}
.icon_boxMovi>em:hover{border:3px solid var(--color-ebook-tool-qrLink);}
.icon_boxMovi.nothover>em{border:3px solid var(--color-ebook-tool-qrLink)}


/*QR 보기*/
.icon_qrLink{width:auto !important; height: auto !important;}
.icon_qrLink>em{display:inline-block; width: 44px !important; height: 44px !important;}
#full_bg .icon_qrLink>em{width: calc(44px * 2) !important; height:calc(44px * 2) !important;}

body[data-bcode="mthe1"] .icon_qrLink>em{display:inline-block; width: 58px !important; height: 58px !important;}
body[data-bcode="mthe1"] #full_bg .icon_qrLink>em{width: calc(58px * 2) !important; height:calc(58px * 2) !important;}
body[data-bcode="mthe2"] .icon_qrLink>em{display:inline-block; width: 58px !important; height: 58px !important;}
body[data-bcode="mthe2"] #full_bg .icon_qrLink>em{width: calc(58px * 2) !important; height:calc(58px * 2) !important;}
body[data-bcode="hthe"] .icon_qrLink>em{display:inline-block; width: 58px !important; height: 58px !important;}
body[data-bcode="hthe"] #full_bg .icon_qrLink>em{width: calc(58px * 2) !important; height:calc(58px * 2) !important;}


body[data-bcode="mcvs"] .icon_qrLink>em{display:inline-block; width: 58px !important; height: 58px !important;}
body[data-bcode="mcvs"] #full_bg .icon_qrLink>em{width: calc(58px * 2) !important; height:calc(58px * 2) !important;}
body[data-bcode="hcvs"] .icon_qrLink>em{display:inline-block; width: 58px !important; height: 58px !important;}
body[data-bcode="hcvs"] #full_bg .icon_qrLink>em{width: calc(58px * 2) !important; height:calc(58px * 2) !important;}

body[data-bcode="mped1"] .icon_qrLink>em{display:inline-block; width: 58px !important; height: 58px !important;}
body[data-bcode="mped1"] #full_bg .icon_qrLink>em{width: calc(58px * 2) !important; height:calc(58px * 2) !important;}
body[data-bcode="mped2"] .icon_qrLink>em{display:inline-block; width: 58px !important; height: 58px !important;}
body[data-bcode="mped2"] #full_bg .icon_qrLink>em{width: calc(58px * 2) !important; height:calc(58px * 2) !important;}

.icon_qrLink>em:hover{border:3px solid var(--color-ebook-tool-qrLink);}
.icon_qrLink.nothover>em{border:3px solid var(--color-ebook-tool-qrLink)}

body[data-bcode="mmusic1"] .icon_qrLink>em,
body[data-bcode="mmusic2"] .icon_qrLink>em,
body[data-bcode="hmusic"] .icon_qrLink>em{display:inline-block; width: 44px !important; height: 44px !important;}
body[data-bcode="mmusic1"] #full_bg .icon_qrLink>em,
body[data-bcode="mmusic2"] #full_bg .icon_qrLink>em,
body[data-bcode="hmusic"] #full_bg .icon_qrLink>em{width: calc(44px * 2) !important; height:calc(44px * 2) !important;}
body[data-bcode="mmusic1"] .icon_qrLink>em:hover,
body[data-bcode="mmusic2"] .icon_qrLink>em:hover,
body[data-bcode="hmusic"] .icon_qrLink>em:hover{border:none;background: url(../img/common/ebook_icons/music/qr-txt.png) 0 0 no-repeat !important;background-size: 100% !important;}

/*QRMp3*/
.icon_qrMp3{width:auto !important; height: auto !important;}
.icon_qrMp3>em{display:inline-block; width: 44px !important; height: 44px !important;}
#full_bg .icon_qrMp3>em{width: calc(44px * 2) !important; height:calc(44px * 2) !important;}
.icon_qrMp3>em:hover{border:3px solid var(--color-ebook-tool-qrMp3);}
.icon_qrMp3.nothover>em{border:3px solid var(--color-ebook-tool-qrMp3)}
body[data-bcode="mmusic1"] .icon_qrMp3>em,
body[data-bcode="mmusic2"] .icon_qrMp3>em,
body[data-bcode="hmusic"] .icon_qrMp3>em{display:inline-block; width: 44px !important; height: 44px !important;}
body[data-bcode="mmusic1"] #full_bg .icon_qrMp3>em,
body[data-bcode="mmusic2"] #full_bg .icon_qrMp3>em,
body[data-bcode="hmusic"] #full_bg .icon_qrMp3>em{width: calc(44px * 2) !important; height:calc(44px * 2) !important;}
body[data-bcode="mmusic1"] .icon_qrMp3>em:hover,
body[data-bcode="mmusic2"] .icon_qrMp3>em:hover,
body[data-bcode="hmusic"] .icon_qrMp3>em:hover{border:none;background: url(../img/common/ebook_icons/music/qr-txt.png) 0 0 no-repeat !important;background-size: 100% !important;}


/*학습창 이동 */
.icon_std{width:auto !important; height:auto !important;}
.icon_std>em{display:inline-block; width: 39px !important; height: 39px !important; background: url(../img/common/ebook_icons/std.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_std>em{width: calc(39px * 2) !important; height: calc(39px * 2) !important; background-size:100% !important;}

body[data-bcode="mthe1"] .icon_std>em{display:inline-block; width: 37px !important; height: 37px !important; background: url(../img/common/ebook_icons/cvs/std.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mthe1"] #full_bg .icon_std>em{width: calc(37px * 2) !important; height: calc(37px * 2) !important; background-size:100% !important;}
body[data-bcode="mthe2"] .icon_std>em{display:inline-block; width: 37px !important; height: 37px !important; background: url(../img/common/ebook_icons/cvs/std.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mthe2"] #full_bg .icon_std>em{width: calc(37px * 2) !important; height: calc(37px * 2) !important; background-size:100% !important;}
body[data-bcode="hthe"] .icon_std>em{display:inline-block; width: 37px !important; height: 37px !important; background: url(../img/common/ebook_icons/cvs/std.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="hthe"] #full_bg .icon_std>em{width: calc(37px * 2) !important; height: calc(37px * 2) !important; background-size:100% !important;}

body[data-bcode="mcvs"] .icon_std>em{display:inline-block; width: 37px !important; height: 37px !important; background: url(../img/common/ebook_icons/cvs/std.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mcvs"] #full_bg .icon_std>em{width: calc(37px * 2) !important; height: calc(37px * 2) !important; background-size:100% !important;}
body[data-bcode="hcvs"] .icon_std>em{display:inline-block; width: 37px !important; height: 37px !important; background: url(../img/common/ebook_icons/cvs/std.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="hcvs"] #full_bg .icon_std>em{width: calc(37px * 2) !important; height: calc(37px * 2) !important; background-size:100% !important;}

body[data-bcode="mped1"] .icon_std>em{display:inline-block; width: 37px !important; height: 37px !important; background: url(../img/common/ebook_icons/cvs/std.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mped1"] #full_bg .icon_std>em{width: calc(37px * 2) !important; height: calc(37px * 2) !important; background-size:100% !important;}
body[data-bcode="mped2"] .icon_std>em{display:inline-block; width: 37px !important; height: 37px !important; background: url(../img/common/ebook_icons/cvs/std.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mped2"] #full_bg .icon_std>em{width: calc(37px * 2) !important; height: calc(37px * 2) !important; background-size:100% !important;}


/*미술용 */
/*추가 설명 */
.icon_stdCs{width:auto !important; height:auto !important;}
.icon_stdCs>em{display:inline-block; width: 35px !important; height: 35px !important; background: url(../img/common/ebook_icons/art/stdCs.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_stdCs>em{width: calc(35px * 2) !important; height: calc(35px * 2) !important; background-size:100% !important;}
/*추가 작품 */
.icon_stdCj{width:auto !important; height:auto !important;}
.icon_stdCj>em{display:inline-block; width: 38.5px !important; height: 39px !important; background: url(../img/common/ebook_icons/art/stdCj.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_stdCj>em{width: calc(38.5px * 2) !important; height: calc(39px * 2) !important; background-size:100% !important;}
/*퀴즈 */
.icon_stdQz{width:auto !important; height:auto !important;}
.icon_stdQz>em{display:inline-block; width: 49px !important; height: 42px !important; background: url(../img/common/ebook_icons/art/stdQz.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_stdQz>em{width: calc(49px * 2) !important; height: calc(42px * 2) !important; background-size:100% !important;}
/*영상 */
.icon_eMovi{width:auto !important; height:auto !important;}
.icon_eMovi>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/art/eMovi.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_eMovi>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}

body[data-bcode="mthe1"] .icon_eMovi>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/cvs/eMovi.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mthe1"] #full_bg .icon_eMovi>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}
body[data-bcode="mthe2"] .icon_eMovi>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/cvs/eMovi.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mthe2"] #full_bg .icon_eMovi>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}
body[data-bcode="hthe"] .icon_eMovi>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/cvs/eMovi.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="hthe"] #full_bg .icon_eMovi>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}

body[data-bcode="mped1"] .icon_eMovi>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/cvs/eMovi.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mped1"] #full_bg .icon_eMovi>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}
body[data-bcode="mped2"] .icon_eMovi>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/cvs/eMovi.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mped2"] #full_bg .icon_eMovi>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}

body[data-bcode="mcvs"] .icon_eMovi>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/cvs/eMovi.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mcvs"] #full_bg .icon_eMovi>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}
body[data-bcode="hcvs"] .icon_eMovi>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/cvs/eMovi.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="hcvs"] #full_bg .icon_eMovi>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}
body[data-bcode="mmusic1"] .icon_eMovi>em,
body[data-bcode="mmusic2"] .icon_eMovi>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/music/eMovi.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="hmusic"] .icon_eMovi>em{background: url(../img/common/ebook_icons/music/h/eMovi.png) 0 0 no-repeat;}
body[data-bcode="mmusic1"] #full_bg .icon_eMovi>em,
body[data-bcode="mmusic2"] #full_bg .icon_eMovi>em,
body[data-bcode="hmusic"] #full_bg .icon_eMovi>em
{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}

/*영상 아이콘 작은거*/
.icon_eMoviSmall{width:auto !important; height:auto !important;}
.icon_eMoviSmall>em{display:inline-block; width: 16.5px !important; height: 16.5px !important; background: url(../img/common/ebook_icons/art/eMovi.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_eMoviSmall>em{width: calc(16.5px * 2) !important; height: calc(16.5px * 2) !important; background-size:100% !important;}
body[data-bcode="mthe1"] .icon_eMoviSmall>em{display:inline-block; width: 16.5px !important; height: 16.5px !important; background: url(../img/common/ebook_icons/cvs/eMovi.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mthe1"] #full_bg .icon_eMoviSmall>em{width: calc(16.5px * 2) !important; height: calc(16.5px * 2) !important; background-size:100% !important;}
body[data-bcode="mthe2"] .icon_eMoviSmall>em{display:inline-block; width: 36.5px !important; height: 16.5px !important; background: url(../img/common/ebook_icons/cvs/eMovi.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mthe2"] #full_bg .icon_eMoviSmall>em{width: calc(16.5px * 2) !important; height: calc(16.5px * 2) !important; background-size:100% !important;}
body[data-bcode="hthe"] .icon_eMoviSmall>em{display:inline-block; width: 36.5px !important; height: 16.5px !important; background: url(../img/common/ebook_icons/cvs/eMovi.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="hthe"] #full_bg .icon_eMoviSmall>em{width: calc(16.5 * 2) !important; height: calc(16.5px * 2) !important; background-size:100% !important;}

body[data-bcode="mped1"] .icon_eMoviSmall>em{display:inline-block; width: 36.5px !important; height: 16.5px !important; background: url(../img/common/ebook_icons/cvs/eMovi.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mped1"] #full_bg .icon_eMoviSmall>em{width: calc(16.5px * 2) !important; height: calc(16.5px * 2) !important; background-size:100% !important;}
body[data-bcode="mped2"] .icon_eMoviSmall>em{display:inline-block; width: 36.5px !important; height: 16.5px !important; background: url(../img/common/ebook_icons/cvs/eMovi.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mped2"] #full_bg .icon_eMoviSmall>em{width: calc(16.5px * 2) !important; height: calc(16.5px * 2) !important; background-size:100% !important;}

body[data-bcode="mcvs"] .icon_eMoviSmall>em{display:inline-block; width: 16.5px !important; height: 16.5px !important; background: url(../img/common/ebook_icons/cvs/eMovi.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mcvs"] #full_bg .icon_eMoviSmall>em{width: calc(16.5px * 2) !important; height: calc(16.5px * 2) !important; background-size:100% !important;}
body[data-bcode="hcvs"] .icon_eMoviSmall>em{display:inline-block; width: 16.5px !important; height: 16.5px !important; background: url(../img/common/ebook_icons/cvs/eMovi.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="hcvs"] #full_bg .icon_eMoviSmall>em{width: calc(16.5px * 2) !important; height: calc(16.5px * 2) !important; background-size:100% !important;}
body[data-bcode="mmusic1"] .icon_eMoviSmall>em,
body[data-bcode="mmusic2"] .icon_eMoviSmall>em{display:inline-block; width: 16.5px !important; height: 16.5px !important; background: url(../img/common/ebook_icons/music/eMovi.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="hmusic"] .icon_eMoviSmall>em{background: url(../img/common/ebook_icons/music/h/eMovi.png) 0 0 no-repeat;}
body[data-bcode="mmusic1"] #full_bg .icon_eMoviSmall>em,
body[data-bcode="mmusic2"] #full_bg .icon_eMoviSmall>em,
body[data-bcode="hmusic"] #full_bg .icon_eMoviSmall>em
{width: calc(16.5px * 2) !important; height: calc(16.5px * 2) !important; background-size:100% !important;}



/*음악용 */
/*핵심 질문 */
.icon_stdHj{width:auto !important; height:auto !important;}
.icon_stdHj>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/music/stdHj.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_stdHj>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}
body[data-bcode="hmusic"] .icon_stdHj>em{background: url(../img/common/ebook_icons/music/h/stdHj.png) 0 0 no-repeat;}
/*학습 목표 */
.icon_stdHm{width:auto !important; height:auto !important;}
.icon_stdHm>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/music/stdHm.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_stdHm>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}
body[data-bcode="hmusic"] .icon_stdHm>em{background: url(../img/common/ebook_icons/music/h/stdHm.png) 0 0 no-repeat;}
/*참고 자료 */
.icon_stdJy{width:auto !important; height:auto !important;}
.icon_stdJy>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/music/stdJy.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_stdJy>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}
body[data-bcode="hmusic"] .icon_stdJy>em{background: url(../img/common/ebook_icons/music/h/stdJy.png) 0 0 no-repeat;}
/*활동 */
.icon_stdHd{width:auto !important; height:auto !important;}
.icon_stdHd>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/music/stdHd.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_stdHd>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}
body[data-bcode="hmusic"] .icon_stdHd>em{background: url(../img/common/ebook_icons/music/h/stdHd.png) 0 0 no-repeat;}
/*생각 열기 */
.icon_stdSy{width:auto !important; height:auto !important;}
.icon_stdSy>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/music/stdSy.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_stdSy>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}
body[data-bcode="hmusic"] .icon_stdSy>em{background: url(../img/common/ebook_icons/music/h/stdSy.png) 0 0 no-repeat;}
/*음원 */
.icon_eMp3{width:auto !important; height:auto !important;}
.icon_eMp3>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/music/eMp3.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_eMp3>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}
body[data-bcode="hmusic"] .icon_eMp3>em{background: url(../img/common/ebook_icons/music/h/eMp3.png) 0 0 no-repeat;}
/*음원 아이콘 작은거 */
.icon_eMp3Small{width:auto !important; height:auto !important;}
.icon_eMp3Small>em{display:inline-block; width: 16.5px !important; height: 16.5px !important; background: url(../img/common/ebook_icons/music/eMp3.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_eMp3Small>em{width: calc(16.5px * 2) !important; height: calc(16.5px * 2) !important; background-size:100% !important;}
body[data-bcode="hmusic"] .icon_eMp3Small>em{background: url(../img/common/ebook_icons/music/h/eMp3.png) 0 0 no-repeat;}


/*노래 익히기 */
.icon_stdSing{width:auto !important; height:auto !important;}
.icon_stdSing>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/music/stdSing.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_stdSing>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}
body[data-bcode="hmusic"] .icon_stdSing>em{background: url(../img/common/ebook_icons/music/h/stdSing.png) 0 0 no-repeat;}
/*연주 익히기 */
.icon_stdInst{width:auto !important; height:auto !important;}
.icon_stdInst>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/music/stdInst.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_stdInst>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}
body[data-bcode="hmusic"] .icon_stdInst>em{background: url(../img/common/ebook_icons/music/h/stdInst.png) 0 0 no-repeat;}
/*평가하기 */
.icon_stdPg{width:auto !important; height:auto !important;}
.icon_stdPg>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/music/stdPg.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_stdPg>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}
body[data-bcode="hmusic"] .icon_stdPg>em{background: url(../img/common/ebook_icons/music/h/stdPg.png) 0 0 no-repeat;}

/*애니메이션 */
.icon_eAni{width:auto !important; height:auto !important;}
.icon_eAni>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/music/eAni.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_eAni>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}
body[data-bcode="hmusic"] .icon_eAni>em{background: url(../img/common/ebook_icons/music/h/eAni.png) 0 0 no-repeat;}


/*진로와 직업*/
/*동영상 학습창*/
.icon_stdMovi{width:auto !important; height:auto !important;}
.icon_stdMovi>em{display:inline-block; width: 36.5px !important; height: 33px !important; background: url(../img/common/ebook_icons/cvs/stdMovi.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_stdMovi>em{width: calc(36.5px * 2) !important; height: calc(33px * 2) !important; background-size:100% !important;}

/*인포그래픽*/
.icon_stdIg{width:auto !important; height:auto !important;}
.icon_stdIg>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/cvs/stdIg.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_stdIg>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}

/*내용 요약*/
.icon_stdNy{width:auto !important; height:auto !important;}
.icon_stdNy>em{display:inline-block; width: 36.5px !important; height: 33px !important; background: url(../img/common/ebook_icons/cvs/stdNy.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_stdNy>em{width: calc(36.5px * 2) !important; height: calc(33px * 2) !important; background-size:100% !important;}



/*ebook page 이동*/
.icon_eMove{width:auto !important; height:auto !important;}
.icon_eMove>em{display:inline-block; width: 39px !important; height: 39px !important; background: url(../img/common/ebook_icons/eMove.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_eMove>em{width: calc(39px * 2) !important; height: calc(39px * 2) !important; background-size:100% !important;}

body[data-bcode="mped1"] .icon_eMove>em,
body[data-bcode="mped2"] .icon_eMove>em,
body[data-bcode="mthe1"] .icon_eMove>em,
body[data-bcode="mthe2"] .icon_eMove>em,
body[data-bcode="hthe"] .icon_eMove>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/cvs/eMove.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mped1"] #full_bg .icon_eMove>em,
body[data-bcode="mped2"] #full_bg .icon_eMove>em,
body[data-bcode="mthe1"] #full_bg .icon_eMove>em,
body[data-bcode="mthe2"] #full_bg .icon_eMove>em,
body[data-bcode="hthe"] #full_bg .icon_eMove>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}

body[data-bcode="hcvs"] .icon_eMove>em,
body[data-bcode="mcvs"] .icon_eMove>em{display:inline-block; width: 24.5px !important; height: 24.5px !important; background: url(../img/common/ebook_icons/cvs/eMove.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="hcvs"] #full_bg .icon_eMove>em,
body[data-bcode="mcvs"] #full_bg .icon_eMove>em{width: calc(24.5px * 2) !important; height: calc(24.5px * 2) !important; background-size:100% !important;}

body[data-bcode="hcvs"] .icon_eMove.big>em,
body[data-bcode="mcvs"] .icon_eMove.big>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/cvs/eMove.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="hcvs"] #full_bg .icon_eMove.big>em
body[data-bcode="mcvs"] #full_bg .icon_eMove.big>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}

.icon_std.border>em,
.icon_eMovi.border>em{border-radius:50%;box-shadow: 0px 0px 3px 3px #fff;}

#full_bg .icon_std.border>em,
#full_bg .icon_eMovi.border>em{border-radius:50%;box-shadow: 0px 0px calc(3px * 2) calc(3px * 2) #fff;}

/*신학기전에 공개됩니다.*/
.icon_help{width:auto !important; height:auto !important;pointer-events: none;}
.icon_help>em{display:inline-block; width: 783px !important; height: 373px !important; background: url(../img/common/ebook_icons/ico_help.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_help>em{width: calc(783px * 2) !important; height: calc(373px * 2) !important; background-size:100% !important;}


/*ebook page 투명버튼이동*/

.icon_eTrsMove{width:auto; height:auto;}
.icon_eTrsMove>em{display:inline-block; width: inherit; height: inherit;}
.icon_eTrsMove:hover{border:3px solid #b7e186;}
.icon_eTrsMove.nothover{border:3px solid blue}

#full_bg .icon_eTrsMove>em{width: inherit; height: inherit; background-size:100% !important;}

/*ebook page 투명 용어 설명*/
.icon_eTrsTerms{width:auto; height:auto;border-bottom:3px solid #b7e186;}
.icon_eTrsTerms>em{display:inline-block; width: inherit; height: inherit;}
.icon_eTrsTerms>em:before{content:"*";position: absolute;left:-3px;top:-5px;}
.icon_eTrsTerms.active{border-bottom:0;}

.icon_eTrsTerms.nothover{border:3px solid blue}

#full_bg .icon_eTrsTerms>em{width: inherit; height: inherit; background-size:100% !important;}

#scaleup_left_buttons .arrow_box.active,
#icons_left span.arrow_box.active,
#scaleup_right_buttons .arrow_box.active,
#icons_right span.arrow_box.active,
#full_bg span.arrow_box.active{display:block;}

#scaleup_left_buttons .arrow_box,
#icons_left span.arrow_box,
#scaleup_right_buttons .arrow_box,
#icons_right span.arrow_box,
#full_bg span.arrow_box{
  display:none;
  position:absolute;    
  border-radius: 8px;
  border: 3px solid #b7e186;
  background: #fff;
  color: #333;    
  line-height:1.2;
  width:max-content;
  cursor: pointer;
  z-index:100;
  font-size: 14px;
  padding:10px 20px;  
  left:50%;
  transform: translateX(-50%);
  top:27px;  
}
#full_bg span.arrow_box{
  font-size: calc(14px *2);
  padding: calc(10px *2) calc(20px *2);
  border-radius: calc(8px *2);
  border: calc(3px *2) solid #b7e186;
  top:calc(27px *2);
}

#scaleup_left_buttons .arrow_box:after,
#icons_left span.arrow_box:after,
#scaleup_right_buttons .arrow_box:after,
#icons_right span.arrow_box:after,
#full_bg span.arrow_box:after{
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #b7e186;
  border-width: 10px;
  pointer-events: none;
  content: ' ';
}
#full_bg span.arrow_box:after{
  /*border-width: calc(10px *2);*/
  bottom:110%;
}

/*ebook page 정답 버튼*/
.icon_eTxt{width:auto !important; height:auto !important;}
.icon_eTxt>em{display:inline-block; width: 20px; height: 20px;background: url(../img/common/ebook_icons/eTxt.png) 0 0 no-repeat;background-size: 100% !important;}

.icon_eTxt.active{z-index:101 !important;}
#full_bg .icon_eTxt.active{z-index:122 !important;}

#full_bg .icon_eTxt>em{width: calc(20px *2); height: calc(20px *2); background-size:100% !important;}

#scaleup_left_buttons .icon_eTxt .arrow_box,
#icons_left .icon_eTxt span.arrow_box,
#scaleup_right_buttons .icon_eTxt .arrow_box,
#icons_right .icon_eTxt span.arrow_box,
#full_bg .icon_eTxt span.arrow_box{  
  top:28px;
  padding:3px 10px;
  font-family: 'pretendard';    
}
#full_bg .icon_eTxt span.arrow_box{  
  top:calc(28px *2);
  padding: calc(3px *2) calc(10px *2);
}


.icon_OpenPPTred{width:auto !important; height:auto !important;}
.icon_OpenPPTred>em{display:inline-block; width: 38.5px !important; height: 39px !important; background: url(../img/common/ebook_icons/cvs/OpenPPTred.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_OpenPPTred>em{width: calc(38.5px * 2) !important; height: calc(39px * 2) !important; background-size:100% !important;}


/*ebook page QR 링크*/
.icon_eLink{width:auto !important; height:auto !important;}
.icon_eLink>em{display:inline-block; width: 38.5px !important; height: 39px !important; background: url(../img/common/ebook_icons/eLink.png) 0 0 no-repeat;background-size: 100% !important;}
#full_bg .icon_eLink>em{width: calc(38.5px * 2) !important; height: calc(39px * 2) !important; background-size:100% !important;}

body[data-bcode="mped1"] .icon_eLink>em,
body[data-bcode="mped2"] .icon_eLink>em,
body[data-bcode="mthe1"] .icon_eLink>em,
body[data-bcode="mthe2"] .icon_eLink>em,
body[data-bcode="hthe"] .icon_eLink>em,
body[data-bcode="mcvs"] .icon_eLink>em,
body[data-bcode="hcvs"] .icon_eLink>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/cvs/eLink.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mped1"] #full_bg .icon_eLink>em,
body[data-bcode="mped2"] #full_bg .icon_eLink>em,
body[data-bcode="mthe1"] #full_bg .icon_eLink>em,
body[data-bcode="mthe2"] #full_bg .icon_eLink>em,
body[data-bcode="hthe"] #full_bg .icon_eLink>em,
body[data-bcode="mcvs"] #full_bg .icon_eLink>em,
body[data-bcode="hcvs"] #full_bg .icon_eLink>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}


body[data-bcode="mart1"] .icon_eLink>em,
body[data-bcode="mart2"] .icon_eLink>em{display:inline-block; width: 23px !important; height: 42px !important; background: url(../img/common/ebook_icons/art/eLink.png) 0 0 no-repeat;background-size: 100% !important;}

body[data-bcode="mart1"] #full_bg .icon_eLink>em,
body[data-bcode="mart2"] #full_bg .icon_eLink>em{width: calc(23px * 2) !important; height: calc(42px * 2) !important; background-size:100% !important;}

body[data-bcode="mmusic1"] .icon_eLink>em,
body[data-bcode="mmusic2"] .icon_eLink>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/music/eLink.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="mmusic1"] #full_bg .icon_eLink>em,
body[data-bcode="mmusic2"] #full_bg .icon_eLink>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}

body[data-bcode="hmusic"] .icon_eLink>em{display:inline-block; width: 36.5px !important; height: 36.5px !important; background: url(../img/common/ebook_icons/music/h/eLink.png) 0 0 no-repeat;background-size: 100% !important;}
body[data-bcode="hmusic"] #full_bg .icon_eLink>em{width: calc(36.5px * 2) !important; height: calc(36.5px * 2) !important; background-size:100% !important;}

@keyframes borderPulse {0% {box-shadow: 0 0 0 0 rgba(255,192,70,0.4);} 75%{box-shadow: 0 0 0 10px rgba(109, 185, 252, 0);} 100% {box-shadow: 0 0 0 0 rgba(109, 185, 252, 0);}}
@keyframes Pulse{0%{opacity: 1;}75%{opacity: 0;}100%{opacity: 1;}}


/*full icon*/
#ebook_pages>div>div#full_bg .icon_memo_new,#ebook_pages>div>div#full_bg .icon_link_new,#ebook_pages>div>div#full_bg .icon_memo,#ebook_pages>div>div#full_bg .icon_link{border-radius: 35px;}
#ebook_pages>div>div#full_bg .icon_memo_new>em,#ebook_pages>div>div#full_bg .icon_link_new>em,#ebook_pages>div>div#full_bg .icon_memo>em,#ebook_pages>div>div#full_bg .icon_link>em{width:70px; height:70px; background-size: 25px;}
#ebook_pages>div>div#full_bg .icon_memo_new.on > em:nth-of-type(1),#ebook_pages>div>div#full_bg .icon_link_new.on > em:nth-of-type(1),#ebook_pages>div>div#full_bg .icon_memo.on > em:nth-of-type(1),#ebook_pages>div>div#full_bg .icon_link.on > em:nth-of-type(1) {-webkit-transform: translate3d(61.13709px, -47.37936px, 0);transform: translate3d(82.27418px, -94.75872px, 0);}
#ebook_pages>div>div#full_bg .icon_memo_new.on > em:nth-of-type(2),#ebook_pages>div>div#full_bg .icon_link_new.on > em:nth-of-type(2),#ebook_pages>div>div#full_bg .icon_memo.on > em:nth-of-type(2),#ebook_pages>div>div#full_bg .icon_link.on > em:nth-of-type(2) {-webkit-transform: translate3d(-7.08361px, 131.99997px, 0);transform: translate3d(-7.08361px, 131.99997px, 0);}
#ebook_pages>div>div#full_bg .icon_memo_new.on > em:nth-of-type(3),#ebook_pages>div>div#full_bg .icon_link_new.on > em:nth-of-type(3),#ebook_pages>div>div#full_bg .icon_memo.on > em:nth-of-type(3),#ebook_pages>div>div#full_bg .icon_link.on > em:nth-of-type(3) {-webkit-transform: translate3d(75.86291px, 75.62064px, 0);transform: translate3d(75.86291px, 75.62064px, 0);}


#icons_left{left: 0; width: 50%; }
#icons_right{right: 0; width: 50%; }
#icons_left>button,#icons_right>button,#icons_std>button,#ebook_pages div#scaleup_page button,.icon_memo_new,.icon_link_new,.icon_memo,.icon_link {position: absolute; z-index: 100; width: 60px; /* 아이콘 사이즈 줄여달라는 요청으로 35px >> 20px로 조정 */ height: 60px; margin : 7px 0 0 7px;  /* 아이콘 사이즈 줄여달라는 요청으로 위치값 일괄 조정 */ background-size: 100%;transition: all 0.5s;  cursor: pointer;}

#icons_left>button:hover,#icons_right>button:hover,#icons_std>button:hover,.icon_memo_new:hover,.icon_link_new:hover,.icon_memo:hover,.icon_link:hover{transform: scale(1);}
#icons_left>button.nothover:hover,#icons_right>button.nothover:hover,#icons_std>button.nothover:hover{transform: scale(1);}

#icons_left>button.editing,#icons_right>button.editing,#icons_std>button.editing,.icon_memo_new,.icon_link_new,.icon_memo.editing,.icon_link.editing{transition:none;}
#icons_left>button.editing:hover,#icons_right>button.editing:hover,#icons_std>button.editing:hover,.icon_memo_new:hover,.icon_link_new:hover,.icon_memo.editing:hover,.icon_link.editing:hover{transform: none;}

/* .icon_preparation{background: url(../img/common/ebook_icons/answer_on.png) 0 0 no-repeat; } */
.icon_preparation{ width:calc(155px / 2) !important;height:calc(52px / 2) !important;background: url(../img/common/ebook_icons/preparation_1.png) 0 0 no-repeat; }
.icon_preparation[data-name="1s"]{background: url(../img/common/ebook_icons/preparation_1.png) 0 0 no-repeat;} 
.icon_preparation[data-name="2s"]{background: url(../img/common/ebook_icons/preparation_2.png) 0 0 no-repeat;} 
.icon_preparation[data-name="3s"]{background: url(../img/common/ebook_icons/preparation_3.png) 0 0 no-repeat;} 
.icon_preparation[data-name="4s"]{background: url(../img/common/ebook_icons/preparation_4.png) 0 0 no-repeat;} 
.icon_preparation[data-name="5s"]{background: url(../img/common/ebook_icons/preparation_5.png) 0 0 no-repeat;} 
.icon_preparation[data-name="6s"]{background: url(../img/common/ebook_icons/preparation_6.png) 0 0 no-repeat;} 
.icon_preparation[data-name="7s"]{background: url(../img/common/ebook_icons/preparation_7.png) 0 0 no-repeat;} 
.icon_preparation[data-name="8s"]{background: url(../img/common/ebook_icons/preparation_8.png) 0 0 no-repeat;} 
.icon_preparation[data-name="9s"]{background: url(../img/common/ebook_icons/preparation_9.png) 0 0 no-repeat;} 
.icon_preparation[data-name="10s"]{background: url(../img/common/ebook_icons/preparation_10.png) 0 0 no-repeat;} 
.icon_preparation[data-name="11s"]{background: url(../img/common/ebook_icons/preparation_11.png) 0 0 no-repeat;} 
#full_bg .icon_preparation{width: 155px !important; height:52px !important; background-size: 100% !important;}


/***** 펜 쓰기 (from tool) *****/
canvas.canvas_layer {position: absolute; z-index: 100;left: 0; top: 0; transform: translate(0% , 0%); display: none; box-sizing:border-box}
canvas.dummy_canvas {position: absolute; z-index: 100;left: 0; top: 0; transform: translate(0% , 0%); display: none; box-sizing:border-box}  
#page_std canvas.canvas_layer,#page_std canvas.dummy_canvas{z-index: 100;}

/*#draw_std { width: 100% !important; height: 959px; top: 61px;}*/
/* #draw_std { left: 56px; top: 70px; } */
#draw_std { left: calc(50% - 1762px/2); top: 0px; width: 1762px; height: 1080px; }
#draw_ebook_zoom {top: 0;}
#wrap>div:not(#popup)#canvas_frame{height: 0 !important; position:absolute; top:-100%; left:0; z-index: 100;}
#canvas_frame>div{position: absolute; z-index: 100; width: 1680px; height: 1043px; left: 121px; top: 10px; border:4px solid #699ef0 !important; pointer-events: none;}
body[data-bcode="mart1"] #canvas_frame>div,
body[data-bcode="mart2"] #canvas_frame>div { border: 4px solid #995dc3 !important; }

#canvas_frame>button{position: absolute; top: 10px; left: 1751px; width: 48px; height: 48px; border-radius: 0 0 0 24px; background: #699ef0 url(../img/common/ico_popclose.png) 16px 11px no-repeat; font-size:0; z-index: 100; }
body[data-bcode="mart1"] #canvas_frame>button,
body[data-bcode="mart2"] #canvas_frame>button { background-color: #995dc3; }


/***** #full_page: 풀페이지 모드 *****/
#full_page {background-color : white; width : 1582px; height : 1000px; overflow-y : auto; left : 0; top : 0; z-index : 111; display : none;}
#full_page::-webkit-scrollbar{display: none;}

#full_bg{background-image: url(""); background-size: 100%; width : 1582px; height : 2086px; position : relative; z-index : 112; background-size:100% 100%;}
#answer_full{background-image: url(""); background-size: 100%; width : 1582px; height : 2086px; position : relative; z-index : 112; background-size:100% 100%;pointer-events: none;}


/***** #navigator: 하단 페이지 이동 네비게이션 *****/
#navigator {position: absolute; height: 8px; z-index: 22; overflow: visible;  bottom: 0; left: 50%; width:1702px; margin-left:-851px;}
#pointer_out {position: absolute; left: -50%; top: -800px; height: 1000px; width: 200%; z-index: 151; touch-action: none; opacity : 0.5; }
#pointer_area {position: absolute; left: 0px; top: -48px; height: 80px; width: 100%; z-index: 151; touch-action: none; opacity : 0.5; }
#navigator>span {display: none; }
#progress {position: relative; float: left; left: 105px; top: 0px; width: 1492px; height: 8px; background: #b1b1b1; border-radius: 10px;}

#pointer {--pointer-w: 168px; position: relative; display: block; width: var(--pointer-w); height: 44px; margin-left : calc(0px - var(--pointer-w)/2); top: -36px; left: 50%;  z-index: 1;}
/* #pointer:before {content: attr(data-content); display: block; width: 100%;} */
#pointer>h5{position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; font-family: 'pretendard-SB'; font-size: 20px; text-align: center; line-height: 2.4; background: url(../img/common/progress_pointer.png) no-repeat center; }
body[data-bcode="mart1"] #pointer>h5,
body[data-bcode="mart2"] #pointer>h5{ background-image: url(../img/common/violet/progress_pointer.png); }

#progress>em{content:""; display: block; width:50%; position:absolute; left:0; top:0; height:100%; background:#e7e7e7; border-radius: 10px;}

#thumbnail {position: absolute; left: 50%; margin-left: -150px; width: 300px; height: 200px; border: 8px solid #051f29; /* display: none; */ box-shadow: rgba(0, 0, 0, 40%) 0 0 15px; bottom: 28px; z-index: -1; border-bottom: 20px solid #051f29; display:none; background-color:white; }
#thumbnail>img {float: left; vertical-align: middle; line-height: normal; width: 142px; height: 173px; margin : 0; }
#thumbnail>img+img {border-left: 1px solid #e5e5e5; }
#thumbnail>p {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: table; }
#thumbnail>p>span {display: block; width: 50%; text-align: center; font-size: 50px; line-height: 100%; /*vertical-align: middle;*/ display: table-cell; font-weight: 900; color: #222; background: rgba(255, 255, 255, 0.3); }
#page_num {display: none; }



/***************************************************************/
/********** [ 3. #page_std: 학습창. load "std.html" ] **********/
/***************************************************************/

/***** .header *****/
#page_std {
  --height-header-top: 5px;
}
body[data-bcode="hcvs"] #page_std {
  --height-header-top: 0px;
}

#page_std>header { position: relative; width: 1920px; height: 70px; margin: 0 auto; padding: 0; z-index: 100; /*z-index: 555;*/ pointer-events: none; }
#page_std>header>.bg { position: absolute; width: 1762px; height: var(--height-header-top); left: calc(50% - 1762px/2); background-color: #4c0093; }

/*** button: 목차 버튼 ***/
#page_std>header>button { float: left; width: 54px; height: 45px; margin: 20px 0 0 14px; font-size: 0; pointer-events: auto; background: url(../img/common/std/header_button_menu.png) center no-repeat; }

/*** h4: 상단 문구 ***/
/* #page_std>header>h4 { display: inline-block; font-family: 'omt'; font-size: 32px; color: #fff; letter-spacing: -0.5px; line-height: 2.1; vertical-align: middle; } */
#page_std>header>h4 { position: relative; display: none; vertical-align: middle; font-family: 'omt'; font-size: 32px; color: #fff; letter-spacing: 0px; line-height: 1.2; padding: 18px 80px 0 14px; }
#page_std>header>h4>span { position: relative; display: inline-block; margin-right: 24px; font-family: 'omt'; }
#page_std>header>h4>span::after { content: '>'; position: relative; display: inline-block; width: 8px; height: 40px; left: 10px; color: #b1ceff; font-size: 32px; vertical-align: 0px; }
#page_std>header>h4>span.clean::after{display:none;}

/*** div: 우측 요소 ***/
#page_std>header>div { float: right; }
/* #page_std>header>div.pluginsQuiz { height: 70px; margin-right: 10px; padding: auto; line-height: 3.8; }
#page_std>header>div:not(.lead, .pluginsQuiz) { height: 77px; top: 0px; right: 0px; line-height: 1.2; background:url(../img/common/std/type1/top_pencil_mid.png) repeat-x 0 0/100% 100%; } */

/*** div.go: ebook, sbook 이동 버튼 ***/
#page_std>header>div>div.go { position: relative; display: inline-block; width: auto; height: 100%; right: 79px; padding: 18px 24px 0 0px; }

#page_std>header>div>div.go>dl { position: relative; display: inline-block; width: auto; height: 40px; padding: 0px 16px; margin-right: 10px; border: 2px solid #fff; border-radius: 20px; vertical-align: middle; color: #fff; font-family: "nq"; font-weight: 500; font-size: 20px; line-height: 40px; }
#page_std>header>div>div.go>dl>dd,
#page_std>header>div>div.go>dl>dt { position: relative; display: inline-block; /*vertical-align: middle;*/ }
#page_std>header>div>div.go>dl>dd:after { content:"\CABD"; }
#page_std>header>div>div.go>button { position: relative; display: inline-block; width: 36px; height: 36px; vertical-align: middle; background: url(../img/common/lnb_button_close.png) no-repeat center; pointer-events: auto; }

/*
#page_std>header>div>div.go>button.go_epno { width: auto; }#page_std>header>div>div.go>button dl::before { content: ""; position: relative; display: inline-block; width: 99px; height: 40px; margin-right: 8px; background: url(../img/common/std/header_page_text.png) no-repeat center; }
#page_std>header>div>div.go>button dl::after { content: ""; position: relative; display: inline-block; width: 102px; height: 40px; margin-left: 8px; background: url(../img/common/std/header_button_go.png) no-repeat center; }
#page_std>header>div>div.go>button dl { display: flex; align-items: center; justify-content: center; }
#page_std>header>div>div.go>button dt { display: none; }
#page_std>header>div>div.go>button dd { display: flex; align-items: center; justify-content: center; width: auto; height: 54px; font-family: 'pretendard-SB'; font-size: 23px; color: #fff; line-height: 1.0;
  background-origin: content-box;
  background-clip: padding-box;
  border: 28px solid transparent;
  border-image: url(../img/common/std/header_page.png) 28 28 28 28 stretch;
  padding: 0;
  box-sizing: border-box;
}
#page_std>header>div>div.go>button dd:after { content:"\CABD  \2794"; }
*/


/* #page_std>header>div>div.go>span.bar { position: relative; display: none; width: 3px; height: 24px; margin: 0 10px 0 12px; vertical-align: middle; background-color: #b86f00; }
#page_std>header>div>div.go.all>span.bar {  display: inline-block; }
#page_std>header>div>div.go>button.go_spno { padding-left: 42px; background: url(../img/common/study/type1/top_icon_sbook.png) no-repeat 0 center; } */

/*** div.go_home: home 버튼 ***/
/* #page_std>header .go_home { width: 180px; height: 77px; margin-right: -16px; font-size:0; background:url(../img/common/study/type1/top_pencil_right.png) 0 0 no-repeat; cursor: auto; }
#page_std>header .go_home>span { position: absolute; display: block; width: 55px; height: 100%; right: 10px; top: 0px; background:url(../img/common/study/type1/top_pencil_home.png) center no-repeat; cursor: pointer; }
#page_std>header .go_home>span:hover { background:url(../img/common/study/type1/top_pencil_home_over.png) center no-repeat; } */

/*** div.big_cursor: 큰 커서 ***/
/* #page_std>header .big_cursor { background: url(../img/common/bigcursor_icon.png) center center no-repeat; width: 42px; height: 42px; font-size:0; vertical-align: middle; background-size:100%; opacity:0.5; }
#page_std>header .big_cursor.active { opacity: 1; } */

/*#page_home>section>div>ul>li>div{display:none;font-size:0;}
#page_home>section>div>ul>li.on>div{display: inline-block; vertical-align: middle; background:url(../img/common/ico_liston.png) 0 6px no-repeat; width:43px; height: 46px; margin-left: 8px;cursor: pointer;}*/

/***** .footer *****/
/* 좌우 버튼 */
#page_std>footer .page_navi .prev { position: absolute; z-index: 100; top: calc(50% - (160px - 90px) / 2); left: 30px; width: 32px; height: 160px; font-size: 0; vertical-align: middle; background:url(../img/common/std/btn_page_prev.png) right center no-repeat; transition: all 0.5s; }
#page_std>footer .page_navi .next { position: absolute; z-index: 100; top: calc(50% - (160px - 90px) / 2); right: 30px; width: 32px; height: 160px; font-size: 0; vertical-align: middle; background:url(../img/common/std/btn_page_next.png) left center no-repeat; transition: all 0.5s; }
#page_std>footer .page_navi .prev:hover, #page_std>footer .page_navi .next:hover { transform: scale(1.2);}
#page_std>footer .page_navi.disabled .prev,
#page_std>footer .page_navi.disabled .next { pointer-events: none; }

/***** section (#p_std) *****/
#page_std>section {position: absolute; width: 1762px; height: calc(1080px - var(--height-header-top)); left: calc(50% - 1762px/2); top: var(--height-header-top); padding: 0; margin:0 auto;}
#page_std>section.fs {position: absolute; z-index: 999999;}

#page_std>section .con_body{position: relative; height: 100%; margin: 0 auto;}

#page_std>section .con_body .con_head{width:100%;height:90px;line-height:35px;margin:0 auto;}
#page_std>section .con_body .con_head >h1{position:relative;left:40px;top:30px;font-family:'lhm';font-size:45px;}
#page_std>section .con_body .con_contents.head{top:90px;height:878px;}
#page_std>section .con_body .con_contents{ position: absolute; overflow: hidden; top: 0; width: 100%; height: 100%; background:#fff; box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.1); }
#page_std>section .con_body .con_contents>.tab{position:absolute;right:30px;top:-57px;z-index: 1;}
#page_std>section .con_body .con_contents>.tab >span{margin-left:10px;}
#page_std>section .con_body .con_contents>.tab >span > button{font-size:30px;border:1px solid #333;min-width:100px;padding:10px 20px;}
#page_std>section .con_body .con_contents>.content{width:100%;text-align:center;}

/***** .std_loading *****/
#page_std>.std_loading {position: absolute; left:50%; top: 56px; height: 100%; z-index: 101; background-color: transparent; transform:translate3d(0px, 0px, 0px);display:flex; justify-content: center; align-items: center;}

#loading {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  border: 10px solid rgba(255,255,255,.5);
  border-radius: 50%;
  border-top-color: #333;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

/***** .background *****/
#page_std .background { position: absolute; left: 50%; top: 0; }
#page_std .background .section { position: relative; left: -2500px; width: 5000px; height: 1084px; background-color: #e3e6ec; }
/* #page_std .background .footer { display: none; position: relative; left: -2500px; width: 5000px; height: 56px; background-color: #00a7df; } */

/***** ??? *****/
#icons_std { position: absolute; width: 0; height: 0; top: 69px; }

/***** .viewimagekit-wrap *****/
#p_std .viewimagekit-wrap { position: absolute; display: none; width: 1762px; height: calc(100% - 90px); left: calc(50% - 1762px/2); top: 90px; overflow: hidden; background: #fff; z-index: 100; will-change: auto; }
#p_std .viewimagekit-wrap .viewimagekit-move-wrap { position: absolute; left: 50%; top: 50%; }
#p_std .viewimagekit-wrap .viewimagekit-image { position: absolute; left: -50%; top: -50%; }
#p_std .viewimagekit-wrap .btn-close { position: absolute; width: 38px; height: 38px; right: 20px; top: 20px; background: url(../img/common/std/btn_close.png) no-repeat center/contain; }

#p_std .viewimagekit-wrap .range-wrap {
  position: absolute;
  display: block;
  width: 250px;
  height: 68px;
  right: 64px;
  top: 7px;
  padding-top: 12px;
  text-align: center;
  border: 3px solid #5c6fe8;
  border-radius: 18px;
  background: #fff url(../img/common/std/zoom_range.png) no-repeat center/contain;
  pointer-events: auto;
}
#p_std .viewimagekit-wrap .range-slider {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 31px;
  margin: 0 6px;
  pointer-events: auto;
  background: none;
}
#p_std .viewimagekit-wrap .range-slider .line { background: none; }
#p_std .viewimagekit-wrap .range-slider .bar::before {
  width: 22px;
  height: 36px;
  left: -11px;
  top: 0px;
  border-radius: 0;
  background: url(../img/common/std/zoom_drag.png) no-repeat center/contain;
}
#p_std .viewimagekit-wrap .btn-up {
  position: relative;
  display: inline-block;
  width: 31px;
  height: 31px;
  margin: 0px;
  background: url(../img/common/std/btn_up.png) no-repeat center/contain;
  pointer-events: auto;
  cursor: pointer;
}
#p_std .viewimagekit-wrap .btn-down {
  position: relative;
  display: inline-block;
  width: 31px;
  height: 31px;
  margin: 0px;
  background: url(../img/common/std/btn_down.png) no-repeat center/contain;
  pointer-events: auto;
  cursor: pointer;
}


/***************************************************************/
/********** [ 4. #page_pds: 자료실. load "pds.html" ] **********/
/***************************************************************/

#page_pds {
  --color-pds-text: #000;

  --color-pds-table-outline: #0e8ad2;
  --color-pds-table-thead-bg: #83d9f9;
  --color-pds-table-thead-border: #c1ecfc;
  --color-pds-table-td-border: #edeff0;
  --color-pds-zips-bg: #f8962d;

  --color-pds-scroll: #1c8ed0;
  --color-pds-scroll-active: #1c8ed0;
  --color-pds-scroll-track: #fff;

  --size-pds-header-height: 100px;
  --size-pds-wrap-width: 1848px; /*1820px;*/
  --size-pds-wrap-height: 784px;
  --size-pds-tab-height: 66px;
  --size-pds-thead-height: 72px;
  --size-pds-tbody-td-width: 150px;
  --size-pds-tbody-td-height: 100px;
  --size-pds-tbody-td-indent: 50px;
  --size-pds-zips-width: 340px;
  --size-pds-scroll-width: 14px;
}

#page_pds>.background { background: url(../img/common/pds/bg.png) repeat-x center; z-index: -1; }
#page_pds>div:not(.background){ width: var(--size-pds-wrap-width); /*height: 1040px*/; position:relative; top:50%; left:50%; transform: translate(-50%, -50%); }

/***** header *****/
#page_pds header { position: relative; width: 100%; height: var(--size-pds-header-height); font-size: 0; }
#page_pds header h4>span { position: absolute; left: 130px; top: 28px; color: #2c93ce; font-family: 'tantan'; font-size: 60px; letter-spacing: -1px; line-height: 1.3; }
#page_pds header h4>span::before { content: ''; position: absolute; width: 81px; height: 81px; left: -90px; top: -4px; background: url(../img/common/pds/icon.png) no-repeat center; }
#page_pds header button.go_home { position: absolute; width: 55px; height: 55px; right: 4px; top: 18px; background: url(../img/common/pds/btn_close.png) no-repeat center; }

/***** section *****/
#page_pds section { position: relative; width: var(--size-pds-wrap-width); height: calc(100% - var(--size-pds-header-height)); margin: 0 auto; text-align: center; /*background: #eeee;*/ }
/* #page_pds section { position: relative; width: var(--size-pds-wrap-width); height: calc(100% - var(--size-pds-header-height)); margin: 0 36px; text-align: center; } */

/*** tab ***/
#page_pds section>.tab { position: absolute; width: 100%; top: calc(0px - var(--size-pds-tab-height)); padding: 3px 40px 0 0; margin: 0; text-align: right; }
#page_pds section>.tab>li { position: relative; display: inline-block; height: 69px; margin-right: -52px; color: #ecfbff; text-align: center; z-index: 0; }
#page_pds section>.tab>li:last-child { margin-right: 0; }
#page_pds section>.tab>li>button { position: relative; display: inline-block; width: fit-content; height: 100%; padding: 0px 10px; margin: 0 -1px; color: #ecfbff; font-family: "omb"; font-size: 30px; text-align: center; vertical-align: top; background: url(../img/common/pds/tab.png) repeat-x bottom; }
#page_pds section>.tab>li>button>.roman { font-family: 'binggrae-B'; padding-right: 5px; vertical-align: middle; }
#page_pds section>.tab>li::before { content: ""; display: inline-block; width: 45px; height: 100%; vertical-align: top; background: url(../img/common/pds/tab_left.png) no-repeat bottom; }
#page_pds section>.tab>li::after { content: ""; display: inline-block; width: 50px; height: 100%; vertical-align: top; background: url(../img/common/pds/tab_right.png) no-repeat bottom; }
#page_pds section>.tab>li.on { color: #fff; z-index: 1; }
#page_pds section>.tab>li.on>button { background-image: url(../img/common/pds/tab_on.png); }
#page_pds section>.tab>li.on::before { background-image: url(../img/common/pds/tab_left_on.png); }
#page_pds section>.tab>li.on::after { background-image: url(../img/common/pds/tab_right_on.png); }

/*** table ***/
#page_pds section>div.table-wrap { position: relative; width: 100%; border: 6px solid var(--color-pds-table-outline); border-radius: 40px; padding: 0; margin-top: var(--size-pds-tab-height); background-color: var(--color-pds-table-outline); overflow: hidden; z-index: 1; }
#page_pds section>div.table-wrap table { position: relative; width: 100%; }
#page_pds section>div.table-wrap table>thead { display: block; background-color: var(--color-pds-table-thead-bg); }
#page_pds section>div.table-wrap table>thead>tr { width: 100%; border-bottom: 6px solid #30baec; }
#page_pds section>div.table-wrap table>thead>tr>th { width: var(--size-pds-tbody-td-width); height: var(--size-pds-thead-height); padding: 0 10px; color: var(--color-pds-text); font-family: 'omb'; font-size: 23px; line-height: 1.3; text-align: center; word-break: keep-all; vertical-align: middle; border-right: 2px solid #c1ecfc; background-color: var(--color-pds-table-thead-bg); }
#page_pds section>div.table-wrap table>thead>tr>th:last-child { border-right: 0px; }
#page_pds section>div.table-wrap table>thead>tr>th>span { font-family: inherit; }
#page_pds section>div.table-wrap table>tbody { display: block; max-height: 702px; overflow-x: hidden; overflow-y: scroll; background-color: #fff; }
#page_pds section>div.table-wrap table>tbody>tr>td { width: var(--size-pds-tbody-td-width); height: var(--size-pds-tbody-td-height); border-right: 2px solid var(--color-pds-table-td-border); border-bottom: 2px solid var(--color-pds-table-td-border); font-size: 0; vertical-align: middle; }
#page_pds section>div.table-wrap table>tbody>tr>td.title,
#page_pds section>div.table-wrap table>tbody>tr>td.title2 { padding-left: calc(var(--size-pds-tbody-td-indent) + 30px); padding-right: 10px; text-align: left; }
#page_pds section>div.table-wrap table>tbody>tr>td:last-child { border-right: 0px; }
#page_pds section>div.table-wrap table>tbody>tr:last-child>td { border-bottom: 0px; }
#page_pds section>div.table-wrap table>tbody>tr>td.title>span,
#page_pds section>div.table-wrap table>tbody>tr>td.title2>span { font-family: 'omb'; font-size: 27px; line-height: 1.3; text-indent: var(--size-pds-tbody-td-indent); margin-left: calc(0px - var(--size-pds-tbody-td-indent)); word-break: keep-all; }

#page_pds section>div.table-wrap table>tbody>tr>td:last-child { width: calc(var(--size-pds-tbody-td-width) - var(--size-pds-scroll-width)); padding-left: var(--size-pds-scroll-width); }

/* scroll: begin */
#page_pds section table tbody::-webkit-scrollbar { width: var(--size-pds-scroll-width); }
#page_pds section table tbody::-webkit-scrollbar-track { border-radius: calc(var(--size-pds-scroll-width)/2); background-color: var(--color-pds-scroll-track); }
#page_pds section  table.overflow tbody::-webkit-scrollbar-track { border-radius: calc(var(--size-pds-scroll-width)/2); background-color: var(--color-pds-scroll-track); }

#page_pds section table tbody::-webkit-scrollbar-thumb { border-radius: calc(var(--size-pds-scroll-width)/2); border: 2px solid #fff; background-color: var(--color-pds-scroll); }
#page_pds section table tbody::-webkit-scrollbar-thumb:hover { background-color: var(--color-pds-scroll-active); }

#page_pds section table tbody::-webkit-scrollbar-button { width: 0; height: 0px; }
#page_pds section table tbody::-webkit-scrollbar-button:end { height: 30px; }
/* scroll: end */

/*** .pds-zips ***/
#page_pds section .pds-zips { position: absolute; width: 100%; bottom: 92px; }
#page_pds section .pds-zips>ul { position: relative; width: 100%; height: 80px; border: 5px solid var(--color-pds-zips-bg); border-radius: 30px; overflow: hidden; background-color: var(--color-pds-zips-bg); }
#page_pds section .pds-zips>ul>li { position: relative; display: inline-block; width: var(--size-pds-zips-width); height: 100%; padding-top: 8px; color: var(--color-pds-text); font-family: 'omb'; font-size: 25px; text-align: center; vertical-align: middle; }
#page_pds section .pds-zips>ul>li:nth-child(even) { background-color: #ffdbb4; }
#page_pds section .pds-zips>ul>li:nth-child(odd) { background-color: #ffffe1; }
#page_pds section .pds-zips>ul>li.title { width: calc(var(--size-pds-wrap-width) - (var(--size-pds-zips-width) + 2px)*4 - 2px); padding-top: 18px; color: #fff; font-size: 30px; background-color: var(--color-pds-zips-bg); }
#page_pds section .pds-zips>ul>li>span { margin-right: 20px; font-family: inherit; vertical-align: middle; }
#page_pds section .pds-zips>ul>li>button { font-size: 0; vertical-align: middle; }

/*** icon ***/
#page_pds section button { position: relative; width: 45px; height: 45px; margin: 5px; background-repeat: no-repeat; background-position: center; }
#page_pds section button.dummy { pointer-events: none; }
#page_pds section table td>span.dummy { position: relative; display: inline-block; width: 100%; margin: auto; text-align: center; }
#page_pds section table td>span.dummy::after { content: ""; position: relative; display: inline-block; width: 12px; height: 2px; background-color: #999; }

#page_pds section .ppt { background-image:url(../img/common/pds/icon_ppt.png); }
#page_pds section .pptx{ background-image:url(../img/common/pds/icon_ppt.png); }
#page_pds section .hwp { background-image:url(../img/common/pds/icon_hwp.png); }
#page_pds section .pdf { background-image:url(../img/common/pds/icon_pdf.png); }
#page_pds section .zip { background-image:url(../img/common/pds/icon_zip.png); }
#page_pds section .zip2 { background-image:url(../img/common/pds/icon_zip2.png); }
#page_pds section .mp4 { background-image:url(../img/common/pds/icon_mp4.png); }

#page_pds section .ppt.dummy { background-image:url(../img/common/pds/icon_ppt_dummy.png); }
#page_pds section .pptx.dummy { background-image:url(../img/common/pds/icon_ppt_dummy.png); }
#page_pds section .hwp.dummy { background-image:url(../img/common/pds/icon_hwp_dummy.png); }
#page_pds section .pdf.dummy { background-image:url(../img/common/pds/icon_pdf_dummy.png); }
#page_pds section .zip.dummy { background-image:url(../img/common/pds/icon_zip_dummy.png); }
#page_pds section .zip2.dummy { background-image:url(../img/common/pds/icon_zip2_dummy.png); }
#page_pds section .mp4.dummy { background-image:url(../img/common/pds/icon_mp4_dummy.png); }

/*** footer ***/
#page_pds footer{ position: absolute; right: 100px; /*128px;*/ top: 20px; }
#page_pds footer>ul>li{ position: relative; display: inline-block; padding: 10px 16px 8px 10px; margin-left: 20px; border-bottom: 5px solid #03b133; border-radius: 20px; background-color: #53bd6c; }
#page_pds footer>ul>li>button { position: relative; display: block; font-size: 0; }
#page_pds footer>ul>li>button>span.icon { position: relative; display: inline-block; width: 34px; height: 34px; border-radius: 10px; vertical-align: middle; background: no-repeat 0px center; }
#page_pds footer>ul>li>button>span.name { position: relative; display: inline-block; margin-left: 10px; color: #fff; font-family: 'omb'; font-size: 25px; line-height: 1.3; vertical-align: middle; }
#page_pds footer>ul>li>button.hwp>span.icon { background-image: url(../img/common/pds/btn_common_hwp.png); }
#page_pds footer>ul>li>button.pdf>span.icon { background-image: url(../img/common/pds/btn_common_pdf.png); }
#page_pds footer>ul>li>button.ppt>span.icon { background-image: url(../img/common/pds/btn_common_ppt.png); }
#page_pds footer>ul>li>button.zip2>span.icon { border-radius: 0px; background-image: url(../img/common/pds/btn_common_zip.png); }


/***** custom *****/
/*** 중학 체육1, 2 ***/
body[data-bcode='mped1'] #page_pds,
body[data-bcode='mped2'] #page_pds {
  --size-pds-tbody-td-width: 200px;
}

body[data-bcode='mped1'] #page_pds section div.table-wrap table>thead>tr>th:first-child,
body[data-bcode='mped2'] #page_pds section div.table-wrap table>thead>tr>th:first-child,
body[data-bcode='mped1'] #page_pds section div.table-wrap table>tbody>tr>td.title,
body[data-bcode='mped2'] #page_pds section div.table-wrap table>tbody>tr>td.title { width: calc(var(--size-pds-wrap-width) - var(--size-pds-tbody-td-width)*7); }

/*** 중고등 진로와 직업 ***/
body[data-bcode='mcvs'] #page_pds section div.table-wrap table>thead>tr>th:first-child,
body[data-bcode='hcvs'] #page_pds section div.table-wrap table>thead>tr>th:first-child,
body[data-bcode='mcvs'] #page_pds section div.table-wrap table>tbody>tr>td.title,
body[data-bcode='hcvs'] #page_pds section div.table-wrap table>tbody>tr>td.title { width: calc(var(--size-pds-wrap-width) - var(--size-pds-tbody-td-width)*7); }

/*** 중고등 미술 ***/
body[data-bcode='mart1'] #page_pds,
body[data-bcode='mart2'] #page_pds {
  --size-pds-tbody-td-width: 180px;
  --size-pds-zips-width: 179px;
}

body[data-bcode='mart1'] #page_pds section div.table-wrap table>tbody,
body[data-bcode='mart2'] #page_pds section div.table-wrap table>tbody { max-height: 770px; /*682px;*/ }

body[data-bcode='mart1'] #page_pds section div.table-wrap table>thead>tr>th:first-child,
body[data-bcode='mart2'] #page_pds section div.table-wrap table>thead>tr>th:first-child,
body[data-bcode='mart1'] #page_pds section div.table-wrap table>tbody>tr>td.title,
body[data-bcode='mart2'] #page_pds section div.table-wrap table>tbody>tr>td.title { width: calc(var(--size-pds-wrap-width) - var(--size-pds-tbody-td-width)*8); }

body[data-bcode='mart1'] #page_pds section div.pds-zips ul>li:first-child,
body[data-bcode='mart2'] #page_pds section div.pds-zips ul>li:first-child { width: calc(var(--size-pds-wrap-width) - (var(--size-pds-zips-width) + 2px)*8 + 6px); }
body[data-bcode='mart1'] #page_pds section div.pds-zips ul>li>span,
body[data-bcode='mart2'] #page_pds section div.pds-zips ul>li>span { display: none; }

/*** 중고등 기술가정 ***/
body[data-bcode='mthe1'] #page_pds,
body[data-bcode='mthe2'] #page_pds,
body[data-bcode='hthe'] #page_pds {
  --size-pds-tbody-td-indent: 68px;
  --size-the-title-indent: 32px;
}

/* title indent */
body[data-bcode='mthe1'] #page_pds section>div.table-wrap table>tbody>tr>td.title,
body[data-bcode='mthe2'] #page_pds section>div.table-wrap table>tbody>tr>td.title,
body[data-bcode='hthe'] #page_pds section>div.table-wrap table>tbody>tr>td.title { padding-left: calc(var(--size-the-title-indent) + 30px); }
body[data-bcode='mthe1'] #page_pds section>div.table-wrap table>tbody>tr>td.title>span,
body[data-bcode='mthe2'] #page_pds section>div.table-wrap table>tbody>tr>td.title>span,
body[data-bcode='hthe'] #page_pds section>div.table-wrap table>tbody>tr>td.title>span { text-indent: var(--size-the-title-indent); margin-left: calc(0px - var(--size-the-title-indent)); }

/* title width */
body[data-bcode='mthe1'] #page_pds section div.table-wrap table>thead>tr>th:first-child,
body[data-bcode='mthe2'] #page_pds section div.table-wrap table>thead>tr>th:first-child,
body[data-bcode='hthe'] #page_pds section div.table-wrap table>thead>tr>th:first-child,
body[data-bcode='mthe1'] #page_pds section div.table-wrap table>thead>tr>th:nth-child(2),
body[data-bcode='mthe2'] #page_pds section div.table-wrap table>thead>tr>th:nth-child(2),
body[data-bcode='hthe'] #page_pds section div.table-wrap table>thead>tr>th:nth-child(2),
body[data-bcode='mthe1'] #page_pds section div.table-wrap table>tbody>tr>td.title,
body[data-bcode='mthe2'] #page_pds section div.table-wrap table>tbody>tr>td.title,
body[data-bcode='hthe'] #page_pds section div.table-wrap table>tbody>tr>td.title,
body[data-bcode='mthe1'] #page_pds section div.table-wrap table>tbody>tr>td.title2,
body[data-bcode='mthe2'] #page_pds section div.table-wrap table>tbody>tr>td.title2,
body[data-bcode='hthe'] #page_pds section div.table-wrap table>tbody>tr>td.title2 { width: calc((var(--size-pds-wrap-width) - var(--size-pds-tbody-td-width)*6)/2); }

/* colspan line */
body[data-bcode='mthe1'] #page_pds section>div.table-wrap table>tbody>tr>td:last-child:not(.end),
body[data-bcode='mthe2'] #page_pds section>div.table-wrap table>tbody>tr>td:last-child:not(.end),
body[data-bcode='hthe'] #page_pds section>div.table-wrap table>tbody>tr>td:last-child:not(.end) { padding-left: 0px; border-right: 2px solid var(--color-pds-table-td-border); }

/* tab text align center */
body[data-bcode='mthe1'] #page_pds section>.tab>li>button>.roman,
body[data-bcode='mthe2'] #page_pds section>.tab>li>button>.roman,
body[data-bcode='hthe'] #page_pds section>.tab>li>button>.roman { padding-left: 5px; }

/* .pds-zips */
body[data-bcode='mthe1'] #page_pds section .pds-zips>ul>li,
body[data-bcode='mthe2'] #page_pds section .pds-zips>ul>li,
body[data-bcode='hthe'] #page_pds section .pds-zips>ul>li { width: calc(var(--size-pds-zips-width)*2); }

body[data-bcode='mthe2'] #page_pds section .pds-zips>ul>li:last-child>span { display: none; }

body[data-bcode='mthe1'] #page_pds section div.pds-zips ul>li:first-child,
body[data-bcode='mthe2'] #page_pds section div.pds-zips ul>li:first-child,
body[data-bcode='hthe'] #page_pds section div.pds-zips ul>li:first-child { width: calc(var(--size-pds-wrap-width) - (var(--size-pds-zips-width) + 2px)*4 - 2px); }

/*** 중고등 음악 ***/
body[data-bcode='mmusic1'] #page_pds,
body[data-bcode='mmusic2'] #page_pds,
body[data-bcode='hmusic'] #page_pds {
  --size-pds-header-height: 130px;
  --size-pds-thead-height: 62px;
  --size-pds-tbody-td-width: 158px;
  --size-pds-tbody-td-indent: 32px;
}

/* tab */
#page_pds section.music ul.tab>li>button { letter-spacing: -1px; }

/* table */
#page_pds section.music div.table-wrap table>thead>tr:first-child>th:first-child,
#page_pds section.music div.table-wrap table>tbody>tr>td.title { width: calc(var(--size-pds-wrap-width) - var(--size-pds-tbody-td-width)*9); }
#page_pds section.music div.table-wrap table>thead>tr:first-child { border-bottom: 0; }
#page_pds section.music div.table-wrap table>thead>tr:first-child>th:not(:first-child) { border-bottom: 2px solid #c1ecfc; background-color: #5ccef9; }
#page_pds section.music div.table-wrap table>tbody { overflow-y: hidden; }
#page_pds section.music div.table-wrap table>tbody>tr>td:last-child { width: var(--size-pds-tbody-td-width); padding-left: 0px; }
#page_pds section.music div.table-wrap table>tbody>tr.blank>td { background-color: #f4f4f4; }

/* .tab-files */
#page_pds section.music .tab-files {
  --color-pds-tabfiles-outline: #7cd045;
  --color-pds-tabfiles-border: #e1f6d1;
  position: absolute; width: 100%; bottom: 294px; border: 6px solid var(--color-pds-tabfiles-outline); border-radius: 30px; padding: 0; background-color: var(--color-pds-tabfiles-outline); overflow: hidden; }
#page_pds section.music .tab-files table { position: relative; width: 100%; }
#page_pds section.music .tab-files table tr { background-color: var(--color-pds-tabfiles-outline); }
#page_pds section.music .tab-files table tr:first-child>th:first-child { width: 202px; color: #fff; font-size: 30px; vertical-align: middle; border-right: 0px; background-color: var(--color-pds-tabfiles-outline); }
#page_pds section.music .tab-files table tr>th { height: 65px; color: #000; font-family: 'omb'; font-size: 25px; text-align: center; line-height: 1.3; vertical-align: middle; border-right: 2px solid var(--color-pds-tabfiles-border); background-color: #c2eca2; }
#page_pds section.music .tab-files table tr>td { height: 70px; font-size: 0; text-align: center; vertical-align: middle; border-right: 2px solid var(--color-pds-tabfiles-border); background-color: #eafcd6; }
#page_pds section.music .tab-files table tr>th:last-child,
#page_pds section.music .tab-files table tr>td:last-child { border-right: 0px; }

/* .common-files */
#page_pds section.music .common-files {
  --color-pds-commonfiles-outline: #f8962d;
  --color-pds-commonfiles-border: #ffedda;
  position: absolute; width: 100%; bottom: 170px; border: 6px solid var(--color-pds-commonfiles-outline); border-radius: 30px; padding: 0; background-color: var(--color-pds-commonfiles-outline); overflow: hidden; }
#page_pds section.music .common-files table { position: relative; width: 100%; }
#page_pds section.music .common-files table tr:first-child>th:first-child { width: 202px; color: #fff; font-size: 30px; vertical-align: middle; border-right: 0px; background-color: var(--color-pds-commonfiles-outline); }
#page_pds section.music .common-files table tr>th { height: 95px; padding: 0 20px; color: #000; font-family: 'omb'; font-size: 25px; text-align: center; line-height: 1.3; vertical-align: middle; border-right: 2px solid var(--color-pds-commonfiles-border); background-color: #ffdbb4; }
#page_pds section.music .common-files table tr>td { height: 70px; padding: 0 20px; font-size: 0; text-align: center; vertical-align: middle; border-right: 2px solid var(--color-pds-commonfiles-border); background-color: #ffffe1; }
#page_pds section.music .common-files table tr>th:last-child,
#page_pds section.music .common-files table tr>td:last-child { border-right: 0px; }


/*************************************************/
/********** [ 5. #page_iframe: iframe ] **********/
/*************************************************/

/***** ifrmae 영역 *****/
#page_iframe>iframe { position: relative; width: 1921px; height: 100%; }
#page_iframe>.iframe_bg { position: absolute; display: none; width: 2520px; height: 100%; left: calc(0px - (2520px - 1921px)/2); pointer-events: none; }
#page_iframe>.iframe_bg.quiz { background: url(../plugins/quiz/images/bg_extend.png) no-repeat center/contain; }



/************************************************/
/********** [ 6. #sectbar: 차시 표시 ] **********/
/************************************************/

#sectbar { position: absolute !important; width: 57px; height: 640px !important; top: 0px; right: 0px; background: url(../img/common/toolbar/section_bar.png) bottom no-repeat; }
body.dan1 #sectbar {background: url(../img/common/study/type1/section_bar.png) bottom no-repeat;}

#sectbar .bar { position: relative; width: 17px; height: 140px; margin: 0 auto; background-color: #ffd98e; }
#sectbar .bubble { position: relative; display: flex; align-items: center; justify-content: center; width: 64px; height: 60px; top: -54px; margin: 0 0 0 -3px; padding-bottom: 12px; font-family: 'scdream-7'; font-size: 15px; color: #fff; text-align: center; line-height: 1.2; letter-spacing: -0.5px; background: url(../img/common/toolbar/section_bubble.png); opacity: 0; }



/*************************************/
/********** [ 7. #toolbar ] **********/
/*************************************/

/*** #toolbar ***/
#toolbar { position: absolute; width: 66px; height: auto !important; left: 14px; right: auto; top: 40px; bottom: auto; z-index: 666; }

#toolbar>ul{ position: relative; left: 0px; padding-left: 0px; padding-top: 6px; text-align: center; background: url(../img/common/toolbar/tool_bg.png) repeat-y 0 0; }
#toolbar>ul>li{ font-size: 0; position: relative; }
#toolbar>ul>li>button{ width: 46px; height: 46px; margin: 0 0 10px; border-radius: 8px; }
#toolbar>ul>li>.dash { position: relative; display: block; width: 66px; height: 16px; background: url(../img/common/toolbar/tool_div.png) no-repeat center 0px; }

#toolbar>ul>li.toolbar-top { position: absolute; left: 0px; top: -16px; width: 66px; height: 30px; background: url(../img/common/toolbar/tool_bg_top.png) no-repeat center; }
#toolbar>ul>li.toolbar-bottom { position: absolute; left: 0px; bottom: -16px; width: 66px; height: 30px; background: url(../img/common/toolbar/tool_bg_bottom.png) no-repeat center; }

#toolbar>ul>li>button.tool_home { background-image: url(../img/common/toolbar/tool_btn_home.png); }
#toolbar>ul>li>button.tool_home:before { z-index: 1; }
#toolbar>ul>li>button.tool_menu { background-image: url(../img/common/toolbar/tool_btn_menu.png); }
#toolbar>ul>li>button.tool_pds { background-image: url(../img/common/toolbar/tool_btn_pds.png); }
#toolbar>ul>li>button.tool_bookmark { background-image: url(../img/common/toolbar/tool_btn_bookmark.png); }
#toolbar>ul>li>button.tool_help { background-image: url(../img/common/toolbar/tool_btn_help.png); }

#toolbar>ul>li>button.tool_search { background-image: url(../img/common/toolbar/tool_btn_search.png); }
#toolbar>ul>li>button.tool_memo_new { background-image: url(../img/common/toolbar/tool_btn_memo.png); }
#toolbar>ul>li>button.tool_memo { background-image: url(../img/common/toolbar/tool_btn_memo.png); }
#toolbar>ul>li>button.tool_fullpage { background-image:url(../img/common/toolbar/tool_btn_zoomin.png); }
#toolbar>ul>li.is_full .tool_fullpage { background-image:url(../img/common/toolbar/tool_btn_zoomout.png); }
#toolbar>ul>li>button.tool_pen { background-image: url(../img/common/toolbar/tool_btn_draw.png); }
#toolbar>ul>li>button.tool_board { background-image: url(../img/common/toolbar/tool_btn_board.png); }
#toolbar>ul>li>button.tool_jindo { background-image: url(../img/common/toolbar/tool_btn_progress.png); }
#toolbar>ul>li>button.tool_link_new { background-image: url(../img/common/toolbar/tool_btn_link.png); }
#toolbar>ul>li>button.tool_link { background-image: url(../img/common/toolbar/tool_btn_link.png); }

#toolbar>ul>li>button.tool_group { background-image: url(../img/common/toolbar/tool_btn_group.png); }
#toolbar>ul>li>button.tool_acter { background-image: url(../img/common/toolbar/tool_btn_pick.png); }
#toolbar>ul>li>button.tool_timer { background-image: url(../img/common/toolbar/tool_btn_timer.png); }
#toolbar>ul>li>button.tool_stopwatch { background-image: url(../img/common/toolbar/tool_btn_stopwatch.png); }
#toolbar>ul>li>button.tool_darker { background-image: url(../img/common/toolbar/tool_btn_attention.png); }

#toolbar>ul>li>button.tool_print{background-image:url(../img/common/ico_tool_printW.png); }

/* hover, .selected */
#toolbar>ul>li>button.tool_home:hover,
#toolbar>ul>li.selected>button.tool_home { background-image: url(../img/common/toolbar/tool_btn_home_on.png); }
#toolbar>ul>li>button.tool_menu:hover,
#toolbar>ul>li.selected>button.tool_menu { background-image: url(../img/common/toolbar/tool_btn_menu_on.png); }
#toolbar>ul>li>button.tool_pds:hover,
#toolbar>ul>li.selected>button.tool_pds { background-image: url(../img/common/toolbar/tool_btn_pds_on.png); }
#toolbar>ul>li>button.tool_bookmark:hover,
#toolbar>ul>li.selected>button.tool_bookmark { background-image: url(../img/common/toolbar/tool_btn_bookmark_on.png); }
#toolbar>ul>li>button.tool_help:hover,
#toolbar>ul>li.selected>button.tool_help { background-image: url(../img/common/toolbar/tool_btn_help_on.png); }

#toolbar>ul>li>button.tool_search:hover,
#toolbar>ul>li.selected>button.tool_search { background-image: url(../img/common/toolbar/tool_btn_search_on.png); }
#toolbar>ul>li>button.tool_memo_new:hover,
#toolbar>ul>li.selected>button.tool_memo_new { background-image: url(../img/common/toolbar/tool_btn_memo_on.png); }
#toolbar>ul>li>button.tool_memo:hover,
#toolbar>ul>li.selected>button.tool_memo { background-image: url(../img/common/toolbar/tool_btn_memo_on.png); }
#toolbar>ul>li:not(.is_full)>button.tool_fullpage:hover { background-image: url(../img/common/toolbar/tool_btn_zoomout.png); }
#toolbar>ul>li>button.tool_pen:hover,
#toolbar>ul>li.selected>button.tool_pen { background-image: url(../img/common/toolbar/tool_btn_draw_on.png); }
#toolbar>ul>li>button.tool_board:hover,
#toolbar>ul>li.selected>button.tool_board { background-image: url(../img/common/toolbar/tool_btn_board_on.png); }
#toolbar>ul>li>button.tool_jindo:hover,
#toolbar>ul>li.selected>button.tool_jindo { background-image: url(../img/common/toolbar/tool_btn_progress_on.png); }
#toolbar>ul>li>button.tool_link_new:hover,
#toolbar>ul>li.selected>button.tool_link_new { background-image: url(../img/common/toolbar/tool_btn_link_on.png); }
#toolbar>ul>li>button.tool_link:hover,
#toolbar>ul>li.selected>button.tool_link { background-image: url(../img/common/toolbar/tool_btn_link_on.png); }

#toolbar>ul>li>button.tool_group:hover,
#toolbar>ul>li.selected>button.tool_group { background-image: url(../img/common/toolbar/tool_btn_group_on.png); }
#toolbar>ul>li>button.tool_acter:hover,
#toolbar>ul>li.selected>button.tool_acter { background-image: url(../img/common/toolbar/tool_btn_pick_on.png); }
#toolbar>ul>li>button.tool_timer:hover,
#toolbar>ul>li.selected>button.tool_timer { background-image: url(../img/common/toolbar/tool_btn_timer_on.png); }
#toolbar>ul>li>button.tool_stopwatch:hover,
#toolbar>ul>li.selected>button.tool_stopwatch { background-image: url(../img/common/toolbar/tool_btn_stopwatch_on.png); }
#toolbar>ul>li>button.tool_darker:hover,
#toolbar>ul>li.selected>button.tool_darker { background-image: url(../img/common/toolbar/tool_btn_attention_on.png); }

/* tooltip: 중학미술1, 중학미술2 : /violet/ */
body[data-bcode="mart1"] #toolbar>ul>li>button.tool_home:hover,
body[data-bcode="mart1"] #toolbar>ul>li.selected>button.tool_home,
body[data-bcode="mart2"] #toolbar>ul>li>button.tool_home:hover,
body[data-bcode="mart2"] #toolbar>ul>li.selected>button.tool_home { background-image: url(../img/common/toolbar/violet/tool_btn_home_on.png); }
body[data-bcode="mart1"] #toolbar>ul>li>button.tool_menu:hover,
body[data-bcode="mart1"] #toolbar>ul>li.selected>button.tool_menu,
body[data-bcode="mart2"] #toolbar>ul>li>button.tool_menu:hover,
body[data-bcode="mart2"] #toolbar>ul>li.selected>button.tool_menu { background-image: url(../img/common/toolbar/violet/tool_btn_menu_on.png); }
body[data-bcode="mart1"] #toolbar>ul>li>button.tool_pds:hover,
body[data-bcode="mart1"] #toolbar>ul>li.selected>button.tool_pds,
body[data-bcode="mart2"] #toolbar>ul>li>button.tool_pds:hover,
body[data-bcode="mart2"] #toolbar>ul>li.selected>button.tool_pds { background-image: url(../img/common/toolbar/violet/tool_btn_pds_on.png); }
body[data-bcode="mart1"] #toolbar>ul>li>button.tool_bookmark:hover,
body[data-bcode="mart1"] #toolbar>ul>li.selected>button.tool_bookmark,
body[data-bcode="mart2"] #toolbar>ul>li>button.tool_bookmark:hover,
body[data-bcode="mart2"] #toolbar>ul>li.selected>button.tool_bookmark { background-image: url(../img/common/toolbar/violet/tool_btn_bookmark_on.png); }
body[data-bcode="mart1"] #toolbar>ul>li>button.tool_help:hover,
body[data-bcode="mart1"] #toolbar>ul>li.selected>button.tool_help,
body[data-bcode="mart2"] #toolbar>ul>li>button.tool_help:hover,
body[data-bcode="mart2"] #toolbar>ul>li.selected>button.tool_help { background-image: url(../img/common/toolbar/violet/tool_btn_help_on.png); }

body[data-bcode="mart1"] #toolbar>ul>li>button.tool_search:hover,
body[data-bcode="mart1"] #toolbar>ul>li.selected>button.tool_search,
body[data-bcode="mart2"] #toolbar>ul>li>button.tool_search:hover,
body[data-bcode="mart2"] #toolbar>ul>li.selected>button.tool_search { background-image: url(../img/common/toolbar/violet/tool_btn_search_on.png); }
body[data-bcode="mart1"] #toolbar>ul>li>button.tool_memo_new:hover,
body[data-bcode="mart1"] #toolbar>ul>li.selected>button.tool_memo_new,
body[data-bcode="mart2"] #toolbar>ul>li>button.tool_memo_new:hover,
body[data-bcode="mart2"] #toolbar>ul>li.selected>button.tool_memo_new { background-image: url(../img/common/toolbar/violet/tool_btn_memo_on.png); }
body[data-bcode="mart1"] #toolbar>ul>li>button.tool_memo:hover,
body[data-bcode="mart1"] #toolbar>ul>li.selected>button.tool_memo,
body[data-bcode="mart2"] #toolbar>ul>li>button.tool_memo:hover,
body[data-bcode="mart2"] #toolbar>ul>li.selected>button.tool_memo { background-image: url(../img/common/toolbar/violet/tool_btn_memo_on.png); }
body[data-bcode="mart1"] #toolbar>ul>li>button.tool_fullpage,
body[data-bcode="mart2"] #toolbar>ul>li>button.tool_fullpage { background-image:url(../img/common/toolbar/violet/tool_btn_zoomin.png); }
body[data-bcode="mart1"] #toolbar>ul>li.is_full .tool_fullpage,
body[data-bcode="mart2"] #toolbar>ul>li.is_full .tool_fullpage { background-image:url(../img/common/toolbar/violet/tool_btn_zoomout.png); }
body[data-bcode="mart1"] #toolbar>ul>li:not(.is_full)>button.tool_fullpage:hover,
body[data-bcode="mart2"] #toolbar>ul>li:not(.is_full)>button.tool_fullpage:hover { background-image: url(../img/common/toolbar/violet/tool_btn_zoomout.png); }
body[data-bcode="mart1"] #toolbar>ul>li>button.tool_pen:hover,
body[data-bcode="mart1"] #toolbar>ul>li.selected>button.tool_pen,
body[data-bcode="mart2"] #toolbar>ul>li>button.tool_pen:hover,
body[data-bcode="mart2"] #toolbar>ul>li.selected>button.tool_pen { background-image: url(../img/common/toolbar/violet/tool_btn_draw_on.png); }
body[data-bcode="mart1"] #toolbar>ul>li>button.tool_board:hover,
body[data-bcode="mart1"] #toolbar>ul>li.selected>button.tool_board,
body[data-bcode="mart2"] #toolbar>ul>li>button.tool_board:hover,
body[data-bcode="mart2"] #toolbar>ul>li.selected>button.tool_board { background-image: url(../img/common/toolbar/violet/tool_btn_board_on.png); }
body[data-bcode="mart1"] #toolbar>ul>li>button.tool_jindo:hover,
body[data-bcode="mart1"] #toolbar>ul>li.selected>button.tool_jindo,
body[data-bcode="mart2"] #toolbar>ul>li>button.tool_jindo:hover,
body[data-bcode="mart2"] #toolbar>ul>li.selected>button.tool_jindo { background-image: url(../img/common/toolbar/violet/tool_btn_progress_on.png); }
body[data-bcode="mart1"] #toolbar>ul>li>button.tool_link_new:hover,
body[data-bcode="mart1"] #toolbar>ul>li.selected>button.tool_link_new,
body[data-bcode="mart2"] #toolbar>ul>li>button.tool_link_new:hover,
body[data-bcode="mart2"] #toolbar>ul>li.selected>button.tool_link_new { background-image: url(../img/common/toolbar/violet/tool_btn_link_on.png); }
body[data-bcode="mart1"] #toolbar>ul>li>button.tool_link:hover,
body[data-bcode="mart1"] #toolbar>ul>li.selected>button.tool_link,
body[data-bcode="mart2"] #toolbar>ul>li>button.tool_link:hover,
body[data-bcode="mart2"] #toolbar>ul>li.selected>button.tool_link { background-image: url(../img/common/toolbar/violet/tool_btn_link_on.png); }

body[data-bcode="mart1"] #toolbar>ul>li>button.tool_group:hover,
body[data-bcode="mart1"] #toolbar>ul>li.selected>button.tool_group,
body[data-bcode="mart2"] #toolbar>ul>li>button.tool_group:hover,
body[data-bcode="mart2"] #toolbar>ul>li.selected>button.tool_group { background-image: url(../img/common/toolbar/violet/tool_btn_group_on.png); }
body[data-bcode="mart1"] #toolbar>ul>li>button.tool_acter:hover,
body[data-bcode="mart1"] #toolbar>ul>li.selected>button.tool_acter,
body[data-bcode="mart2"] #toolbar>ul>li>button.tool_acter:hover,
body[data-bcode="mart2"] #toolbar>ul>li.selected>button.tool_acter { background-image: url(../img/common/toolbar/violet/tool_btn_pick_on.png); }
body[data-bcode="mart1"] #toolbar>ul>li>button.tool_timer:hover,
body[data-bcode="mart1"] #toolbar>ul>li.selected>button.tool_timer,
body[data-bcode="mart2"] #toolbar>ul>li>button.tool_timer:hover,
body[data-bcode="mart2"] #toolbar>ul>li.selected>button.tool_timer { background-image: url(../img/common/toolbar/violet/tool_btn_timer_on.png); }
body[data-bcode="mart1"] #toolbar>ul>li>button.tool_stopwatch:hover,
body[data-bcode="mart1"] #toolbar>ul>li.selected>button.tool_stopwatch,
body[data-bcode="mart2"] #toolbar>ul>li>button.tool_stopwatch:hover,
body[data-bcode="mart2"] #toolbar>ul>li.selected>button.tool_stopwatch { background-image: url(../img/common/toolbar/violet/tool_btn_stopwatch_on.png); }
body[data-bcode="mart1"] #toolbar>ul>li>button.tool_darker:hover,
body[data-bcode="mart1"] #toolbar>ul>li.selected>button.tool_darker,
body[data-bcode="mart2"] #toolbar>ul>li>button.tool_darker:hover,
body[data-bcode="mart2"] #toolbar>ul>li.selected>button.tool_darker { background-image: url(../img/common/toolbar/violet/tool_btn_attention_on.png); }

#toolbar>ul>li.selected:after{content:"원하는 위치에";}

#toolbar.std { --w: 58px; width: var(--w); left: 11px; top: calc(50% - 320px); }
#toolbar.std>ul{ background-image: url(../img/common/toolbar/tool_bg_std.png); }
#toolbar.std>ul>li.toolbar-top { width: var(--w); background-image: url(../img/common/toolbar/tool_bg_std_top.png); }
#toolbar.std>ul>li.toolbar-bottom { width: var(--w); background-image: url(../img/common/toolbar/tool_bg_std_bottom.png); }
#toolbar.std>ul>li>.dash { width: var(--w); background-image: url(../img/common/toolbar/tool_div_std.png); }

/*** sub menu ***/

/*** 활성화 ***/
#toolbar>ul>li.selected>ul{display: block;}
/* #toolbar.active>ul{display: block;} */

/***** 펜 쓰기 서브 메뉴 *****/
#toolbar>ul>li>ul#palette_pen{position: absolute; display:none; left: 56px; top: -6px; width: 300px; height: 65px; background: url(../img/common/pen_palette.png) no-repeat 0 0;}
#toolbar.right>ul>li>ul#palette_pen{left: auto; right: 56px;}
#toolbar>ul>li>ul#palette_pen.active{display: block;}
#toolbar>ul>li>ul#palette_pen>li{position: absolute;}
#toolbar>ul>li>ul#palette_pen>li.draw{left: 8px;}
#toolbar>ul>li>ul#palette_pen>li.del{right: 8px;}
#toolbar>ul>li>ul#palette_pen>li.opacity,
#toolbar>ul>li>ul#palette_pen>li.visible_continue{display: none;}
#toolbar>ul>li>ul#palette_pen>li>button{position: relative; display: block; width: 33px; height: 33px; top: 8px;}

#toolbar>ul>li>ul#palette_pen>li.draw>button{background: url(../img/common/btn_pen_draw_dim.png) no-repeat center;}
#toolbar>ul>li>ul#palette_pen>li.draw>button.on{background: url(../img/common/btn_pen_draw.png) no-repeat center;}
#toolbar>ul>li>ul#palette_pen>li.del>button{right: 36px; background: url(../img/common/btn_pen_erase_dim.png) no-repeat center;}
#toolbar>ul>li>ul#palette_pen>li.del>button.on{right: 36px; background: url(../img/common/btn_pen_erase.png) no-repeat center;}
#toolbar>ul>li>ul#palette_pen>li.del>em:last-of-type{position: absolute; display: block; width: 33px; height: 33px; left: 0px; top: 8px; background: url(../img/common/btn_pen_reset.png) no-repeat 0 0; cursor: pointer;}

#toolbar>ul>li>ul#palette_pen>li.color>ol{position: absolute; display: block; width: 170px; height: 33px; left: 46px; top: 8px; text-align: center;  padding-top: 2px; border-radius: 8px; background-color: #eaeaea;}
#toolbar>ul>li>ul#palette_pen>li.color>ol>li{position: relative; display: inline-block; margin: 4px 2px;}
#toolbar>ul>li>ul#palette_pen>li.color>ol>li>button{position: relative; display: block; width: 20px; height: 20px; border: 2px solid #eaeaea; border-radius: 50%;}
#toolbar>ul>li>ul#palette_pen>li.color>ol>li.selected>button{border: none;}
#toolbar>ul>li>ul#palette_pen>li.width{position: absolute; left: 44px; bottom: 10px;}
#toolbar>ul>li>ul#palette_pen>li.width input[type=range]{
  -webkit-appearance: none;
  width: 170px;
  height: 6px;
  cursor: pointer;
  border-radius: 3px; /* iOS */
  background: #99b4f7;
}
#toolbar>ul>li>ul#palette_pen>li.width input[type=range]:focus {
	outline: none;
}
#toolbar>ul>li>ul#palette_pen>li.width input[type=range]::-webkit-slider-thumb{
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  background: url(../img/common/toolbar/slide_thumb.png) no-repeat center;
  cursor: pointer;
}
#toolbar>ul>li>ul#palette_pen>li.width input[type=range]::-moz-range-thumb{
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  background: url(../img/common/toolbar/slide_thumb.png) no-repeat center;
  cursor: pointer;
}



/*************************************************/
/********** [ 8. #toolMath: 수학 도구 ] **********/
/*************************************************/

/*수학 도구툴 버튼*/
#toolMath{ position:absolute !important; width:83px;  right: -80px; top:130px; text-align: center; height: auto !important; border-radius: 20px 20px 0 0 ; z-index: 1001;}
#toolMath.remove{z-index:1000;}
#toolMath.active {background: #051f29;}
#toolMath>ul .tool_calc {background-image: url(../img/common/ico_mat_calc.png);}
#toolMath>ul .tool_shape {background-image: url(../img/common/ico_mat_shape.png);}
#toolMath>ul .tool_model {background-image: url(../img/common/ico_mat_model.png);}
#toolMath>ul .tool_solid {background-image: url(../img/common/ico_mat_solid.png);}

#show_toolMath {width:83px; height:83px; background:url(../img/common/ico_mat_tools.png) 0 0 no-repeat; font-size:0;}
#toolMath.active #show_toolMath {background:url(../img/common/ico_mat_toolsOn.png) 0 0 no-repeat;}

#toolMath>ul{position:absolute; top: 82px;display:none;}
#toolMath>ul>li{font-size:0; position:relative;}
#toolMath>ul>li>button{width:83px; height: 83px; background-color:#051f29; border-bottom:2px solid #2d434b; background-repeat: no-repeat; background-position:center;}
#toolMath>ul>li>button:hover{background-color:#11313e;}
#toolMath>ul>li.selected>button{background-color:var(--color-ui-key); border-color:var(--color-ui-key); position:relative;}
#toolMath>ul>li.selected>button.tool_shape:after,#toolMath>ul>li.selected>button.tool_model:after{content:""; position: absolute; top: 50%; right:calc(100% - 2px); margin-top: -10px; border-width: 10px; border-style: solid; border-color: transparent var(--color-ui-key) transparent transparent; z-index: 22;}
#toolMath>ul>li:first-child button{border-radius:0 0 0px 0px ;}
#toolMath>ul>li:last-child> button{border-bottom:0; border-radius:0 0 20px 20px ;}

#toolMath>ul>li>ul{display: none; position: absolute; top: 0; right: calc(100% - 1px); z-index: 21;}
#toolMath>ul>li.selected>ul{display: block;}

/* #toolMath.active>button{background-position-y:-64px;} */
#toolMath.active>ul{display: block;}

#toolMath>ul>li>ul>li:first-child>button{border-radius: 17px 17px 0 0;}
#toolMath>ul>li>ul>li:last-child>button{border-radius:0 0 17px 17px;}
#toolMath>ul>li>ul>li{font-size:0; position:relative;}
#toolMath>ul>li>ul>li>button{width:80px; height: 80px;  background-position:center center; background-repeat: no-repeat;  position:relative; background-color:#055b7a; margin-top:-1px;}
#toolMath>ul>li>ul>li>button:after{content: ""; width:64px; height: 2px; background:rgba(255,255,255,0.16); position:absolute; bottom:0; left:calc(50% - 32px);}
#toolMath>ul>li>ul>li:last-child>button:after{display: none;}

/*팔레트*/
#toolMath>ul>li>ul#palette_shape{top:-167px;}
#toolMath>ul>li>ul#palette_model{top:-188px;}
#toolMath>ul>li>ul#palette_solid{top:-248px;}
#palette_shape>li>ol{position:absolute; top:0; right:calc(100% + 7px); width:304px; min-height:72px; background:rgba(0,0,0,0.74); border-radius: 15px; font-size:0;  display: table; padding:0 10px; display: none;}
#palette_shape>li>ol>li{display: table-cell; vertical-align: middle;}
#palette_shape>li>ol>li:first-child:nth-last-child(4), #palette_shape>li>ol>li:first-child:nth-last-child(4) ~ li{width:25%;}
#palette_shape>li>ol>li:first-child:nth-last-child(5), #palette_shape>li>ol>li:first-child:nth-last-child(5) ~ li{width:20%;}
#palette_shape>li>em{position: absolute; top: 14px; left: -49px; width: 48px; height: 48px; background:url(../img/common/ico_eraserAll.png) 0 0 no-repeat; display: none;} 
/* #palette_shape>li.selected>button{background-color:#04445c;} */
#palette_shape>li.selected>ol,#palette_shape>li.selected>em,#palette_shape>li.selected>div{display: table;}


#palette_shape>li.pen>button{background-image:url(../img/common/ico_draw.png);}
#palette_shape>li.pen.selected>button{background-image:url(../img/common/ico_draw_on.png); background-color:#04445c;}

#palette_shape>li.blackboard>button{background-image:url(../img/common/ico_mat_blackboard.png);}
#palette_shape>li.blackboard.selected>button{background-image:url(../img/common/ico_mat_blackboard.png); background-color:#04445c;}


#palette_shape>li.color>button{background-image:url(../img/common/ico_color.png);}
#palette_shape>li.color>button:before {content:none; position:absolute; top:40px; left:41px; width:24px; height: 24px; border-radius: 50%; border:2px solid #fff;}
#palette_shape>li.color>button[value="#333"]:before{background:#333; content:"";}
#palette_shape>li.color>button[value="#3f0"]:before{background:#3f0; content:"";}
#palette_shape>li.color>button[value="#f30"]:before{background:#f30; content:"";}
#palette_shape>li.color>button[value="#fc0"]:before{background:#fc0; content:"";}
#palette_shape>li.color>button[value="#06c"]:before{background:#06c; content:"";}
#palette_shape>li.color>button[value="#eee"]:before{background:#eee; content:"";}
#palette_shape>li.color>ol>li>button {width: 36px;height: 36px;border-radius: 8px;position: relative;border: 2px solid gray;}

#palette_shape>li.color>ol>li:nth-child(1)>button{background:#333;}
#palette_shape>li.color>ol>li:nth-child(2)>button{background:#3f0;}
#palette_shape>li.color>ol>li:nth-child(3)>button{background:#f30;}
#palette_shape>li.color>ol>li:nth-child(4)>button{background:#fc0;}
#palette_shape>li.color>ol>li:nth-child(5)>button{background:#06c;}
#palette_shape>li.color>ol>li:nth-child(6)>button{background:#eee;}


/*삼각형*/
#palette_shape>li.triangle>button{background-image:url(../img/common/ico_mat_triangle.png);}
#palette_shape>li.triangle.selected>button{background-image:url(../img/common/ico_mat_triangle.png); background-color:#04445c;}
#palette_shape>li.triangle>ol>li>button {width: 24px;height: 24px;}
#palette_shape>li.triangle>ol>li:nth-child(1)>button{width: 30px;height: 25px;background-image:url(../img/common/ico_mat_triangle_sub1.png);}
#palette_shape>li.triangle>ol>li:nth-child(2)>button{background-image:url(../img/common/ico_mat_triangle_sub2.png);}
#palette_shape>li.triangle>ol>li.selected:nth-child(1)>button{background-image:url(../img/common/ico_mat_triangle_sub1On.png);}
#palette_shape>li.triangle>ol>li.selected:nth-child(2)>button{background-image:url(../img/common/ico_mat_triangle_sub2On.png);}

#palette_shape>li.triangle>ol{width:130px;}


/*사각형*/
#palette_shape>li.square>button{background-image:url(../img/common/ico_mat_square.png);}
#palette_shape>li.square.selected>button{background-image:url(../img/common/ico_mat_square.png); background-color:#04445c;}
#palette_shape>li.square>ol>li>button {width: 30px;height: 25px;}
#palette_shape>li.square>ol>li:nth-child(1)>button{width: 30px;height: 25px;background-image:url(../img/common/ico_mat_square_sub1.png);}
#palette_shape>li.square>ol>li:nth-child(2)>button{width: 27px;height: 25px;background-image:url(../img/common/ico_mat_square_sub2.png);}
#palette_shape>li.square>ol>li:nth-child(3)>button{width: 34px;height: 25px;background-image:url(../img/common/ico_mat_square_sub3.png);}
#palette_shape>li.square>ol>li:nth-child(4)>button{width: 32px;height: 29px;background-image:url(../img/common/ico_mat_square_sub4.png);}

#palette_shape>li.square>ol>li.selected:nth-child(1)>button{background-image:url(../img/common/ico_mat_square_sub1On.png);}
#palette_shape>li.square>ol>li.selected:nth-child(2)>button{background-image:url(../img/common/ico_mat_square_sub2On.png);}
#palette_shape>li.square>ol>li.selected:nth-child(3)>button{background-image:url(../img/common/ico_mat_square_sub3On.png);}
#palette_shape>li.square>ol>li.selected:nth-child(4)>button{background-image:url(../img/common/ico_mat_square_sub4On.png);}


/*오각형*/
#palette_shape>li.pentagon>button{background-image:url(../img/common/ico_mat_pentagon.png);}
#palette_shape>li.pentagon.selected>button{background-image:url(../img/common/ico_mat_pentagon.png); background-color:#04445c;}

/*육각형*/
#palette_shape>li.hexagon>button{background-image:url(../img/common/ico_mat_hexagon.png);}
#palette_shape>li.hexagon.selected>button{background-image:url(../img/common/ico_mat_hexagon.png); background-color:#04445c;}

/*원*/
#palette_shape>li.circle>button{background-image:url(../img/common/ico_mat_circle.png);}
#palette_shape>li.circle.selected>button{background-image:url(../img/common/ico_mat_circle.png); background-color:#04445c;}

/*다각형*/
#palette_shape>li.polygon>button{background-image:url(../img/common/ico_mat_polygon.png);}
#palette_shape>li.polygon.selected>button{background-image:url(../img/common/ico_mat_polygon.png); background-color:#04445c;}
#palette_shape>li>.input{position: absolute; top: 14px; left: -49px; display: none;} 
#palette_shape>li>.input>input{width: 48px; height: 48px;text-align:center;} 
#palette_shape>li>.input>span{cursor: pointer;position: absolute;top: 0; left: -59px;font-family: 'nq';font-size:20px;color:#fff;background-color: #055b7a;border-radius: 10px;padding: 11px;}
#palette_shape>li>.input>input::-webkit-outer-spin-button,
#palette_shape>li>.input>input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*수 모형*/
#palette_model>li>ol{position:absolute; top:0; right:calc(100% + 7px); width:304px; min-height:72px; background:rgba(0,0,0,0.74); border-radius: 15px; font-size:0;  display: table; padding:0 10px; display: none;}
#palette_model>li>ol>li{display: table-cell; vertical-align: middle;}
#palette_model>li>ol>li:first-child:nth-last-child(4), #palette_model>li>ol>li:first-child:nth-last-child(4) ~ li{width:25%;}
#palette_model>li>ol>li:first-child:nth-last-child(5), #palette_model>li>ol>li:first-child:nth-last-child(5) ~ li{width:20%;}
#palette_model>li>em{position: absolute; top: 14px; left: -49px; width: 48px; height: 48px; background:url(../img/common/ico_eraserAll.png) 0 0 no-repeat; display: none;} 

#palette_model>li.selected>ol,#palette_model>li.selected>em,#palette_model>li.selected>input{display: table;}
#palette_model>li>button{border-radius: 0 !important}
#palette_model>li:first-child>button{border-radius: 17px 17px 0 0 !important;}
#palette_model>li:last-child>button{border-radius:0 0 17px 17px !important;}

#palette_model>li.pen>button{background-image:url(../img/common/ico_draw.png);}
#palette_model>li.pen.selected>button{background-image:url(../img/common/ico_draw_on.png); background-color:#04445c;}

#palette_model>li.blackboard>button{background-image:url(../img/common/ico_mat_blackboard.png);}
#palette_model>li.blackboard.selected>button{background-image:url(../img/common/ico_mat_blackboard.png); background-color:#04445c;}


#palette_model>li.color>button{background-image:url(../img/common/ico_color.png);}
#palette_model>li.color>button:before {content:none; position:absolute; top:40px; left:41px; width:24px; height: 24px; border-radius: 50%; border:2px solid #fff;}
#palette_model>li.color>button[value="#333"]:before{background:#333; content:"";}
#palette_model>li.color>button[value="#3f0"]:before{background:#3f0; content:"";}
#palette_model>li.color>button[value="#f30"]:before{background:#f30; content:"";}
#palette_model>li.color>button[value="#fc0"]:before{background:#fc0; content:"";}
#palette_model>li.color>button[value="#06c"]:before{background:#06c; content:"";}
#palette_model>li.color>button[value="#eee"]:before{background:#eee; content:"";}
#palette_model>li.color>ol>li>button {width: 36px;height: 36px;border-radius: 8px;position: relative;border: 2px solid gray;}

#palette_model>li.color>ol>li:nth-child(1)>button{background:#333;}
#palette_model>li.color>ol>li:nth-child(2)>button{background:#3f0;}
#palette_model>li.color>ol>li:nth-child(3)>button{background:#f30;}
#palette_model>li.color>ol>li:nth-child(4)>button{background:#fc0;}
#palette_model>li.color>ol>li:nth-child(5)>button{background:#06c;}
#palette_model>li.color>ol>li:nth-child(6)>button{background:#eee;}

/*모형*/
#palette_model>li.model>button{background-image:url(../img/common/ico_mat_sub_model.png);}
#palette_model>li.model.selected>button{background-image:url(../img/common/ico_mat_sub_model.png); background-color:#04445c;}
#palette_model>li.model>ol>li>button {width: 33px;height: 29px;position: relative;border-radius:0;}
#palette_model>li.model>ol>li:nth-child(1)>button{width: 33px;height: 29px;background-image:url(../img/common/ico_mat_sub_model1.png);}
#palette_model>li.model>ol>li:nth-child(2)>button{width: 9px;height: 41px;background-image:url(../img/common/ico_mat_sub_model2.png);}
#palette_model>li.model>ol>li:nth-child(3)>button{width: 34px;height: 33px;background-image:url(../img/common/ico_mat_sub_model3.png);}
#palette_model>li.model>ol>li:nth-child(4)>button{width: 31px;height: 29px;background-image:url(../img/common/ico_mat_sub_model4.png);}

#palette_model>li.model>ol>li.selected:nth-child(1)>button{width: 35px;height: 30px;background-image:url(../img/common/ico_mat_sub_model1On.png);}
#palette_model>li.model>ol>li.selected:nth-child(2)>button{width: 12px;height: 44px;background-image:url(../img/common/ico_mat_sub_model2On.png);}
#palette_model>li.model>ol>li.selected:nth-child(3)>button{width: 38px;height: 36px;background-image:url(../img/common/ico_mat_sub_model3On.png);}
#palette_model>li.model>ol>li.selected:nth-child(4)>button{width: 36px;height: 33px;background-image:url(../img/common/ico_mat_sub_model4On.png);}

/*수*/
#palette_model>li.su>button{background-image:url(../img/common/ico_mat_sub_su.png);}
#palette_model>li.su.selected>button{background-image:url(../img/common/ico_mat_sub_su.png); background-color:#04445c;}
#palette_model>li.su>ol>li>button {width: 32px;height: 32px;position: relative;border-radius:0;}
#palette_model>li.su>ol>li:nth-child(1)>button{width: 32px;height: 32px;background-image:url(../img/common/ico_mat_sub_su1.png);}
#palette_model>li.su>ol>li:nth-child(2)>button{width: 33px;height: 33px;background-image:url(../img/common/ico_mat_sub_su2.png);}
#palette_model>li.su>ol>li:nth-child(3)>button{width: 36px;height: 36px;background-image:url(../img/common/ico_mat_sub_su3.png);}
#palette_model>li.su>ol>li:nth-child(4)>button{width: 42px;height: 24px;background-image:url(../img/common/ico_mat_sub_su4.png);}

#palette_model>li.su>ol>li.selected:nth-child(1)>button{width: 34px;height: 34px;background-image:url(../img/common/ico_mat_sub_su1On.png);}
#palette_model>li.su>ol>li.selected:nth-child(2)>button{width: 36px;height: 36px;background-image:url(../img/common/ico_mat_sub_su2On.png);}
#palette_model>li.su>ol>li.selected:nth-child(3)>button{width: 39px;height: 38px;background-image:url(../img/common/ico_mat_sub_su3On.png);}
#palette_model>li.su>ol>li.selected:nth-child(4)>button{width: 45px;height: 29px;background-image:url(../img/common/ico_mat_sub_su4On.png);}

/*입체 도형*/
#palette_solid>li>ol{position:absolute; top:0; right:calc(100% + 7px); width:304px; min-height:72px; background:rgba(0,0,0,0.74); border-radius: 15px; font-size:0;  display: table; padding:0 10px; display: none;}
#palette_solid>li>ol>li{display: table-cell; vertical-align: middle;}
#palette_solid>li>ol>li:first-child:nth-last-child(4), #palette_model>li>ol>li:first-child:nth-last-child(4) ~ li{width:25%;}
#palette_solid>li>ol>li:first-child:nth-last-child(5), #palette_model>li>ol>li:first-child:nth-last-child(5) ~ li{width:20%;}
#palette_solid>li>em{position: absolute; top: 14px; left: -49px; width: 48px; height: 48px; background:url(../img/common/ico_eraserAll.png) 0 0 no-repeat; display: none;} 

#palette_solid>li.selected>ol,#palette_model>li.selected>em,#palette_model>li.selected>input{display: table;}
#palette_solid>li>button{border-radius: 0 !important}
#palette_solid>li:first-child>button{border-radius: 17px 17px 0 0 !important;}
#palette_solid>li:last-child>button{border-radius:0 0 17px 17px !important;}

#palette_solid>li.pen>button{background-image:url(../img/common/ico_draw.png);}
#palette_solid>li.pen.selected>button{background-image:url(../img/common/ico_draw_on.png); background-color:#04445c;}

#palette_solid>li.blackboard>button{background-image:url(../img/common/ico_mat_blackboard.png);}
#palette_solid>li.blackboard.selected>button{background-image:url(../img/common/ico_mat_blackboard.png); background-color:#04445c;}


#palette_solid>li.color>button{background-image:url(../img/common/ico_color.png);}
#palette_solid>li.color>button:before {content:none; position:absolute; top:40px; left:41px; width:24px; height: 24px; border-radius: 50%; border:2px solid #fff;}
#palette_solid>li.color>button[value="#333"]:before{background:#333; content:"";}
#palette_solid>li.color>button[value="#3f0"]:before{background:#3f0; content:"";}
#palette_solid>li.color>button[value="#f30"]:before{background:#f30; content:"";}
#palette_solid>li.color>button[value="#fc0"]:before{background:#fc0; content:"";}
#palette_solid>li.color>button[value="#06c"]:before{background:#06c; content:"";}
#palette_solid>li.color>button[value="#eee"]:before{background:#eee; content:"";}
#palette_solid>li.color>ol>li>button {width: 36px;height: 36px;border-radius: 8px;position: relative;border: 2px solid gray;}

#palette_solid>li.color>ol>li:nth-child(1)>button{background:#333;}
#palette_solid>li.color>ol>li:nth-child(2)>button{background:#3f0;}
#palette_solid>li.color>ol>li:nth-child(3)>button{background:#f30;}
#palette_solid>li.color>ol>li:nth-child(4)>button{background:#fc0;}
#palette_solid>li.color>ol>li:nth-child(5)>button{background:#06c;}
#palette_solid>li.color>ol>li:nth-child(6)>button{background:#eee;}

/*정육면체*/
#palette_solid>li.cube>button{background-image:url(../img/common/ico_mat_solid_cube.png);}
#palette_solid>li.cube.selected>button{background-image:url(../img/common/ico_mat_solid_cube.png); background-color:#04445c;}
/*직육면체*/
#palette_solid>li.cuboid>button{background-image:url(../img/common/ico_mat_solid_cuboid.png);}
#palette_solid>li.cuboid.selected>button{background-image:url(../img/common/ico_mat_solid_cuboid.png); background-color:#04445c;}
/*사각기둥*/
#palette_solid>li.square>button{background-image:url(../img/common/ico_mat_solid_square.png);}
#palette_solid>li.square.selected>button{background-image:url(../img/common/ico_mat_solid_square.png); background-color:#04445c;}
/*삼각기둥*/
#palette_solid>li.triangular>button{background-image:url(../img/common/ico_mat_solid_triangular.png);}
#palette_solid>li.triangular.selected>button{background-image:url(../img/common/ico_mat_solid_triangular.png); background-color:#04445c;}
/*오각기둥*/
#palette_solid>li.pentagon>button{background-image:url(../img/common/ico_mat_solid_pentagon.png);}
#palette_solid>li.pentagon.selected>button{background-image:url(../img/common/ico_mat_solid_pentagon.png); background-color:#04445c;}
/*육각기둥*/
#palette_solid>li.hexagonal>button{background-image:url(../img/common/ico_mat_solid_hexagonal.png);}
#palette_solid>li.hexagonal.selected>button{background-image:url(../img/common/ico_mat_solid_hexagonal.png); background-color:#04445c;}
/*원기둥*/
#palette_solid>li.cylinder>button{background-image:url(../img/common/ico_mat_solid_cylinder.png);}
#palette_solid>li.cylinder.selected>button{background-image:url(../img/common/ico_mat_solid_cylinder.png); background-color:#04445c;}



/************************************************************/
/********** [ 9. #popup: 팝업. load "popup.html" ] **********/
/************************************************************/

#popup {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; display: none;}
#popup:before {content:""; position:absolute; top:0; left:50%; background: rgba(0,0,0,0.7); width:30000px; margin-left:-15000px; height: 100%;}
#popup.bgnone:before{background: rgba(0,0,0,0);}

/***** 학습창 목록 외의 팝업 *****/
#popup>div:not(.std_menu){width: auto !important; margin: 0 auto; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19); display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 500px; border-radius: 15px;}
#popup>div:not(.std_menu)>header{background: var(--color-ui-key); padding:16px 58px 16px 26px; border-radius: 15px 15px 0 0; min-height: 59px;}
#popup>div:not(.std_menu)>header:after{content: ""; display: block; clear: both; }
#popup>div:not(.std_menu)>header>h4{color: #fff; font-family: "omb"; font-size: 24px; float: left; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: calc(100% - 40px); overflow: hidden; }
#popup>div:not(.std_menu)>header>button{background:var(--color-ui-strong) url(../img/common/ico_popclose.png) center center no-repeat; width: 22px; height: 22px; float: right; vertical-align: middle; position: absolute; padding:29px; top:0; right:0px; border-radius: 0 15px 0 0;}
#popup>div:not(.std_menu)>section{max-height: 945px; padding: 20px 30px; background: #fff; position: relative; max-width: 1860px; border: 2px solid var(--color-ui-key); border-top: 0; font-size:24px; color:#666666; line-height: 31px; letter-spacing: -1px; border-radius: 0 0 15px 15px; min-width: 500px;}
#popup>div:not(.std_menu)>section>img{width:100%;}

#popup>div:not(.std_menu)>section>span{display:block; padding:0 40px; text-align: center; font-size: 0; background:#fff;}
#popup>div:not(.std_menu)>section>span>button{width: 49%; max-width:200px; display: inline-block; letter-spacing: -.1px; font-family: "pretendard-SB"; font-size: 24px; line-height: 64px; background: var(--color-ui-key); text-align: center; border-radius: 10px; border:1px solid var(--color-ui-key); color:#fff; margin-right:1%; margin-top:20px;}
#popup>div:not(.std_menu)>section>span>button:last-child{border-color:#dddddd; background: #eeeeee; color:#333333; margin-right:0;}

#popup>div:not(.std_menu).dialogue_memo>section>span>button,#popup>div:not(.std_menu).dialogue_link>section>span>button{width: 33%; max-width:150px; }


/***** .std_menu: 학습창 목록 *****/
#popup>div.std_menu { position: absolute; display: none; width: var(--size-menu-width); height: var(--size-menu-height); left: 80px; top: 0px; margin: 0; padding: 0; box-shadow: 4px 0px 8px rgb(0 0 0/0.2); background:var(--color-menu-bg-light); }
#popup>div.std_menu header { position: relative; display: block; width: 100%; height: 64px; background: var(--color-menu-bg-top) url(../img/common/lnb_top.png) no-repeat center; z-index: 1; }
body[data-bcode="mart1"] #popup>div.std_menu header,
body[data-bcode="mart2"] #popup>div.std_menu header { background-image: url(../img/common/violet/lnb_top.png); }

#popup>div.std_menu>section li { font-size: 0; margin: 0; padding: 0; }
#popup>div.std_menu>section li.dimmed { display: none; }
#popup>div.std_menu>section li button { width: 101px; height: 98px; background-repeat: no-repeat; background-position: center center; position: relative; }
#popup>div.std_menu>section li.on a { position: absolute; display: none; /*block;*/ width: 24px; height: 24px; right: 10px; top: calc(28px - 12px); cursor: pointer; }

/* 학습창 컨텐츠가 없지만 텍스트로 필요한 경우 처리 */
#popup>div.std_menu>section li.dimmed.keep { display: block; pointer-events: none; }
#popup>div.std_menu>section li.dimmed.keep>button>span.bullet { background-color: #999; }
#popup>div.std_menu>section li.dimmed.keep>button>span.text { color: #666; }

#popup>div.std_menu>section>.scroll-wrap { margin: 0; padding: 0; border: 0; }
#popup>div.std_menu>section>.scroll-wrap>.scroll-body { width: 100%; margin: 0; padding: 0; border: 0; }

/*** scroll: begin ***/
body[data-bcode='hthe'] #popup>div.std_menu>section>.scroll-wrap { position: relative; }
body[data-bcode='hthe'] #popup>div.std_menu>section>.scroll-wrap>.scroll-body { position: relative; width: calc(100% + 12px); height: calc(1080px - 64px); overflow-y: scroll; overflow-x: hidden;
  -ms-overflow-style: none;
  /*scrollbar-width: none;
  scrollbar-color: transparent transparent;*/}
body[data-bcode='hthe'] #popup>div.std_menu>section>.scroll-wrap>.scroll-body::-webkit-scrollbar { width: 8px; }
body[data-bcode='hthe'] #popup>div.std_menu>section>.scroll-wrap>.scroll-body::-webkit-scrollbar-track { border-radius: 4px; background-color: rgb(256 256 256/0.0); }
body[data-bcode='hthe'] #popup>div.std_menu>section>.scroll-wrap>.scroll-body::-webkit-scrollbar-thumb { border-radius: 4px; background-color: var(--color-menu-scroll); }
body[data-bcode='hthe'] #popup>div.std_menu>section>.scroll-wrap>.scroll-body::-webkit-scrollbar-thumb:hover { border: 0px; background-color: var(--color-menu-scroll-active); }
body[data-bcode='hthe'] #popup>div.std_menu>section>.scroll-wrap>.scroll-body::-webkit-scrollbar-button { width: 0; height: 24px; }
/*** scroll: end ***/

#popup>div.std_menu>section ol { width: 100%; height: auto; color: #fff; margin: 15px 0; padding: 0; }
#popup>div.std_menu>section ol>li { position: relative; margin-bottom: 0px; }
#popup>div.std_menu>section ol>li>button { position: relative; width: 100%; height: 66px; padding-left: 32px; margin: 0; font-family: 'tantan'; font-size: 30px; line-height: 1.4; color: var(--color-menu-title); /*z-index: 1;*/ cursor: pointer; }
/* #popup>div.std_menu>section ol>li.selected>button, */
#popup>div.std_menu>section ol>li>button:hover,
#popup>div.std_menu>section ol>li>button.active { color: var(--color-menu-title-active); }

#popup>div.std_menu>section ol>li>button::after { content: ''; position: absolute; display: block; right: 32px; top: 28px; width: 18px; height: 14px; background: url(../img/common/menu_bullet.png) no-repeat center; opacity: 0.6; }
#popup>div.std_menu>section ol>li>button:hover::after { opacity: 1.0; }
#popup>div.std_menu>section ol>li>button.active::after { background: url(../img/common/menu_bullet_on.png) no-repeat center; }

#popup>div.std_menu>section ol>li>button>.roman { margin-right: 8px; font-family: "binggrae-B"; }
#popup>div.std_menu>section ol>li>button>.roman.roman1 { letter-spacing: -3px; margin-left: 3px; margin-right: 10px; }
#popup>div.std_menu>section ol>li>button>.numeric { margin-right: 8px; font-family: "binggrae-B"; }

/* depth 2 */
#popup>div.std_menu>section ol>li>ul { position:relative; width:calc(100% - 66px); margin: 0px 0px 26px 32px; padding: 16px 0px 16px 18px; border-radius: 16px; background: var(--color-menu-bg); }
#popup>div.std_menu>section ol:not(.mid)>li>ul>li { position: relative; }

#popup>div.std_menu>section ol>li>ul>li>button { position: relative; width: calc(100% - 16px); height: auto; padding: 10px 16px 9px 54px; margin: 1px 0; color: var(--color-menu-text); font-family: "omb"; font-size: 25px; line-height: 1.4; text-indent: 0px; word-break: keep-all; border-radius: 25px; cursor: pointer; }
#popup>div.std_menu>section ol>li>ul>li>h4>span:not(.bullet){display: none;}
#popup>div.std_menu>section ol>li>ul>li>h4>span.bullet,
#popup>div.std_menu>section ol>li>ul>li>button>span.bullet { position: absolute; display: block; width: 12px; height: 12px; margin: 11px 0 0 -34px; border-radius: 50%; background-color: var(--color-menu-bullet); }
#popup>div.std_menu>section ol>li>ul>li>h4>span.bullet.no,
#popup>div.std_menu>section ol>li>ul>li>button>span.bullet.no { width: 36px; height: 36px; padding-top: 3px; margin: -1px 0 0 -46px; color: var(--color-menu-bg); font-family: "omb"; font-size: 23px; line-height: 1.4; text-align: center; }
#popup>div.std_menu>section ol>li>ul>li>h4>span.text,
#popup>div.std_menu>section ol>li>ul>li>button>span.text { position: relative; display: inline-block; font-family: inherit; word-break: keep-all; }
#popup>div.std_menu>section ol>li>ul>li>button>span.text .roman { margin-right: 8px; font-family: "binggrae-B"; vertical-align: middle; }
#popup>div.std_menu>section ol>li>ul>li>button>span.text .roman.roman1 { margin-right: 0px; }

body[data-bcode="hcvs"] #popup>div.std_menu>section ol>li>ul>li>button>span.text .roman,
body[data-bcode="mcvs"] #popup>div.std_menu>section ol>li>ul>li>button>span.text .roman { margin-right: 2px; }
body[data-bcode="hcvs"] #popup>div.std_menu>section ol>li>ul>li>button>span.text .roman.roman1,
body[data-bcode="mcvs"] #popup>div.std_menu>section ol>li>ul>li>button>span.text .roman.roman1 { margin-right: -2px; }

#popup>div.std_menu>section ol:not(.mid)>li>ul>li.selected>button,
#popup>div.std_menu>section ol>li>ul>li>button:hover,
#popup>div.std_menu>section ol>li>ul>li>button.active { background-color: var(--color-menu-bg-active); }
#popup>div.std_menu>section ol:not(.mid)>li>ul>li.selected>button>span.bullet,
#popup>div.std_menu>section ol>li>ul>li>button:hover>span.bullet,
#popup>div.std_menu>section ol>li>ul>li>button.active>span.bullet { color: var(--color-menu-bullet-active-text); background-color: var(--color-menu-bullet-active); }
#popup>div.std_menu>section ol:not(.mid)>li>ul>li.selected>button>span.text,
#popup>div.std_menu>section ol>li>ul>li>button:hover>span.text,
#popup>div.std_menu>section ol>li>ul>li>button.active>span.text { color: var(--color-menu-text-active); }

/* depth 2 with middle chapter */
#popup>div.std_menu>section ol.mid>li>ul>li:not(.nosub)>button::after {
  content: "";
  position: absolute;
  width: 0px;
  height: 48px;
  right: -120px;
  top: calc(50% - 24px);
  background: url(../img/common/lnb_tail.png) no-repeat 0px center;

  opacity: 0;

  transition: var(--fx); will-change: auto;
	-webkit-transition: var(--fx);
  -moz-transition: var(--fx);
}
#popup>div.std_menu>section ol.mid>li>ul>li:not(.nosub)>button.active::after {
  animation: fx-tail 0.6s ease-out forwards;
}
#popup>div.std_menu>section ol.mid>li>ul>li.dummy { display: none; }

/* depth 3 */
#popup>div.std_menu>section ol>li>ul>li>ul { position: absolute; width: var(--size-3rd-menu-width); left: calc(100% + 33px + 25px); top: 0px; margin: 0;  padding: 14px 0px 14px 18px; border-radius: 16px; background-color: var(--color-3rd-menu-bg); }

#popup>div.std_menu>section ol>li:nth-child(1)>ul>li>ul,
#popup>div.std_menu>section ol>li:nth-child(1)>ul>li>div.scroll-wrap {top: -84px;}
#popup>div.std_menu>section ol>li:nth-child(2)>ul>li>ul,
#popup>div.std_menu>section ol>li:nth-child(2)>ul>li>div.scroll-wrap {top: -150px;}
#popup>div.std_menu>section ol>li:nth-child(3)>ul>li>ul,
#popup>div.std_menu>section ol>li:nth-child(3)>ul>li>div.scroll-wrap {top: -216px;}
#popup>div.std_menu>section ol>li:nth-child(4)>ul>li>ul,
#popup>div.std_menu>section ol>li:nth-child(4)>ul>li>div.scroll-wrap {top: -282px;}

#popup>div.std_menu>section ol.mid>li>ul>li.nosub>ul { opacity: 0; pointer-events: none; }

#popup>div.std_menu>section ol.mid>li>ul>li>ul>li { position: relative; }

#popup>div.std_menu>section ol>li>ul>li ul>li>button { position: relative; width: calc(100% - 18px); height: auto; padding: 8px 16px 6px 42px; margin: 1px 0; border-radius: 30px; color: var(--color-3rd-menu-text); font-family: "omb"; font-size: 25px; line-height: 1.4; text-indent: 0px; word-break: keep-all; }
#popup>div.std_menu>section ol>li>ul>li ul>li:not(.sub)>button::before { content: ""; position: absolute; display: block; width: 8px; height: 8px; margin: 13px 0 0 -22px; border-radius: 50%; background-color: var(--color-3rd-menu-bullet); }

#popup>div.std_menu>section ol>li>ul>li ul>li>button.active,
#popup>div.std_menu>section ol>li>ul>li ul>li:hover>button,
#popup>div.std_menu>section ol>li>ul>li ul>li.selected>button { color: var(--color-3rd-menu-text-active); background: var(--color-3rd-menu-bg-active); }

#popup>div.std_menu>section ol>li>ul>li ul>li>button.active::before,
#popup>div.std_menu>section ol>li>ul>li ul>li:hover>button::before,
#popup>div.std_menu>section ol>li>ul>li ul>li.selected>button::before { background-color: var(--color-3rd-menu-text-active); }

/*** 4th depth ***/
#popup>div.std_menu>section ol>li>ul>li ul>li.sub>button{padding: 6px 16px 3px 64px; border-radius: 20px; font-size: 22px; }
#popup>div.std_menu>section ol>li>ul>li ul>li.sub>button::before { content: ""; position: absolute; display: block; width: 8px; height: 8px; margin: 10px 0 0 -22px; border-radius: 50%; background-color: var(--color-3rd-menu-bullet); }
#popup>div.std_menu>section ol>li>ul>li ul>li.sub.selected>button::before,
#popup>div.std_menu>section ol>li>ul>li ul>li.sub>button.active::before,
#popup>div.std_menu>section ol>li>ul>li ul>li.sub:hover>button::before {background-color: var(--color-3rd-menu-bullet-active);}
#popup>div.std_menu>section ol>li>ul>li ul>li.after-sub>button{margin-top: 20px;}

/*** TODO: scroll ***/

/*** 예외: music ***/
body[data-bcode="mmusic1"] #popup>div.std_menu>section ol>li>ul>li ul>li:not(.sub)>button,
body[data-bcode="mmusic2"] #popup>div.std_menu>section ol>li>ul>li ul>li:not(.sub)>button,
body[data-bcode="hmusic"] #popup>div.std_menu>section ol>li>ul>li ul>li:not(.sub)>button { padding-left: 18px; }

body[data-bcode="mmusic1"] #popup>div.std_menu>section ol>li>ul>li ul>li:not(.sub)>button::before,
body[data-bcode="mmusic2"] #popup>div.std_menu>section ol>li>ul>li ul>li:not(.sub)>button::before,
body[data-bcode="hmusic"] #popup>div.std_menu>section ol>li>ul>li ul>li:not(.sub)>button::before { display: none; }

/*** music 학습창 menu 3rd depth 위치 ***/
body[data-bcode="mmusic1"] #popup>div.std_menu>section ol>li:nth-child(3) ul>li:nth-child(2)>ul { top: -140px; }
body[data-bcode="mmusic2"] #popup>div.std_menu>section ol>li:nth-child(3) ul>li:nth-child(2)>ul { top: -84px; }
body[data-bcode="hmusic"] #popup>div.std_menu>section ol>li:nth-child(3) ul>li:nth-child(2)>ul { top: -88px; }
body[data-bcode="hmusic"] #popup>div.std_menu>section ol>li:nth-child(3) ul>li:nth-child(3)>ul { top: -34px; }

/*** 기술가정 학습창 menu ***/
body[data-bcode="mthe1"] #popup>div.std_menu>section ol>li>ul>li.sub>button>span.text,
body[data-bcode="mthe2"] #popup>div.std_menu>section ol>li>ul>li.sub>button>span.text,
body[data-bcode="hthe"] #popup>div.std_menu>section ol>li>ul>li.sub>button>span.text { margin-left: 56px; text-indent: -56px; }

/*** 학습창 목록 : 단원 메뉴 닫기 버튼 ***/
#popup>div.std_menu footer {position:absolute; left: 0px; top: 0px; z-index: 1;}
#popup>div.std_menu .close {position:absolute; width: 36px; height: 36px; left: 512px; top: 14px;}


/***** 툴 컨텐츠 *****/
/*도우미팝업*/
#popup>div.pop_doumi{width: 1440px !important;}
#popup>div:not(.std_menu)>section.tool_timer{padding:0;}
.pop_doumi>section>div{position:relative; display: none; height: 728px;}
.pop_doumi>section>div.on{display: block;}
.pop_doumi .tab{padding:15px 20px 0; font-size:0; background:#eee;}
.pop_doumi .tab>li{cursor: pointer;font-size:23px; color:#aaa; letter-spacing: -1px; line-height: 60px; background:#ddd;border:2px solid #ccc; display: inline-block; text-align: center; font-weight: 500; border-radius: 16px 16px 0 0;}
.pop_doumi .tab>li:first-child:nth-last-child(2), .pop_doumi .tab>li:first-child:nth-last-child(2) ~ li{width:50%;}
.pop_doumi .tab>li:first-child:nth-last-child(3), .pop_doumi .tab>li:first-child:nth-last-child(3) ~ li{width:33.33%;}
.pop_doumi .tab>li.on{background:#fff; color:#333; border-color:#fff;}
.pop_doumi .sound{width:56px; height: 56px; background:url(../img/common/ico_sound.png) 0 -56px no-repeat; position:absolute; top:25px; right:25px; z-index: 2} 
.pop_doumi .sound.on{background-position-y:0;}
.pop_doumi .tool_timer>div{height: 726px;}


/*타이머*/
#timer{position:relative;}
#timer input{background-color: transparent; border: 0; font-family: "esamanru-bold"; text-align: center; padding:0; outline: 0;}
#timer>div:nth-of-type(1){position: absolute; width:519px; height:279px; left: 285px; top: 250px; background:url(../img/common/clock_panel.png) no-repeat 0 0;}
#timer>div:nth-of-type(1)>div{position: absolute; width: 100%; left: 30px; top: 18px;}
#timer>div:nth-of-type(1)>div>input{font-size:226px; color:#f8e64f; width: 360px; text-align: right;}
#timer>div:nth-of-type(1)>div>em{font-size:46px; color:var(--color-white-text); font-family: 'scdream-6'; }

#timer>div:nth-of-type(2){width:458px; height:458px; background:url(../img/common/clockbg.png) 0 0 no-repeat; position: absolute;top: 160px; left: 722px;}
#timer>div:nth-of-type(2)>div{position:relative; width:428px; height: 428px; border-radius: 100%; left:14px; top:14px; padding:10px;}
#timer>div:nth-of-type(2)>div>div{position:absolute; top:50%; left:50%; width:300px; height:300px; transform: translate(-50%, -50%); border-radius: 50%;}
#timer>div:nth-of-type(2)>div>div>em{display: block; position: relative; top: -10px; color: #50546b; font-size: 46px; font-family: 'scdream-6'; text-align: center;}
#timer>div:nth-of-type(2)>div>div>input{font-size: 140px; color: #50546b; width: 100%; text-align: center; margin-top: 50px; }
#timer input[type="number"]::-webkit-outer-spin-button,
#timer input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

#timer .reset{width:128px; height: 129px; background:url(../img/common/ico_reset.png) 0 0 no-repeat; font-size:0; position: absolute; left: 1067px; top: 140px; z-index: 1}
#timer .reset.dimmed{background:url(../img/common/ico_reset_dim.png) 0 0 no-repeat;}
#timer .start{width:113px; height: 69px; background:url(../img/common/ico_start.png) 0 0 no-repeat; font-size:0; position: absolute;  left: 894px; top: 94px; z-index: 1 }
#timer .pause{background-position-y:-69px;}
#timer .start:active{transform:translateY(10px);}
#timer .reset:active{transform: translate(-2px , 2px);}
#timer .btn_min,#timer .btn_sec{display: inline-block; position:absolute; top:300px; width: 106px; height: 176px; background: url(../img/common/switch_bg.png) no-repeat center;}
#timer .btn_min.dimmed, #timer .btn_sec.dimmed{display: none;}
#timer .plus{position: relative; display: block; width: 80px; height: 73px; left: 13px; top: 13px; font-size: 0px; background: url(../img/common/switch_add.png);}
#timer .plus:hover {background: url(../img/common/switch_add_on.png);}
#timer .minus{position: relative; display: block; width: 80px; height: 73px; left: 13px; top: 17px; font-size: 0px; background: url(../img/common/switch_remove.png);}
#timer .minus:hover {background: url(../img/common/switch_remove_on.png);}
/*#timer .plus:after{content:""; width:64px; height:2px; background:#dddddd; position:absolute; bottom:0; left:calc(50% - 32px);}*/
#timer .btn_min{left:165px;}
#timer .btn_sec{right:165px;}

/*.clockline{position: absolute; width: 360px; height: 360px; border-radius: 50%; transform: translate(-50%, -50%); left: 50%; top: 50%; }
.clockline li {display: block; position: absolute; width: 10px; height: 178px; background: #ddd; transform-origin: 5px 100%; left: 50%; top: 0px; transform: rotate(0deg); margin-left: -5px; }
.clockline li.on{background: #333333; }*/
.clockline{position: absolute; width: 376px; height: 376px; border-radius: 50%; transform: translate(-50%, -50%); left: 50%; top: 50%; }
.clockline li {display: block; position: absolute; width: 16px; height: 188px; background: url(../img/common/clock_dot.png) no-repeat 0 0; transform-origin: 5px 100%; left: 50%; top: 0px; transform: rotate(0deg); margin-left: -5px; }
.clockline li.on{background: url(../img/common/clock_dot_on.png) no-repeat 0 0; }


/*스톱워치*/
.body_stopwatch{padding-top:1px;}
.body_stopwatch>div:nth-of-type(1){width: 956px; height: 504px; background:url(../img/common/stopwatchbg.png) 0 0 no-repeat; margin: 90px auto 0; pointer-events: none;}
/*.body_stopwatch .reset{background:#ccc; border:6px solid #eeeeee; border-radius: 16px 16px 0 0; font-size:26px; font-weight: 500; color:#333333; letter-spacing: -1px; width: 200px; height: 70px; border-bottom:0; text-align: center; position: absolute;  top: 21px; left: 740px;display:none;}*/
.body_stopwatch .reset{position: absolute; display:none; width: 113px; height: 50px; left: 830px; top: 42px; background: url(../img/common/stopwatch_reset.png) center center no-repeat;}
.body_stopwatch .start{position: absolute; width: 113px; height: 50px; left: 950px; top: 42px; background: url(../img/common/stopwatch_play.png) center center no-repeat;}
.body_stopwatch .start.pause{background: url(../img/common/stopwatch_pause.png) center center no-repeat;}

.body_stopwatch>div:nth-of-type(2){font-size:0; margin: 10px 35px 0; border-top: 1px solid #e5e5e5; padding-top:25px; height: 140px; overflow:hidden;}
.body_stopwatch>div:nth-of-type(2)>ol{width:calc(100% - 190px); float: left; font-size:0; overflow-x:auto; white-space:nowrap; padding-bottom:10px;}
.body_stopwatch>div:nth-of-type(2)>ol::-webkit-scrollbar { height: 10px; }
.body_stopwatch>div:nth-of-type(2)>ol::-webkit-scrollbar-track { background-color: transparent;}
.body_stopwatch>div:nth-of-type(2)>ol::-webkit-scrollbar-thumb {border-radius: 11px;background-color: #ddd;}
.body_stopwatch>div:nth-of-type(2)>ol::-webkit-scrollbar-button { width: 0; height: 0;}
.body_stopwatch>div:nth-of-type(2)>ol::-webkit-scrollbar-thumb:hover {background: #ccc;}

.body_stopwatch>div:nth-of-type(2)>ol>li{ display: inline-block;  padding: 13px 17px; border:2px solid #cccccc; border-radius: 8px; background:#eeeeee; margin-right:23px; vertical-align: middle; }
.body_stopwatch>div:nth-of-type(2)>ol>li:last-child{margin-right:0;}
.body_stopwatch>div:nth-of-type(2)>ol>li>button{font-family: os; font-size:24px; color:#fff; width: 48px; height: 48px; background:#666666; border-radius: 100%; text-align: center; margin-right:15px; vertical-align: bottom;}
.body_stopwatch>div:nth-of-type(2)>ol>li>em{font-size:26px; color:#333; font-weight: 500;  cursor: default;}
.body_stopwatch>div:nth-of-type(2)>ol>li:hover>button{background:#666666 url(../img/common/ico_ttrash.png) center center no-repeat; font-size:0;}

.body_stopwatch>div:nth-of-type(2) .add{border:2px dashed var(--color-ui-key); background:#fff; border-radius: 16px; padding:10px 11px; display: inline-block;  float: right; cursor: pointer;}
.body_stopwatch>div:nth-of-type(2) .add>button{width:48px; height: 48px; border-radius: 16px; background:var(--color-ui-key); color:#fff; font-size: 46px; vertical-align: middle; line-height: 51px; text-align: center;  margin-right: 5px;}
.body_stopwatch>div:nth-of-type(2) .add>em{color:#aaa; vertical-align: middle; font-size: 26px;}
.body_stopwatch>div:nth-of-type(2) .add:hover{border:2px solid var(--color-ui-key); background:var(--color-ui-key);}
.body_stopwatch>div:nth-of-type(2) .add:hover>button{background:var(--color-ui-strong); color:#fff;}
.body_stopwatch>div:nth-of-type(2) .add:hover>em{color:#fff;}


/*** digit ***/
#watchcode ul.flip-clock { display: none; }
#watchcode ul.shadow { position: absolute; left: 334px; top: 120px; }
#watchcode ul.shadow>li { position: relative; display: inline-block; vertical-align: middle; text-align: center; }
#watchcode ul.shadow>li>span { font-family: "digit-bold"; font-size: 340px; line-height: 1.2; text-align: center; color: #171a28; }

#watchcode ul.shadow>li:nth-child(2) { width: 60px; height: 100%; }
#watchcode ul.shadow>li:nth-child(2)>span { position: relative; display: block; width: 100%; height: 100%; }

#watchcode ul.digit-clock { position: relative; display: block; width: 100%; height: 100%; top: -20px; text-align: center; }
#watchcode ul.digit-clock>li { position: relative; display: inline-block; vertical-align: middle; text-align: center; }
#watchcode ul.digit-clock>li>span { font-family: "digit-bold"; font-size: 340px; line-height: 1.2; text-align: center; color: var(--color-white-text); }

#watchcode ul.digit-clock>li:nth-child(2) { width: 60px; height: 100%; }
#watchcode ul.digit-clock>li:nth-child(2)>span { position: relative; display: block; width: 100%; height: 100%; font-size: 0; background: url(../img/common/clock_mid.png) no-repeat center center; }


/*팝업*/
.pop_doumi .tool_acter{display: none;} 
#popup>div:not(.std_menu)>section.tool_acter {padding: 0;}
.tool_acter .body_listup>ul{padding:20px 40px;}
.tool_acter .body_listup>ul:after{content:""; display: block; clear:both;}
.tool_acter .body_listup>ul>li{float: right}
.tool_acter .body_listup>ul>li:first-child{float: left;}
.tool_acter .body_listup>ul>li.scription{font-size:22px; color:#333; font-weight: 600; margin-top: 15px; font-family: notosans;}
.tool_acter .body_listup>ul>li.scription>em{color:#17b2e6;font-weight: 500;}
.tool_acter .body_listup>ul>li.option{font-size: 0; margin-left:20px; line-height: normal; margin-top:3px;}
.tool_acter .body_listup>ul>li.option>button{width:56px; height: 56px; margin-right:8px;}
.tool_acter .body_listup>ul>li.option>button:last-child{margin-right:0;}
.tool_acter .body_listup>ul>li.option>button.load_ex{background-image:url(../img/common/ico_load_ex.png);}
.tool_acter .body_listup>ul>li.option>button.save_ex{background-image:url(../img/common/ico_save_ex.png);}
.tool_acter .body_listup>ul>li.option>button.del_all{background-image:url(../img/common/ico_del_all.png);}
.tool_acter .body_listup>ul>li.selection{width: 360px; position: relative; border-radius: 4px; border: 1px solid #ccc; height: 62px;}
.tool_acter .body_listup>ul>li.selection input{border:0; border-radius: 4px; width: 100%; height: 60px; position:absolute; left:0;padding-right:100px; padding-left:10px;}
.tool_acter .body_listup>ul>li.selection input{font-size: 22px;}
.tool_acter .body_listup>ul>li.selection input::placeholder{font-size:22px; letter-spacing: -1px; color:#cccccc;}
.tool_acter .body_listup>ul>li.selection button{font-size:22px; color:#333; background:#eee;border-left:1px solid #ccc; height:60px; width: 100px; position:absolute; right:0; text-align: center;}

.tool_acter .body_listup ol{border-top:1px solid #e5e5e5; padding:40px; font-size:0;}
.tool_acter .body_listup ol>li{display: inline-block; position:relative; width:calc(25% - 20px); margin: 0 10px; height: 87px; border:6px solid #e5e5e5; border-radius: 8px; text-align: center; line-height: 74px; }
.tool_acter .body_listup ol>li+li+li+li+li{margin-top:20px;}
.tool_acter .body_listup ol>li>span{color:#333;font-size:48px; letter-spacing: -1px; font-family: ns;}

.tool_acter .body_listup ol>li>button{position:absolute; width:32px; height: 32px; background:url(../img/common/ico_listclose.png) 0 0 no-repeat; right:-10px; top:-10px; display: none;}
.tool_acter .body_listup ol>li:hover>button{display: block;}
.tool_acter .body_listup ol>li:hover{border-color:var(--color-ui-strong); background:#17b2e6;}
.tool_acter .body_listup ol>li:hover>span{color:#fff;}

.sub_dialogue{position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.7); width: 100%; height: 100%; z-index: 1001; display: none;}
.sub_dialogue>div{width: auto !important; margin: 0 auto; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19); display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 500px; background:#fff; border:1px solid var(--color-ui-key); border-top-width: 8px; border-radius: 4px; padding:40px 25px 25px; text-align: center;}
.sub_dialogue>div>p{font-size:25px; color:#333; text-align: left; line-height: 32px; font-family: notosans;}
.sub_dialogue>div>p b{font-weight: 500;}
.sub_dialogue>div>p>em{color:#666;}
.sub_dialogue>div>p>input{width:calc(100% - 55px); border:1px solid #ccc; height: 63px; border-radius: 4px;}
.sub_dialogue>div>p>input{font-size:22px;}
.sub_dialogue>div>p>input::placeholder{font-size:22px; color:#ccc; letter-spacing: -1px;}
.sub_dialogue>div>p+p{margin:10px 0;}
.sub_dialogue>div>button{width: 200px; display: inline-block; letter-spacing: -.1px; font-size: 24px; line-height: 64px; background: var(--color-ui-key); text-align: center; border-radius: 10px; border: 1px solid var(--color-ui-key); color: #fff; margin-right: 1%; margin-top: 20px;}
.sub_dialogue>div>button:last-child{border-color: #dddddd;background: #eeeeee; color: #333333; margin-right: 0;}


.body_modum>div,.body_choice>div{display: none;}
.body_modum>div.on,.body_choice>div.on{display: block;}


.pop_doumi .sub_tab{font-size:0; padding-top: 145px; padding-left: 120px;}
.pop_doumi .sub_tab>li{ display: inline-block;font-size: 26px; line-height: 60px; margin-right: -4px; margin-bottom: -5px; width: 320px; text-align: center; border: 4px solid #ccc; border-bottom: 4px solid #ccc; background-color: #ddd; position:relative;  border-radius: 16px 16px 0 0; font-weight: 400;  letter-spacing: -1px; color:#a7a7a7;}
.pop_doumi .sub_tab>li.on{background-color: #fff; border-top: 4px solid #ccc; color:#333; border-left: 4px solid #ccc; border-right: 4px solid #ccc; border-bottom: 5px solid #fff; z-index: 1 ; font-weight: 500;}
.pop_doumi .slide{width: 1276px; border:4px solid #ccc; height: 255px; margin:0 auto ; border-radius: 16px; padding:61px 0 0; text-align: center;}
.pop_doumi .slide>button{width: 240px; height: 120px;border-radius: 8px; border:2px solid #ddd; background:#f6f6f6; font-size:32px; letter-spacing: -1px; color:#333333; text-align: center; margin:0 10px;}
.pop_doumi .slide>button.add{border-color:#128ab2; color:#fff; background:#17b2e6;}
.pop_doumi .slide>span{border:2px solid #ccc; border-radius: 32px;display: inline-block; vertical-align: middle; margin: 0 10px;}
.pop_doumi .slide>span>button{position: relative; display: block; width: 64px; height: 64px; border-bottom: 2px solid #ccc; font-size: 46px; text-align: center; color: #333333; font-weight: 500; line-height: 64px;}
.pop_doumi .slide>span>button:last-child{border-bottom:0;}
.pop_doumi .slide input{border:2px solid #ccc; height: 88px; width: 150px; font-size: 32px; text-align: center; border-radius: 8px;}
.pop_doumi .slide input[type="number"]::-webkit-outer-spin-button,
.pop_doumi .slide input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.pop_doumi .slide input+em{font-weight: 700; display: inline-block; margin:0 5px;}
.pop_doumi .slide .line{display:inline-block; width: 2px; height: 128px; background: #eeeeee; margin: 0 80px; vertical-align: middle;}


/* 진도 목록 (2023.08.08) */
#popup>div.pop_jindo section>div { min-height: 60px; }
#popup>div.pop_jindo section>div table { display: block; border-collapse: separate; border-spacing: 0; width: 1040px; margin-top: 10px; }
#popup>div.pop_jindo section>div table td { width: 80px; padding: 10px 0px 8px; border-bottom: 1px solid #dedede; font-family: "omb"; text-align: center; line-height: 1.0; vertical-align: middle; }
#popup>div.pop_jindo section>div table td:nth-child(2) { width: 640px; }
#popup>div.pop_jindo section>div table tbody td:nth-child(2) { text-align: left;  text-overflow: ellipsis; }
#popup>div.pop_jindo section>div table td:nth-child(4) { width: 160px; }
#popup>div.pop_jindo section>div table.scroll tbody td:nth-child(5) { width: 70px; margin-right: -10px; }
#popup>div.pop_jindo section>div table tbody tr:last-child td { padding-bottom: 10px; border-bottom: 2px solid #c6c6c6; }

#popup>div.pop_jindo section>div table thead td { height: 52px; text-align: center; background: var(--color-ui-sub); border-top: 2px solid #c6c6c6; }

#popup>div.pop_jindo section>div table thead td>span { font-family: inherit; }

#popup>div.pop_jindo section>div table tbody { display: block; height: 252px; padding-bottom: 1px; overflow-y: auto; }
/*#popup>div.pop_jindo section>div table tbody tr:nth-child(even) td { background: #eaeaed; }*/
#popup>div.pop_jindo section>div table tbody tr:hover td { background: var(--color-ui-sub); }

#popup>div.pop_jindo section>div table tbody tr:hover .chapter { color: #fff; background-color: var(--color-ui-sub-active); }

#popup>div.pop_jindo section>div table tbody tr:hover .btn-go { background: url(../img/common/ui/btn-go-over.png) no-repeat center/contain; }

/* 진도 목록: checkbox */
#popup>div.pop_jindo section>div table td input[type="checkbox"] { display: none; }
#popup>div.pop_jindo section>div table td input[type="checkbox"] + label {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid #dedede;
  border-radius: 8px;
  vertical-align: middle;
  font-size: 0;
  background-color: #fff;
  -webkit-appearance: checkbox;
}
#popup>div.pop_jindo section>div table td input[type="checkbox"]:checked + label:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  width: 30px;
  height: 30px;
  font-size: 0;
  background: url(../img/common/ui/checkbox_check.png) no-repeat center;
}

#popup>div.pop_jindo section>div table td .chapter { padding: 2px 12px; margin-right: 8px; border-radius: 10px; font-family: inherit; background-color: #f4f4f4; }
#popup>div.pop_jindo section>div table td .first { position: relative; display: inline-block; width: 44px; height: 21px; margin: auto; font-size: 0; vertical-align: middle; background: url(../img/common/ico_new.png) no-repeat center/contain; margin-left: 10px; }
#popup>div.pop_jindo section>div table td .btn-go { position: relative; display: block; width: 56px; height: 30px; margin: auto; font-size: 0; background: url(../img/common/ui/btn-go.png) no-repeat center/contain; }
#popup>div.pop_jindo section>div table td .btn-all { font-family: inherit; }

/* 진도 목록: 선택 삭제 button */
#popup>div.pop_jindo section>span button.btn-add { border: 1px solid var(--color-ui-key) !important; background-color: var(--color-ui-key) !important; }
#popup>div.pop_jindo section>span button.btn-remove { background-color: #dddddd; }

/* 진도 목록: scrollbar */
#popup>div.pop_jindo section>div table tbody::-webkit-scrollbar { width: 10px; }
#popup>div.pop_jindo section>div table tbody::-webkit-scrollbar-track { background-color: #eaeaed; }

#popup>div.pop_jindo section>div table tbody::-webkit-scrollbar-thumb { background-color: var(--color-ui-sub); border-radius: 5px; }

#popup>div.pop_jindo section>div table tbody::-webkit-scrollbar-thumb:hover { background-color: var(--color-ui-sub-active); }


.body_choice .result:after{content:""; display: block; clear:both;}
.body_choice .result>ol{padding:25px;  border-bottom:1px solid #e5e5e5;}
.body_choice .result>ol:after{content:""; display: block; clear:both;}
.body_choice .result .scription{float: left; font-size:26px; color:#333; font-weight: 500; margin-top: 18px;}
.body_choice .result .scription>span{color:#aeaeae; margin-left:20px;}
.body_choice .result .selection{float: right; font-size:0;}
.body_choice .result .selection>button{font-size:22px; letter-spacing: -1px; color:#fff; text-align: center; border-radius: 4px; padding:19px 27px; margin-right:10px;}
.body_choice .result .selection>button.continue{background:#17b2e6;}
.body_choice .result .selection>button.rechoice{background:#666;}
.body_choice .result .selection>button.quit{background:#eee; color:#333; margin-right:0;}
.body_choice .result>div{width: 920px; height: 613px; line-height:normal; text-align: center; font-family: ns;  font-weight: 400; letter-spacing: -1px; color:#333333; float: left; border-right:1px solid #e5e5e5; position:relative;}
.body_choice .result>div>p{position:absolute;left:50%; top:50%; transform: translate(-50%, -50%)}
.body_choice .result>div>p>span{display: block; font-size: 108px;}


.body_choice .result p>span:first-child:nth-last-child(6), .body_choice .result p>span:first-child:nth-last-child(6) ~ span { font-size: 64px; } 
.body_choice .result p>span:first-child:nth-last-child(7), .body_choice .result p>span:first-child:nth-last-child(7) ~ span { font-size: 64px; } 
.body_choice .result p>span:first-child:nth-last-child(8), .body_choice .result p>span:first-child:nth-last-child(8) ~ span { font-size: 64px; } 
.body_choice .result p>span:first-child:nth-last-child(9), .body_choice .result p>span:first-child:nth-last-child(9) ~ span { font-size: 50px; } 
.body_choice .result p>span:first-child:nth-last-child(10), .body_choice .result p>span:first-child:nth-last-child(10) ~ span { font-size: 50px; } 


.body_choice .result dl{float: left; width: calc(100% - 970px); border-bottom: 1px solid #e5e5e5;  margin: 0 25px; text-align: right; padding:20px 0;}
.body_choice .result dl dt,.body_choice .result dl dd{display: inline-block; }
.body_choice .result dl dt{color:#666; font-size:18px; letter-spacing: -1px; margin-right:15px; vertical-align: bottom;}
.body_choice .result dl dd{font-size:36px; color:#666;  font-weight: 500;}
.body_choice .result dl dd em{font-size:22px; vertical-align: middle;}
.body_choice .result dl dd>span{color:#17b2e6; font-weight: 500;}
.body_choice .result dl dd i{font-weight: 100; color:#ccc; margin:0 10px;}


.body_choice .result ul{float: left; width: calc(100% - 920px); height: 537px; overflow-y: auto; padding:25px 0 25px 25px; font-size:0;}
.body_choice .result ul>li{font-size:40px; color:#333; width: 227px; height: 83px; border:6px solid #ccc; border-radius: 8px; display: inline-block; text-align: center; vertical-align: top; line-height: 72px;position:relative;}
.body_choice .result ul>li:nth-of-type(2n-1){margin-right:15px;}
.body_choice .result ul>li+li+li{margin-top:15px;}
.body_choice .result ul>li.dimmed{border:6px dashed #ddd; font-size:0; background:#ebebeb; }
.body_choice .result ul>li>button{position:absolute; width:32px; height: 32px; background:url(../img/common/ico_listclose.png) 0 0 no-repeat; right:-10px; top:-10px; display: none;  font-size:0;}
.body_choice .result ul>li:hover>button{display: block;}


.body_modum .result:after{content:""; display: block; clear:both;}
.body_modum .result>ol{padding:25px;  border-bottom:1px solid #e5e5e5;}
.body_modum .result>ol:after{content:""; display: block; clear:both;}
.body_modum .result .scription{float: left; font-size:26px; color:#333; font-weight: 500; margin-top: 18px;}
.body_modum .result .scription>span{color:#aeaeae; margin-left:20px;}
.body_modum .result .selection{float: right; font-size:0;}
.body_modum .result .selection>button{font-size:22px; letter-spacing: -1px; color:#fff; text-align: center; border-radius: 4px; padding:19px 27px; margin-right:10px;}
.body_modum .result .selection>button.remake{background:#666;}
.body_modum .result .selection>button.quit{background:#eee; color:#333; margin-right:0;}
.body_modum .result>div{width: 25%; border-right:1px solid #e5e5e5; float: left; height: 613px; padding:35px 30px;}
.body_modum .result>div:last-child{border:0;}
.body_modum .result>div>h6{font-size:22px; color:#333; letter-spacing: -1px; text-align: center; font-weight: 500;}
.body_modum .result>div>ul{margin-top:22px;}
.body_modum .result>div>ul>li{overflow:hidden;width: 100%; height: 80px; line-height: 70px; border:6px solid #e5e5e5; border-radius: 8px; font-size:48px; color:#333; font-weight: 500; text-align: center; letter-spacing: -3px;}
.body_modum .result>div>ul>li+li{margin-top:8px;}


/*깜깜이*/
#popup>div.doumi_darker{background:#333; border-radius: 15px; width:100% !important; height: 100%;}
#popup>div.doumi_darker>header{background:transparent !important;}
#popup>div.doumi_darker>header>button{background-color: #333; border-radius: 0 0 0 15px;}
#popup>div.doumi_darker>div:not(.powerContainer){text-align: center; font-size: 22px; margin: 10px 0; color:#fff;}
#popup>div.doumi_darker.active {background: #f3f7f9; }
#popup>div.doumi_darker.active>div:not(.powerContainer){color:#333;}
.powerContainer {margin:200px auto 0; width: 212px; }
.power {margin: auto; margin-top: 20px; background: #38434A; border-radius: 5px; color: white; cursor: pointer; font-family: Roboto; font-size: 1.9em; height: 65px; letter-spacing: .2px; line-height: 65px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 150px; -webkit-transition: none; transition: none; }
.power:hover {background: #414e56; }
.power:active {box-shadow: inset 0px 4px 10px 0px #2d363b; -webkit-transition: background 0.14s ease-in; transition: background 0.14s ease-in; }
.active .power {background: #58C48D; }
.active .power:active {box-shadow: inset 0px 6px 8px -1px #41b77b; }
#on {-webkit-transform: translate(50%, 50%) scale(0); transform: translate(50%, 50%) scale(0); opacity: 0; }
.active #on {opacity: 1; -webkit-transform: translate(0) scale(1); transform: translate(0) scale(1); -webkit-transition: all 0.14s ease-in; transition: all 0.14s ease-in; }
.fancy-bulb {position: relative; }
.streaks, .streaks:after, .streaks:before {position: absolute; background: #FFDB55; border-radius: 5.5px; height: 11px; }
.streaks:after, .streaks:before {content: ""; display: block; }
.streaks:before {bottom: 65px; }
.streaks:after {top: 65px; }
.left-streaks {right: 217px; top: 89.5px; }
.active .left-streaks {-webkit-animation: move-left 0.38s ease-out, width-to-zero 0.38s ease-out; animation: move-left 0.38s ease-out, width-to-zero 0.38s ease-out; -webkit-animation-delay: 0.14s; animation-delay: 0.14s; }
.left-streaks:before, .left-streaks:after {left: 15px; }
.active .left-streaks:before {-webkit-animation: width-to-zero 0.38s ease-out, move-up 0.38s ease-out; animation: width-to-zero 0.38s ease-out, move-up 0.38s ease-out; -webkit-animation-delay: 0.14s; animation-delay: 0.14s; }
.active .left-streaks:after {-webkit-animation: width-to-zero 0.38s ease-out, move-down 0.38s ease-out; animation: width-to-zero 0.38s ease-out, move-down 0.38s ease-out; -webkit-animation-delay: 0.14s; animation-delay: 0.14s; }
.right-streaks {left: 217px; top: 89.5px; }
.active .right-streaks {-webkit-animation: move-right 0.38s ease-out, width-to-zero 0.38s ease-out; animation: move-right 0.38s ease-out, width-to-zero 0.38s ease-out; -webkit-animation-delay: 0.14s; animation-delay: 0.14s; }
.right-streaks:before, .right-streaks:after {right: 15px; }
.active .right-streaks:before {-webkit-animation: width-to-zero 0.38s ease-out, move-up 0.38s ease-out; animation: width-to-zero 0.38s ease-out, move-up 0.38s ease-out; -webkit-animation-delay: 0.14s; animation-delay: 0.14s; }
.active .right-streaks:after {-webkit-animation: width-to-zero 0.38s ease-out, move-down 0.38s ease-out; animation: width-to-zero 0.38s ease-out, move-down 0.38s ease-out; -webkit-animation-delay: 0.14s; animation-delay: 0.14s; }
.left-streaks:before, .right-streaks:after {-webkit-transform: rotate(34deg); transform: rotate(34deg); }
.left-streaks:after, .right-streaks:before {-webkit-transform: rotate(-34deg); transform: rotate(-34deg); }
@-webkit-keyframes move-left {0% {-webkit-transform: none; transform: none; } 65% {-webkit-transform: translateX(-80px); transform: translateX(-80px); } 100% {-webkit-transform: translateX(-80px); transform: translateX(-80px); } }
@keyframes move-left {0% {-webkit-transform: none; transform: none; } 65% {-webkit-transform: translateX(-80px); transform: translateX(-80px); } 100% {-webkit-transform: translateX(-80px); transform: translateX(-80px); } }
@-webkit-keyframes move-right {0% {-webkit-transform: none; transform: none; } 65% {-webkit-transform: translateX(80px); transform: translateX(80px); } 100% {-webkit-transform: translateX(80px); transform: translateX(80px); } }
@keyframes move-right {0% {-webkit-transform: none; transform: none; } 65% {-webkit-transform: translateX(80px); transform: translateX(80px); } 100% {-webkit-transform: translateX(80px); transform: translateX(80px); } }
@-webkit-keyframes width-to-zero {0% {width: 50px; } 100% {width: 11px; } }
@keyframes width-to-zero {0% {width: 50px; } 100% {width: 11px; } }
@-webkit-keyframes move-up {100% {bottom: 100.75px; } }
@keyframes move-up {100% {bottom: 100.75px; } }
@-webkit-keyframes move-down {100% {top: 100.75px; } }
@keyframes move-down {100% {top: 100.75px; } }


/*자료검색팝업*/
#popup>div:not(.std_menu).pop_search{width: 1000px !important;}
.pop_search section{padding:0 !important;}
.pop_search section>div:nth-of-type(1){line-height: 120px; background:#f5f5f5; text-align: center; font-size:0;}
.pop_search section>div:nth-of-type(1):before{content:""; display: inline-block; background:url(../img/common/searcht.png) 0 0 no-repeat; width: 93px; height: 24px; vertical-align: middle; margin-right: 20px;}
.pop_search section>div:nth-of-type(1)>input{width: 470px; height: 64px; border: 1px solid var(--color-ui-key); border-radius: 4px 0 0 4px; vertical-align: middle; font-size: 22px; padding:0 15px;}
.pop_search section>div:nth-of-type(1)>button{width: 100px; height: 64px; background: var(--color-ui-key); text-align: center; color: #fff; font-family: "pretendard-SB"; font-size: 24px; letter-spacing: -1px; vertical-align: middle;}
.pop_search section>h5{border-bottom:1px solid #e5e5e5; padding:15px 21px; font-size:22px; letter-spacing: -1px;  color:#333;}
.pop_search section>h5>em{color:#ff9d0a; font-weight: 600;}
.pop_search section>div:nth-of-type(2){overflow-y: scroll; height: 560px;  position:relative; margin-bottom:10px;}
.pop_search section>div:nth-of-type(2)>p{font-size:24px; color:#000; letter-spacing: -1px; position:absolute;left: 50%; transform: translateX(-50%); top: 140px;  background:url(../img/common/nodata.png) center center no-repeat; padding-top:150px; display: none;}
.pop_search section>div:nth-of-type(2) li{border-bottom:1px solid #e5e5e5;  padding:16px 45px; display: table;}
.pop_search section>div:nth-of-type(2) li>p{display: table-cell; width:120px; vertical-align: middle;}
.pop_search section>div:nth-of-type(2) li>p>span{display: inline-block; width:120px; height: 160px; border:2px solid #ccc; font-size: 32px; color: #000;  text-align: center; line-height: 160px; font-weight: 700; position:relative;}
.pop_search section>div:nth-of-type(2) li>p>span:after{content:""; position:absolute; width:100%; height:100%; background:rgba(255,255,255,0.4); top:0; left:0; z-index: -1;}
.pop_search section>div:nth-of-type(2) li>dl{display: table-cell;padding-left: 15px;}
.pop_search section>div:nth-of-type(2) li>dl dt:nth-of-type(1){font-size:26px; color:#0f5e7a; font-weight: 600; margin-bottom:11px; }
.pop_search section>div:nth-of-type(2) li>dl dt:nth-of-type(2){font-size:23px; color:#333; font-weight: 500; margin-bottom:5px; letter-spacing: -1px;}
.pop_search section>div:nth-of-type(2) li>dl dd{font-size:18px; color:#666; line-height: 26px; letter-spacing: -1px; overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.4;
    max-height: 7em;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.pop_search section>div:nth-of-type(2) li>dl dd>em{color: #ff9d0a; font-weight: 600;}
.pop_search section>div:nth-of-type(2) li:hover{background:#f6f6f6;}


/*자료링크*/

.dialogue_link dl{font-size:0;}
.dialogue_link dl dt{ font-family: "pretendard-SB"; font-size:18px; color:#333; letter-spacing: -1px;  display: inline-block;}
.dialogue_link dl dt:nth-of-type(1){width:63px;}
.dialogue_link dl dt+dt{margin-top:8px;}
.dialogue_link dl input{width: 524px; height: 64px; border:1px solid #cccccc; font-size: 22px; color: #333; letter-spacing: -1px; padding: 0 15px;}

/*프린트*/
.dialogue_print{font-size:0;}
.dialogue_print dl{display: inline-block; width: 200px; text-align: center;}
.dialogue_print dl dt{width: 149px; height: 108px; margin:30px auto 0px;}
.dialogue_print dl dd{color:#333; font-size:22px; letter-spacing: -1px;  margin:20px 0;}
.dialogue_print dl dd input{width: 24px; height: 24px; border: 1px solid #ccc; margin:0; margin-right: 7px; vertical-align: middle;}
.dialogue_print dl:nth-of-type(1) dt{background-image:url(../img/common/leftpage.png);}
.dialogue_print dl:nth-of-type(2) dt{background-image:url(../img/common/rightpage.png);}
.dialogue_print dl:nth-of-type(3) dt{background-image:url(../img/common/bothpage.png);}

/*메모장NEW*/
.dialogue_memo_new{width:588px;}
.dialogue_memo_new input,.dialogue_memo_new textarea{border:1px solid #cccccc; border-radius: 4px; width: 100%; outline:0;}
.dialogue_memo_new input{height: 62px; font-size:22px; color:#333; letter-spacing: -1px; padding:0 15px;}
.dialogue_memo_new textarea{height: 360px; overflow-y: scroll; margin-top:8px; padding:20px 15px; font-size:22px; resize: none; color:#666; line-height: 36px; }

.dialogue_memo_new dt{font-size:32px; color:#333333; font-weight: 500; letter-spacing: -.5px; line-height: normal;}
.dialogue_memo_new dd{ margin-top: 13px; height: 320px; overflow-y: scroll; background: #f6f6f6; font-size:26px; color:#666;  border:4px solid #e5e5e5; padding:20px 15px; word-break: break-all;  line-height: 40px;}

/*링크NEW*/
.dialogue_link_new{width:588px;}
.dialogue_link_new input,.dialogue_link_new textarea{border:1px solid #cccccc; border-radius: 4px; width: 100%; outline:0;}
.dialogue_link_new input{height: 62px; font-size:22px; color:#333; letter-spacing: -1px; padding:0 15px;}
.dialogue_link_new textarea{height: 360px; overflow-y: scroll; margin-top:8px; padding:20px 15px; font-size:22px; resize: none; color:#666; line-height: 36px; }

.dialogue_link_new dt{font-size:32px; color:#333333; font-weight: 500; letter-spacing: -.5px; line-height: normal;}
.dialogue_link_new dd{ margin-top: 13px; height: 320px; overflow-y: scroll; background: #f6f6f6; font-size:26px; color:#666;  border:4px solid #e5e5e5; padding:20px 15px; word-break: break-all;  line-height: 40px;}


/*메모장*/
.dialogue_memo{width:588px;}
.dialogue_memo input,.dialogue_memo textarea{border:1px solid #cccccc; border-radius: 4px; width: 100%; outline:0;}
.dialogue_memo input{height: 62px; font-size:22px; color:#333; letter-spacing: -1px; padding:0 15px;}
.dialogue_memo textarea{height: 360px; overflow-y: scroll; margin-top:8px; padding:20px 15px; font-size:22px; resize: none; color:#666; line-height: 36px; }

.dialogue_memo dt{font-size:32px; color:#333333; font-weight: 500; letter-spacing: -.5px; line-height: normal;}
.dialogue_memo dd{ margin-top: 13px; height: 320px; overflow-y: scroll; background: #f6f6f6; font-size:26px; color:#666;  border:4px solid #e5e5e5; padding:20px 15px; word-break: break-all;  line-height: 40px;}


div.adding { cursor:pointer; }  /* 메모장, 링크 아이콘 생성시 커서모양 바꾸기. (20200706 cny) */

.editing { box-shadow:5px 4px 3px rgba(0,0,0,0.4); border: 3px dotted orange;  }

#icons_full> .editing { box-shadow:8px 9px 5px rgba(0,0,0,0.4); border: 5px dotted orange;  } 


/*계산기*/
#popup>div:not(.std_menu).pop_calc{width: 542px !important; border-radius: 15px 15px 22px 22px !important;background:#fff;}
.pop_calc section{padding:0 !important; height: 665px; background: url('../img/common/calc_bg.png') no-repeat center !important; border: none !important;}
.pop_calc section>div:nth-of-type(1){display:inline-block; width:100%;height:300px; background: transparent; font-size:0; padding-top: 50px; padding-left: 0px; margin-left:3px;}
.pop_calc section>div:nth-of-type(2){position: absolute; top: 334px; left: 112px; height: 235px; position:relative; margin-bottom:10px; margin-left:3px;}

#calcView{position: absolute; display: flex; justify-content: center; align-items: center; top: 21px; left: 36px; width:468px;height:245px; }
#calcView #sig1{width:100%;padding:5px 5px;text-align:right;font-size: 70px; font-family: 'lhb'; color: #fff; letter-spacing: 4px;}
#calcView #sig2{display:none;width:100%;text-align:right;font-size: 70px;font-family: 'lhb'; color: #fff; letter-spacing: 4px;}
#calcView #sig3{display:none;width:100%;padding:5px 5px;text-align:right;font-size: 70px; font-family: 'lhb'; color: #fff; letter-spacing: 4px;}

#calcView #calcSum{display:none;width:100%;padding:5px 5px;text-align:right;font-size: 70px;color:#ff0; font-family: 'lhb'; letter-spacing: 4px;}

#calcView #neun{display:none;width:100%;padding:5px 0; text-align:right;font-size: 70px; font-family: 'lhb';  color: #fff;}
#calcView #sig2.active,#calcView #sig3.active,#calcView #sig4.active,#calcView #sig5.active,#calcView #neun.active,#calcView #calcSum.active{display:inline;}

#calcView #calcViewCover{display: inline-block; height: 100%;text-align:left;line-height:68px;}
#calcBtn tbody{}
#calcBtn td{width:76px; margin-right: 14px; margin-bottom: 9px; display:inline-block; background: transparent; color: transparent;}
#calcBtn td:last-child{ }
#calcBtn td button{font-size:30px;width:100%;height:58px; text-align:center;display:inline-block;vertical-align: top;}
#calcBtn td.fontUp button{font-size:40px;}
#calcBtn td.col{width:166px;}

/*도형*/
#popup>div:not(.std_menu).pop_shape{width: 1920px !important;top:0px;}
#popup>div.pop_shape>div{position: absolute; z-index: 100; width: 1920px; height: 968px; left: 0px; top: 0; border:4px solid #ffa333 !important; }
#popup>div.pop_shape>button{position: absolute;top: 65px;left: 1868px;z-index: 101;width: 48px;height: 48px;background: url(../img/common/canvasClose.png) 0 0 no-repeat;font-size: 0;}
#popup.backNone{top:57px;height:968px;}
#popup.backNone:before{background:unset;}
#popup>div.pop_shape.on>div{background:#fff}

/*수 모형*/
#popup>div:not(.std_menu).pop_model{width: 1920px !important;top:0px;}
#popup>div.pop_model>div{position: absolute; z-index: 100; width: 1920px; height: 968px; left: 0px; top: 0; border:4px solid #ffa333 !important;}
#popup>div.pop_model>button{position: absolute;top: 65px;left: 1868px;z-index: 101;width: 48px;height: 48px;background: url(../img/common/canvasClose.png) 0 0 no-repeat;font-size: 0;}
#popup.backNone{top:57px;height:968px;}
#popup.backNone:before{background:unset;}
#popup>div.pop_model.on>div{background:#fff}

/*입체 도형*/
#popup>div:not(.std_menu).pop_solid{width: 1920px !important;top:0px;}
#popup>div.pop_solid>div{position: absolute; z-index: 100; width: 1920px; height: 968px; left: 0px; top: 0; border:4px solid #ffa333 !important;}
#popup>div.pop_solid>button{position: absolute;top: 65px;left: 1868px;z-index: 101;width: 48px;height: 48px;background: url(../img/common/canvasClose.png) 0 0 no-repeat;font-size: 0;}
#popup.backNone{top:57px;height:968px;}
#popup.backNone:before{background:unset;}
#popup>div.pop_solid.on>div{background:#fff}
#popup>div.pop_solid>p>button{display:none;position: absolute;top: 840px;left: 798px;z-index: 101;padding:10px 30px;border:4px solid #fff;background-color:#1684d8;border-radius:20px;color:#fff;font-size:40px;font-family: "nseb";}

/*전개도 팝업*/
#popup>div:not(.std_menu).pop_planar{width: 1270px !important;background-color:#fff;}
#popup>div.pop_planar section .swiper-wrapper{height:824px;}
#popup>div.pop_planar section .swiper-pagination{display:none;}
#popup>div.pop_planar section .swiper-slide{line-height:824px;height:824px !important;text-align:center;}
#popup>div.pop_planar section .swiper-slide img{max-height: 750px;vertical-align: middle;}
#popup>div.pop_planar footer{position:absolute;left:45%;bottom:15px;font-size:40px;margin:0 auto;}
#popup>div.pop_planar footer>span{font-family: "nseb";}
#popup>div.pop_planar footer>span:nth-child(2){color:#cdcdcd}
/*준비중 마크표시*/
#p_std .not_ready:after{position: absolute;right:0;top:10%;content:"작업중";text-align:center;font-size:50px;padding:25px 50px;background:red;border:1px solid #fff; z-index:100}


/*map*/
#popup>div.popmap{width:1920px !important; height:1080px; background:#fff;} 
#popup>div:not(.std_menu)>section#map_box{height: 1020px; position: relative; background-repeat: no-repeat; background-size: 100%; background-color: gray; width: 1860px; float: left; max-height: none; padding: 0; overflow: hidden; border: 0; border-radius: 0; border-bottom-left-radius: 15px; }
#map_box>img{position: absolute; height: auto; width:100%;}
div.pinch-zoom-parent, div.pinch-zoom-container {width : 100%; height : 100%; }
#popup>.popmap>footer{float: left; padding: 0 15px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
#popup>.popmap>footer>div{width: 30px; height: 630px; background: url(../img/common/zoom_bg.png) 0 0 no-repeat; display: inline-block; text-align: center; position: relative; }
#popup>.popmap>footer>div>span{position: relative; display: inline-block; width: 50px; height: 600px; position: relative; margin-top: 15px; z-index: 1; left: calc(50% - 25px); cursor: pointer; }
#popup>.popmap>footer>div>button{content: ""; position: absolute; width: 18px; height: 18px; border-radius: 100%; background: #222222; bottom: 0; left: calc(50% - 9px); outline: none; margin-bottom: 6px; cursor: default; margin-left: -1px; }
#popup>.popmap>footer>div>button>p{font-size: 18px; letter-spacing: -.2px; font-weight: 600; padding: 10px 9px; background: #ffd402; position: absolute; top: calc(50%); left: -90px; transform: translateY(-50%); }
#popup>.popmap>footer>div>button>p:after{content: ""; position: absolute; top: 50%; left: 100%; margin-top: -10px; border-width: 10px; border-style: solid; border-color: transparent transparent transparent #ffd402; }
#popup>.popmap>footer>button{font-size: 0; width: 30px; height: 30px; display: block; margin: 25px 0; }
#popup>.popmap>footer>button#btn_zoomout{background: url(../img/common/ico_zoomOut.png) 0 0px no-repeat; }
#popup>.popmap>footer>button#btn_zoomout.dimmed{background-position-y: -30px; }
#popup>.popmap>footer>button#btn_zoomin{background: url(../img/common/ico_zoomIn.png) 0 0 no-repeat; }
#popup>.popmap>footer>button#btn_zoomin.dimmed{background-position-y: -30px; }

/***** quiz *****/
#popup>div.popcon.quiz { border-radius: 25px; }
#popup>div.popcon.quiz header { display: none; height: 0; margin: 0; padding: 0; }
#popup>div.popcon.quiz section>button.close { position: absolute; display: block; width: 50px; height: 50px; right: 15px; top: 15px; background: rgba(256, 0, 0, 0); }
#popup>div.popcon.quiz section { padding: 10px; margin: 0; min-height: 56px; max-height: 1020px; border-radius: 28px; }
body.dan1 #popup>div.popcon.quiz section { border: 4px solid var(--color-ui01-strong); }



/**********************************/
/********** [ 99. 기타 ] **********/
/**********************************/

#page_home>section>div>ol>li.notSample,
#page_home>section>div>ul>li.notSample,
#page_home>section>div>ul>li.notSampleChasi, 
#popup>div.std_menu>section ol li.notSample, 
#ebook_lnb .menu_list >li>ol>li.notSampleChasi,
#ebook_lnb .menu_list >li.notSample,
#page_pds section>.tab>li.notSample,
#page_pds header>ol li.notSample{pointer-events: none;opacity:0.5;}


/* 학습창 메뉴 특이사항 */
body[data-bcode="hread"] #popup .std_menu.dan5>section>ul { height: 320px; }


/*스콤방식 제어*/
body#scorm #wrap{height:970px;}
body#scorm[data-mode="bodyBook"] #wrap{height:1080px;}
body#scorm[data-mode="bodyBook"] #toolbar{display:none !important;} 
body#scorm[data-mode="bodyStd"] #toolbar{display:none !important;}

body#scorm.bookStd #show_toolbar{display:block;}
body#scorm #palette_doumi{top:-70px;}
body#scorm #page_std .background .section{background-color:#fff}
body#scorm #page_std .con_contents{box-shadow:none}
body#scorm .fake-page-btn{display:none !important;}
body#scorm #page_std>header{background:#5fd1f4;display:none;}
body#scorm #page_std>header>p{background:#5fd1f4;}
body#scorm #page_std>header>p>span{font-size:40px;height:70px;line-height:70px;color:#fff;font-family: "gmarketM";}
body#scorm #page_std>header>p>span:nth-child(1){margin-left:30px;}
body#scorm #page_std>header>p>span:nth-child(2){position: absolute;right:30px;top: 10px;border-radius: 10px;border: 2px solid #fff;padding: 3px 20px;height: 50px;line-height: 50px;font-size: 30px;}

body#scorm #page_std>header>button,
body#scorm #page_std>header>h4,
body#scorm #page_std>header>div{display:none;}

body#scorm #page_std>footer,
body#scorm #page_std .background .header,
body#scorm #page_std .background .footer,
body#scorm #page_std .background .footer,
body#scorm #ebook_lnb,
body#scorm[data-mode="bodyBook"] #show_toolbar,
/* body#scorm #icons_left,
body#scorm #icons_right, */
body#scorm #btn_bookmark_L,
body#scorm #btn_bookmark_R,
body#scorm #page_go_ebook{display:none !important;}


body#scorm .tool_jindo{display:none}
body#scorm .tool_doumi{border-radius: 20px 20px 0 0;}
body#scorm .tool_memo_new,
body#scorm .tool_link_new{display:none}
body#scorm #toolbar>ul>li>ul#palette_pen{top:-377px;}
body#scorm .btn-view-again{display:none;}
body#scorm #page_home .background{display:none;}
body#scorm #page_home li{display:none;}
body#scorm #page_go_std.go{display:none;}

.map_wrap{height:197px !important;}
.map_wrap .view{box-shadow: var(--color-ui-strong) 0 0 0 4px inset !important;}


/*책사이즈 변경시 높이기준(1043px) width 값수정*/
/*중음악1, 중음악2, 고음악*/
body[data-bcode="mmusic1"] #ebook_pages,
body[data-bcode="mmusic2"] #ebook_pages,
body[data-bcode="hmusic"] #ebook_pages{margin-left: -783px;width: 1566px;}
body[data-bcode="mmusic1"] #ebook_pages>div,
body[data-bcode="mmusic2"] #ebook_pages>div,
body[data-bcode="hmusic"] #ebook_pages>div{background-size: 783px 100%;}
body[data-bcode="mmusic1"] #full_page,
body[data-bcode="mmusic2"] #full_page,
body[data-bcode="hmusic"] #full_page{width : 1566px;}
body[data-bcode="mmusic1"] #full_bg,
body[data-bcode="mmusic2"] #full_bg,
body[data-bcode="hmusic"] #full_bg{width : 1566px;}
body[data-bcode="mmusic1"] #answer_full,
body[data-bcode="mmusic2"] #answer_full,
body[data-bcode="hmusic"] #answer_full{width : 1566px;}

/*책사이즈 변경시 높이기준(1043px) width 값수정*/
/*중미술1, 중미술2*/
body[data-bcode="mart1"] #ebook_pages,
body[data-bcode="mart2"] #ebook_pages{margin-left: -782px;width: 1564px;}
body[data-bcode="mart1"] #ebook_pages>div,
body[data-bcode="mart2"] #ebook_pages>div{background-size: 782px 100%;}
body[data-bcode="mart1"] #full_page,
body[data-bcode="mart2"] #full_page{width : 1564px;}
body[data-bcode="mart1"] #full_bg,
body[data-bcode="mart2"] #full_bg{width : 1564px;}
body[data-bcode="mart1"] #answer_full,
body[data-bcode="mart2"] #answer_full{width : 1564px;}

/*책사이즈 변경시 높이기준(1043px) width 값수정*/
/*중진로와직업, 고진로와직업*/
body[data-bcode="mcvs"] #ebook_pages,
body[data-bcode="hcvs"] #ebook_pages{margin-left: -816px;width: 1632px;}
body[data-bcode="mcvs"] #ebook_pages>div,
body[data-bcode="hcvs"] #ebook_pages>div{background-size: 816px 100%;}
body[data-bcode="mcvs"] #full_page,
body[data-bcode="hcvs"] #full_page{width : 1632px;}
body[data-bcode="mcvs"] #full_bg,
body[data-bcode="hcvs"] #full_bg{width : 1632px;}
body[data-bcode="mcvs"] #answer_full,
body[data-bcode="hcvs"] #answer_full{width : 1632px;}

/*책사이즈 변경시 높이기준(1043px) width 값수정*/
/*중체육1, 중체육2*/
body[data-bcode="mped1"] #ebook_pages,
body[data-bcode="mped2"] #ebook_pages{margin-left: -816px;width: 1632px;}
body[data-bcode="mped1"] #ebook_pages>div,
body[data-bcode="mped2"] #ebook_pages>div{background-size: 816px 100%;}
body[data-bcode="mped1"] #full_page,
body[data-bcode="mped2"] #full_page{width : 1632px;}
body[data-bcode="mped1"] #full_bg,
body[data-bcode="mped2"] #full_bg{width : 1632px;}
body[data-bcode="mped1"] #answer_full,
body[data-bcode="mped2"] #answer_full{width : 1632px;}

/*책사이즈 변경시 높이기준(1043px) width 값수정*/
/*중기술·가정1, 중기술·가정2, 고기술·가정*/
body[data-bcode="mthe1"] #ebook_pages,
body[data-bcode="mthe2"] #ebook_pages,
body[data-bcode="hthe"] #ebook_pages{margin-left: -816px;width: 1632px;}
body[data-bcode="mthe1"] #ebook_pages>div,
body[data-bcode="mthe2"] #ebook_pages>div,
body[data-bcode="hthe"] #ebook_pages>div{background-size: 816px 100%;}
body[data-bcode="mthe1"] #full_page,
body[data-bcode="mthe2"] #full_page,
body[data-bcode="hthe"] #full_page{width : 1632px;}
body[data-bcode="mthe1"] #full_bg,
body[data-bcode="mthe2"] #full_bg,
body[data-bcode="hthe"] #full_bg{width : 1632px;}
body[data-bcode="mthe1"] #answer_full,
body[data-bcode="mthe2"] #answer_full,
body[data-bcode="hthe"] #answer_full{width : 1632px;}

/*이북 가운데 음영 제거*/
body[data-bcode="mart1"] #this_left>div,
body[data-bcode="mart1"] #prev_left>div,
body[data-bcode="mart1"] #this_right>div,
body[data-bcode="mart1"] #next_right>div,
body[data-bcode="mart1"] #prev_right>div:first-child,
body[data-bcode="mart1"] #next_left>div:first-child{opacity:0}
body[data-bcode="mart1"] #ebook_pages>div.swipping:nth-child(odd) {box-shadow: -10px 0 30px rgba(0, 0, 0, 0); }
body[data-bcode="mart1"] #ebook_pages>div.swipping:nth-child(even) {box-shadow: 10px 0 30px rgba(0, 0, 0, 0); }
body[data-bcode="mart1"] #prev_left,
body[data-bcode="mart1"] #next_right{box-shadow:rgba(0, 0, 0, 0)-10px 0 10px}

body[data-bcode="mart2"] #this_left>div,
body[data-bcode="mart2"] #prev_left>div,
body[data-bcode="mart2"] #this_right>div,
body[data-bcode="mart2"] #next_right>div,
body[data-bcode="mart2"] #prev_right>div:first-child,
body[data-bcode="mart2"] #next_left>div:first-child{opacity:0}
body[data-bcode="mart2"] #ebook_pages>div.swipping:nth-child(odd) {box-shadow: -10px 0 30px rgba(0, 0, 0, 0); }
body[data-bcode="mart2"] #ebook_pages>div.swipping:nth-child(even) {box-shadow: 10px 0 30px rgba(0, 0, 0, 0); }
body[data-bcode="mart2"] #prev_left,
body[data-bcode="mart2"] #next_right{box-shadow:rgba(0, 0, 0, 0)-10px 0 10px}


/*** ebook menu 3rd depth 위치 ***/
body[data-bcode="mmusic1"] #ebook_lnb .menu_list>li:nth-child(3)>ol>li:nth-child(2)>ol { top: 22px; }

body[data-bcode="mmusic2"] #ebook_lnb .menu_list>li:nth-child(3)>ol>li:nth-child(2)>ol { top: -28px; }

body[data-bcode="hmusic"] #ebook_lnb .menu_list>li:nth-child(3)>ol>li:nth-child(2)>ol { top: -88px; }
body[data-bcode="hmusic"] #ebook_lnb .menu_list>li:nth-child(3)>ol>li:nth-child(3)>ol { top: -34px; }

body[data-bcode="mcvs"] #ebook_lnb .menu_list>li:nth-child(1)>ol>li:nth-child(5)>ol { top: 168px; }
body[data-bcode="mcvs"] #ebook_lnb .menu_list>li:nth-child(1)>ol>li:nth-child(6)>ol { top: 204px; }
body[data-bcode="mcvs"] #ebook_lnb .menu_list>li:nth-child(1)>ol>li:nth-child(7)>ol { top: 188px; }
body[data-bcode="mcvs"] #ebook_lnb .menu_list>li:nth-child(2)>ol>li:nth-child(3)>ol { top: 54px; }
body[data-bcode="mcvs"] #ebook_lnb .menu_list>li:nth-child(2)>ol>li:nth-child(4)>ol { top: 202px; }
body[data-bcode="mcvs"] #ebook_lnb .menu_list>li:nth-child(2)>ol>li:nth-child(5)>ol { top: 238px; }
body[data-bcode="mcvs"] #ebook_lnb .menu_list>li:nth-child(2)>ol>li:nth-child(6)>ol { top: 118px; }
body[data-bcode="mcvs"] #ebook_lnb .menu_list>li:nth-child(2)>ol>li:nth-child(7)>ol { top: 16px; }
body[data-bcode="mcvs"] #ebook_lnb .menu_list>li:nth-child(3)>ol>li:nth-child(2)>ol { top: -14px; }
body[data-bcode="mcvs"] #ebook_lnb .menu_list>li:nth-child(3)>ol>li:nth-child(3)>ol { top: -50px; }

body[data-bcode="mped2"] #ebook_lnb .menu_list>li:nth-child(2)>ol>li:nth-child(1)>ol { top: 0px; }
body[data-bcode="mped2"] #ebook_lnb .menu_list>li:nth-child(2)>ol>li:nth-child(2)>ol { top: 0px; }
body[data-bcode="mped2"] #ebook_lnb .menu_list>li:nth-child(2)>ol>li:nth-child(3)>ol { top: 70px; }
body[data-bcode="mped2"] #ebook_lnb .menu_list>li:nth-child(2)>ol>li:nth-child(4)>ol { top: -80px; }

/*자료실 클릭 못하게*/
body[data-pds="pds"] #page_pds section table .hwp,
body[data-pds="pds"] #page_pds section table .ppt,
body[data-pds="pds"] #page_pds section table .pptx,
body[data-pds="pds"] #page_pds section table .pdf,
body[data-pds="pds"] #page_pds section table .zip,
body[data-pds="pds"] #page_pds section table .zip2,
body[data-pds="pds"] #page_pds footer .pdf,
body[data-pds="pds"] #page_pds footer .hwp,
body[data-pds="pds"] #page_pds section .pds-zips .zip2,
body[data-pds="pds"] #page_pds section .pds-zips .pdf{pointer-events: none;}

/*이북에서 다운 클릭 못하게*/
body[data-pds="pds"] #ebook_pages .icon_actSheet,
body[data-pds="pds"] #ebook_pages .icon_actSheetHWP,
body[data-pds="pds"] #ebook_pages .icon_actSheetPPT,
body[data-pds="pds"] #ebook_pages .icon_actSheetPDF,
body[data-pds="pds"] #ebook_pages .icon_jsPDF,
body[data-pds="pds"] #ebook_pages .icon_chdgPDF,
body[data-pds="pds"] #ebook_pages .icon_hdgPDF,
body[data-pds="pds"] #ebook_pages .icon_ppt{pointer-events: none;}


/***** 활동 도우미 (레이어 팝업형) *****/
/*타이머*/
#timer{position:relative;}
#timer input{background-color: transparent; border: 0; font-family: "esamanru-bold"; text-align: center; padding:0; outline: 0;}
#timer>div:nth-of-type(1){position: absolute; width:519px; height:279px; left: 285px; top: 250px; background:url(../img/common/clock_panel.png) no-repeat 0 0;}
#timer>div:nth-of-type(1)>div{position: absolute; width: 100%; left: 30px; top: 18px;}
#timer>div:nth-of-type(1)>div>input{font-size:226px; color:#f8e64f; width: 360px; text-align: right;}
#timer>div:nth-of-type(1)>div>em{font-size:46px; color:var(--color-white-text); font-family: 'scdream-6'; }

#timer>div:nth-of-type(2){width:458px; height:458px; background:url(../img/common/clockbg.png) 0 0 no-repeat; position: absolute;top: 160px; left: 722px;}
#timer>div:nth-of-type(2)>div{position:relative; width:428px; height: 428px; border-radius: 100%; left:14px; top:14px; padding:10px;}
#timer>div:nth-of-type(2)>div>div{position:absolute; top:50%; left:50%; width:300px; height:300px; transform: translate(-50%, -50%); border-radius: 50%;}
#timer>div:nth-of-type(2)>div>div>em{display: block; position: relative; top: -10px; color: #50546b; font-size: 46px; font-family: 'scdream-6'; text-align: center;}
#timer>div:nth-of-type(2)>div>div>input{font-size: 140px; color: #50546b; width: 100%; text-align: center; margin-top: 50px; }
#timer input[type="number"]::-webkit-outer-spin-button,
#timer input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}


#timer .reset{width:128px; height: 129px; background:url(../img/common/ico_reset.png) 0 0 no-repeat; font-size:0; position: absolute; left: 1067px; top: 140px; z-index: 1}
#timer .reset.dimmed{background:url(../img/common/ico_reset_dim.png) 0 0 no-repeat;}
#timer .start{width:113px; height: 69px; background:url(../img/common/ico_start.png) 0 0 no-repeat; font-size:0; position: absolute;  left: 894px; top: 94px; z-index: 1 }
#timer .pause{background-position-y:-69px;}
#timer .start:active{transform:translateY(10px);}
#timer .reset:active{transform: translate(-2px , 2px);}
#timer .btn_min,#timer .btn_sec{display: inline-block; position:absolute; top:300px; width: 106px; height: 176px; background: url(../img/common/switch_bg.png) no-repeat center;}
#timer .btn_min.dimmed, #timer .btn_sec.dimmed{display: none;}
#timer .plus{position: relative; display: block; width: 80px; height: 73px; left: 13px; top: 13px; font-size: 0px; background: url(../img/common/switch_add.png);}
#timer .plus:hover {background: url(../img/common/switch_add_on.png);}
#timer .minus{position: relative; display: block; width: 80px; height: 73px; left: 13px; top: 17px; font-size: 0px; background: url(../img/common/switch_remove.png);}
#timer .minus:hover {background: url(../img/common/switch_remove_on.png);}
#timer .btn_min{left:165px;}
#timer .btn_sec{right:165px;}