/*
 * index5.css
 * 2025/2/21 혼합연령(원아이)
 */

/*홈화면*/
#homeNotice table{
  margin-top: 10px;
  margin-top: 10px;margin-bottom: 10px;
  background-color: rgba(0,0,0,0.01);
  border-radius: 10px;
}
#homeNotice table tr:hover{
  background-color: #efefef;
}
#homeNotice table td{
  border-top: 1px dotted #ddd;
  padding-top: 10px;
}

#homeContentUsage{
  background-color: rgba(0,0,0,0.)
}

#homeTableSchool{
  border:0px solid red;
  margin-top: 10px;margin-bottom: 10px;
  background-color: rgba(0,0,0,0.01);
  border-radius: 10px;
}
#homeTableSchool tr:hover{
  background-color: #efefef;
}
#homeTableSchool td{
  border-top: 1px dotted #ddd;
  padding-top: 10px;
}


#homeNotice{
  & td{
    font-size:15px;
  }  
  & td:not(:last-child){
    border-bottom: 1px dotted #dedede;
  }  
  & a { text-decoration: none;
      color: #36f;}
}

table.listview  th {text-align:left; padding-left: 7px;}
.printPage{
  border:0px solid #999;
  margin-bottom:20px;
}
.printPage img{
  width:100%;
  border:1px solid #ccc;
}
.printTitle{
  border:0px solid red;
  text-align: center;
}

.groupSent{
  padding-left: 23px;
  background-image: url(../img/multipage.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 20px;
}
.groupSent2{
  padding-left: 23px;
  background-image: url(../img/multipage2.png);
  background-position: 5px center;;
  background-repeat: no-repeat;
  background-size: 15px;
}
select option {background-color: #fff;}

/*CSS Tooltip https://deeplify.dev/front-end/markup/tooltip*/
.report .tooltiptext,
.pinseted .tooltiptext,
.pinset .tooltiptext,
.tooltip .tooltiptext {
  visibility: hidden;
  min-width: 120px;
  background-color: #FB2C62;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;

  /* Position the tooltip */
  position: absolute;
  margin-top:27px;
  z-index: 1;

  margin-left: -60px;
  
}
.report .tooltiptext::after,
.pinseted .tooltiptext::after,
.pinset .tooltiptext::after,
.tooltip .tooltiptext::after {
  content: " ";             /* 정사각형 영역 사용 */
  position: absolute;       /* 절대 위치 사용 */
  border-style: solid;
  border-width: 5px;        /* 테두리 넓이를 5px 로 설정 */
  top: -10px;
  left: 60px;
  border-color: transparent transparent #FB2C62 transparent;

}

.report:hover .tooltiptext,
.pinseted:hover .tooltiptext,
.pinset:hover .tooltiptext,
.tooltip:hover .tooltiptext {
  visibility: visible;
}

th{white-space: nowrap;}

/*보고서*/
#tableChild,#tableSchool{
  border:0px solid red;
}
#tableChild td,#tableSchool td{ text-align:center;}
#tableChild th,#tableSchool th{ border-right:1px dotted #fff;}
#tableChild td,#tableSchool td{ border-right:1px dotted #efefef;}
/*total총계*/
#tableChild tr:last-child td,#tableSchool tr:last-child td,
 tr.sumRow td{font-weight: bold;}

#report_month{ margin:auto  10px; }


.blind{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip:  rect(0, 0, 0, 0);
  clip-path: inset(50%);
}
button:disabled{pointer-events: none;sfilter:grayscale(1);sopacity:0.5;}
button.homeworkPapers{
  width: 20px; height: 20px;
  border-radius: 3px;
  border: none; outline: none;
  border:0px solid transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(https://cdn0.iconfinder.com/data/icons/feather/96/591246-paper-stack-512.png);
} 
button.homework:disabled{filter: grayscale(100%) opacity(0.2);} 
button.homework{
  width: 30px; height: 20px;
  border-radius: 3px;
  border: none; outline: none;
  border:0px solid transparent;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(https://cdn0.iconfinder.com/data/icons/free-daily-icon-set/512/MessageSent-256.png);
}
button.homeshare:disabled{filter: grayscale(100%);} 
button.homeshare{
  width: 20px; height: 20px;
  border-radius: 3px;
  border: none; outline: none;
  border:0px solid transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(https://cdn0.iconfinder.com/data/icons/ui-kit-elements/16/Home-256.png);
}
button.homeshare.on{
  border:0px solid red;
  background-image: url(https://cdn0.iconfinder.com/data/icons/free-any-house/96/house_of_love-home-256.png);
}

button.logging:disabled{filter: grayscale(100%);} 
button.logging{
  width: 20px; height: 20px;
  border-radius: 3px;
  border: none; outline: none;
  border:0px solid transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: none;url(https://cdn3.iconfinder.com/data/icons/feather-5/24/log-in-1024.png);
}
button.logging.on{
  border:0px solid red;
  background-image: url(https://cdn3.iconfinder.com/data/icons/feather-5/24/log-in-1024.png);
}

/*
 * loading.io.css
 *  https://loading.io/css/
 */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  position:absolute;
  top:50%; left: 50%;
  transform: translate(-50%, -50%);
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {animation-delay: -0.45s;}
.lds-ring div:nth-child(2) {animation-delay: -0.3s;}
.lds-ring div:nth-child(3) {animation-delay: -0.15s;}
@keyframes lds-ring {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

/* 목록 필터 고정 메뉴*/
#topStick{
  position: fixed;
  top:0; left:0px;
  padding-left: 250px;
  z-index: 100;
  width: 1200px; sheight: 200px;
  min-width: 800px;
  pointer-events: none;
  background-color: rgba(255,0,0,0);
}
#listFilter{pointer-events: auto;}
#topStick #listFilter{background-color: rgba(0,0,0,0.6);}
html {
  scroll-behavior: smooth;
}
#popMsgBox{
  display: none;
  position: absolute;
  position:absolute;
  top:50%; left: 50%;
  transform: translate(-50%, -50%);
  min-width: 300px;
  border-radius: 6px;
  color: white;
  font-style: italic;
  padding: 8px 10px;
  text-align: center;
  background-color: rgba(0,0,0,0.5); 
  pointer-events: none;
}  


/*
 * index.css
 */

* {
  box-sizing: border-box;
}
body {
  font-family: Arial;
  padding: 12px;
  background: #efefef;#33cccc;
  min-width: 1280px;

  text-size-adjust: none; /* for ipad/iphone safari */
  -webkit-text-size-adjust: none; /* for ipad/iphone safari */
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

html,body{
  text-size-adjust: none; /* for ipad/iphone safari */
  -webkit-text-size-adjust: none; /* for ipad/iphone safari */
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
input:focus,
div:focus{outline: none;}


.screen{
  display: none;
  position: absolute;
  width: 100%; height: 100%;
  min-width: 1280px;
  /* 화면 중앙 정렬 */
  top:50%; left: 50%;
  transform: translate(-50%, -50%);
}

#screenLoading{
  display: none;
  position: fixed;
  z-index: 999;
  pointer-events: auto; /* none: no blocking, auto: screenLock*/
  background-color: rgba(0,0,0,0.05);
}

#screenLogin{
  background: #EFEFEF 0% 0% no-repeat padding-box;
}
#loginBox{
  position: absolute;
  top:50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 390px;
  height: 333px;
  sbackground: #FFFFFF url(../img/kidscok.png) 140px 54px no-repeat padding-box;
  background: #FFFFFF url(../img/kidscok2.png) 168px 82px no-repeat padding-box;
  background-position: 120px 30px;
  background-size: 168px 82px;
  border: 1px solid #DBDBDB;
  opacity: 1;
}

table.formRow {
  font: ExtraLight 15px/21px S-Core Dream 4;
  border: 0px solid red;
  height: 100px;
}
table.formRow td{
  border-bottom: 1px solid #DBDBDB;  
}
table.formRow input{
  width: 200px;
  height: 25px;
  font: Bold 15px/25px S-Core Dream 4;
  font-family: 'Jua', 굴림;
  font-size: 18px;
  padding-bottom: 5px;
  padding-left: 10px;
  border: 0px solid red;
}

.formRow > input {
  float: right;
  width: 200px;
  height: 25px;
  font: Bold 15px/25px S-Core Dream 4;
  font-family: 'Jua', 굴림;
  font-size: 18px;
  padding-bottom: 5px;
  padding-left: 10px;
  border: 0px solid red;
}
.formRow{
  position: absolute;
  top: 197px;
  left: 61.5px;
  width: 268px;
  height: 27px;
  font: ExtraLight 15px/21px S-Core Dream 4;
  color: #707070;
  border-bottom: 1px solid #DBDBDB;
}
.formRow:first-child{
  top: 130px;
}

#btnLogin{
  position: absolute;
  top: 255px;
  left: 61.5px;
  width: 268px;
  height: 40px;
  font: Medium 14px/19px S-Core Dream 5;
  font-size: 16px;
  letter-spacing: 3px;
  color: #FFFFFF;
  background: #FB2C62 0% 0% no-repeat padding-box;
  border: 1px solid #FB2C62;
  border-radius: 3px;
  opacity: 1;
}
#menubar{
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 200px;
  height: 100%;
  color: #f7f7f7;
  background-color: #fff;
  background: #fff url(../img/kidscok.png) 45px 32px no-repeat padding-box; 
  background-position: center 10px;
  z-index: 2;
}

#homeName{
  position: absolute;
  top: 68px; left: 11px;
  width: 174px;
  padding-bottom: 10px;
  text-align: center;
  font-family: Jua, 굴림체;
  font-size: 18px;
  color: #333;
  border-bottom: 0px solid #DBDBDB;
}

#menubar > ul {
  position: absolute;
  top: 129px;
  width: 100%;
  margin: 0; padding: 0;
}

/* link */
#menubar li,
td.schoolName, 
td.className,
td.afterSchool, 
div.edit {cursor: pointer;}

#screenList > tr:hover{background-color: #f7f7f7;}

#menubar li{
  list-style: none;
  vertical-align: middle;
  slist-style-image: url(../img/01_off.png);
  background:url(../img/01_off.png) no-repeat 10px 5px;
  font: Medium 15px/15px S-Core Dream 5;
  font-family: 'Jua', 굴림;
  padding:3px 10px;
  padding-left: 38px;
  line-height: 30px;
  color: #000;#D1D1D1;
  filter: opacity(0.3) grayscale(100%);
}
#menubar  li[data-menu=home]{background-image: url(../img/n_01_on.png);}
#menubar  li[data-menu=class]{background-image: url(../img/n_02_on.png);}
#menubar  li[data-menu=child]{background-image: url(../img/n_03_on.png);}
#menubar  li[data-menu=childActivity]{background-image: url(../img/n_04_on.png);}
#menubar  li[data-menu=classActivity]{background-image: url(../img/n_05_on.png);}
#menubar  li[data-menu=password]{background-image: url(../img/n_10_on.png);sbackground-size: 20px;sbackground-position: 15px 7px;}
#menubar  li[data-menu=logout]{background-image: url(../img/n_11_on.png);sbackground-size: 15px;sbackground-position: 15px 10px;}
#menubar  li[data-menu=sendlog]{background-image: url(../img/n_06_on.png);sbackground-size: 15px;sbackground-position: 15px 10px;}
#menubar  li[data-menu=school]{background-image: url(../img/n_01_on.png);sbackground-size: 15px;sbackground-position: 15px 10px;}
#menubar  li[data-menu=audit]{background-image: url(https://cdn1.iconfinder.com/data/icons/seo-outline-colored-free/128/audit_check_search_Magnifying_Glass_Zoom_verification_1-512.png);background-size: 15px;background-position: 15px 10px;}


#menubar  li[data-menu=homeActivity]{background-image: url(../img/n_07_on.png);}
#menubar  li[data-menu=homework]{background-image: url(../img/n_08_on.png);}
#menubar  li[data-menu=homeLetter]{background-image: url(../img/mail.png);}


#menubar  li.select{
  color: #000;
  filter: opacity(1);
}
#menubar  li.select[data-menu=home]{background-image: url(../img/n_01_on.png);}
#menubar  li.select[data-menu=class]{background-image: url(../img/n_02_on.png);}
#menubar  li.select[data-menu=child]{background-image: url(../img/n_03_on.png);}
#menubar  li.select[data-menu=childActivity]{background-image: url(../img/n_04_on.png);}
#menubar  li.select[data-menu=classActivity]{background-image: url(../img/n_05_on.png);}
#menubar  li.select[data-menu=password]{background-image: url(../img/n_10_on.png);sbackground-size: 20px;}
#menubar  li.select[data-menu=logout]{background-image: url(../img/n_11_on.png);sbackground-size: 15px;}
#menubar  li.select[data-menu=sendlog]{background-image: url(../img/n_06_on.png);sbackground-size: 15px;}
#menubar  li.select[data-menu=school]{background-image: url(../img/n_01_on.png);sbackground-size: 15px;}
#menubar  li.select[data-menu=audit]{background-image: url(https://cdn1.iconfinder.com/data/icons/seo-outline-colored-free/128/audit_check_search_Magnifying_Glass_Zoom_verification_1-512.png);background-size: 15px;}

#menubar  li.select[data-menu=homeActivity]{background-image: url(../img/n_07_on.png);}
#menubar  li.select[data-menu=homework]{background-image: url(../img/n_08_on.png);}
#menubar  li.select[data-menu=homeLetter]{background-image: url(../img/mail.png);}

.screenTitle,
.screenListFilter,.searchFilter,
.screenList,
.screenListPaging
{
  border: 0px solid red;
}

.screenTitle,
.screenListFilter,.searchFilter,
.screenList,
.screenListPaging,
#screenTitle,
#screenForm,
#screenList {min-width: 800px; width: calc(100%-200px);}

.screenList{margin-bottom: 30px;}

.screenTitle,
#screenTitle{
  position: absolute;
  top: 47px;
  left: 248px;
  height: 37px;
  text-align: left;
  font: Medium 26px/37px S-Core Dream 5;
  font-family: 'Jua', 바탕;
  font-size: 22px;
  letter-spacing: 0;
  color: #000000;
  opacity: 1;
}

.screenListFilter,.searchFilter,
#screenForm{
  position: absolute;
  top: 101px;
  left: 248px;
  min-height: 21px;
  text-align: left;
  font: ExtraLight 15px/21px S-Core Dream 4;
  letter-spacing: 0;
  color: #777777;
  opacity: 1;  
}
.searchFilter{
  text-align: right;
}

/*.searchFilter > input[type="date"]::before{
  content: 'ⓧ';
  width: 20px; height: 20px; 
  border-radius: 50%;
  background-color: black;
  color: white;
  line-height: 20px;
  font-size: 20px;
}*/

.pagingBar{
  width: 100%;
  padding: 25px;
  display: flex;
  justify-content: center;
}

#btnMonthMeal,
#btnMonthMealPlanner,
#btnAttendanceChildList,
#btnAttendanceDateList,
button.paging{
  min-width: 25px;
  margin: 2px;
  padding: 5px;
  border: 1px solid #cccccc;
  border-radius: 2px;
  outline: none;
}
#btnMonthMeal.selected,
#btnMonthMealPlanner.selected,
#btnAttendanceChildList.selected,
#btnAttendanceDateList.selected,
button.paging.curPage{
  min-width: 25px;
  margin: 2px;
  padding: 5px;
  background-color: #FB2C62;
  color: white;
  border: 1px solid #FB2C62;
  outline: none;
}
#btnMonthMeal.selected,
#btnMonthMealPlanner.selected,
#btnAttendanceChildList.selected,
#btnAttendanceDateList.selected,
#screenHomeLetter button.paging.curPage{
  background-color: #FFAA00;#FB2C62;
  border: 1px solid #FFAA00;#FB2C62;  
}

button.csv{
  min-width: 25px;
  margin: 2px;
  margin-left: 10px;
  padding: 5px;
  scolor: white;
  sbackground-color: #333;
  sbackground-color: #FB2C62;
  border: 1px solid #cccccc;
  border-radius: 2px;
  outline: none;
}
button.csv:active{
  background-color: #FB2C62;
  color: white;
}

#listFilter{ white-space: nowrap;
/*border:1px solid red;
width: 700px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-content: center;
flex-wrap: wrap;
*/
display: flex;
justify-content: space-between;
}
#listFilter input,
#listFilter select,select.pagingSize,select#selectHomeLetterClass,
#listFilter button 
{ 
  margin-right:5px; 
  height: 30px;

}
#listFilter select,select.pagingSize,select#selectHomeLetterClass{border-radius: 5px;}

#listFilter button:active{transform: translateY(3px);}

#listFilter button { 
  height: 25px; 
  border-radius: 5px; 
  border-color: #cedede;
  color: #FFFFFF;
  background: #FB2C62 0% 0% no-repeat padding-box;
  border: 1px solid #FB2C62;
} 
#listFilter button {
  height: 25px; 
  border-radius: 5px; 
  border-color: #cedede;
  background: #2C62FB 0% 0% no-repeat padding-box;
  border: 1px solid #2C62FB;
  background-color: orange;
  border-color: orange;
background-color: #FB2C62;
border-color: #FB2C62;
color: #FFFFFF;
} 
#_listFilter button:active{
  color: #FFFFFF;
  background: #0C42DB 0% 0% no-repeat padding-box;
  border: 1px solid #0C42DB;
  background-color: gold;
  border-color: gold;
background-color: #FB2C62;
border-color: #FB2C62;
color: #FFFFFF;
} 
#listFilter button.disabled{
  background: #DEDEDE 0% 0% no-repeat padding-box;
  border: 1px solid #DEDEDE;  
  border-color: #dedede;
  background-color: orange;
  border-color: orange;
background-color: #FB2C62;
border-color: #FB2C62;
color: #FFFFFF;
} 

select.pagingSize,select#selectHomeLetterClass {margin-left: 10px;}
#listFilter select,
select.pagingSize,select#selectHomeLetterClass {
  height: 32px; 
  border:1px solid #ced9de;
}
option{background-color: blue;}
#listFilter select option[value='0']{scolor:red;sbackground-color: red;}

#listFilter select option,
select option{ scolor: white; sbackground: rgba(0,0,0,1);}

button#btnFilterApply,
button#btnFilterApply.disabled{
  margin-right: 20px; 
  sborder:1px solid red;
  sbackground: #FB2C62 0% 0% no-repeat padding-box;
  sborder: 1px solid #FB2C62;
}
button#btnFilterApprovedCancel{
  margin-right: 0;
}
button#btnStampSelector{
  border-radius: 10px;50%;
  width: 33px; height: 33px;
  background-color: transparent;#dedede;
  border: none;
  color: transparent;
  background-image: url(https://cloud.kidscok.com/img/08_stamp/good_07.png),
  url(../img/arrow_bottom_down_icon.png);
  background-size: 23px; contain;
  z-index: 1; position: relative; /*for z-index*/

  border: 1px solid #FB2C62;
  border-radius: 7px;50%;
  width: 33px; height: 27px;
  border: 1px solid #2C62FB;
  width: 47px;
  height: 25px; 
  border-radius: 5px; 
  border-color: #FB2C62;
  background-color: #FB2C62;#dedede;
  background-position:  3px center, 25px center;

  border-color: #dedede;
  background-color: white;
  height: 27px;
}
button#btnStampSelector:shover{
  transform: scale(2.2);
  cursor: pointer;
}

#popupStampSelector{
  display: none;
  z-index: 999;
  position: fixed;absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.1);
}

#popupReportWindow,
#popupClassLogWindow{
  display: none;
}
#wrapperReport,#wrapperClassLog{
  position: absolute;
  position: fixed;
  top: 100px; left: 300px;
  width: 860px; height: 500px;350px;
  border-radius: 15px;
  background-color: rgba(255,255,255,1);
  box-shadow: 1px 2px 15px #666;
  padding: 20px;  
overflow-y: auto;  
}
#wrapperClassLog{
  width: 90%;
  z-index:3;
  left: 50%;
  transform: translateX(-50%);
}
#wrapperClassLog th{
  text-align:left;
  padding-left:10px;
}
#wrapperClassLog td{
  font-family: "Courier New";
  font-size: 10px;
  line-height: 200%;
}
#titleClassLog{
  display:none;
}
#wrapperReport .btnClose,
#wrapperClassLog .btnClose{
  position: sticky;
  left: 100%;
}
#titleReport,#titleClassLog{
  padding: 20px 0;
  font-family: 'Jua';
  font-size: 18px;
}
#wrapperReport td,#wrapperClassLog td{
  border-bottom:1px dotted #dedede;
}

#wrapperStamp{
  position: absolute;
  top: 100px; left: 300px;
  width: 860px; height: 500px;350px;
  border-radius: 15px;
  background-color: rgba(255,255,255,1);
  box-shadow: 1px 2px 15px #666;
  padding: 20px;
}
#containerStamp{
  position: absolute;
  border:  0px solid red;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
  smargin: 20px;

  height: 450px;280px;
  overflow: auto;
}
.stamp{
  border: 1px solid transparent;
  width: 80px; height: 80px;
  border-radius: 10px; 50%;
  margin: 5px;
  background-color: rgba(255,255,255,0.8);
  background-repeat: no-repeat;
  background-size: contain;
  sbackground-image: url(https://cloud.kidscok.com/img/08_stamp/good_07.png);
}
.curStamp{border-radius: 50%; border: 3px dotted #FB2C62;}
/*
.stamp:nth-child(1){background-image: url('https://cloud.kidscok.com/img/08_stamp/good_01.png?noCache=0421');}
.stamp:nth-child(2){background-image: url('https://cloud.kidscok.com/img/08_stamp/good_02.png?noCache=0421');}
.stamp:nth-child(3){background-image: url('https://cloud.kidscok.com/img/08_stamp/good_03.png?noCache=0421');}
.stamp:nth-child(4){background-image: url('https://cloud.kidscok.com/img/08_stamp/good_04.png?noCache=0421');}
.stamp:nth-child(5){background-image: url('https://cloud.kidscok.com/img/08_stamp/good_05.png?noCache=0421');}
.stamp:nth-child(6){background-image: url('https://cloud.kidscok.com/img/08_stamp/good_06.png?noCache=0421');}
.stamp:nth-child(7){background-image: url('https://cloud.kidscok.com/img/08_stamp/good_07.png?noCache=0421');}
.stamp:nth-child(8){background-image: url('https://cloud.kidscok.com/img/08_stamp/good_08.png?noCache=0421');}
.stamp:nth-child(9){background-image: url('https://cloud.kidscok.com/img/08_stamp/good_09.png?noCache=0421');}
.stamp:nth-child(10){background-image: url('https://cloud.kidscok.com/img/08_stamp/good_10.png?noCache=0421');}
.stamp:nth-child(11){background-image: url('https://cloud.kidscok.com/img/08_stamp/good_11.png?noCache=0421');}
.stamp:nth-child(12){background-image: url('https://cloud.kidscok.com/img/08_stamp/good_12.png?noCache=0421');}
.stamp:nth-child(13){background-image: url('https://cloud.kidscok.com/img/08_stamp/good_13.png?noCache=0421');}
.stamp:nth-child(14){background-image: url('https://cloud.kidscok.com/img/08_stamp/good_14.png?noCache=0421');}

.stamp:nth-child(15){background-image: url('https://cloud.kidscok.com/img/08_stamp/animal_01.png?noCache=0421');}
.stamp:nth-child(16){background-image: url('https://cloud.kidscok.com/img/08_stamp/animal_02.png?noCache=0421');}
.stamp:nth-child(17){background-image: url('https://cloud.kidscok.com/img/08_stamp/animal_03.png?noCache=0421');}
.stamp:nth-child(18){background-image: url('https://cloud.kidscok.com/img/08_stamp/animal_04.png?noCache=0421');}
.stamp:nth-child(19){background-image: url('https://cloud.kidscok.com/img/08_stamp/animal_05.png?noCache=0421');}
.stamp:nth-child(20){background-image: url('https://cloud.kidscok.com/img/08_stamp/animal_06.png?noCache=0421');}
.stamp:nth-child(21){background-image: url('https://cloud.kidscok.com/img/08_stamp/animal_07.png?noCache=0421');}
.stamp:nth-child(22){background-image: url('https://cloud.kidscok.com/img/08_stamp/animal_08.png?noCache=0421');}
.stamp:nth-child(23){background-image: url('https://cloud.kidscok.com/img/08_stamp/animal_09.png?noCache=0421');}
.stamp:nth-child(24){background-image: url('https://cloud.kidscok.com/img/08_stamp/animal_10.png?noCache=0421');}
.stamp:nth-child(25){background-image: url('https://cloud.kidscok.com/img/08_stamp/animal_11.png?noCache=0421');}
.stamp:nth-child(26){background-image: url('https://cloud.kidscok.com/img/08_stamp/animal_12.png?noCache=0421');}
.stamp:nth-child(27){background-image: url('https://cloud.kidscok.com/img/08_stamp/animal_13.png?noCache=0421');}
.stamp:nth-child(28){background-image: url('https://cloud.kidscok.com/img/08_stamp/animal_14.png?noCache=0421');}

.stamp:nth-child(29){background-image: url('https://cloud.kidscok.com/img/08_stamp/nature_01.png?noCache=0421');}
.stamp:nth-child(30){background-image: url('https://cloud.kidscok.com/img/08_stamp/nature_02.png?noCache=0421');}
.stamp:nth-child(31){background-image: url('https://cloud.kidscok.com/img/08_stamp/nature_03.png?noCache=0421');}
.stamp:nth-child(32){background-image: url('https://cloud.kidscok.com/img/08_stamp/nature_04.png?noCache=0421');}
.stamp:nth-child(33){background-image: url('https://cloud.kidscok.com/img/08_stamp/nature_05.png?noCache=0421');}
.stamp:nth-child(34){background-image: url('https://cloud.kidscok.com/img/08_stamp/nature_06.png?noCache=0421');}
.stamp:nth-child(35){background-image: url('https://cloud.kidscok.com/img/08_stamp/nature_07.png?noCache=0421');}
.stamp:nth-child(36){background-image: url('https://cloud.kidscok.com/img/08_stamp/nature_08.png?noCache=0421');}
.stamp:nth-child(37){background-image: url('https://cloud.kidscok.com/img/08_stamp/nature_09.png?noCache=0421');}
.stamp:nth-child(38){background-image: url('https://cloud.kidscok.com/img/08_stamp/nature_10.png?noCache=0421');}
.stamp:nth-child(39){background-image: url('https://cloud.kidscok.com/img/08_stamp/nature_11.png?noCache=0421');}
.stamp:nth-child(40){background-image: url('https://cloud.kidscok.com/img/08_stamp/nature_12.png?noCache=0421');}
.stamp:nth-child(41){background-image: url('https://cloud.kidscok.com/img/08_stamp/nature_13.png?noCache=0421');}
.stamp:nth-child(42){background-image: url('https://cloud.kidscok.com/img/08_stamp/nature_14.png?noCache=0421');}
*/

.screenList,
#screenList{
  position: absolute;
  top: 154px;
  left: 247px;
  padding: 10px;
  min-height: 400px;
  background-color: #FFFFFF;
  border: 1px solid #DBDBDB;
  border-radius: 10px;
}

.screenListPaging{
  position: absolute;
  top: 554px;
  left: 247px;
  min-height: 50px;
  background-color: #FFFFFF;
  border: 1px solid #DBDBDB;
  border-radius: 10px;
}

form > table { width: 100%;}
table.listview tr:hover{background-color: #f9f9f9; }
table { width: 100%; border-spacing:0px; }
th{ 
  height: 50px; 
  font: Medium 15px/21px S-Core Dream 5;
  font-family: 'Jua', 굴림;
  font-weight: bold;
  font-size: 12px;14px;
  color: #000;
  background-color: #F2F2F2;
  text-align: left;
  text-align: center;/*default값 복구!!*/
} 
th.left{stext-align: left;}
th.right{stext-align: right;}

.orderAsc{color:DodgerBlue;}
.orderAsc:before {
   content:"▲";
   color: blue;
   margin-right: 3px;
}
.orderDesc{color:DodgerBlue;}
.orderDesc:before {
   content:"▼";
   color: red;
   margin-right: 3px;
}

td{
  padding: 5px;
  text-overflow:ellipsis; 
  overflow:hidden; 
  white-space:nowrap;
}
table.listview td{
  border-bottom: 1px dotted #ccc;
}

td.no{min-width: 30px; text-align: center; color:#999;}
/*schoolList*/
td.province,
td.addr{
    width: 80px;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow : hidden;
    white-space: nowrap;
}
td.addr:hover{
    text-overflow: clip;
    white-space: normal;
    word-break: break-all;
}
td.province{color:#999;}
td.onoff{width: 40px;}
td.onoff2{width: 40px;}
td.onoff3{width: 40px;}
td.schoolName{}
td.phone{width: 100px;}
td.principal{
    width:80px;
    text-overflow: ellipsis;
    overflow : hidden;
    white-space: nowrap;
}
td.principal:hover{
    text-overflow: clip;
    white-space: normal;
    word-break: break-all;
} 
td.nAgentSchool{width:40px; text-align: right; padding-right: 10px;}
td.nAgentChild{width:40px; text-align: right; padding-right: 10px;}
td.nClass{width:40px; text-align: right; padding-right: 10px;}
td.nChild{width:40px; text-align: right; padding-right: 10px;}
td.date,
td.datetime{
    dmax-width:130px;
    sfont-family: Verdana, Arial;
    sfont-size: 12px;
    stext-overflow: ellipsis;
    overflow : hidden;
    white-space: nowrap;
}
td.date{width: 80px;}
td.datetime{width:130px;max-width:130px;}
td.datetime2{width:165px;150px;max-width:165px; 150px;}
.lastOpenClass{color: #999;}
.lastOpenClassToday{color: DodgerBlue;}
.wsOpenDelay{font-family: Verdana,Arial; font-size: 5px;padding: 2px; color:#999;background-color: #dedede; border-radius: 50%;line-height: 12px;}
.wsReConnect{font-family: Verdana,Arial; font-size: 5px;padding: 2px; color:#999;background-color: #dedede; border-radius: 50%;line-height: 12px;}
.wssError{color: red;}
td.date:hover,
td.datetime2:hover,
td.datetime:hover{
    text-overflow: clip;
    white-space: normal;
    word-break: break-all;
}
td.datetime.manualClosed{color: red;}

td.photo{width: 50px; text-align: center;}
td.className,td.afterSchool{min-width: 100px;}
td.childName{min-width: 100px;}
td.teacher{width: 70px;}
td.preview{width:80px; text-align: center;}
td.count{text-align: center;}
/*혼합연령*/
td.childName::after{
  content:'';
  padding: 2px;
  margin-left: 1px;
  font-size: 14px;
  font-family: Verdana;
  font-weight: normal;
  color: gray;
  background-color: rgba(0,0,0,0.);
  border-radius: 40%;
}
td.childName.oage4::after{content:'(2)';}
td.childName.oage5::after{content:'(3)';}
td.childName.oage6::after{content:'(4)';}
td.childName.oage7::after{content:'(5)';}

td.icon{width:30px; text-align: center;}
td.uuid{
  font-family: "Courier New"; 
  font-size: 14px; 
  color: Tomato;  
}
td.uuid{
    max-width:100px;
    text-overflow: ellipsis;
    overflow : hidden;
    white-space: nowrap;
}
td.uuid:hover{
    text-overflow: clip;
    white-space: normal;
    word-break: break-all;
}
td.ip{
  font-family: "Courier New"; 
  font-size: 14px; 
  color: DodgerBlue;  
  font-weight: bold;
}
td.version{
  font-family: "Courier New"; 
  font-size: 14px; 
}

table.listview td{border-left:1px solid #f2f2f2;}
tr td:first-child{border-left:0px solid #f2f2f2;}
tr td:last-child{}
table.listview td.menuBtn{border-left:0px solid #f2f2f2;}

td.sortColumn{border-left:1px dotted red;}

td.listMore{
  padding: 20px;
  text-align: center;
  border-bottom: none;
}
img.classroom{width: 50px; height: 50px; border-radius: 8px;border:1px solid #dedede;}
img.face{width: 50px; height: 50px; border-radius: 8px;border:1px solid #dedede;}
img.preview{width: 70px; height: 50px; border-radius: 2px;border:1px solid #dedede;}
img.newWindow{width: 16px; height: 16px; border: none;}
button.onoff,
img.onoff{width: 37px;41px; height: 20px;22px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 37px 20px;
  background-image: url(../img/onoff_on.png);
  border:none;
  outline: none;
}
img.onoff.off{filter: grayscale(1);}
button.onoff.off{
  background-image: url(../img/onoff_off.png);
}

button.onoff3,
button.onoff2,
img.onoff3,
img.onoff2{width: 37px;41px; height: 20px;22px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 37px 20px;
  background-image: url(../img/onoff_on.png);
  border:none;
  outline: none;
}
img.onoff3.off,
img.onoff2.off{filter: grayscale(1);}
button.onoff3.off,
button.onoff2.off{
  background-image: url(../img/onoff_off.png);
}

button.pinset,
button.pinset2,
button.pinseted{
  background-color: transparent;
  border: none;
  outline: none;
}
button.pinset:after{content: "📌";}
button.pinset2:after{content: "📌";}
button.pinseted:after{content: "📍";}

button.closeClass{
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  background-color: #fff;
  padding: 3px 5px;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
  outline: none;  
}
button.closeClass:after{content: " 수동종료 ";}

#classPhotoPreview,
#childPhotoPreview{
  width: auto; height: auto;
  max-width: 286px;
  max-height: 286px;
}

#formWindow{
  display: none;
  position: fixed;
  top: 0; 
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.8);
  transition: opacity 10ms;
  z-index: 10;
}
#formWindow > div {
  position:absolute;
  top:0px;left:0px;
  top:50%; left: 50%;
  transform: translate(-50%, -50%);
  swidth:100%;400px; 
  min-height:300px;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 5px 5px rgba(0,0,0,0.1);
}
/*https://taegon.kim/archives/10088*/
#formWindow2{
  display: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  z-index: 1;
}
#formWindow2 > div {
  padding: 20px;
  min-height:300px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 5px 5px rgba(0,0,0,0.1);
}

#formSchool,#formSchool2{
  width: 330px;
}
#formClass{
  width: 650px;736px;
  height: 520px;512px;
}
/*암호변경!*/
#formClass2{
  width: 330px;
}
#formChild{
  width: 330px;385px;
  height: 517px;
}
.colName{
  font: Medium 14px/19px S-Core Dream 5;
  letter-spacing: 0; 
  font-family: 'Jua', 굴림;
  font-size: 14px;
  color: #333;
}

#formSchool input[type="text"],
#formClass input[type="text"],
#formChild input[type="text"],
#formSchool input[type="password"],
#formClass input[type="password"],
#formSystem2 input[type="text"],
#formSchool2 input[type="text"],
#formClass2 input[type="text"],
#formSystem2 input[type="password"],
#formSchool2 input[type="password"],
#formClass2 input[type="password"]
{
  width: 100%;310px; height: 30px;
  padding: 5px;
}
::placeholder {
  color: #aaa;
}
#formSchool input[type="password"],
#formClass input[type="password"],
#formSystem2 input[type="password"],
#formSchool2 input[type="password"],
#formClass2 input[type="password"]
{
  color: red;
}

.btnContentAge{
  width: 75px;
  height: 30px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DBDBDB;
  border-radius: 3px;
  outline: none;
  color: #aaa;
}
.btnContentAge.checked{
  width: 75px;
  height: 30px;
  background: #FB2C62 0% 0% no-repeat padding-box;
  border: 1px solid #FB2C62;
  border-radius: 3px;
  outline: none;
  color: #fff;
}
.btnContentAge.checked:before{
  content: '✔ ';
  color: white;
}
input[type="date"]{
  font-size: 11px;
  width: 150px; 
  height: 30px; 
}
input[type=date]::-moz-clear { display: none; }

[type="date"] {
  background:#fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)  97% 50% no-repeat ;
}
[type="date"]::-webkit-inner-spin-button {
  display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

input {
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  background-color: #fff;
  padding: 3px 5px;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
}

button.btnClose{
  position: absolute;
  border:none;
  top: 5px;29px;
  right: 5px;29px;
  width: 33px; height: 33px;
  background: transparent url(../img/_popup/close.png) center center no-repeat padding-box;
}

button:active{transform: translateY(4px);}

.formTitle{  
  padding: 5px;
  margin-bottom: 10px;
  font-family: 'Jua',굴림;
  font-weight: bold;
  font-size: 20px;
}

button.report{
  border: none;
  width: 22px; height: 22px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(https://cdn1.iconfinder.com/data/icons/business-and-finance-20/200/vector_65_14-512.png);
  background-size: cover;
}

button.edit{
  border: none;
  width: 22px; height: 22px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../icon_edit.png);
  background-size: cover;
}

button.delete{
  border: none;
  width: 22px; height: 22px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../icon_del.png);
  background-size: cover;
}
button.share{
  border: none;
  width: 22px; height: 22px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../icon_share.png);
  background-size: cover;
}
button.share.generated{filter: grayscale(1);}
button.share.generated.connected{filter: brightness(3) sepia(1);}
button.homeletter{
  border: 1px solid #dedede;
  width: 22px; height: 22px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../myHomeLetter/logo.png);
  background-color: #dedede;
  border-radius: 5px;
  background-size: contain;
}

th.link{ width: 40px; }

div:focus,
button:focus{outline: none;}

.formBtn,.formBtn2{
  margin-top: 10px;

  padding: 5px;
  border-radius: 3px;
  font-size: 20px;
  line-height: 20px;

  box-shadow: 0px 1px 0px 0px #f0f7fa;
  background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
  background-color:#33bdef;
  border-radius:6px;
  border:1px solid #057fd0;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:15px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:0px -1px 0px #5b6178;

  width: 100%;310px;
  height: 40px;
  background: #FB2C62 0% 0% no-repeat padding-box;
  border: 1px solid #FB2C62;
  opacity: 1;
}
.formBtn:hover,
.formBtn2:hover {
  background:linear-gradient(to bottom, #DB0C42 5%, #FB2C62 100%);
  background-color:#FB2C62;
}
.formBtn:active,
.formBtn2:active {
  position:relative;
  top:1px;
}

#classPhotoFrame{
  sposition: absolute;
  stop: 67px;
  sleft: 35px;
  width: 308px;
  height: 419px;
  border: 1px dashed #DBDBDB;
  opacity: 1;
}

#btnAdd{
  position: fixed; absolute;
  bottom: 100px;
  left: 75px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url(../img/add_icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  z-index: 3;
}
.btnAdd,
button.btnAddSchool,
button.btnAddClass,
button.btnAddChild,
button.btnAddHomeClassActivity,
button#btnAddHomeLetter
{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-image: url(../img/add_icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px; 
  border: none;
  outline: none; 
  z-index: 3;
}
.infoTitle{
  padding-left: 10px; 
  line-height: 40px;
}
.screenListFilter{
  display: flex;
}

#deleteWindow,#cancelWindow, #homeworkViewkWindow{
  display: none;
  position:fixed;
  top:0px;left:0px;
  width:100%; height:100%;
  background-color: rgba(0,0,0,0.7);
  z-index: 999;
}

#deleteWindow > div, #cancelWindow > div {
  position: absolute;
  stop: 399px;
  sleft: 687px;
  top:50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 547px;
  height: 282px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DBDBDB;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
  border-radius: 5px;
  opacity: 1;
}

#msgDelete,#msgCancel{
  position: absolute;
  top: 64px;
  left: 83px;
  width: 382px;
  height: 96px;
  text-align: center;
  font: Medium 17px/36px S-Core Dream 5;
  font-family: Jua, 굴림체;
  font-size: 17px;
  line-height: 200%;
  letter-spacing: 0;
  color: #000000;
  opacity: 1;
}

/*#closeDeleteWindow{
  position: absolute;
  top: 29px;
  right: 29px;
  width: 11px;
  height: 11px;
  background: transparent url('img/close.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}*/
#btnDelete,#btnCancel{
  position: absolute;
  top: 191px;
  left: 187px;
  width: 174px;
  height: 40px;
  background: #FB2C62 0% 0% no-repeat padding-box;
  border: 1px solid #FB2C62;
  font-size: 16px;
  border-radius: 3px;
  color: white;
  opacity: 1;  
}

#preview{
  position: absolute;
  position:absolute;
  top:0px;left:0px;
  top:50%; left: 50%;
  transform: translate(-50%, -50%);
  min-width:640px; 
  min-height:400px;
  padding: 20px;
  background-color: #fff;
  border: 0px solid #ccc;
  box-shadow: 1px 1px 5px 5px rgba(0,0,0,0.1);  
}

#preview iframe {
  width: 800px; height: 600px;
  border: 1px solid #dedede;
}

#childActivityContainer{
  width: 100%;
  min-width: 930px; max-width: 930px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#homeActivityContainer{
  width: 100%;
  min-width: 930px; max-width: 930px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#screenFilter{
  display: none;
  position: absolute;
  top: 101px;
  left: 248px;
  min-width: 218px;
  height: 21px;
  text-align: left;
  font: ExtraLight 15px/21px S-Core Dream 4;
  letter-spacing: 0;
  color: #777777;
  opacity: 1;
}

/*https://css-tricks.com/almanac/properties/p/position*/
#listFilter,
.listFilter{
  swidth: 100%;
  height: 50px;
  padding:10px;
  background-color: #f7f7f7;
  border-radius: 5px;
}

/*https://www.w3schools.com/howto/howto_js_sticky_header.asp*/
.sticky {
  position: fixed;
  top: 0;
  width: 100%
}
.sticky + .content {
  padding-top: 102px;
}

.slistFilter button{
  width: 100px;
  height: 35px;
  background-color: #ccc;
}
/*
div.dateSeperator
{
  clear: both;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  width: 100%;
}*/
div.dayActivity,
div.dayHomeActivity,
div.dateSeperator,
div.moreButton,
div.childActivity,
div.childActivityAutoCreated{
  position: relative;
  width: 300px; height: 220px;
  margin: 5px;
}
div.dateSeperator{
  font-weight: bold;
  line-height: 220px;
  font-size: 32px;
  text-align: center; 
  background-color: rgba(148,0,211,0.5); 
}
div.dateSeperator.dateChecked{
  color: white;
}
div.dayActivity,
div.dayHomeActivity{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  background-color: rgba(148,148,255,1); 
  background-color: #FB2C62

}
.dayActivity,
.dayHomeActivity{
  font-weight: bold;
  sline-height: 220px;
  font-size: 32px;
  text-align: center;   
}
.dayActivity div,
.dayHomeActivity div{
  border:0px solid red;
}
div.dayActivityCounter,
button.dayActivityCounter{
  padding-top: 10px;
  background-color: transparent;  
  font-family: 'Jua','굴림';
  font-size: 28px;
  border: none;
  outline: none;
  color: #fff;
}
button.openDayActivity{
  position: absolute;
  right: 20px;
  top: 10px;
  border: none;
  outline: none;
  width: 70px;
  height: 50px;
  border:0px solid white;
  background-color: transparent;
  background-image: url(../img/icon_folder_close.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
button.openDayHomeActivity{
  position: absolute;
  right: 20px;
  top: 10px;
  border: none;
  outline: none;
  width: 70px;
  height: 50px;
  border:0px solid white;
  background-color: transparent;
  background-image: url(../img/icon_folder_close.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
button.closeDayActivity{
  position: absolute;
  right: 20px;
  top: 10px;
  border: none;
  outline: none;
  width: 70px;
  height: 50px;
  border:0px solid white;
  background-color: transparent;
  background-image: url(../img/icon_folder_open.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
button.closeDayHomeActivity{
  position: absolute;
  right: 20px;
  top: 10px;
  border: none;
  outline: none;
  width: 70px;
  height: 50px;
  border:0px solid white;
  background-color: transparent;
  background-image: url(../img/icon_folder_open.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
button.closeDayActivity.open{background-image: url(../img/icon_folder_open.png);}
button.selectDayActivity{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
  border: none;
  outline: none;
  width: 70px;
  height: 50px;
  border:0px solid white;
  background-color: transparent;
  background-image: url(../img/icon_folder_check_off.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
button.selectDayActivity.checked{background-image: url(../img/icon_folder_check_on.png);}

div.dateSeperator,
div.moreButton{user-select: none;}

/*rainbow https://www.webnots.com/vibgyor-rainbow-color-codes/ */
div.dateSeperator:nth-child(7n+1){background-color: rgba(148,0,211,0.5);}
div.dateSeperator:nth-child(7n+2){background-color: rgba(75, 0, 130,0.5);} 
div.dateSeperator:nth-child(7n+3){background-color: rgba(0, 0, 255,0.5);}
div.dateSeperator:nth-child(7n+4){background-color: rgba(0, 255, 0,0.5);} 
div.dateSeperator:nth-child(7n+5){background-color: rgba(255, 255, 0,0.5);} 
div.dateSeperator:nth-child(7n+6){background-color: rgba(255, 127, 0,0.5);} 
div.dateSeperator:nth-child(7n+0){background-color: rgba(255, 0 , 0,0.5);}

div.subject_nuri{background: transparent url(../img/category/sub_01.png) center left no-repeat; background-size: 48px; padding-left: 64px;}
div.subject_originality{background: transparent url(../img/category/sub_02.png) center left no-repeat; background-size: 48px; padding-left: 64px;}
div.subject_personality{background: transparent url(../img/category/sub_03.png) center left no-repeat; background-size: 48px; padding-left: 64px;}
div.subject_korean{background: transparent url(../img/category/sub_04.png) center left no-repeat; background-size: 48px; padding-left: 64px;}
div.subject_math{background: transparent url(../img/category/sub_05.png) center left no-repeat; background-size: 48px; padding-left: 64px;}
div.subject_art{background: transparent url(../img/category/sub_06.png) center left no-repeat; background-size: 48px; padding-left: 64px;}
div.subject_hanja{background: transparent url(../img/category/sub_07.png) center left no-repeat; background-size: 48px; padding-left: 64px;}
div.subject_english{background: transparent url(../img/category/sub_08.png) center left no-repeat; background-size: 48px; padding-left: 64px;}
div.subject_science{background: transparent url(../img/category/sub_09.png) center left no-repeat; background-size: 48px; padding-left: 64px;}
div.subject_safety{background: transparent url(../img/category/sub_10.png) center left no-repeat; background-size: 48px; padding-left: 64px;}
div.subject_block{background: transparent url(../img/category/sub_11.png) center left no-repeat; background-size: 48px; padding-left: 64px;}
div.subject_story{background: transparent url(../img/category/sub_12.png) center left no-repeat; background-size: 48px; padding-left: 64px;}
div.subject_cok{background: transparent url(../img/category/sub_13.png) center left no-repeat; background-size: 48px; padding-left: 64px;}

div.moreButton{
  font-weight: bold;
  line-height: 220px;
  font-size: 32px;
  text-align: center; 
  background-color: rgba(0,255,126,0.5); 
}
div.childActivity,
div.childActivityAutoCreated{filter: grayscale(0);} /* 공개된 것-그레이 스케일! */
div.childActivity.locked,
div.childActivityAutoCreated.locked{filter: grayscale(0); scolor:#999;}
/* 공개여부 이미지 커버로 변경! */
div.childActivity,
div.childActivityAutoCreated{
  sbackground-image: url(../img/openActivity.png);
  background-position: top center;
  background-size: 300px 200px;
  background-repeat: no-repeat;
}
div.childActivity.locked,
div.childActivityAutoCreated.locked{background-image: none;}

#childActivityContainer
.childActivity div.cover,
#childActivityContainer
.childActivityAutoCreated div.cover {
  position: absolute;
  top: 0; left: 0;
  width: 300px; height: 200px;
  z-index: 1;
  
  background-image: url(../img/openActivity.png);
  background-position: top center;
  background-size: 300px 200px;
  background-repeat: no-repeat;
}
/*{{가정학습관리-선생님확인-스탬프*/
.cover .homeworkStamp{
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  
  background-color: rgba(0,0,0,0);
  background-repeat: no-repeat;
  background-size:120px 120px;
  background-position: center center;
  z-index: -1;
}
/*checked!!!{{*/
.checked .cover .homeworkStamp::after{
  content:"";
  position:absolute;
  width: 100%; height: 100%;
  sbackground-color: rgba(0,0,0,0.1);
  background-image: url(../img/checkbox.png);
  background-position: center center;
  background-size: 450px 330px;
  background-repeat: no-repeat;
}
/*}}*/
.homeworkStamp_1{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/good_02.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_2{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/good_01.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_3{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/good_03.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_4{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/good_04.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_5{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/good_05.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_6{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/good_06.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_7{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/good_07.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_8{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/good_08.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_9{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/good_09.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_10{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/good_10.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_11{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/good_11.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_12{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/good_12.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_13{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/good_13.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_14{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/good_14.png),url(../img/arrow_bottom_down_icon.png) !important;}

.homeworkStamp_15{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/animal_01.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_16{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/animal_02.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_17{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/animal_03.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_18{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/animal_04.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_19{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/animal_05.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_20{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/animal_06.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_21{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/animal_07.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_22{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/animal_08.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_23{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/animal_09.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_24{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/animal_10.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_25{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/animal_11.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_26{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/animal_12.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_27{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/animal_13.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_28{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/animal_14.png),url(../img/arrow_bottom_down_icon.png) !important;}

.homeworkStamp_29{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/nature_01.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_30{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/nature_02.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_31{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/nature_03.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_32{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/nature_04.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_33{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/nature_05.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_34{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/nature_06.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_35{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/nature_07.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_36{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/nature_08.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_37{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/nature_09.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_38{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/nature_10.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_39{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/nature_11.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_40{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/nature_12.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_41{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/nature_13.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_42{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/nature_14.png),url(../img/arrow_bottom_down_icon.png) !important;}

.homeworkStamp_43{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/praise_01.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_44{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/praise_02.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_45{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/praise_03.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_46{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/praise_04.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_47{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/praise_05.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_48{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/praise_06.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_49{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/praise_07.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_50{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/praise_08.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_51{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/praise_09.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_52{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/praise_10.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_53{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/praise_11.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_54{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/praise_12.png),url(../img/arrow_bottom_down_icon.png) !important;}

.homeworkStamp_55{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/encourage_01.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_56{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/encourage_02.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_57{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/encourage_03.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_58{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/encourage_04.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_59{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/encourage_05.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_60{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/encourage_06.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_61{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/encourage_07.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_62{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/encourage_08.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_63{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/encourage_09.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_64{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/encourage_10.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_65{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/encourage_11.png),url(../img/arrow_bottom_down_icon.png) !important;}
.homeworkStamp_66{background-color: rgba(0,0,0,0.1);background-image: url(https://cloud.kidscok.com/img/08_stamp/encourage_12.png),url(../img/arrow_bottom_down_icon.png) !important;}

/*}}*/


#childActivityContainer
.childActivity.locked div.cover {
  position: absolute;
  top: 0; left: 0;
  width: 300px; height: 200px;
  z-index: 1;
  
  background-image: none;
}

/*원아활동지->학부모공개->복습활동*/
.childActivity.revised div.cover::before{
  content:'';
  position:absolute;
  top:0;left:0;
  width:100%;height:100%;
  background-image:url(../img/childActivityReviesd.png);
  background-position: bottom right;
  background-repeat:no-repeat;
  sbackground-size: 150px;
}

#childActivityContainer
.checked div.cover{
  background-image: url(../img/checkbox.png), url(../img/openActivity.png);
  background-color: rgba(0,0,0,0.1);
  background-position: center center;
  background-size: 300px 200px;
  background-repeat: no-repeat;
}

#childActivityContainer
.locked.checked div.cover{
  background-image: url(../img/checkbox.png);
  background-color: rgba(0,0,0,0.1);
  background-position: center center;
  background-size: 300px 200px;
  background-repeat: no-repeat;
}

.childActivity IMG,
.childActivityAutoCreated IMG {
  position: absolute;
  top: 0px; left: 0;
  width: 300px; height: 200px;
  border: 1px solid #dedede; 
  pointer-events: none; 
}
.txtTitle,
.txtInfo{
  position: absolute;
  top: 200px; 
  width: 300px; height: 20px;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
}
.txtInfo{ top: 5px; }
.childActivity.checked .txtTitle,
.childActivity.checked .txtInfo{
  font-weight: bold;
}

.txtTitle > a{color:red;}
.txtTitle > a:hover {color:green;}
.txtTitle > a:visited {color:blue;}

.locked .txtTitle:before { content: '🔒'; }
/*.txtTitle:after { content: ')'; }*/
.approved .txtTitle:before { content: '❤️'; }

#homeActivityContainer
.locked .txtTitle:before { content: '🕶'; }

#homeActivityContainer
.childActivity div.cover,
#homrActivityContainer
.childActivityAutoCreated div.cover {
  position: absolute;
  top: 0; left: 0;
  width: 300px; height: 200px;
  z-index: 1;
  
  background-position: top center;
  background-size: 300px 200px;
  background-repeat: no-repeat;
  sbackground-image: url(../img/openActivity.png);
}

#homeActivityContainer
.childActivity.locked div.cover,
#homeActivityContainer
.childActivityAutoCreated.locked div.cover{
  position: absolute;
  top: 0; left: 0;
  width: 300px; height: 200px;
  z-index: 1;
  
  background-image: none;
  background-image: url(../img/openActivity.png);
}

#homeActivityContainer
.checked div.cover{
  sbackground-image: url(../img/checkbox.png), url(../img/openActivity.png);
  background-color: rgba(0,0,0,0.1);
  background-position: center center;
  background-size: 300px 200px;
  background-repeat: no-repeat;
  background-image: url(../img/checkbox.png);
}
#homeActivityContainer
.locked.checked div.cover{
  sbackground-image: url(../img/checkbox.png);
  background-color: rgba(0,0,0,0.1);
  background-position: center center;
  background-size: 300px 200px;
  background-repeat: no-repeat;
  background-image: url(../img/checkbox.png), url(../img/openActivity.png);
}


.txtInfo::first-letter{}
/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
/*@media screen and (max-width: 800px) {
  .leftcolumn, .rightcolumn {   
    width: 100%;
    padding: 0;
  }
}
*/
/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
/*@media screen and (max-width: 400px) {
  .topnav a {
    float: none;
    width: 100%;
  }
} */

#windowProfile{
  display: none;
  z-index: 999;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.5);
}
#windowProfile > div{
  position:absolute;
  top:50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 400px; sheight: 700px;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #dedede;
  background-color: white;
  box-shadow: 1px 1px 10px 1px #666;
}
#closeProfile{
  position: absolute;
  top: -10px; right: -10px;
  border:1px solid gray;
  width: 30px; height: 30px;
  background-color: black;
  color: white;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
}

button#setting{
  position: absolute;
  top: 68px; 
  margin: auto;sleft: 11px;
  width: 32px; height: 32px;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/setting.png);
  background-size: contain;
}

td.maincol,
.maincol{ font-weight:bold !important}

/*form input[type="text"]{
  font-family: 'Jua',Arial;
  font-size: 18px;
}
*//*form input[type="password"]{
  font-family: 'Jua',Arial;
  font-size: 18px;
}*/

/*---가정학습관리 활동자료 확대보기---*/
/*
 * https://stackoverflow.com/questions/2099517/how-to-load-in-an-external-css-file-dynamically
 * https://stackoverflow.com/questions/9979415/dynamically-load-and-unload-stylesheets
 */

#homeActivityContainer > .childActivity,
#homeActivityContainer > .childActivityAutoCreated {
  background-color: rgba(0,0,0,0.0) !important;
  width: 300px; height: 220px;
  width: 450px; height: 350px;330px;
}
#homeActivityContainer 
.childActivity IMG,
#homeActivityContainer
.childActivityAutoCreated IMG {
  position: absolute;
  top: 0px; left: 0;
  width: 450px; height: 330px;
  pointer-events: none; 
}
#homeActivityContainer 
div.dayHomeActivity,
#homeActivityContainer 
div.dayActivity,
#homeActivityContainer 
div.dateSeperator,
#homeActivityContainer 
div.moreButton,
#homeActivityContainer 
div.childActivity,
#homeActivityContainer
div.childActivityAutoCreated{
  position: relative;
  width: 450px; height: 350px;330px;
  margin: 5px;
  line-height: 330px;
}


#homeActivityContainer
div.childActivity,
#homeActivityContainer
div.childActivityAutoCreated {
  sbackground-image: url(../img/openActivity.png);
  background-position: top center;
  background-size: 450px 350px;
  background-repeat: no-repeat;
}

#homeActivityContainer
.childActivity div.cover,
#homeActivityContainer
.childActivityAutoCreated div.cover {
  position: absolute;
  top: 0; left: 0;
  width: 450px; height: 330px;
  z-index: 1;
  
  sbackground-image: url(../img/openActivity.png);
  sbackground-position: top center;
  sbackground-size: 450px 330px;
  sbackground-image: url(https://cloud.kidscok.com/img/08_stamp/good_02.png);
  background-color: rgba(0,0,0,0.1);
  background-position: center center;
  background-size:120px 120px;
  background-repeat: no-repeat;
}

#homeActivityContainer
.childActivity.locked div.cover, 
#homeActivityContainer
.childActivityAutoCreated.locked div.cover{
  position: absolute;
  top: 0; left: 0;
  width: 450px; height: 330px;
  z-index: 1;
  
  background-image: none;
  background-color: rgba(0,0,0,0);
}

#homeActivityContainer
.checked div.cover{
  sbackground-image: url(../img/checkbox.png), url(../img/openActivity.png);
  sbackground-image: url(../img/checkbox.png), url(https://cloud.kidscok.com/img/08_stamp/good_02.png);
  background-image: url(../img/checkbox.png);
  background-color: rgba(0,0,0,0.4);
  background-position: center center;
  background-size: 450px 330px, 120px 120px;
  background-repeat: no-repeat;
}

#homeActivityContainer
.locked.checked div.cover{
  background-image: url(../img/checkbox.png);
  background-color: rgba(0,0,0,0.1);
  background-position: center center;
  background-size: 450px 330px;
  background-repeat: no-repeat;
}

#homeActivityContainer
.txtTitle,
#homeActivityContainer
.txtInfo{
  position: absolute;
  top: 330px; 
  width: 450px; height: 20px;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
}
#homeActivityContainer
.txtInfo{
  top: 20px;
}

IMG.homework{
  border: 1px solid orange !important;
}
IMG.homeworkNew{
  pointer-events: none;
  border: 1px solid orange !important;
  filter: opacity(0.5) !important;
}

/*#homeActivityContainer .childActivity::after,
#homeActivityContainer .childActivityAutoCreated::after,*/
#homeActivityContainer .homeWorkChildActivity::after{
  position: absolute;
  bottom: 30px;
  right: 10px;
  width: 40px;height: 40px;
  content: "";
  background-image: url(https://cdn2.iconfinder.com/data/icons/ios-7-icons/50/sent-512.png);
    background-size: contain;
    display: inline-block;
  }

/*원아등록정보 팝업창-분반선택*/
#selectChildClass,
#selectChildAfterSchool{
   border-radius: 5px;
   height: 28px;
   border-color: #aaa;
 }   

/*협동활동지 뷰어(GroupActivity Viewer)*/
#popupGroupActivityViewer{
  position:fixed;
  top:0 ; left:0;
  width:100%; height:100%;
  border:0px solid red;
  background-color: rgba(0,0,0,0.5);
  z-index: 999;
}
#popupGroupActivityViewerClose{
  position:absolute;
  width: 980px; height: 610px;
  background-color: rgba(0,0,0,0);
  left: 50%;top: 50%;
  transform: translate(-50%,-50%); 
  background-image: url(https://cdn4.iconfinder.com/data/icons/round-buttons/512/red_x.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
#groupActivityViewer{
  position:absolute;
  width: 900px; height: 500px;
  border:10px solid black;
  left: 50%;top: 50%;
  transform: translate(-50%,-50%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color:black;
}