@charset "UTF-8";
@font-face {
  font-family: "NanumSquareOTFB";
  src: url(fonts/NanumSquareOTFB.woff) format("woff");
}
@font-face {
  font-family: "NanumSquareOTFEB";
  src: url(fonts/NanumSquareOTFEB.woff) format("woff");
}
@font-face {
  font-family: "Pre_EB";
  src: url(fonts/Pretendard-ExtraBold.woff) format("woff");
}
* {
  box-sizing: border-box;
  outline: none;
  border: none;
}

a {
  display: block;
  color: inherit;
  text-decoration: none;
}

html,
body {
  width: 100%;
  height: 100%;
  background-color: #000000;
  overflow: hidden;
  font-family: "NanumSquareOTFB", sans-serif;
  user-select: none;
}

#viewer_wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  overflow: hidden;
}

/*content*/
#viewer_content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

#_content {
  position: relative;
  width: 100%;
  height: 100%;
}

#_content_container {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  margin: 0 auto;
}
#_content_container:after {
  content: " ";
  background-image: url("../images/l_shadow.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 161px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -161px;
}
#_content_container:before {
  content: " ";
  background-image: url("../images/r_shadow.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 161px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -161px;
}
#_content_container._lock:after {
  left: -141px;
}
#_content_container._lock:before {
  right: -141px;
}

#_left_page,
#_right_page {
  width: 50%;
  height: 100%;
  float: left;
}

#_left_page {
  margin-left: 1px;
}

#_right_page {
  margin-left: -1px;
}

/*전체페이지이동버튼*/
#_btn_page_left,
#_btn_page_right {
  position: absolute;
  top: calc(50% - 20px);
  width: 34px;
  height: 54px;
  z-index: 3;
}

#_btn_page_left {
  left: 26px;
  background-image: url("../images/btn_page_left.png");
  background-repeat: no-repeat;
  background-position: center center;
}

#_btn_page_right {
  right: 26px;
  background-image: url("../images/btn_page_right.png");
  background-repeat: no-repeat;
  background-position: center center;
}

/*책갈피*/
#_btn_bookmark_left,
#_btn_bookmark_right {
  position: absolute;
  top: 0;
  z-index: 3;
  background-image: url("../images/_btn_bookmark_default.png");
  width: 76px;
  height: 179px;
}
#_btn_bookmark_left._disabled,
#_btn_bookmark_right._disabled {
  pointer-events: none;
}

#_btn_bookmark_left.on,
#_btn_bookmark_right.on {
  background-image: url("../images/_btn_bookmark_on.png");
  background-repeat: no-repeat;
}

#_btn_bookmark_left {
  left: 95px;
}

#viewer_wrap.singlePageView #_btn_bookmark_left {
  left: 455px;
}
#viewer_wrap.singlePageView #_btn_bookmark_right {
  right: 455px;
}
#viewer_wrap.singlePageView._right #_btn_bookmark_left {
  display: none;
}
#viewer_wrap.singlePageView._left #_btn_bookmark_right {
  display: none;
}

#_btn_bookmark_right {
  right: 95px;
}

/*자료실*/
#_pop_data_room {
  width: 1920px;
  height: 1080px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 200;
}

#_pop_data_room:after {
  content: "";
  clear: both;
}

#_pop_data_room.on {
  display: block;
}

#_pop_data_room_wrap {
  height: 100%;
}

#_pop_data_room_content {
  margin-top: -1px;
  top: 96px;
  width: 100%;
  height: calc(100% - 96px);
  position: absolute;
}

#_data_room_container {
  position: absolute;
  width: 100%;
  height: 100%;
}

#data_room_frame {
  width: 100%;
  height: 100%;
  border: none;
}

/*::-webkit-scrollbar {*/
/*  width: 12px;*/
/*}*/
/*::-webkit-scrollbar-thumb {*/
/*  background: #5b952c;*/
/*  border-radius: 6px;*/
/*}*/
/*::-webkit-scrollbar-thumb:hover {*/
/*  background: #5b952c;*/
/*}*/
/*단어장*/
#_pop_word {
  width: 1920px;
  height: 1080px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  z-index: 600;
  display: none;
}

#_pop_word:after {
  content: "";
  clear: both;
}

#_pop_word.on {
  display: block;
}

#_pop_word_wrap {
  width: 100%;
  height: 100%;
}

#_pop_word_wrap ._btn_word_close {
  background-image: url("../images/word/btn_data_room_close.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 35px;
  right: 50px;
}

#_pop_word_content {
  width: 100%;
  height: 100%;
}

#_word_container {
  width: 100%;
  height: 100%;
}

#word_frame {
  width: 100%;
  height: 100%;
  border: none;
  background-color: #FFF;
}

/*단원 게임*/
#game {
  width: 1920px;
  height: 1080px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  z-index: 600;
  display: none;
}

#_pop_game_wrap {
  width: 100%;
  height: 100%;
}

#_pop_game_content {
  width: 100%;
  height: 100%;
}

#_game_container {
  width: 100%;
  height: 100%;
}

#game_frame {
  width: 100%;
  height: 100%;
  border: none;
  background-color: #FFF;
}

/*팝업 드래그 헬퍼*/
#_drag_helper_layer {
  width: 100%;
  height: 100%;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  overflow: hidden;
  z-index: 99;
}

/* 학습창 dimLayer */
._popupLayer_dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 101;
  display: none;
}

/*종료창(컨펌창)*/
#_confirm_window_container {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 600;
}

#_confirm_window {
  width: 720px;
  height: 480px;
  position: absolute;
  top: calc(50% - 240px);
  left: calc(50% - 360px);
  background-image: url(../images/bg_confirm_window.png);
  background-repeat: no-repeat;
}

#_confirm_window ._confirm_window_header {
  height: 74px;
  line-height: 74px;
  padding: 0 20px;
  color: #65676a;
}

._confirm_window_header span {
  font-size: 28px;
}

._confirm_window_header #btn_confirm_close {
  position: absolute;
  font-size: 28px;
  top: 0;
  right: 20px;
}

#_confirm_window ._confirm_window_content {
  height: calc(100% - 74px);
  /* padding: 58px 20px 40px; */
  font-size: 30px;
  text-align: center;
  line-height: 1.6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

._confirm_window_btn {
  overflow: hidden;
  display: table;
  margin: 0 auto;
  border-spacing: 12px;
}

._confirm_message {
  margin-bottom: 40px;
  min-height: 96px;
}

._confirm_message span {
  display: block;
  font-size: 30px;
}

._confirm_message span:nth-child(2) {
  font-size: 28px;
  color: #666666;
}

._confirm_window_content .option_box {
  position: relative;
  display: flex;
  justify-content: center;
  /* margin: 40px 0; */
  color: #777777;
}

._confirm_window_content .option_box > div {
  position: relative;
  border: 2px solid #cccccc;
  border-radius: 8px;
  width: 224px;
  height: 76px;
  padding: 0 20px;
  line-height: 76px;
  text-align-last: left;
  background-image: url(../images/ico_select_box_arrow.png);
  background-repeat: no-repeat;
  background-position: 190px center;
  cursor: pointer;
}

._confirm_window_content .option_box .class {
  margin-right: 20px;
}

._confirm_window_content .option_box ul {
  position: absolute;
  /* border: 1px solid red; */
  border: 2px solid #cccccc;
  border-radius: 8px;
  width: 224px;
  top: 72px;
  background-color: #fff;
  left: 0;
  /* height: 76px; */
  max-height: 400px;
  overflow-y: auto;
  display: none;
}

._confirm_window_content .option_box > div.on ul {
  display: block;
}

._confirm_window_content .option_box ul li {
  border-bottom: 2px solid #cccccc;
  padding-left: 20px;
}

._confirm_window_btn {
  margin-top: 40px;
}

._confirm_window_btn a {
  width: 180px;
  height: 64px;
  border-radius: 32px;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 24px;
  background-color: #539c17;
}

#btn_confirm_cancel {
  background-color: #a6a9ad;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #e4e0ff;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #5444cb;
}

::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}

.__dimLayer {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 1000;
  background-color: transparent;
  width: 100%;
  left: 0;
  display: none;
}

/*header*/
#viewer_head {
  position: absolute;
  bottom: -72px;
  left: 0;
  width: 100%;
  height: 72px;
  z-index: 10;
  background: #5444cb;
}
#viewer_head.on {
  bottom: 0;
}
#viewer_head:after {
  content: "";
  clear: both;
}

/*header ctrl*/
#viewer_head #_head_controller {
  position: absolute;
  width: 100px;
  height: 38px;
  top: 1px;
  left: 50%;
  transform: translate(-50%, -99%);
  background-image: url(../images/btn_header_off.png);
}
#viewer_head.on #_head_controller {
  background-image: url(../images/btn_header_on.png);
}

/*btn_wrap*/
#_header {
  padding: 0 50px;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
}
#_header .gnb {
  display: flex;
  align-items: center;
  column-gap: 34px;
  width: 33.33%;
  height: 100%;
}
#_header .gnb ._btn_gnb {
  width: 34px;
  height: 34px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#_header .gnb ._btn_gnb ._gnb_txt {
  display: none;
}
#_header .gnb #_home {
  background-image: url("../images/gnb_btn/btn_gnb_home.png");
}
#_header .gnb #_list {
  background-image: url("../images/gnb_btn/btn_gnb_list.png");
}
#_header .gnb #_search {
  background-image: url("../images/gnb_btn/btn_gnb_search.png");
}
#_header .gnb #_zoom {
  background-image: url("../images/gnb_btn/btn_gnb_zoom.png");
}
#_header .gnb #_lock {
  display: none;
  background-image: url("../images/gnb_btn/btn_gnb_lock.png");
}
#_header .gnb #_lock._open {
  background-image: url("../images/gnb_btn/btn_gnb_open.png");
}
#_header .gnb #_face, #_header .gnb #_double_face {
  width: 49px;
  height: 34px;
  background-image: url("../images/gnb_btn/btn_textBook_toggle.png");
}
#_header #_gnb3 {
  justify-content: flex-end;
}

#_page_move_layer {
  width: 630px;
  height: 52px;
  background: #e4e0ff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 30px;
}
#_page_move_layer button {
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center center;
}
#_page_move_layer #_go_first_page {
  background-image: url("../images/gnb_btn/btn_gnb_first.png");
}
#_page_move_layer #_go_prev_page {
  background-image: url("../images/gnb_btn/btn_gnb_prev.png");
}
#_page_move_layer #_go_next_page {
  background-image: url("../images/gnb_btn/btn_gnb_next.png");
}
#_page_move_layer #_go_last_page {
  background-image: url("../images/gnb_btn/btn_gnb_last.png");
}
#_page_move_layer #_go_undo_page {
  opacity: 0.5;
  background-image: url("../images/gnb_btn/btn_gnb_undo.png");
}
#_page_move_layer #_go_undo_page.on {
  opacity: 1;
}
#_page_move_layer #_go_redo_page {
  opacity: 0.5;
  background-image: url("../images/gnb_btn/btn_gnb_redo.png");
}
#_page_move_layer #_go_redo_page.on {
  opacity: 1;
}
#_page_move_layer #_view_thumb {
  background-image: url("../images/gnb_btn/btn_view_thumb.png");
}

#_page_num {
  padding-left: 10px;
  height: 36px;
  line-height: 36px;
  border-radius: 6px;
  background-color: white;
  color: #616161;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  overflow: hidden;
}
#_page_num > input {
  width: 100px;
  height: 26px;
  line-height: 25px;
  border: 1px solid #5444cb;
  font-size: 20px;
  color: #616161;
  text-align: center;
}
#_page_num > p {
  font-size: 20px;
}
#_page_num #_go_page_move {
  width: 48px;
  height: 36px;
  background-color: #5444cb;
  line-height: 36px;
  text-align: center;
  font-size: 20px;
  color: #fff;
}

._pop_module {
  display: none;
  position: absolute;
  border: 1px solid #5444cb;
  border-radius: 8px;
  background-color: #5444cb;
  font-family: "NanumSquareOTFB", sans-serif;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  z-index: 500;
  /* 팝업 헤더 */
  /* 팝업 컨텐츠 */
}
._pop_module.on {
  display: block;
}
._pop_module .popup_header {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 19px 0 24px;
  height: 48px;
  line-height: 48px;
}
._pop_module .popup_header.ui-draggable-handle {
  cursor: move;
}
._pop_module .popup_header .header_title {
  font-size: 22px;
  color: #fff;
}
._pop_module .popup_header ._btn_close {
  width: 22px;
  height: 22px;
  line-height: 22px;
  background-image: url(../images/popupLayer/btn_popClose.png);
  background-repeat: no-repeat;
  background-size: contain;
}
._pop_module .popup_cont {
  position: relative;
  padding: 20px;
  width: 100%;
  background-color: #fff;
}

/* 팝업창 기본 (풀 스크린) */
._pop_module_full {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 1080px;
  background-repeat: no-repeat;
  overflow: hidden;
}
._pop_module_full.on {
  display: block;
}
._pop_module_full .popup_header {
  padding: 0 48px;
  width: 100%;
  height: 72px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #5444cb;
  box-shadow: inset 0 4px 0 0 rgba(255, 255, 255, 0.12), inset 0 -4px 0 0 rgba(0, 0, 0, 0.2);
}
._pop_module_full .popup_header .popup_tit {
  font-size: 30px;
  font-weight: 800;
  color: #fff;
}
._pop_module_full .popup_header .popupCloseBtn {
  display: block;
  width: 36px;
  height: 36px;
  z-index: 5;
  background-image: url("../images/popupLayer/btn_popupClose_full.png");
  background-repeat: no-repeat;
  background-size: contain;
}
._pop_module_full .popup_cont {
  height: calc(100% - 72px);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
._pop_module_full .popup_cont .cont_frame {
  width: 100%;
  height: 100%;
}
._pop_module_full.z_up {
  z-index: 600 !important;
}

/* 아이콘 */
#_icon_container,
#_pop_icon_container {
  /* inner */
  /* 팝업 아이콘 */
  /* 아이콘 웹사이트 링크 */
  /* 아이콘 파일 링크 */
  /* 아이콘 메모 */
  /* 아이콘 닫기 */
}
#_icon_container .__pop_webLink_icon,
#_icon_container .__pop_memo_icon,
#_pop_icon_container .__pop_webLink_icon,
#_pop_icon_container .__pop_memo_icon {
  position: absolute;
  z-index: 199;
}
#_icon_container .__icon_webLink,
#_icon_container .__icon_memo,
#_icon_container .__icon_dataLink,
#_pop_icon_container .__icon_webLink,
#_pop_icon_container .__icon_memo,
#_pop_icon_container .__icon_dataLink {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.24);
  cursor: pointer;
}
#_icon_container .__icon_webLink,
#_pop_icon_container .__icon_webLink {
  background-image: url("../images/modules/webLink/webLink.png");
}
#_icon_container .__pop_dataLink_icon,
#_pop_icon_container .__pop_dataLink_icon {
  position: absolute;
  z-index: 101;
}
#_icon_container .__dataRoomBtn,
#_icon_container .__icon_dataLink,
#_pop_icon_container .__dataRoomBtn,
#_pop_icon_container .__icon_dataLink {
  background-image: url("../images/modules/dataLink/etc.png");
}
#_icon_container .__dataRoomBtn.ico_pdf,
#_icon_container .__icon_dataLink.ico_pdf,
#_pop_icon_container .__dataRoomBtn.ico_pdf,
#_pop_icon_container .__icon_dataLink.ico_pdf {
  background-image: url("../images/modules/dataLink/pdf.png");
}
#_icon_container .__dataRoomBtn.ico_ppt,
#_icon_container .__icon_dataLink.ico_ppt,
#_pop_icon_container .__dataRoomBtn.ico_ppt,
#_pop_icon_container .__icon_dataLink.ico_ppt {
  background-image: url("../images/modules/dataLink/ppt.png");
}
#_icon_container .__dataRoomBtn.ico_han,
#_icon_container .__icon_dataLink.ico_han,
#_pop_icon_container .__dataRoomBtn.ico_han,
#_pop_icon_container .__icon_dataLink.ico_han {
  background-image: url("../images/modules/dataLink/han.png");
}
#_icon_container .__dataRoomBtn.ico_zip,
#_icon_container .__icon_dataLink.ico_zip,
#_pop_icon_container .__dataRoomBtn.ico_zip,
#_pop_icon_container .__icon_dataLink.ico_zip {
  background-image: url("../images/modules/dataLink/zip.png");
}
#_icon_container .__dataRoomBtn.ico_word,
#_icon_container .__icon_dataLink.ico_word,
#_pop_icon_container .__dataRoomBtn.ico_word,
#_pop_icon_container .__icon_dataLink.ico_word {
  background-image: url("../images/modules/dataLink/word.png");
}
#_icon_container .__dataRoomBtn.ico_excel,
#_icon_container .__icon_dataLink.ico_excel,
#_pop_icon_container .__dataRoomBtn.ico_excel,
#_pop_icon_container .__icon_dataLink.ico_excel {
  background-image: url("../images/modules/dataLink/excel.png");
}
#_icon_container .__dataRoomBtn.ico_sound,
#_icon_container .__icon_dataLink.ico_sound,
#_pop_icon_container .__dataRoomBtn.ico_sound,
#_pop_icon_container .__icon_dataLink.ico_sound {
  background-image: url("../images/modules/dataLink/sound.png");
}
#_icon_container .__dataRoomBtn.ico_video,
#_icon_container .__icon_dataLink.ico_video,
#_pop_icon_container .__dataRoomBtn.ico_video,
#_pop_icon_container .__icon_dataLink.ico_video {
  background-image: url("../images/modules/dataLink/movie.png");
}
#_icon_container .__icon_memo,
#_pop_icon_container .__icon_memo {
  background-image: url("../images/modules/memo/ico_memo_temp.png");
}
#_icon_container .__icon_popup,
#_pop_icon_container .__icon_popup {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 28px;
  height: 28px;
  background-image: url(../images/modules/memo/ico_close_temp.png);
  background-repeat: no-repeat;
}

/* 웹사이트 링크 */
#_webLink_popup {
  top: 200px;
  left: 500px;
  /* 팝업 컨텐츠 */
}
#_webLink_popup .popup_cont {
  display: flex;
  align-items: center;
}
#_webLink_popup .popup_cont > input {
  padding: 0 20px;
  width: 480px;
  height: 64px;
  border: 2px solid #ccc;
  border-right: none;
  font-family: "NanumSquareOTFEB", sans-serif;
  font-size: 20px;
  flex-shrink: 0;
  color: #111;
}
#_webLink_popup .popup_cont > input::placeholder {
  color: #9b9b9b;
}
#_webLink_popup .popup_cont ._btn_webLink_save {
  width: 64px;
  height: 64px;
  border: 2px solid #ccc;
  background-image: url("../images/modules/webLink/btn_wenLink.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  flex-shrink: 0;
}

/* 파일 링크 */
#_dataLink_popup {
  top: 80px;
  left: 860px;
}
#_dataLink_popup .popup_cont {
  display: flex;
  flex-direction: column;
}
#_dataLink_popup .popup_cont > div {
  width: 460px;
  height: 60px;
  line-height: 60px;
  border: 2px solid #ccc;
  overflow: hidden;
}
#_dataLink_popup .popup_cont .select_wrap {
  position: relative;
  margin-bottom: 28px;
  display: flex;
  padding-left: 20px;
}
#_dataLink_popup .popup_cont .select_wrap::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #aaa;
}
#_dataLink_popup .popup_cont .select_wrap .select_item {
  margin-right: 30px;
  height: inherit;
  line-height: inherit;
  display: flex;
  align-items: center;
  font-size: 22px;
  font-family: "NanumSquareOTFB", sans-serif;
  color: #6c6c6c;
}
#_dataLink_popup .popup_cont .select_wrap input[type=radio] {
  margin-right: 10px;
  margin-top: -3px;
  width: 26px;
  height: 26px;
  border: 2px solid #5444cb;
  border-radius: 50%;
  box-sizing: border-box;
  outline: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#_dataLink_popup .popup_cont .select_wrap input[type=radio]:checked {
  background-color: #5444cb;
  border: 3px solid #fff;
  box-shadow: 0 0 0 1.6px #5444cb;
}
#_dataLink_popup .popup_cont .select_wrap input[type=radio] + label {
  cursor: pointer;
}
#_dataLink_popup .popup_cont .select_wrap ._btn_search {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 58px;
  height: 58px;
  border-left: 2px solid #aaa;
  background-image: url("../images/modules/dataLink/search_btn.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
}
#_dataLink_popup .popup_cont .select_wrap ._btn_search.on {
  display: block;
}
#_dataLink_popup .popup_cont .file_input_wrap {
  position: relative;
  display: flex;
  align-items: center;
}
#_dataLink_popup .popup_cont .file_input_wrap #_linkFileName {
  padding: 0 20px;
  width: calc(100% - 58px);
  height: 100%;
  font-size: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#_dataLink_popup .popup_cont .file_input_wrap ._btn_save {
  width: 58px;
  height: 58px;
  border-left: 2px solid #aaa;
  background-image: url("../images/modules/dataLink/save_btn.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/* 메모 */
._pop_memo {
  display: block;
  overflow: unset;
  z-index: 500;
  /* header */
  /* content */
  /* 저장 */
  /* 아이콘일 때 */
}
._pop_memo .popup_header ._btn_close {
  background-position: center right;
  width: 60px;
  color: #ffffff;
  font-size: 16px;
}
._pop_memo ._pop_memo_content > textarea {
  width: 500px;
  height: 380px;
  padding: 20px;
  font-size: 22px;
  resize: none;
}
._pop_memo ._pop_memo_save {
  padding: 0 14px;
  width: 100%;
  height: 48px;
  line-height: 48px;
  text-align: right;
}
._pop_memo ._pop_memo_save ._btn_memo_save {
  display: inline-block;
  width: 102px;
  background-image: url("../images/modules/memo/memo_save.png");
  background-repeat: no-repeat;
  background-position: right center;
  font-size: 16px;
  color: #ffffff;
  text-align: left;
}
._pop_memo[data-iconstatus=true] {
  border: none !important;
  background-color: transparent !important;
}
._pop_memo[data-iconstatus=true] ._pop_memo_inner {
  display: none !important;
}
._pop_memo[data-iconstatus=true] .__pop_memo_dropLayer {
  display: block !important;
}
._pop_memo .__pop_memo_dropLayer {
  display: none;
}

/* 내 자료실 */
#_pop_dataBox {
  position: absolute;
  left: 1170px;
  top: 60px;
  /* 헤더 */
  /* 중간 헤더 */
  /* 컨텐츠 */
}
#_pop_dataBox .popup_header .header_title {
  margin-right: 10px;
}
#_pop_dataBox .popup_header .btn_dataSave {
  display: inline-block;
  width: 80px;
  height: 32px;
  line-height: 30px;
  border-radius: 10px;
  font-size: 18px;
  text-align: center;
  background-color: #5444cb;
  color: #e4e0ff;
  border: 1px solid #e4e0ff;
}
#_pop_dataBox .popup_middle_header ._dataBox_box {
  display: flex;
  width: 100%;
  overflow: hidden;
  height: 70px;
  align-items: center;
  padding: 0 18px;
  border-bottom: 1px solid #cccccc;
  gap: 7px;
}
#_pop_dataBox .popup_middle_header ._dataBox_box > a {
  width: 110px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 10px;
  font-size: 18px;
  display: inline-block;
  background-color: #e4e0ff;
  color: #5444cb;
  flex-grow: 1;
}
#_pop_dataBox .popup_middle_header ._dataBox_box > a.on {
  background-color: #5444cb;
  color: #e4e0ff;
  border: 1px solid #e4e0ff;
}
#_pop_dataBox .popup_cont {
  width: 498px;
  height: 522px;
  overflow-x: hidden;
  overflow-y: auto;
}
#_pop_dataBox .popup_cont ._dataBox_list {
  width: 100%;
  height: 100%;
}
#_pop_dataBox .popup_cont .__dataBox_list_1depth {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 14px;
}
#_pop_dataBox .popup_cont .__dataBox_list_2depth {
  width: 100%;
}
#_pop_dataBox .popup_cont .__dataBox_list_2depth._memoItem, #_pop_dataBox .popup_cont .__dataBox_list_2depth._weblinkItem, #_pop_dataBox .popup_cont .__dataBox_list_2depth._dataLink {
  position: relative;
  height: 160px;
}
#_pop_dataBox .popup_cont .__dataBox_list_2depth._memoItem:not(:last-child), #_pop_dataBox .popup_cont .__dataBox_list_2depth._weblinkItem:not(:last-child), #_pop_dataBox .popup_cont .__dataBox_list_2depth._dataLink:not(:last-child) {
  border-bottom: 1px solid #aaaaaa;
}
#_pop_dataBox .popup_cont .__dataBox_list_2depth._memoItem .__dataBox_title, #_pop_dataBox .popup_cont .__dataBox_list_2depth._weblinkItem .__dataBox_title, #_pop_dataBox .popup_cont .__dataBox_list_2depth._dataLink .__dataBox_title {
  position: absolute;
  top: 10px;
  left: 120px;
  width: 280px;
  font-size: 22px;
  color: #5444cb;
  font-family: "NanumSquareOTFB", sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#_pop_dataBox .popup_cont .__dataBox_list_2depth._memoItem .__img_box, #_pop_dataBox .popup_cont .__dataBox_list_2depth._weblinkItem .__img_box, #_pop_dataBox .popup_cont .__dataBox_list_2depth._dataLink .__img_box {
  position: relative;
  width: 104px;
  height: 142px;
  border: 1px solid #000;
}
#_pop_dataBox .popup_cont .__dataBox_list_2depth._memoItem .__img_box > img, #_pop_dataBox .popup_cont .__dataBox_list_2depth._weblinkItem .__img_box > img, #_pop_dataBox .popup_cont .__dataBox_list_2depth._dataLink .__img_box > img {
  width: 100%;
  height: 100%;
}
#_pop_dataBox .popup_cont .__dataBox_list_2depth._memoItem .__dataBox_subTitle, #_pop_dataBox .popup_cont .__dataBox_list_2depth._weblinkItem .__dataBox_subTitle, #_pop_dataBox .popup_cont .__dataBox_list_2depth._dataLink .__dataBox_subTitle {
  font-size: 20px;
  margin-top: 10px;
}
#_pop_dataBox .popup_cont .__dataBox_list_2depth._memoItem .__dataBox_data_content, #_pop_dataBox .popup_cont .__dataBox_list_2depth._weblinkItem .__dataBox_data_content, #_pop_dataBox .popup_cont .__dataBox_list_2depth._dataLink .__dataBox_data_content {
  position: absolute;
  top: 80px;
  left: 120px;
  width: 280px;
  height: 58px;
  line-height: 1.1;
  font-family: "NanumSquareOTF", sans-serif;
  font-size: 18px;
  color: #949494;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#_pop_dataBox .popup_cont .__dataBox_list_2depth._memoItem .__dataBox_delete_btn, #_pop_dataBox .popup_cont .__dataBox_list_2depth._weblinkItem .__dataBox_delete_btn, #_pop_dataBox .popup_cont .__dataBox_list_2depth._dataLink .__dataBox_delete_btn {
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("../images/modules/dataRoom/data_delete_2.png");
  height: 33px;
  width: 32px;
}
#_pop_dataBox .popup_cont .__dataBox_list_2depth._bookMarkItem {
  position: relative;
  width: 104px;
  height: 142px;
  border: 1px solid #000;
  overflow: hidden;
  flex-shrink: 0;
}
#_pop_dataBox .popup_cont .__dataBox_list_2depth._bookMarkItem .__dataBox_data_content > img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#_pop_dataBox .popup_cont .__dataBox_list_2depth._bookMarkItem .__dataBox_title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 24px;
  line-height: 24px;
  background-color: rgba(116, 116, 116, 0.9);
  color: #fff;
  font-size: 16px;
  text-align: center;
  z-index: 2;
}
#_pop_dataBox .popup_cont .__dataBox_list_2depth._bookMarkItem ._bookMarkItemClose {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("../images/modules/dataRoom/data_delete_1.png");
}
#_pop_dataBox .popup_cont .__dataBox_list_2depth._weblinkItem .__dataBox_data_content {
  text-indent: 25px;
}
#_pop_dataBox .popup_cont .__dataBox_list_2depth._weblinkItem .__dataBox_data_content .webLink_favicon {
  position: absolute;
  top: 0;
  left: 0;
}
#_pop_dataBox .ico_checkBox {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1px solid #000;
  border-top: none;
  border-left: none;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
#_pop_dataBox .ico_checkBox.on {
  background-image: url("../images/modules/dataRoom/data_check.png");
  background-position: center center;
  background-repeat: no-repeat;
}
#_pop_dataBox .popup_footer {
  padding: 0 24px;
  height: 48px;
  display: flex;
  background-color: #e4e0ff;
  justify-content: space-between;
  align-items: center;
}
#_pop_dataBox .popup_footer > button {
  width: 130px;
  height: 30px;
  font-family: "NanumSquareOTFB", sans-serif;
  font-size: 16px;
  border-radius: 10px;
  border: 1px solid #5444cb;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  box-shadow: 0 2px 0 0 rgba(84, 68, 203, 0.2);
}
#_pop_dataBox .popup_footer > button::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
}
#_pop_dataBox .popup_footer #_pop_dataBox_select_del {
  background-color: #5444cb;
  color: #fff;
}
#_pop_dataBox .popup_footer #_pop_dataBox_select_del::before {
  background-image: url("../images/modules/dataRoom/ico_del_white.png");
}
#_pop_dataBox .popup_footer #_pop_dataBox_all_del {
  background-color: #fff;
  color: #5444cb;
}
#_pop_dataBox .popup_footer #_pop_dataBox_all_del::before {
  background-image: url("../images/modules/dataRoom/ico_del.png");
}

/* 그리기 */
#_pop_pen .tools {
  position: relative;
  padding-bottom: 14px;
  width: 100%;
  display: flex;
  border-bottom: 2px solid #c5c5c5;
}
#_pop_pen .tools > div {
  position: relative;
  display: inline-block;
}
#_pop_pen .tools > div:nth-child(odd) {
  margin-right: 6px;
}
#_pop_pen .tools > div:nth-child(even) {
  margin-right: 24px;
}
#_pop_pen .tools > div:last-child {
  margin-right: 0;
}
#_pop_pen .tools > div:nth-child(even)::after {
  content: "";
  position: absolute;
  display: block;
  top: 5px;
  right: -14px;
  width: 1px;
  height: 44px;
  border-left: 2px solid #e9e7e6;
}
#_pop_pen .tools > div:last-child::after {
  content: none;
}
#_pop_pen .tools > div .btn_tools {
  position: relative;
  width: 54px;
  height: 54px;
  border: 2px solid #cccccc;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-position: center center;
}
#_pop_pen .tools > div .btn_tools:hover::before {
  padding: 7px 6px 5px;
  position: absolute;
  left: 50%;
  bottom: calc(100% + 12px);
  transform: translateX(-50%);
  border-radius: 8px;
  background-color: #fff;
  border: 2px solid #666;
  font-size: 16px;
  white-space: nowrap;
}
#_pop_pen .tools > div .btn_tools:hover::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 4px);
  transform: translateX(-50%);
  width: 23px;
  height: 11px;
  background-image: url("../images/modules/pen/tooltip_tail.png");
  background-repeat: no-repeat;
}
#_pop_pen .tools > div .btn_tools.on {
  border-color: #5444cb;
  background-color: #e4e0ff;
}
#_pop_pen .tools > div .btn_tools.line {
  background-image: url("../images/modules/pen/ico_pen_line.png");
}
#_pop_pen .tools > div .btn_tools.line:hover::before {
  content: "직선그리기";
}
#_pop_pen .tools > div .btn_tools.curve {
  background-image: url("../images/modules/pen/ico_pen_curve.png");
}
#_pop_pen .tools > div .btn_tools.curve:hover::before {
  content: "곡선그리기";
}
#_pop_pen .tools > div .btn_tools.pen {
  background-image: url("../images/modules/pen/ico_pen_pen.png");
}
#_pop_pen .tools > div .btn_tools.pen:hover::before {
  content: "일반펜";
}
#_pop_pen .tools > div .btn_tools.highlight {
  background-image: url("../images/modules/pen/ico_pen_highlight.png");
}
#_pop_pen .tools > div .btn_tools.highlight:hover::before {
  content: "형광펜";
}
#_pop_pen .tools > div .btn_tools.circle {
  background-image: url("../images/modules/pen/ico_pen_circle.png");
}
#_pop_pen .tools > div .btn_tools.circle:hover::before {
  content: "원그리기";
}
#_pop_pen .tools > div .btn_tools.star {
  background-image: url("../images/modules/pen/ico_pen_star.png");
}
#_pop_pen .tools > div .btn_tools.star:hover::before {
  content: "별그리기";
}
#_pop_pen .tools > div .btn_tools.eraser {
  background-image: url("../images/modules/pen/ico_pen_eraser.png");
}
#_pop_pen .tools > div .btn_tools.eraser:hover::before {
  content: "지우개";
}
#_pop_pen .tools > div .btn_tools.delete {
  background-image: url("../images/modules/pen/ico_pen_delete.png");
}
#_pop_pen .tools > div .btn_tools.delete:hover::before {
  content: "휴지통";
}
#_pop_pen .tools > div .btn_tools.view {
  width: 54px;
  height: 54px;
  background-image: url("../images/modules/pen/ico_pen_hide.png");
  background-repeat: no-repeat;
  background-position: center center;
}
#_pop_pen .tools > div .btn_tools.view:hover::before {
  content: "숨기기";
}
#_pop_pen .tools > div .btn_tools.view.on {
  border: 2px solid #cccccc;
  background-color: white;
  background-image: url("../images/modules/pen/ico_pen_show.png");
}
#_pop_pen ._pop_pen_options {
  padding-top: 14px;
}
#_pop_pen ._pop_pen_options.none {
  display: none !important;
}
#_pop_pen ._pop_pen_options > ul {
  display: flex;
  justify-content: space-between;
}
#_pop_pen ._pop_pen_options .options_tit {
  display: inline-block;
  margin-right: 14px;
  font-size: 18px;
  color: #4a4544;
}
#_pop_pen ._pop_pen_options .line_weight {
  position: relative;
  display: flex;
  align-items: center;
}
#_pop_pen ._pop_pen_options .line_weight #range_wrapper {
  position: absolute;
  top: 25px;
  left: 85px;
  width: 150px;
  height: 8px;
  background-color: #eee;
  margin-right: 10px;
  border-radius: 4px;
}
#_pop_pen ._pop_pen_options .line_weight #range_wrapper span {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #000;
  border-radius: 50%;
}
#_pop_pen ._pop_pen_options .line_weight #range_wrapper ._circle_f {
  width: 10px;
  height: 10px;
  left: -27px;
}
#_pop_pen ._pop_pen_options .line_weight #range_wrapper ._circle_l {
  width: 25px;
  height: 25px;
  right: -44px;
}
#_pop_pen ._pop_pen_options .line_weight #range_wrapper input[type=range] {
  width: calc(100% + 30px);
  height: 8px;
  appearance: none;
  position: absolute;
  top: 0;
  left: -15px;
  z-index: 15;
}
#_pop_pen ._pop_pen_options .line_weight #range_wrapper input[type=range]::-webkit-slider-thumb {
  width: 22px;
  height: 22px;
  background-color: #fff;
  border: 2px solid #5444cb;
}
#_pop_pen ._pop_pen_options .line_weight #range_wrapper input[type=range]::-webkit-slider-thumb {
  width: 22px;
  height: 22px;
  border-radius: 15px;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  border: 2px solid #5444cb;
}
#_pop_pen ._pop_pen_options .line_weight #range_wrapper input[type=range]::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border-radius: 15px;
  background: #fff;
  cursor: pointer;
  border: 2px solid #5444cb;
}
#_pop_pen ._pop_pen_options .line_weight #range_wrapper input[type=range]::-ms-thumb {
  width: 22px;
  height: 22px;
  margin-top: 1px;
  border-radius: 15px;
  background: #fff;
  cursor: pointer;
  border: 2px solid #5444cb;
}
#_pop_pen ._pop_pen_options .line_weight #range_value {
  position: absolute;
  right: 0;
  top: 16px;
}
#_pop_pen ._pop_pen_options .line_color {
  display: flex;
  align-items: center;
}
#_pop_pen ._pop_pen_options .line_color ._select_color {
  display: flex;
  width: 100px;
  flex-direction: row;
  flex-wrap: wrap;
}
#_pop_pen ._pop_pen_options .line_color ._select_color div {
  cursor: pointer;
  width: 26px;
  height: 26px;
  border: 1px solid #ccc;
  border-radius: 13px;
  margin: 2px;
}
#_pop_pen ._pop_pen_options .line_color ._select_color div._c_1 {
  background-color: #ff0000;
}
#_pop_pen ._pop_pen_options .line_color ._select_color div._c_2 {
  background-color: #ffc600;
}
#_pop_pen ._pop_pen_options .line_color ._select_color div._c_3 {
  background-color: #eaff00;
}
#_pop_pen ._pop_pen_options .line_color ._select_color div._c_4 {
  background-color: #ffffff;
}
#_pop_pen ._pop_pen_options .line_color ._select_color div._c_5 {
  background-color: #005aff;
}
#_pop_pen ._pop_pen_options .line_color ._select_color div._c_6 {
  background-color: #000000;
}
#_pop_pen ._pop_pen_options .line_color #color_picker_wrapper {
  width: 100px;
  height: 54px;
  border-radius: 8px;
  border: 2px solid #d4cfcd;
  cursor: pointer;
}
#_pop_pen ._pop_pen_options .line_color #color_picker_wrapper input[type=color] {
  padding: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  appearance: none;
}
#_pop_pen #opacity_rate {
  width: 0;
  height: 8px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ddd;
  z-index: 5;
  border-radius: 4px;
}

/* 화이트 보드 */
#_blackBoard {
  background-color: #163716;
  background-image: url("../images/modules/blackBoard/boradBg.png");
  background-size: cover;
  background-repeat: no-repeat;
  /* 화이트 보드로 전환 */
}
#_blackBoard.whiteBoard {
  background-color: #fff;
}
#_blackBoard .popup_header {
  height: 100px;
}
#_blackBoard .popup_header .blackBoard_tool {
  position: absolute;
  top: 15px;
  left: 340px;
  display: flex;
  height: 72px;
  z-index: 99;
  gap: 20px;
  align-items: center;
  flex-direction: row;
}
#_blackBoard .popup_header .blackBoard_tool .board_fn_1 {
  width: 480px;
  height: 72px;
  background: #0681ff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 22px;
}
#_blackBoard .popup_header .blackBoard_tool .board_fn_2 {
  width: 754px;
  background: #66cb02;
  height: 72px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 22px;
}
#_blackBoard .popup_header .blackBoard_tool .board_fn_2 .board_range_layer {
  width: 220px;
  height: 48px;
  background-color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
#_blackBoard .popup_header .blackBoard_tool .board_fn_2 .board_range_layer #board_range_wrapper {
  width: 150px;
  height: 8px;
  background-color: #cbcbcb;
  margin-right: 10px;
  border-radius: 4px;
  position: relative;
}
#_blackBoard .popup_header .blackBoard_tool .board_fn_2 .board_range_layer #board_range_wrapper span {
  display: inline-block;
  background: #000;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#_blackBoard .popup_header .blackBoard_tool .board_fn_2 .board_range_layer #board_range_wrapper ._circle_f {
  width: 10px;
  height: 10px;
  left: -17px;
}
#_blackBoard .popup_header .blackBoard_tool .board_fn_2 .board_range_layer #board_range_wrapper ._circle_l {
  width: 25px;
  height: 25px;
  right: -30px;
}
#_blackBoard .popup_header .blackBoard_tool .board_fn_2 .board_range_layer #board_range_wrapper #board_opacity_controller {
  background-color: #ddd;
  z-index: 5;
  border-radius: 4px;
}
#_blackBoard .popup_header .blackBoard_tool .board_fn_2 .board_range_layer #board_range_wrapper input[type=range] {
  width: 150px;
  height: 8px;
  appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
}
#_blackBoard .popup_header .blackBoard_tool .board_fn_2 .board_range_layer #board_range_wrapper input[type=range]::-webkit-slider-thumb {
  width: 38px;
  height: 14px;
  background-color: #66cb02;
}
#_blackBoard .popup_header .blackBoard_tool .board_fn_2 .board_range_layer #board_range_wrapper input[type=range]::-webkit-slider-thumb {
  width: 38px;
  height: 14px;
  border-radius: 15px;
  background: #66cb02;
  cursor: pointer;
  -webkit-appearance: none;
}
#_blackBoard .popup_header .blackBoard_tool .board_fn_2 .board_range_layer #board_range_wrapper input[type=range]::-moz-range-thumb {
  width: 38px;
  height: 14px;
  border-radius: 15px;
  background: #66cb02;
  cursor: pointer;
}
#_blackBoard .popup_header .blackBoard_tool .board_fn_2 .board_range_layer #board_range_wrapper input[type=range]::-ms-thumb {
  width: 38px;
  height: 14px;
  margin-top: 1px;
  border-radius: 15px;
  background: #66cb02;
  cursor: pointer;
}
#_blackBoard .popup_header .blackBoard_tool ._select_color {
  display: flex;
  width: 180px;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}
#_blackBoard .popup_header .blackBoard_tool ._select_color div {
  cursor: pointer;
  width: 26px;
  height: 26px;
  border-radius: 13px;
  margin: 2px;
}
#_blackBoard .popup_header .blackBoard_tool ._select_color div._c_1 {
  background-color: #ff0000;
}
#_blackBoard .popup_header .blackBoard_tool ._select_color div._c_2 {
  background-color: #ffe400;
}
#_blackBoard .popup_header .blackBoard_tool ._select_color div._c_4 {
  background-color: #ffffff;
}
#_blackBoard .popup_header .blackBoard_tool ._select_color div._c_5 {
  background-color: #005aff;
}
#_blackBoard .popup_header .blackBoard_tool ._select_color div._c_6 {
  background-color: #000000;
}
#_blackBoard .popup_header .blackBoard_tool button {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
}
#_blackBoard .popup_header .blackBoard_tool button._bg {
  padding: 0 12px;
  width: 86px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-image: url("../images/ico_select_box_arrow_dw.png");
  background-position: right 12px top 20px;
}
#_blackBoard .popup_header .blackBoard_tool button._bg.on {
  background-image: url("../images/ico_select_box_arrow_up.png");
}
#_blackBoard .popup_header .blackBoard_tool button._bgBtn {
  background-image: url("../images/modules/blackBoard/ico_bg_change.png");
  width: 72px;
  height: 72px;
  border: none;
  background-color: transparent;
}
#_blackBoard .popup_header .blackBoard_tool button._bgBtn.on {
  background-image: url("../images/modules/blackBoard/ico_bg_change_on.png");
}
#_blackBoard .popup_header .blackBoard_tool button._textBtn {
  background-image: url("../images/modules/blackBoard/ico_text_input_off.png");
}
#_blackBoard .popup_header .blackBoard_tool button._textBtn.on {
  background-color: #000;
  background-image: url("../images/modules/blackBoard/ico_text_input_on.png");
}
#_blackBoard .popup_header .blackBoard_tool button._textColorBtn, #_blackBoard .popup_header .blackBoard_tool button._penColorBtn {
  position: relative;
  cursor: pointer;
}
#_blackBoard .popup_header .blackBoard_tool button._textColorBtn input[type=color], #_blackBoard .popup_header .blackBoard_tool button._penColorBtn input[type=color] {
  position: relative;
  width: 35px;
  height: 35px;
  opacity: 1;
}
#_blackBoard .popup_header .blackBoard_tool button._textColorBtn .color_label, #_blackBoard .popup_header .blackBoard_tool button._penColorBtn .color_label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#_blackBoard .popup_header .blackBoard_tool button._textSizeBtn {
  font-size: 20px;
}
#_blackBoard .popup_header .blackBoard_tool button._penBtn {
  background-image: url("../images/modules/blackBoard/ico_pen_off.png");
}
#_blackBoard .popup_header .blackBoard_tool button._penBtn.on {
  background-image: url("../images/modules/blackBoard/ico_pen_on.png");
  background-color: #000;
}
#_blackBoard .popup_header .blackBoard_tool button._eraserBtn {
  background-image: url("../images/modules/blackBoard/ico_eraser_off.png");
}
#_blackBoard .popup_header .blackBoard_tool button._eraserBtn.on {
  background-color: #000;
  background-image: url("../images/modules/blackBoard/ico_eraser_on.png");
}
#_blackBoard .popup_header .blackBoard_tool button._clearBtn {
  background-image: url("../images/modules/blackBoard/ico_delete.png");
}
#_blackBoard .popup_header .blackBoard_tool .textSizeList,
#_blackBoard .popup_header .blackBoard_tool .brushSizeList {
  display: none;
  position: absolute;
  top: 65px;
  width: 86px;
  border: 2px solid #d4cfcd;
  border-top: none;
  border-radius: 8px;
  background-color: #fff;
}
#_blackBoard .popup_header .blackBoard_tool .textSizeList li,
#_blackBoard .popup_header .blackBoard_tool .brushSizeList li {
  font-size: 20px;
  text-align: left;
  padding-left: 12px;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
}
#_blackBoard .popup_header .blackBoard_tool .textSizeList {
  left: 464px;
}
#_blackBoard canvas._drawLayer {
  position: absolute;
  top: 140px;
  left: 40px;
  z-index: 2;
  font-family: sans-serif !important;
}
#_blackBoard #_blackBoardClickLayer {
  position: absolute;
  top: 140px;
  left: 40px;
  font-family: sans-serif !important;
  z-index: 5;
}

/* 화면 가리기 */
#_screenCover {
  position: absolute;
  z-index: 600;
  display: none;
}
#_screenCover.on {
  display: block;
}
#_screenCover .cover_layer {
  position: absolute;
  background-color: #0b005e;
  background-image: url("../images/modules/screen_cover/cover_bg.png");
  background-position: center center;
  background-size: contain;
  cursor: move;
}
#_screenCover button {
  position: absolute;
  background-repeat: no-repeat;
}
#_screenCover .btn_expand {
  top: 15px;
  right: 60px;
  width: 40px;
  height: 35px;
  background-image: url("../images/modules/screen_cover/cover_expand.png");
}
#_screenCover .btn_expand.on {
  background-image: url("../images/modules/screen_cover/cover_expand_on.png");
}
#_screenCover .btn_close {
  top: 10px;
  right: 10px;
  width: 41px;
  height: 41px;
  background-image: url("../images/modules/screen_cover/cover_close.png");
}
#_screenCover .ui-resizable-s,
#_screenCover .ui-resizable-e {
  display: none !important;
}
#_screenCover .ui-resizable-handle {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 46px;
  height: 46px;
  background-image: url("../images/modules/screen_cover/resize_corner.png");
  cursor: nw-resize;
}

/* 타이머 */
#_timerLayer .stopWatch_btn_wrap {
  width: 100%;
  height: 660px;
  background-color: #19134b;
}
#_timerLayer ._popupLayer_set_timer {
  margin: 80px auto 0;
  width: 840px;
  height: 320px;
  line-height: 310px;
  font-family: "NanumSquareOTFEB", sans-serif;
  font-size: 220px;
  color: #1a1716;
  background-color: #fff;
  border-radius: 160px;
  border: 10px solid #5444cb;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 90px 50px rgba(255, 255, 255, 0.2);
}
#_timerLayer ._popupLayer_set_timer > span {
  display: inline-block;
  margin-top: -15px;
}
#_timerLayer ._popupLayer_set_timer > input {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  width: 280px;
  height: 100%;
  text-align: center;
  padding: 0;
}
#_timerLayer ._popupLayer_set_timer > input::placeholder {
  color: inherit;
}
#_timerLayer ._popupLayer_btn_timer {
  margin: 58px 0;
  display: flex;
  justify-content: center;
  gap: 48px;
}
#_timerLayer ._popupLayer_btn_timer button {
  width: 321px;
  height: 80px;
  background-repeat: no-repeat;
}
#_timerLayer ._popupLayer_btn_timer button._popupLayer_btn_timer_start {
  margin-right: 16px;
  background-image: url("../images/modules/timer/btn_start.png");
}
#_timerLayer ._popupLayer_btn_timer button._popupLayer_btn_timer_start.clicked {
  background-image: url("../images/modules/timer/btn_pause.png");
}
#_timerLayer ._popupLayer_btn_timer button._popupLayer_btn_timer_reset {
  background-image: url("../images/modules/timer/btn_reset.png");
}
#_timerLayer ._timer_btnLayer {
  position: relative;
  padding: 40px 120px;
  width: 100%;
  height: 350px;
  background-color: #ffffff;
}
#_timerLayer ._timer_btnLayer a:not(._ss) {
  width: 240px;
  height: 100px;
  line-height: 98px;
  font-family: "NanumSquareOTFEB", sans-serif;
  font-size: 52px;
  color: #000000;
  text-align: center;
  border: 2px solid #858585;
  border-radius: 30px;
  background-color: #fff;
  box-shadow: 0 6px 0 0 rgba(124, 122, 141, 0.15);
}
#_timerLayer ._timer_btnLayer a:not(._ss):active {
  background-color: #cec9f1;
}
#_timerLayer ._timer_btnLayer .timer_set_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 48px;
}
#_timerLayer ._timer_btnLayer .timer_self_wrap {
  position: relative;
  top: -12px;
  width: 240px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
#_timerLayer ._timer_btnLayer .timer_self_wrap > p {
  font-size: 32px;
  color: #111;
}
#_timerLayer ._timer_btnLayer .timer_self_wrap a {
  width: 72px;
  height: 62px;
  border: 2px solid #858585;
  background-color: #fff;
  background-position: center;
}
#_timerLayer ._timer_btnLayer .timer_self_wrap a:not(:first-child) {
  border-radius: 0 0 10px 10px;
}
#_timerLayer ._timer_btnLayer .timer_self_wrap a:first-child {
  border-radius: 10px 10px 0 0;
}
#_timerLayer ._timer_btnLayer .timer_self_wrap a:active {
  background-color: #cec9f1;
}
#_timerLayer ._timer_btnLayer .timer_self_wrap a._up {
  background-image: url("../images/modules/timer/ico_arrow_up.png");
}
#_timerLayer ._timer_btnLayer .timer_self_wrap a._down {
  background-image: url("../images/modules/timer/ico_arrow_dw.png");
}

/* 스톱워치 */
#_stopWatch .stopWatch_btn_wrap {
  width: 100%;
  height: 580px;
  background-color: #19134b;
}
#_stopWatch ._popupLayer_set_timer {
  margin: 80px auto 0;
  width: 1060px;
  height: 280px;
  line-height: 270px;
  font-family: "NanumSquareOTFEB", sans-serif;
  font-size: 200px;
  color: #1a1716;
  background-color: #fff;
  border-radius: 140px;
  border: 10px solid #5444cb;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 90px 50px rgba(255, 255, 255, 0.2);
}
#_stopWatch ._popupLayer_set_timer > span {
  display: inline-block;
  margin-top: -15px;
}
#_stopWatch ._popupLayer_set_timer > input {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  width: 250px;
  height: 100%;
  text-align: center;
  padding: 0;
}
#_stopWatch ._popupLayer_set_timer.on span, #_stopWatch ._popupLayer_set_timer.on input {
  background-color: #fff94d;
}
#_stopWatch ._popupLayer_btn_timer {
  margin: 58px 0;
  display: flex;
  justify-content: center;
  gap: 48px;
}
#_stopWatch ._popupLayer_btn_timer > button {
  width: 321px;
  height: 80px;
  background-repeat: no-repeat;
}
#_stopWatch ._popupLayer_btn_timer ._popupLayer_btn_timer_start {
  margin-right: 16px;
  background-image: url("../images/modules/stopWatch/btn_start.png");
}
#_stopWatch ._popupLayer_btn_timer ._popupLayer_btn_timer_start.clicked {
  background-image: url("../images/modules/stopWatch/btn_pause.png");
}
#_stopWatch ._popupLayer_btn_timer ._popupLayer_btn_timer_save {
  padding-left: 95px;
  background-image: url("../images/modules/stopWatch/btn_record.png");
}
#_stopWatch ._popupLayer_btn_timer ._popupLayer_btn_timer_reset {
  padding-left: 110px;
  background-image: url("../images/modules/stopWatch/btn_reset.png");
}
#_stopWatch ._timer_saveList {
  padding: 40px 23px;
  width: 100%;
  height: 428px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 36px;
  scrollbar-gutter: stable;
}
#_stopWatch ._timer_saveList .saveItem {
  position: relative;
  display: block;
  width: 1060px;
  height: 80px;
  line-height: 78px;
  border: 2px solid #aaaaaa;
  border-radius: 20px;
  font-family: "NanumSquareOTFEB", sans-serif;
  background-color: #fff;
  font-size: 50px;
  text-align: center;
}
#_stopWatch ._timer_saveList .saveItem a.removeBtn {
  position: absolute;
  top: 50%;
  right: 22px;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: 2px solid #aaa5a4;
  border-radius: 10px;
  background-image: url("../images/modules/stopWatch/ico_delet.png");
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
}

/* 주의 집중 */
#_concentration_layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #19134b;
}
#_concentration_layer .popup_header {
  padding: 20px;
  background-color: transparent;
  box-shadow: none;
  justify-content: flex-end;
}
#_concentration_layer .popup_cont {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#_concentration_layer .popup_cont .cont_img {
  margin-top: -140px;
}
#_concentration_layer .popup_cont .cont_txt {
  font-size: 44px;
  color: #ffffff;
}

/* 발표자 선정 */
#_numberLayer {
  background: linear-gradient(#fff, #d1cdf1);
  /* 헤더 */
  /* 컨텐츠 */
}
#_numberLayer ._resize_scale {
  width: 1920px;
  height: 1080px;
  position: relative;
  transform-origin: 0 0;
}
#_numberLayer .popup_header {
  position: relative;
}
#_numberLayer .popup_header .btn_expand {
  top: 50%;
  right: 110px;
  transform: translateY(-50%);
  width: 50px;
  height: 42px;
  background-image: url("../images/modules/screen_cover/cover_expand.png");
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
#_numberLayer .popup_header .btn_expand.on {
  background-image: url("../images/modules/screen_cover/cover_expand.png");
}
#_numberLayer ._numberLayer_wrap {
  position: absolute;
  top: 72px;
  left: 0;
  width: 100%;
  height: calc(100% - 72px);
}
#_numberLayer ._numberLayer_head {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#_numberLayer ._numberLayer_head .num_des {
  margin-top: 80px;
  font-size: 44px;
  color: #5444cb;
}
#_numberLayer ._numberLayer_head .input_wrap {
  margin-top: 30px;
  margin-left: 100px;
}
#_numberLayer ._numberLayer_head > div {
  display: flex;
  align-items: center;
  gap: 30px;
}
#_numberLayer ._numberLayer_head ._number_in {
  width: 400px;
  height: 160px;
  line-height: 150px;
  font-family: "NanumSquareOTFEB", sans-serif;
  font-size: 110px;
  color: #000000;
  text-align: center;
  border: 10px solid #5444cb;
  border-radius: 30px;
  background-color: #fff;
  box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.23);
}
#_numberLayer ._numberLayer_head ._number_nextBtn {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-image: url("../images/modules/pick/btn_next.png");
  box-shadow: 0 9px 9px 0 rgba(0, 0, 0, 0.23);
}
#_numberLayer ._numberLayer_head ._number_resetBtn {
  background-image: url("../images/modules/pick/ico_btn_reset.png");
}
#_numberLayer ._numberLayer_active {
  padding: 80px 120px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#_numberLayer ._numberLayer_active .number_select {
  display: flex;
  align-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#_numberLayer ._numberLayer_active .stickLayer {
  margin-bottom: 38px;
  display: block;
  width: 120px;
  height: 120px;
  line-height: 120px;
  font-family: "NanumSquareOTFEB", sans-serif;
  font-size: 60px;
  color: #5444cb;
  border-radius: 50%;
  background: radial-gradient(circle, #fff 10%, #7e6fea);
  box-shadow: inset 0 2px 0 0 rgba(255, 255, 255, 0.6), 0 2px 0 0 rgba(0, 0, 0, 0.6);
  text-align: center;
  cursor: pointer;
}
#_numberLayer ._numberLayer_active .stickLayer:not(:nth-child(10n)) {
  margin-right: 53px;
}
#_numberLayer ._numberLayer_active .stickLayer.on {
  background: radial-gradient(circle, #fff 10%, #d72727);
}
#_numberLayer ._numberLayer_active .btn_wrap {
  position: relative;
  display: flex;
  gap: 50px;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
#_numberLayer ._numberLayer_active .btn_wrap .btn_select {
  padding-left: 120px;
  width: 320px;
  height: 80px;
  line-height: 78px;
  border-radius: 40px;
  border: 2px solid #ffffff;
  box-shadow: inset 0 -8px 5px 0 rgba(34, 19, 142, 0.23);
  font-family: "NanumSquareOTFEB", sans-serif;
  font-size: 44px;
}
#_numberLayer ._numberLayer_active .btn_wrap ._number_prevBtn {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-image: url("../images/modules/pick/btn_prev.png");
  box-shadow: 0 9px 9px 0 rgba(0, 0, 0, 0.23);
}
#_numberLayer ._numberLayer_active .btn_wrap .btn_selectStart {
  padding-left: 130px;
  background-color: #5444cb;
  color: #fff;
  background-position: center left 50px;
  background-image: url("../images/modules/pick/ico_btn_start.png");
}
#_numberLayer ._numberLayer_active .btn_wrap ._number_resetBtn {
  background-color: #e4e0ff;
  color: #5444cb;
  background-position: top 18px left 50px;
  background-image: url("../images/modules/pick/ico_btn_reset.png");
}
#_numberLayer ._numberLayer_show {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#_numberLayer ._numberLayer_show p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 300px;
  line-height: 300px;
  border-radius: 50%;
  font-family: "NanumSquareOTFEB", sans-serif;
  color: #5444cb;
  font-size: 150px;
  background: radial-gradient(circle, #fff 10%, #d72727);
  text-align: center;
  box-shadow: inset 0 2px 0 0 rgba(255, 255, 255, 0.6), 0 2px 0 0 rgba(0, 0, 0, 0.6);
  z-index: 10;
}
#_numberLayer ._numberLayer_show .img_wrap {
  position: absolute;
  top: 420px;
  left: 980px;
  width: 420px;
  z-index: 100;
}
#_numberLayer ._numberLayer_show .img_wrap > img {
  width: 100%;
}
#_numberLayer .ui-resizable-handle {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 46px;
  height: 46px;
  background-image: url("../images/modules/screen_cover/resize_corner_dark.png");
  cursor: nw-resize;
}

/* 모둠 점수판 */
#_scoreBoard_layer .popup_cont > div {
  position: absolute;
  top: 72px;
  left: 0;
  width: 100%;
  height: calc(100% - 72px);
}
#_scoreBoard_layer .presenter_setting_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(#fff, #d1cdf1);
  color: #5444cb;
}
#_scoreBoard_layer .cha_img {
  height: 287px;
}
#_scoreBoard_layer .input_wrap {
  margin-top: 46px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 44px;
}
#_scoreBoard_layer .group_wrap,
#_scoreBoard_layer .score_wrap {
  width: 100%;
  display: flex;
  align-items: center;
}
#_scoreBoard_layer .input_tit {
  margin-right: 58px;
  position: relative;
  width: 45%;
  font-size: 44px;
  text-align: right;
}
#_scoreBoard_layer .input_tit::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 28px);
  transform: translateY(-50%);
  width: 2px;
  height: 60px;
  background-color: #5444cb;
}
#_scoreBoard_layer .group_input {
  width: 240px;
  height: 80px;
  line-height: 76px;
  background-color: #fff;
  border: 4px solid #5444cb;
  border-radius: 40px;
  text-align: center;
  font-family: "NanumSquareOTFEB", sans-serif;
  font-size: 60px;
  color: #000000;
}
#_scoreBoard_layer .group_input::-webkit-inner-spin-button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#_scoreBoard_layer .score_wrap {
  margin-bottom: 130px;
}
#_scoreBoard_layer .score_wrap .score_input {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
#_scoreBoard_layer .score_wrap .checkBox_wrap {
  display: flex;
  align-items: center;
}
#_scoreBoard_layer .score_wrap .btn_checkBox[type=checkbox] {
  position: relative;
  appearance: none;
  width: 60px;
  height: 60px;
  border: 4px solid #5444cb;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}
#_scoreBoard_layer .score_wrap .btn_checkBox[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: #5444cb;
}
#_scoreBoard_layer .score_wrap .btn_checkBox + label {
  margin-left: 20px;
  margin-right: 80px;
  font-size: 40px;
  cursor: pointer;
}
#_scoreBoard_layer .score_wrap .select_area {
  position: absolute;
  top: calc(100% + 30px);
  left: 0;
  padding: 0 30px;
  height: 100px;
  line-height: 98px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  border: 2px solid #5444cb;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.23);
}
#_scoreBoard_layer .score_wrap .select_tit {
  font-family: "NanumSquareOTFEB", sans-serif;
  font-size: 32px;
  color: #5444cb;
  flex-shrink: 0;
}
#_scoreBoard_layer .score_wrap .score_select {
  margin-right: 45px;
  width: 168px;
  height: 64px;
  line-height: 62px;
  border: 2px solid #9f9f9f;
  text-align: center;
  font-family: "NanumSquareOTFEB", sans-serif;
  font-size: 40px;
  flex-shrink: 0;
}
#_scoreBoard_layer .score_wrap .score_select::-webkit-inner-spin-button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#_scoreBoard_layer .score_wrap .btn_scoreControl {
  position: absolute;
  right: 30px;
  width: 46px;
  height: 33px;
  border: 2px solid #9f9f9f;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
}
#_scoreBoard_layer .score_wrap .btn_score_up {
  top: 17px;
  background-image: url("../images/modules/scoreBoard/btn_score_up.png");
}
#_scoreBoard_layer .score_wrap .btn_score_down {
  bottom: 17px;
  background-image: url("../images/modules/scoreBoard/btn_score_down.png");
}
#_scoreBoard_layer .score_wrap .sticker_select_wrap {
  width: 670px;
}
#_scoreBoard_layer .score_wrap .sticker_wrap {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
}
#_scoreBoard_layer .score_wrap .btn_sticker {
  width: 68px;
  height: 68px;
  background-repeat: no-repeat;
}
#_scoreBoard_layer .score_wrap .btn_sticker._1 {
  background-image: url("../images/modules/scoreBoard/btn_sticker_off_1.png");
}
#_scoreBoard_layer .score_wrap .btn_sticker._1.on {
  background-image: url("../images/modules/scoreBoard/btn_sticker_on_1.png");
}
#_scoreBoard_layer .score_wrap .btn_sticker._2 {
  background-image: url("../images/modules/scoreBoard/btn_sticker_off_2.png");
}
#_scoreBoard_layer .score_wrap .btn_sticker._2.on {
  background-image: url("../images/modules/scoreBoard/btn_sticker_on_2.png");
}
#_scoreBoard_layer .score_wrap .btn_sticker._3 {
  background-image: url("../images/modules/scoreBoard/btn_sticker_off_3.png");
}
#_scoreBoard_layer .score_wrap .btn_sticker._3.on {
  background-image: url("../images/modules/scoreBoard/btn_sticker_on_3.png");
}
#_scoreBoard_layer .score_wrap .btn_sticker._4 {
  background-image: url("../images/modules/scoreBoard/btn_sticker_off_4.png");
}
#_scoreBoard_layer .score_wrap .btn_sticker._4.on {
  background-image: url("../images/modules/scoreBoard/btn_sticker_on_4.png");
}
#_scoreBoard_layer .score_wrap .btn_sticker._5 {
  background-image: url("../images/modules/scoreBoard/btn_sticker_off_5.png");
}
#_scoreBoard_layer .score_wrap .btn_sticker._5.on {
  background-image: url("../images/modules/scoreBoard/btn_sticker_on_5.png");
}
#_scoreBoard_layer .btn_presenterStart {
  padding-left: 114px;
  width: 320px;
  height: 80px;
  line-height: 78px;
  color: #5444cb;
  text-align: left;
  font-family: "NanumSquareOTFEB", sans-serif;
  font-size: 44px;
  border-radius: 40px;
  background-color: #cec9f1;
  border: 2px solid #ffffff;
  box-shadow: inset 0 -8px 5px 0 rgba(34, 19, 142, 0.23);
  background-repeat: no-repeat;
  background-position: left 60px center;
  background-image: url("../images/modules/scoreBoard/btn_start.png");
}
#_scoreBoard_layer .presenter_select_wrap {
  padding: 50px 120px;
  background-color: #19134b;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
#_scoreBoard_layer .presenter_select_wrap .score_board_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
}
#_scoreBoard_layer .presenter_select_wrap .score_board {
  position: relative;
  padding: 20px 35px 20px 0;
  width: 790px;
  height: 158px;
  border-radius: 30px;
  box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 22px;
  font-size: 40px;
}
#_scoreBoard_layer .presenter_select_wrap .score_board:nth-child(1) {
  background-color: #f9d5ff;
}
#_scoreBoard_layer .presenter_select_wrap .score_board:nth-child(2) {
  background-color: #bcfdff;
}
#_scoreBoard_layer .presenter_select_wrap .score_board:nth-child(3) {
  background-color: #aaf581;
}
#_scoreBoard_layer .presenter_select_wrap .score_board:nth-child(4) {
  background-color: #d2d65d;
}
#_scoreBoard_layer .presenter_select_wrap .score_board:nth-child(5) {
  background-color: #ff6c8f;
}
#_scoreBoard_layer .presenter_select_wrap .score_board:nth-child(6) {
  background-color: #f29e53;
}
#_scoreBoard_layer .presenter_select_wrap .score_board:nth-child(7) {
  background-color: #31b7d4;
}
#_scoreBoard_layer .presenter_select_wrap .score_board:nth-child(8) {
  background-color: #d256e9;
}
#_scoreBoard_layer .presenter_select_wrap .scoreGroup_wrap {
  text-align: right;
}
#_scoreBoard_layer .presenter_select_wrap .scoreGroup_wrap ._num {
  font-family: "NanumSquareOTFEB", sans-serif;
  font-size: 60px;
}
#_scoreBoard_layer .presenter_select_wrap .score_board_input {
  padding: 0 24px;
  width: 510px;
  height: 120px;
  line-height: 118px;
  border: 2px solid #19134b;
  border-radius: 20px;
  background-color: #fff;
  font-size: 60px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
#_scoreBoard_layer .presenter_select_wrap .score_board_input ._sticker {
  width: 68px;
  display: flex;
  justify-content: center;
}
#_scoreBoard_layer .presenter_select_wrap .score_board_input ._sticker:not(:nth-child(5n)) {
  margin-right: 29px;
}
#_scoreBoard_layer .presenter_select_wrap .score_board_input ._sticker > img {
  height: 100%;
}
#_scoreBoard_layer .presenter_select_wrap .score_board_btn_wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
#_scoreBoard_layer .presenter_select_wrap .btn_scoreBoard_up {
  width: 54px;
  height: 55px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url("../images/modules/scoreBoard/btn_score_board_up.png");
}
#_scoreBoard_layer .presenter_select_wrap .btn_scoreBoard_down {
  width: 54px;
  height: 55px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url("../images/modules/scoreBoard/btn_score_board_down.png");
}
#_scoreBoard_layer .presenter_select_wrap .layerControl_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
#_scoreBoard_layer .presenter_select_wrap .btn_goSettingLayer {
  padding-left: 110px;
  width: 320px;
  height: 80px;
  line-height: 78px;
  font-family: "NanumSquareOTFEB", sans-serif;
  font-size: 44px;
  color: #fff;
  border: 2px solid #ffffff;
  border-radius: 40px;
  text-align: left;
  background-color: #5444cb;
  background-repeat: no-repeat;
  background-image: url("../images/modules/scoreBoard/btn_home.png");
  background-position: left 60px center;
  box-shadow: inset 0 -8px 5px 0 rgba(34, 19, 142, 0.23);
}
#_scoreBoard_layer .presenter_select_wrap .btn_boardReset {
  padding-left: 120px;
  width: 320px;
  height: 80px;
  line-height: 78px;
  font-family: "NanumSquareOTFEB", sans-serif;
  font-size: 44px;
  color: #5444cb;
  border: 2px solid #ffffff;
  border-radius: 40px;
  text-align: left;
  background-color: #cec9f1;
  background-repeat: no-repeat;
  background-image: url("../images/modules/scoreBoard/btn_reset.png");
  background-position: left 70px top 18px;
  box-shadow: inset 0 -8px 5px 0 rgba(34, 19, 142, 0.23);
}
#_scoreBoard_layer .presenter_select_wrap .cha_lank {
  position: absolute;
  top: -15px;
  left: -70px;
  width: 180px;
}
#_scoreBoard_layer .presenter_select_wrap .cha_lank > img {
  width: 100%;
}

@media only screen and (orientation: portrait) {
  .portrait_onePage #_pop_pen {
    transform-origin: right top;
  }
  .portrait_onePage #_blackBoard {
    width: 1920px;
    height: 1080px;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .portrait_onePage #_timerLayer {
    width: 1920px;
    height: 1080px;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .portrait_onePage #_stopWatch {
    width: 1920px;
    height: 1080px;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .portrait_onePage #_numberLayer {
    width: 1920px;
    height: 1080px;
    position: absolute;
    top: 50%;
    left: 50%;
  }
}
/*학습창*/
#_popupLayer {
  display: none;
  width: 1920px;
  height: 1080px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  overflow: hidden;
}

#_popupLayer:after {
  content: "";
  clear: both;
}

#_popupLayer_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #edfafc;
}

/*학습창 content*/
#_popupLayer_content {
  position: absolute;
  top: 72px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 102;
}

#_popupLayer_container {
  width: 1760px;
  height: 1008px;
}

#_popLayer_frame {
  width: 100%;
  height: 100%;
  border: none;
}

/* 학습창 내부 수업 도구 스타일 - 웹사이트 링크 , 메모 */
#_pop_icon_container {
  /* 스크롤 바 */
  /* 웹사이트 링크 */
  /* 아이콘 파일 링크 */
  /* 메모 */
}
#_pop_icon_container *::-webkit-scrollbar-track {
  background-color: #d8f7ce;
}
#_pop_icon_container *::-webkit-scrollbar-thumb {
  background-color: #3d9623;
}
#_pop_icon_container ._pop_module {
  border: 1px solid #3d9623;
  background-color: #3d9623;
}
#_pop_icon_container .__icon_webLink {
  background-image: url("../images/modules/webLink/webLink_c_green.png");
}
#_pop_icon_container .__pop_dataLink_icon {
  position: absolute;
  z-index: 101;
}
#_pop_icon_container .__dataRoomBtn,
#_pop_icon_container .__icon_dataLink {
  background-image: url("../images/modules/dataLink/etc_c_green.png");
}
#_pop_icon_container .__dataRoomBtn.ico_sound,
#_pop_icon_container .__icon_dataLink.ico_sound {
  background-image: url("../images/modules/dataLink/sound_c_green.png");
}
#_pop_icon_container .__dataRoomBtn.ico_video,
#_pop_icon_container .__icon_dataLink.ico_video {
  background-image: url("../images/modules/dataLink/movie_c_green.png");
}
#_pop_icon_container ._pop_memo .__icon_memo {
  background-image: url("../images/modules/memo/ico_memo_temp_c_green.png");
}
#_pop_icon_container ._pop_memo ._pop_memo_save ._btn_memo_save {
  background-image: url("../images/modules/memo/memo_save_c_green.png");
}

/* 학습창 내부 수업 도구 스타일 - 웹사이트 링크 , 메모 외 */
.__contentStyle {
  border: 1px solid #3d9623;
  background-color: #3d9623;
  /* 팝업창 기본 (풀 스크린) */
  /* 스크롤 바 */
  /* 웹사이트 링크 */
  /* 파일 링크 */
  /* 내 자료실 */
  /* 화이트 보드 */
  /* 화면 가리기 */
  /* 타이머 */
  /* 스톱워치 */
  /* 주의 집중 */
  /* 발표자 선정 */
  /* 모둠 점수판 */
  /* 자료실 */
}
.__contentStyle ._pop_module {
  border: 1px solid #3d9623;
  background-color: #3d9623;
}
.__contentStyle ._pop_module .btn_wrap > button {
  background-color: #3d9623;
}
.__contentStyle ._pop_module .btn_wrap .btn_cancel {
  background-color: #d8f7ce;
  color: #3d9623;
}
.__contentStyle ._pop_module_full .popup_header {
  background-color: #3d9623;
}
.__contentStyle *::-webkit-scrollbar-track {
  background-color: #d8f7ce;
}
.__contentStyle *::-webkit-scrollbar-thumb {
  background-color: #3d9623;
}
.__contentStyle#_webLink_popup .popup_cont ._btn_webLink_save {
  background-image: url("../images/modules/webLink/btn_wenLink_c_green.png");
}
.__contentStyle#_dataLink_popup {
  /* radio 버튼 */
  /* 찾기 버튼 */
  /* 저장 버튼 */
}
.__contentStyle#_dataLink_popup .popup_cont .select_wrap input[type=radio] {
  border: 2px solid #3d9623;
}
.__contentStyle#_dataLink_popup .popup_cont .select_wrap input[type=radio]:checked {
  background-color: #3d9623;
  border: 3px solid #fff;
  box-shadow: 0 0 0 1.6px #3d9623;
}
.__contentStyle#_dataLink_popup .popup_cont .select_wrap ._btn_search {
  background-image: url("../images/modules/dataLink/search_btn_c_green.png");
}
.__contentStyle#_dataLink_popup .popup_cont .file_input_wrap ._btn_save {
  background-image: url("../images/modules/dataLink/save_btn_c_green.png");
}
.__contentStyle#_pop_dataBox .popup_header .btn_dataSave {
  background-color: #3d9623;
  color: #d8f7ce;
  border: 1px solid #d8f7ce;
}
.__contentStyle#_pop_dataBox .popup_middle_header ._dataBox_box > a {
  background-color: #d8f7ce;
  color: #3d9623;
}
.__contentStyle#_pop_dataBox .popup_middle_header ._dataBox_box > a.on {
  background-color: #3d9623;
  color: #d8f7ce;
  border: 1px solid #d8f7ce;
}
.__contentStyle#_pop_dataBox .popup_cont .__dataBox_list_2depth._memoItem .__dataBox_title,
.__contentStyle#_pop_dataBox .popup_cont .__dataBox_list_2depth._weblinkItem .__dataBox_title,
.__contentStyle#_pop_dataBox .popup_cont .__dataBox_list_2depth._dataLink .__dataBox_title {
  color: #3d9623;
}
.__contentStyle#_pop_dataBox .popup_cont .__dataBox_list_2depth._memoItem .__dataBox_delete_btn,
.__contentStyle#_pop_dataBox .popup_cont .__dataBox_list_2depth._weblinkItem .__dataBox_delete_btn,
.__contentStyle#_pop_dataBox .popup_cont .__dataBox_list_2depth._dataLink .__dataBox_delete_btn {
  background-image: url("../images/modules/dataRoom/data_delete_c_green.png");
}
.__contentStyle#_pop_dataBox .ico_checkBox.on {
  background-image: url("../images/modules/dataRoom/data_check_c_green.png");
}
.__contentStyle#_pop_dataBox .popup_footer {
  background-color: #d8f7ce;
}
.__contentStyle#_pop_dataBox .popup_footer > button {
  border: 1px solid #3d9623;
}
.__contentStyle#_pop_dataBox .popup_footer #_pop_dataBox_select_del {
  background-color: #3d9623;
}
.__contentStyle#_pop_dataBox .popup_footer #_pop_dataBox_all_del {
  color: #3d9623;
}
.__contentStyle#_pop_dataBox .popup_footer #_pop_dataBox_all_del::before {
  background-image: url("../images/modules/dataRoom/ico_del_c_green.png");
}
.__contentStyle #_blackBoard .popup_header .blackBoard_tool .board_fn_1 {
  background: #0a2901;
}
.__contentStyle #_blackBoard .popup_header .blackBoard_tool .board_fn_2 {
  background: #0a2901;
}
.__contentStyle #_screenCover .cover_layer {
  background-color: #0a2901;
}
.__contentStyle #_screenCover .btn_expand {
  background-image: url("../images/modules/screen_cover/cover_expand_c_green.png");
}
.__contentStyle #_screenCover .btn_expand.on {
  background-image: url("../images/modules/screen_cover/cover_expand_on_c_green.png");
}
.__contentStyle #_timerLayer .stopWatch_btn_wrap {
  background-color: #0a2901;
}
.__contentStyle #_timerLayer ._popupLayer_set_timer {
  border: 10px solid #3d9623;
}
.__contentStyle #_timerLayer ._popupLayer_btn_timer button._popupLayer_btn_timer_start {
  background-image: url("../images/modules/timer/btn_start_c_green.png");
}
.__contentStyle #_timerLayer ._popupLayer_btn_timer button._popupLayer_btn_timer_start.clicked {
  background-image: url("../images/modules/timer/btn_pause_c_green.png");
}
.__contentStyle #_timerLayer ._popupLayer_btn_timer button._popupLayer_btn_timer_reset {
  background-image: url("../images/modules/timer/btn_reset_c_green.png");
}
.__contentStyle #_timerLayer ._timer_btnLayer a:not(._ss):active {
  background-color: #d8f7ce;
}
.__contentStyle #_timerLayer ._timer_btnLayer .timer_self_wrap a:active {
  background-color: #d8f7ce;
}
.__contentStyle #_stopWatch .stopWatch_btn_wrap {
  background-color: #0a2901;
}
.__contentStyle #_stopWatch ._popupLayer_set_timer {
  border: 10px solid #3d9623;
}
.__contentStyle #_stopWatch ._popupLayer_btn_timer ._popupLayer_btn_timer_start {
  background-image: url("../images/modules/stopWatch/btn_start_c_green.png");
}
.__contentStyle #_stopWatch ._popupLayer_btn_timer ._popupLayer_btn_timer_start.clicked {
  background-image: url("../images/modules/stopWatch/btn_pause_c_green.png");
}
.__contentStyle #_stopWatch ._popupLayer_btn_timer ._popupLayer_btn_timer_save {
  background-image: url("../images/modules/stopWatch/btn_record_c_green.png");
}
.__contentStyle #_stopWatch ._popupLayer_btn_timer ._popupLayer_btn_timer_reset {
  background-image: url("../images/modules/stopWatch/btn_reset_c_green.png");
}
.__contentStyle #_concentration_layer {
  background-color: #0a2901;
}
.__contentStyle #_numberLayer {
  background: linear-gradient(#fff, #d8f7ce);
  /* 헤더 */
}
.__contentStyle #_numberLayer .popup_header .btn_expand {
  background-image: url("../images/modules/screen_cover/cover_expand_c_green.png");
}
.__contentStyle #_numberLayer .popup_header .btn_expand.on {
  background-image: url("../images/modules/screen_cover/cover_expand_on_c_green.png");
}
.__contentStyle #_numberLayer ._numberLayer_head .num_des {
  color: #3d9623;
}
.__contentStyle #_numberLayer ._numberLayer_head ._number_in {
  border: 10px solid #3d9623;
}
.__contentStyle #_numberLayer ._numberLayer_head ._number_nextBtn {
  background-image: url("../images/modules/pick/btn_next_c_green.png");
}
.__contentStyle #_numberLayer ._numberLayer_head ._number_resetBtn {
  background-image: url("../images/modules/pick/ico_btn_reset_c_green.png");
}
.__contentStyle #_numberLayer ._numberLayer_active .stickLayer {
  color: #3d9623;
  background: radial-gradient(circle, #fff 10%, #65b44e);
}
.__contentStyle #_numberLayer ._numberLayer_active .stickLayer.on {
  background: radial-gradient(circle, #fff 10%, #ff7800);
}
.__contentStyle #_numberLayer ._numberLayer_active .btn_wrap ._number_prevBtn {
  background-image: url("../images/modules/pick/btn_prev_c_green.png");
}
.__contentStyle #_numberLayer ._numberLayer_active .btn_wrap .btn_selectStart {
  background-color: #3d9623;
  background-image: url("../images/modules/pick/ico_btn_start.png");
}
.__contentStyle #_numberLayer ._numberLayer_active .btn_wrap ._number_resetBtn {
  background-color: #fff;
  color: #3d9623;
  background-image: url("../images/modules/pick/ico_btn_reset_c_green.png");
}
.__contentStyle #_numberLayer ._numberLayer_show p {
  background: radial-gradient(circle, #fff 10%, #ff7800);
  color: #3d9623;
}
.__contentStyle #_numberLayer .ui-resizable-handle {
  background-image: url("../images/modules/screen_cover/resize_corner_dark_c_green.png");
}
.__contentStyle #_scoreBoard_layer .presenter_setting_wrap {
  background: linear-gradient(#fff, #d8f7ce);
  color: #3d9623;
}
.__contentStyle #_scoreBoard_layer .input_tit::after {
  background-color: #3d9623;
}
.__contentStyle #_scoreBoard_layer .group_input {
  border: 4px solid #3d9623;
}
.__contentStyle #_scoreBoard_layer .score_wrap .btn_checkBox[type=checkbox] {
  border: 4px solid #3d9623;
}
.__contentStyle #_scoreBoard_layer .score_wrap .btn_checkBox[type=checkbox]:checked::after {
  background-color: #3d9623;
}
.__contentStyle #_scoreBoard_layer .score_wrap .select_area {
  border: 2px solid #3d9623;
}
.__contentStyle #_scoreBoard_layer .score_wrap .select_tit {
  color: #3d9623;
}
.__contentStyle #_scoreBoard_layer .btn_presenterStart {
  color: #fff;
  background-color: #3d9623;
  background-image: url("../images/modules/scoreBoard/btn_start_c_white.png");
}
.__contentStyle #_scoreBoard_layer .presenter_select_wrap {
  background-color: #0a2901;
}
.__contentStyle #_scoreBoard_layer .presenter_select_wrap .score_board_input {
  border: 2px solid #0a2901;
}
.__contentStyle #_scoreBoard_layer .presenter_select_wrap .btn_goSettingLayer {
  background-color: #3d9623;
}
.__contentStyle #_scoreBoard_layer .presenter_select_wrap .btn_boardReset {
  color: #3d9623;
  background-color: #d8f7ce;
  background-image: url("../images/modules/scoreBoard/btn_reset_c_green.png");
}
.__contentStyle#_pop_data_room .popup_header {
  background-color: #3d9623;
}

/*팝업 드래그 헬퍼*/
#_icon_drag_helper_layer,
#_pop_icon_drag_helper_layer {
  width: 100%;
  height: 100%;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 199;
}

.alertLayer {
  background-color: rgba(0, 0, 0, 0.44);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  display: none;
}
.alertLayer ._pop_module {
  min-width: 400px;
  min-height: 200px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.alertLayer .popup_cont {
  min-height: 160px;
  display: flex;
  align-items: center;
  position: relative;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
  max-width: 600px;
  padding: 20px 30px;
}
.alertLayer .popup_cont p {
  font-size: 20px;
  line-height: 1.4em;
  text-align: center;
}
.alertLayer .btn_wrap {
  margin-top: 20px;
}
.alertLayer .btn_wrap button {
  min-width: 120px;
  height: 36px;
  border-radius: 18px;
  background-color: #5444cb;
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
  font-size: 18px;
  color: white;
  font-family: "NanumSquareOTFB", sans-serif;
  line-height: 20px;
  text-align: center;
  background-position: 0 2px;
}
.alertLayer .btn_wrap .btn_cancel {
  background-color: #e4e0ff;
  color: #5444cb;
}

/*뷰어 이벤트 바인더 관련*/
/*#_left_frame_evtBinder{*/
/*width: 50%;*/
/*height: 100%;*/
/*position: absolute;*/
/*top:0;*/
/*left:0;*/
/*background-color: transparent;*/
/*}*/
/*#_right_frame_evtBinder {*/
/*width: 50%;*/
/*height: 100%;*/
/*position: absolute;*/
/*top: 0;*/
/*right: 0;*/
/*}*/

/*# sourceMappingURL=viewer.css.map */