/* 마이페이지 버튼 */
.btn_mypage{
	z-index: 8888;
    position: absolute;
    width: 78px;
    height: 93px;
    right: 38px;
    top: -7px;
    background: url(/appv2/resources/main/img/mypage/mypage_btn_bg.png) no-repeat;
}
.mypage_profile_default{
	z-index: 11;
    position: absolute;
    width: 87px;
    height: 104px;
    background: url(/appv2/resources/main/img/mypage/mypage_btn_default.svg) no-repeat;
    top: -9px;
    left: 1150px;
}
.mypage_profile_noisy{
    z-index: 11;
    position: absolute;
    width: 87px;
    height: 104px;
    background: url(/appv2/resources/main/img/mypage/mypage_btn_noisy.svg) no-repeat;
    top: -9px;
    left: 1150px;
}
.mypage_profile_rabbit{
    z-index: 11;
    position: absolute;
    width: 87px;
    height: 104px;
    background: url(/appv2/resources/main/img/mypage/mypage_btn_rabbit.svg) no-repeat;
    top: -9px;
    left: 1150px;
}
.mypage_profile_pig{
   z-index: 11;
    position: absolute;
    width: 87px;
    height: 104px;
    background: url(/appv2/resources/main/img/mypage/mypage_btn_pig.svg) no-repeat;
    top: -9px;
    left: 1150px;
}
.mypage_profile_bird{
   z-index: 11;
    position: absolute;
    width: 87px;
    height: 104px;
    background: url(/appv2/resources/main/img/mypage/mypage_btn_bird.svg) no-repeat;
    top: -9px;
    left: 1150px;
}
.mypage_profile_thunderBoy{
   z-index: 11;
    position: absolute;
    width: 87px;
    height: 104px;
    background: url(/appv2/resources/main/img/mypage/mypage_btn_thunderBoy.png) no-repeat;
    top: -9px;
    left: 1150px;
}
.mypage_profile_fogGirl{
   z-index: 11;
    position: absolute;
    width: 87px;
    height: 104px;
    background: url(/appv2/resources/main/img/mypage/mypage_btn_fogGirl.png) no-repeat;
    top: -9px;
    left: 1150px;
}
.mypage_profile_snowBoy{
   z-index: 11;
    position: absolute;
    width: 87px;
    height: 104px;
    background: url(/appv2/resources/main/img/mypage/mypage_btn_snowBoy.png) no-repeat;
    top: -9px;
    left: 1150px;
}
.mypage_profile_rainGirl{
   z-index: 11;
    position: absolute;
    width: 87px;
    height: 104px;
    background: url(/appv2/resources/main/img/mypage/mypage_btn_rainGirl.png) no-repeat;
    top: -9px;
    left: 1150px;
}
.mypage_profile_doctorBolt{
   z-index: 11;
    position: absolute;
    width: 87px;
    height: 104px;
    background: url(/appv2/resources/main/img/mypage/mypage_btn_doctorBolt.png) no-repeat;
    top: -9px;
    left: 1150px;
}
.mypage_crown{
    position: absolute;
    width: 34px;
    height: 26px;
    background: url(/appv2/resources/main/img/mypage/crown_finish.svg) no-repeat;
    top: 15px;
    left: 26px;
}
/* 전체 크기 */
.mypage_all_wrap{
	z-index: 8889;
    display: none;
    position: absolute;
    width: 1280px;
    height: 800px;
    top: 0;
    left: 0;
    overflow: hidden;
}

/* 검은 투명 배경 */
.mypage_bg_dim{
    position: absolute;
    width: 1280px;
    height: 800px;
    background: #050505;
    opacity: 0.6;
    /* background: url(/appv2/resources/main/img/mypage/mypagepop_all2.png) no-repeat; */
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 12;
}

/* 메뉴 배경 */
.mypage_menu_bg{
    position: absolute;
    width: 270px;
    height: 800px;
    background: url(/appv2/resources/main/img/mypage/mypage_menu_bg.svg) no-repeat;
    right: 0;
    z-index: 13;
}

/* 프로필 캐릭터 선택 */
.mypage_character_wrap{
    position: relative;
}
.mypage_character_dim{
    display: none;
    position: absolute;
    width: 1280px;
    height: 800px;
    background: transparent;
    top: 0;
    right: 0;
    overflow: hidden;
}
.mypage_character_default{
    z-index: 9999;
    position: absolute;
    width: 66px;
    height: 66px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_default.png) no-repeat; /* 기본 */
    top: 33px;
    left: 41px;
}
.mypage_character_noisy{
    z-index: 9999;
    position: absolute;
    width: 66px;
    height: 66px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_noisy.png) no-repeat; /* 노이지 앨리 */
    top: 33px;
    left: 41px;
}
.mypage_character_rabbit{
    z-index: 9999;
    position: absolute;
    width: 66px;
    height: 66px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_rabbit.png) no-repeat; /* 리슨 래빗 */
    top: 33px;
    left: 41px;
}
.mypage_character_pig{
    z-index: 9999;
    position: absolute;
    width: 66px;
    height: 66px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_pig.png) no-repeat; /* 플래시 피그 */
    /* background: url(/appv2/resources/main/img/mypage/mypage_cha_bird.png) no-repeat; */ /* 콕콕 버드 */
    top: 33px;
    left: 41px;
}
.mypage_character_bird{
    z-index: 9999;
    position: absolute;
    width: 66px;
    height: 66px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_bird.png) no-repeat; /* 콕콕 버드 */
    top: 33px;
    left: 41px;
}

.mypage_character_thunderBoy{
    z-index: 9999;
    position: absolute;
    width: 66px;
    height: 66px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_th.png) no-repeat; /* 콕콕 버드 */
    top: 33px;
    left: 41px;
}

.mypage_character_fogGirl{
    z-index: 9999;
    position: absolute;
    width: 66px;
    height: 66px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_fog.png) no-repeat; /* 콕콕 버드 */
    top: 33px;
    left: 41px;
}

.mypage_character_snowBoy{
    z-index: 9999;
    position: absolute;
    width: 66px;
    height: 66px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_snow.png) no-repeat; /* 콕콕 버드 */
    top: 33px;
    left: 41px;
}

.mypage_character_rainGirl{
    z-index: 9999;
    position: absolute;
    width: 66px;
    height: 66px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_rain.png) no-repeat; /* 콕콕 버드 */
    top: 33px;
    left: 41px;
}

.mypage_character_doctorBolt{
    z-index: 9999;
    position: absolute;
    width: 66px;
    height: 66px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_doc.png) no-repeat; /* 콕콕 버드 */
    top: 33px;
    left: 41px;
}

.mypage_character_sel_wrap{
    display: none;
    z-index: 9998;
    position: absolute;
    width: 761px;
    height: 208px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_bg.png) no-repeat;
    top: 23px;
    right: 151px;
}
.sel_noisy{ /* 노이지 앨리 */
    position: absolute;
    width: 135px;
    height: 204px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_noisy.png) no-repeat;
    top: 0;
    left: 41px;
}
.sel_noisy:hover{
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_noisy_sel.png) no-repeat;
}
.sel_rabbit{ /* 리슨 래빗 */
    position: absolute;
    width: 135px;
    height: 204px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_rabbit.png) no-repeat;
    top: 0;
    left: 195px;
}
.sel_rabbit:hover{
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_rabbit_sel.png) no-repeat;
}
.sel_pig{ /* 플래시 피그 */
    position: absolute;
    width: 135px;
    height: 204px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_pig.png) no-repeat;
    top: 0;
    left: 346px;
}
.sel_pig:hover{
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_pig_sel.png) no-repeat;
}
.sel_bird{ /* 콕콕 버드 */
    position: absolute;
    width: 135px;
    height: 204px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_bird.png) no-repeat;
    top: 0;
    left: 500px;
}
.sel_bird:hover{
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_bird_sel.png) no-repeat;
}

/* 단계 */
.mypage_level_mini{
    position: absolute;
    width: 65px;
    height: 23px;
    background: url(/appv2/resources/main/img/mypage/mypage_tit_mini.svg) no-repeat;
    top: 35px;
    left: 160px;
}
.mypage_level_light{
    position: absolute;
    width: 65px;
    height: 23px;
    background: url(/appv2/resources/main/img/mypage/mypage_tit_light.svg) no-repeat;
    top: 35px;
    left: 160px;
}
.mypage_level_basic{
    position: absolute;
    width: 65px;
    height: 23px;
    background: url(/appv2/resources/main/img/mypage/mypage_tit_basic.svg) no-repeat;
    top: 35px;
    left: 160px;
}
.mypage_level_plus{
    position: absolute;
    width: 65px;
    height: 23px;
    background: url(/appv2/resources/main/img/mypage/mypage_tit_plus.svg) no-repeat; /* 플러스 */
    top: 35px;
    left: 160px;
}
.mypage_level_premium{
    position: absolute;
    width: 65px;
    height: 23px;
    background: url(/appv2/resources/main/img/mypage/mypage_tit_premium.svg) no-repeat; /* 프리미엄 */
    top: 35px;
    left: 160px;
}
.mypage_level_platinum{
    position: absolute;
    width: 65px;
    height: 23px;
    background: url(/appv2/resources/main/img/mypage/mypage_tit_platinum.svg) no-repeat; /* 플래티넘 */
    top: 35px;
    left: 160px;
}
.mypage_level_perfect{
    position: absolute;
    width: 65px;
    height: 23px;
    background: url(/appv2/resources/main/img/mypage/mypage_tit_perfect.svg) no-repeat; /* 퍼펙트 */
    top: 35px;
    left: 160px;
}

/* 사용자 이름 */
.mypage_user_name{
    position: absolute;
    width: 150px;
    top: 70px;
    left: 75px;
    font-family: 'NanumGothicBold';
    font-size: 25px;
    color: #595757;
    text-align: right;
}

/* 어린이 글자 */
.mypage_user_sub_name{
    font-size: 15px;
    margin-left: 5px;
}

/* 메뉴 전체 */
.mypage_menu_bg ul{
    position: absolute;
    width: 270px;
    top: 150px;
    /* top: 135px; */ /* 21-06-29 미영 수정 */
}
.mypage_menu_bg ul li{
    width: 270px;
    height: 78px;
}

/* 메뉴 qr코드 */
.mypage_menu_qr{
}
.mypage_menu_qr:hover{
}

.mypage_myReading_wrap{
    /* z-index: 1; */
    position: absolute;
    width: 297px;
    height: 71px;
    background: url(/appv2/resources/main/img/mypage/mypage_myReading.svg) no-repeat;
  	top: 230px;
   /*  top:214px; */ /* 21-06-29 미영 수정 */
    right: 0;
}
.mypage_myReading{
    z-index: 1;
    position: absolute;
    width: 86px;
    height: 47px;
    background: url(/appv2/resources/main/img/mypage/mypage_myReading_logo.svg) no-repeat;
    top: 11px;
    left: 53px;
}
.arrow_down{
    display: none; /* 2020-12-30 지훈 수정 */
    position: absolute;
    width: 19px;
    height: 12px;
    background: url(/appv2/resources/main/img/mypage/mypage_arrow_down.svg) no-repeat;
    top: 19px;
    left: 183px;
}
.arrow_up{
    /* display: none; */ /* 2020-12-30 지훈 수정 */
    position: absolute;
    width: 19px;
    height: 12px;
    background: url(/appv2/resources/main/img/mypage/mypage_arrow_up.svg) no-repeat;
    top: 19px;
    left: 183px;
}
.mypage_myReading_list{
    /* z-index: 9998; */
    /* display: none; */
    position: absolute;
    width: 297px;
    height: 239px;
    background: url(/appv2/resources/main/img/mypage/mypage_myReading_on.svg) no-repeat;
}
.mypage_report{
    position: absolute;
    width: 220px;
    height: 46px;
    font-family: 'NanumGothicBold';
    font-size: 20px;
    color: #FFFFFF;
    top: 81px;
    left: 36px;
    line-height: 48px;
    padding-left: 15px;
}
.mypage_portfolio{
     position: absolute;
    width: 220px;
    height: 46px;
    font-family: 'NanumGothicBold';
    font-size: 20px;
    color: #FFFFFF;
    top: 141px;
    left: 37px;
    line-height: 48px;
    padding-left: 15px;
}


/* 리딩토탈 정보 2020-12-30 지훈 신규 */
.reading_info_wrap {
    /* z-index: 9999; */
    position: absolute;
    width: 297px;
    height: 71px;
    background: url(/appv2/resources/main/img/mypage/my_reading_bar.svg) no-repeat;
   	top: 470px; 
    /* top:435px; */ /* 21-06-29 미영 수정 */
    right: 0;
}
.reading_info{
    z-index: 1;
    position: absolute;
    width: 172px;
    height: 47px;
    background: url(/appv2/resources/main/img/mypage/reading_info.svg) no-repeat;
    top: 13px;
    left: 50px;
}
.arrow_down2{
    position: absolute;
    width: 19px;
    height: 12px;
    background: url(/appv2/resources/main/img/mypage/mypage_arrow_down.svg) no-repeat;
    top: 17px;
    left: 186px;
}
.arrow_up2{
    display: none;
    position: absolute;
    width: 19px;
    height: 12px;
    background: url(/appv2/resources/main/img/mypage/mypage_arrow_up.svg) no-repeat;
    top: 17px;
    left: 186px;
}

/* 21-06-29 미영 수정 */
.reading_info_list{
    /* z-index: 9998; */
    display: none;
    position: absolute;
    width: 297px;
    height: 368px;
    background: url(/appv2/resources/main/img/mypage/my_reading_bar_on.svg) no-repeat;
	/*
	height:425px;
   	 background: url(/appv2/resources/main/img/mypage/my_reading_bar_on.png) no-repeat; */
}

/* 메뉴 튜토리얼 */
.mypage_menu_tutorial{
    width: 244px;
    height: 54px;
    background: url(/appv2/resources/main/img/mypage/tutorial.svg) no-repeat;
    margin: 80px 0 0 53px;
}

/* 메뉴 캐릭터소개 */
.mypage_menu_character{
    width: 244px;
    height: 58px;
    background: url(/appv2/resources/main/img/mypage/cha_intro.svg) no-repeat;
    margin: 17px 0 0 52px;
}

/* 메뉴 faq */
.mypage_menu_faq{
    width: 244px;
    height: 48px;
    background: url(/appv2/resources/main/img/mypage/faq.svg) no-repeat;
    margin: 18px 0 0 53px;
}

/* 메뉴 공지사항 */
.mypage_menu_notice{
    width: 244px;
    height: 46px;
    background: url(/appv2/resources/main/img/mypage/notice_event.svg) no-repeat;
    margin: 29px 0 0 55px;
}

/* 메뉴 화상 수업 버튼 추가 21-06-29 by 미영 (추후 활성화 예정) */
.reading_info_list .mypage_menu_video {
    width:230px;
    height:50px;
    margin: 22px 0 0 57px;
    background: url(/appv2/resources/main/img/mypage/video_class_icon.png) no-repeat;
}

/* 60 개월 ~ START */
.mypage_character_sel_wrap2{
    display: none;
    z-index: 9998;
    position: absolute;
    width: 781px;
    height: 628px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_bg2.png) no-repeat;
    top: 23px;
    right: 151px;
}
.sel_noisy2{ /* 노이지 앨리 */
    position: absolute;
    width: 138px;
    height: 208px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_noisy.png) no-repeat;
    top: 1px;
    left: 41px;
}
.sel_noisy2:hover{
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_noisy_sel.png) no-repeat;
}
.sel_rabbit2{ /* 리슨 래빗 */
    position: absolute;
    width: 138px;
    height: 208px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_rabbit.png) no-repeat;
    top: 1px;
    left: 195px;
}
.sel_rabbit2:hover{
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_rabbit_sel.png) no-repeat;
}
.sel_pig2{ /* 플래시 피그 */
    position: absolute;
    width: 138px;
    height: 208px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_pig.png) no-repeat;
    top: 1px;
    left: 346px;
}
.sel_pig2:hover{
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_pig_sel.png) no-repeat;
}
.sel_bird2{ /* 콕콕 버드 */
    position: absolute;
    width: 138px;
    height: 208px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_bird.png) no-repeat;
    top: 1px;
    left: 500px;
}
.sel_bird2:hover{
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_bird_sel.png) no-repeat;
}
.sel_thunderBoy{ /* 썬더 보이 */
    position: absolute;
    width: 138px;
    height: 208px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_th.png) no-repeat;
    top: 209px;
    left: 41px;
}
.sel_thunderBoy:hover{
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_th_sel.png) no-repeat;
}
.sel_fogGirl{ /* 포그 걸 */
    position: absolute;
    width: 138px;
    height: 208px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_fog.png) no-repeat;
    top: 209px;
    left: 195px;
}
.sel_fogGirl:hover{
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_fog_sel.png) no-repeat;
}
.sel_snowBoy{ /* 스노우 보이 */
    position: absolute;
    width: 138px;
    height: 208px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_snow.png) no-repeat;
    top: 209px;
    left: 346px;
}
.sel_snowBoy:hover{
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_snow_sel.png) no-repeat;
}
.sel_rainGirl{ /* 레인 걸 */
    position: absolute;
    width: 138px;
    height: 208px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_rain.png) no-repeat;
    top: 209px;
    left: 500px;
}
.sel_rainGirl:hover{
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_rain_sel.png) no-repeat;
}
.sel_doctorBolt{ /* 닥터 볼트 */
    position: absolute;
    width: 138px;
    height: 208px;
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_doc.png) no-repeat;
    top: 417px;
    left: 41px;
}
.sel_doctorBolt:hover{
    background: url(/appv2/resources/main/img/mypage/mypage_cha_big_doc_sel.png) no-repeat;
}

.readingTotalIcon {
    position: absolute;
    z-index: 11;
    left: 32px;
    display: block;
    float: left;
    overflow: hidden;
    width: 116px;
    height: 51px;
    margin-left: -5px;
    margin-top: 19px;
    background: url(/appv2/resources/main/images/reading_main/btn_deepR_on.svg);
}