/*
 * skin2026.css
 * -2024 연령변경 4,5,6,7세 -> 만2,3,4,5세
 * -2025 플레이콕(play) 추가
 * -자료실 변경
 * -반선택화면 자료링크 삭제! (#iconLink)
 */
#iconLink{display: none;}
#kidscok_text{top: 832px;}
#screenSplash::before{
  pointer-events: none;
  content:'';
  position: absolute;
  top: 0;left: 0;width: 100%; height: 100%;
  background-image: url(../img/00_splash/ai_img_guide.png);
  background-position: 696px 1029px;
  background-size: 526px 19.5px;
  background-repeat: no-repeat;
}
#screenSelectClass{background-image: url(../img/skin/bg_fall.jpg);}
#screenSelectClass.winter{background-image: url(../img/skin/bg_winter.jpg);}
#screenSelectClass.spring{background-image: url(../img/skin/bg_spring.jpg);}
#screenSelectClass.summer{background-image: url(../img/skin/bg_summer.jpg);}
#screenSelectClass.fall{background-image: url(../img/skin/bg_fall.jpg);}

#screenSelectClass.skin_mm_01{background-image: url(../img/skin/bg_01m.jpg);}
#screenSelectClass.skin_mm_02{background-image: url(../img/skin/bg_02m.jpg);}
#screenSelectClass.skin_mm_03{background-image: url(../img/skin/bg_03m.jpg);}
#screenSelectClass.skin_mm_04{background-image: url(../img/skin/bg_04m.jpg);}
#screenSelectClass.skin_mm_05{background-image: url(../img/skin/bg_05m.jpg);}
#screenSelectClass.skin_mm_06{background-image: url(../img/skin/bg_06m.jpg);}
#screenSelectClass.skin_mm_07{background-image: url(../img/skin/bg_07m.jpg);}
#screenSelectClass.skin_mm_08{background-image: url(../img/skin/bg_08m.jpg);}
#screenSelectClass.skin_mm_09{background-image: url(../img/skin/bg_09m.jpg);}
#screenSelectClass.skin_mm_10{background-image: url(../img/skin/bg_10m.jpg);}
#screenSelectClass.skin_mm_11{background-image: url(../img/skin/bg_11m.jpg);}
#screenSelectClass.skin_mm_12{background-image: url(../img/skin/bg_12m.jpg);}

#age_icon_start{background-image: url(../img/skin/btn_start_off.png)}
#age_icon_start.on{background-image: url(../img/skin/btn_start_on.png);}

#age4{sleft: 417px;448px; background-image: url(../img/skin/age_select_4_2026.png)}
#age5{sleft: 640.5px;657.5px; background-image: url(../img/skin/age_select_5_2026.png)}
#age6{sleft: 863.5px;866px; background-image: url(../img/skin/age_select_6_2026.png)}
#age7{sleft: 1087px;1074px; background-image: url(../img/skin/age_select_7_2026.png)}
#age8{sleft: 1310px;1282.5px; background-image: url(../img/skin/age_select_0_2026.png)}

#age8{background-image: url(../img/skin/age_select_8_2026.png) !important;}
#age0{background-image: url(../img/skin/age_select_0_2026.png)}


#age4s{sleft: 739.5px;757px; background-image: url(../img/skin/age_select_4_off_2026.png)}
#age5s{sleft: 832.5px;842px; background-image: url(../img/skin/age_select_5_off_2026.png)}
#age6s{sleft: 925.5px;927.5px; background-image: url(../img/skin/age_select_6_off_2026.png)}
#age7s{sleft: 1018.5px;1012.5px; background-image: url(../img/skin/age_select_7_off_2026.png)}
#age8s{sleft: 1111.5px;1097.5px; background-image: url(../img/skin/age_select_8_off_2026.png)}
#age0s{background-image: url(../img/skin/age_select_0_off_2026.png)}

#age4s.on{background-image: url(../img/skin/age_select_4_2026.png);}
#age5s.on{background-image: url(../img/skin/age_select_5_2026.png);}
#age6s.on{background-image: url(../img/skin/age_select_6_2026.png);}
#age7s.on{background-image: url(../img/skin/age_select_7_2026.png);}
#age8s.on{background-image: url(../img/skin/age_select_8_2026.png);}
#age0s.on{background-image: url(../img/skin/age_select_0_2026.png);}

.class{
  border:1px solid #dedede;
  background-color: #ccc;
}
.class.age4.on{background-color: #78DD62;}
.class.age5.on{background-color: #FFBA00;}
.class.age6.on{background-color: #FF4545;}
.class.age7.on{background-color: #336EE6;}
.class.age8.on{background-color: #5DC5F9;}
.class.age0.on{background-color: #B76BD6;}

/*원아확인창*/
#childWindowsAgeSelector > button[data-age="5"]{background-image: url(../img/skin_01/age_select_5s_off_2024.png);}
#childWindowsAgeSelector > button[data-age="6"]{background-image: url(../img/skin_01/age_select_6s_off_2024.png);}
#childWindowsAgeSelector > button[data-age="7"]{background-image: url(../img/skin_01/age_select_7s_off_2024.png);}

#childWindowsAgeSelector > button.selected[data-age="5"]{background-image: url(../img/skin_01/age_select_5_2024.png);}
#childWindowsAgeSelector > button.selected[data-age="6"]{background-image: url(../img/skin_01/age_select_6_2024.png);}
#childWindowsAgeSelector > button.selected[data-age="7"]{background-image: url(../img/skin_01/age_select_7_2024.png);}

/*방과후전송*/
#popupMenuSend div button[data-age="5"]{
  background-image: url(../img/skin_01/icon_send2_select_5_2024.png);
  background-size: contain;  }
#popupMenuSend div button[data-age="6"]{
  background-image: url(../img/skin_01/icon_send2_select_6_2024.png);
  background-size: contain;  }
#popupMenuSend div button[data-age="7"]{
  background-image: url(../img/skin_01/icon_send2_select_7_2024.png);
  background-size: contain;  }
#popupMenuSend div button[data-age="0"]{
  background-image: url(../img/skin_01/icon_send2_select_all_2026.png);
  background-size: contain;  }

#menu_faq{background-image: url(../img/play_off.png);}
#menu_faq.on{background-image: url(../img/play_on.png);}

/*자료실팝업*/
#titleAge{background-image: url(../img/05_cms/age_5_2024.png);}
#titleAge.age4,
#titleAge.age5{background-image: url(../img/05_cms/age_5_2026.png);}
#titleAge.age6{background-image: url(../img/05_cms/age_6_2026.png);}
#titleAge.age7{background-image: url(../img/05_cms/age_7_2026.png);}
#titleAge.age8{background-image: url(../img/05_cms/age_all_2026.png);}
#titleAge.age0{background-image: url(../img/05_cms/age_other_2026.png);}

#titleAge.age4 > .closeCMSWindow,
#titleAge.age5 > .closeCMSWindow{
  background-size: contain;
  background-image: url(../img/05_cms/btn_close_age5.png);}
#titleAge.age6 > .closeCMSWindow{
  background-size: contain;
  background-image: url(../img/05_cms/btn_close_age6.png);}
#titleAge.age7 > .closeCMSWindow{
  background-size: contain;
  background-image: url(../img/05_cms/btn_close_age7.png);}
#titleAge.age8 > .closeCMSWindow{
  background-size: contain;
  background-image: url(../img/05_cms/btn_close_all.png);}
#titleAge.age0 > .closeCMSWindow{
  background-size: contain;
  background-image: url(../img/05_cms/btn_close_other.png);}

/*cmsWindow2.css*/
.subject:nth-child(1),
.subject:nth-child(2),
.subject:nth-child(3),
.subject:nth-child(4){
  width: 145px;150px;
  height: 145px;150px;
}
.subject:nth-child(5){/*너콕나콕*/
  width: 150px;height: 150px;
}

.subject.page1{display: block;}
.subject.page2{display: none;}

.subject:nth-child(6),
.subject:nth-child(7),
.subject:nth-child(8),
.subject:nth-child(9),
.subject:nth-child(10),
.subject:nth-child(11),
.subject:nth-child(12),
.subject:nth-child(13),
.subject:nth-child(14),
.subject:nth-child(15){
  sdisplay:none;
  width: 90px;
  height: 90px;
  width: 120px;
  height: 120px;
  margin: 10px 7px;
}
/*2025년도 신학기 업데이트-플레이콕(play)*/
.subject:nth-child(16){/*플레이콕*/
  width: 90px;
  height: 90px;
  width: 150px;height: 150px;
  background-color: rgba(0, 0, 0, 0);
}

.subject[data-category='nuri']{
  background-image: url(../img/05_cms/sub1_nuri_2026.png) !important;
}
.subject[data-category='korean']{
  background-image: url(../img/05_cms/sub1_korean_2026.png) !important;
}
.subject[data-category='math']{
  background-image: url(../img/05_cms/sub1_math_2026.png) !important;
}
.subject[data-category='block']{
  background-image: url(../img/05_cms/sub1_coding_2026.png) !important;
}
.subject[data-category='coop']{
  background-image: url(../img/05_cms/sub1_coop_2026.png) !important;
}
.subject[data-category='play']{
  background-image: url(../img/05_cms/sub1_play_2026.png) !important;
}

.subject[data-category='safety']{background-image: url(../img/05_cms/sub2_safety_2026.png) !important;}
.subject[data-category='hanja']{background-image: url(../img/05_cms/sub2_hanja_2026.png) !important;}
.subject[data-category='originality']{background-image: url(../img/05_cms/sub2_originality_2026.png) !important;}

.subject[data-category='english']{background-image: url(../img/05_cms/sub2_english_2026.png) !important;}
.subject[data-category='art']{background-image: url(../img/05_cms/sub2_art_2026.png) !important;}
.subject[data-category='science']{background-image: url(../img/05_cms/sub2_science_2026.png) !important;}

.subject[data-category='personality']{background-image: url(../img/05_cms/sub2_personality_2026.png) !important;}
.subject[data-category='story']{background-image: url(../img/05_cms/sub2_story_2026.png) !important;}
.subject[data-category='cok']{background-image: url(../img/05_cms/sub2_cok_2026.png) !important;}

.subject[data-category='silver']{background-image: url(../img/05_cms/sub_14.png) !important;}

/*siver 실버콕*/
.subject.disabled[data-category='silver']{
  border:0px solid red;
  background-image: none !important;
  pointer-events: none;
}

#contentListTitleIcon.nuri{background-image: url(../img/05_cms/sub_title_nuri_2026.png) !important;}
#contentListTitleIcon.korean{background-image: url(../img/05_cms/sub_title_korean_2026.png) !important;}
#contentListTitleIcon.math{background-image: url(../img/05_cms/sub_title_math_2026.png) !important;}
#contentListTitleIcon.block{background-image: url(../img/05_cms/sub_title_block_2026.png) !important;}
#contentListTitleIcon.safety{background-image: url(../img/05_cms/sub_title_safety_2026.png) !important;}
#contentListTitleIcon.hanja{background-image: url(../img/05_cms/sub_title_hanja_2026.png) !important;}
#contentListTitleIcon.originality{background-image: url(../img/05_cms/sub_title_originality_2026.png) !important;}
#contentListTitleIcon.english{background-image: url(../img/05_cms/sub_title_english_2026.png) !important;}
#contentListTitleIcon.art{background-image: url(../img/05_cms/sub_title_art_2026.png) !important;}
#contentListTitleIcon.science{background-image: url(../img/05_cms/sub_title_science_2026.png) !important;}
#contentListTitleIcon.personality{background-image: url(../img/05_cms/sub_title_personality_2026.png) !important;}
#contentListTitleIcon.story{background-image: url(../img/05_cms/sub_title_story_2026.png) !important;}
#contentListTitleIcon.cok{background-image: url(../img/05_cms/sub_title_cok_2026.png) !important;}
#contentListTitleIcon.silver{background-image: url(../img/05_cms/sub_14.png) !important;}
#contentListTitleIcon.coop{background-image: url(../img/05_cms/sub_title_coop_2026.png) !important;}
#contentListTitleIcon.play{background-image: url(../img/05_cms/sub_title_play_2026.png) !important;}

#subjectFolderPage{
  text-align: center;
  font-size: 42px;
  height: 40px;
  font-family: helvetica,Arial;
}

#subjectFolderPrev{
  color: transparent;
  border:0px solid red;
  background-image:url(../img/05_cms/btn_prev_off.png);
  background-repeat: no-repeat;
  background-position: center center;
}
#subjectFolderPrev.on{background-image:url(../img/05_cms/btn_prev.png);}
#subjectFolderNext{
  color: transparent;
  border:0px solid red;
  background-image:url(../img/05_cms/btn_next_off.png);
  background-repeat: no-repeat;
  background-position: center center;
}
#subjectFolderNext.on{background-image:url(../img/05_cms/btn_next.png);}

#ageBox5{background-image: url('../img/05_cms/level_1_off.png');}
#ageBox6{background-image: url('../img/05_cms/level_2_off.png');}
#ageBox7{background-image: url('../img/05_cms/level_3_off.png');}

#ageBox5.curAgeBox{background-image: url('../img/05_cms/level_1.png');}
#ageBox6.curAgeBox{background-image: url('../img/05_cms/level_2.png');}
#ageBox7.curAgeBox{background-image: url('../img/05_cms/level_3.png');}

#ageBoxBlock5{background-image: url('../img/05_cms/step_01_off.png');}
#ageBoxBlock6{background-image: url('../img/05_cms/step_02_off.png');}
#ageBoxBlock7{background-image: url('../img/05_cms/step_03_off.png');}

#ageBoxBlock5.curAgeBoxBlock{background-image: url('../img/05_cms/step_01.png');}
#ageBoxBlock6.curAgeBoxBlock{background-image: url('../img/05_cms/step_02.png');}
#ageBoxBlock7.curAgeBoxBlock{background-image: url('../img/05_cms/step_03.png');}

/*로그인화면*/
#screenLogin{
  background-position:  766px 912px, center center;
  background-size: 388px, contain;
  background-image: 
    url(../img/login_2026/kidscok.png),
    url(../img/login_2026/screen.png);
}

#loginBox{
  top: 359px; 719px;
  left: 606px;12px;
  width: 708px;1416px;
  height: 382px;763px;
  background-size: 156px,345px 188px;
  background-position:468px 0, 0 92px;
  background-image: 
    url(../img/login_2026/login_cap.png),
    url(../img/login_2026/logo.png);
}

#login_join{position: absolute;
  top: 422px;
  left: 515.5px;
  width: 167px;
  height: 33px;
  top: 881px;
  left: 1965px;
  width: 663px;
  height: 131px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/01_login/00_login_join.png);
}
#login_pw{position: absolute;
top: 422px;
left: 690px;
width: 167px;
height: 33px;
top: 1028px;
left: 1965px;
width: 663px;
height: 131px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/01_login/00_login_pw.png);
}
input[type=text],input[type=password]{
  position: absolute;
  color: #396;
  background-color: rgba(0,0,0,0);
  border: none;
  border-radius: 0 50px 50px 0; 
  padding: 0;5px 20px;
  width: 272px; height: 66px;
  font-size: 24px;
  font-family: 'Jua', sans-serif;
  outline: none;
}
#email{top: 81px; left: 436px;}
#pass{top: 154px; left: 436px;}

form {margin: 0;}

#login_id_off{position: absolute;
  top: 81px; left: 376px;
  width: 332px;height: 65px;
  background-position: 21px 21px,center center;
  background-repeat: no-repeat;
  background-size: 31px, contain;
  background-image:
   url(../img/login_2026/icon_id.png),
   url(../img/login_2026/login_input.png);
}
#login_pw_off{position: absolute;
  top: 154px; left: 376px;
  width: 332px;height: 65px;
  background-position: 25px 16px,center center;
  background-repeat: no-repeat;
  background-size: 25px, contain;
  background-image: 
  url(../img/login_2026/icon_pw.png),
  url(../img/login_2026/login_input.png);
}

#save_check_id{top: 314px;left: 627px;}
#save_check_pw{top: 349px;left: 627px;}
.save_check{
  position: absolute;
  width: 57.5px;height: 32.5px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/01_login/00_login_check_off.png);
}
.save_check.on{
  background-image: url(../img/01_login/00_login_check_on.png);
}
.save_check::before{
  content:'';
  position: absolute;
  top:0; left: -104px;
  width: 104px;
  height: 21px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/login_2026/txt_pw_save.png);
}
#save_check_id::before{background-image: url(../img/login_2026/txt_id_save.png)}
#save_check_pw::before{background-image: url(../img/login_2026/txt_pw_save.png)}


#btnLogin {
  top: 228px !important;left: 376px !important;
  width: 663px;height: 132px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/login_2026/btn_login_off.png) !important;
}
#btnLogin.on{background-image: url(../img/login_2026/btn_login_on.png) !important;}
#btnLogin.on:active{
  transform: translateY(4px);
  sbackground-image: url(../img/login_2026/btn_login_on.png);
}