#div_mylete{
    display:none;
    position:fixed;
    top:20%;
    right:0px;
    left:0px;
    margin: auto;
    width:300px;
    height:auto;
    border-radius:5px;
    background:white;
    z-index:4;
    box-shadow: 3px 0px 17px 0 rgb(0 0 0 / 15%);
}
.close_mylete{
    float: right;
    margin-top: 5px;
    font-size:1rem;
    margin-right:5px; 
}
#div_subscription{
    width:300px;
    border-right: 1px solid rgb(228, 228, 228);
    padding-right: 10px;
    padding-top: 10px;
    background: white;
    display: inline-block;
}
.div_subscription_list{
    display:none;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom:10px;
    padding-right:10px;
    padding-top: 10px;
    background:white;
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
}
.lete-school-right{
    width:100%;
    margin: auto;
    max-width: 1345px;
}
.lete-box{
    max-width:2000px;
}
#img_sch_mainbaer_m{
        display:none;
}    
#img_top2_m{
        display:none;
    }
#img_top2_2_m{
        display:none;
    }
#img_top3_m{
        display:none;   
    }
.sidecarBottom{
    padding: 20px 10px;
    border-top: 1px solid #e4e4e4;
    display:flex;text-align: center;flex-wrap: wrap;flex-direction: row;justify-content: center;
    cursor:pointer;
}
.div_sidecart{
    border-radius: 30px 30px 30px 30px;box-shadow: 0 0 17px 0 rgb(0 0 0 / 15%);
    background:white;
}
#div_lecute_card, #div_lecute_card_best{
   text-align: left; 
}
.img_big{
    transform: scale( 1.5 );
}
.ptop60{
    padding-top:63px;
}

.lete-school-card{
    border-radius:0px;width:315px;
}
.div_click_popup{
    height: 195px;background:#9e9e9e;border-radius:3px;position:relative;width:315px;cursor:pointer;background-size: cover;
}
.mtop40{
    margin-top: 48px;
}
.top_magam{ 
    position:absolute;left: 13px;top:13px;width:100%;text-align:left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    gap: 4px;
}
.sp_magam_info1{
   width:63px;height:25px;background:#EA3323;color:white;line-height:25px;text-align:center; 
}
.popup .sp_magam_info1{
    line-height: 15px;
    height: 19px;
}
.sp_magam_info2{
    width:63px;height:25px;color:white;line-height:25px;text-align:center;font-size: 14px;
}
.sp_magam_info2.up{
    background:#704ce8;
    font-size: 16px;
    width:75px;
}
.sp_magam_info3{
    width:63px;height:25px;background:#0000F5;color:white;line-height:25px;text-align:center;font-size:14px;
}
.top_big_name{
   color:white !important;
   font-size:2.2rem !important;
   letter-spacing: 2px !important;
   margin: 0px !important; 
}
.bsj_names.top_bg{
  display:flex;
  justify-content: center;
  align-items: center;
  color:gray;
  font-size:1.5rem;
  letter-spacing: 2px;
  margin: 0px;
  background:white;
  min-width:140px;
  padding: 2px;
  min-height: 38px; 
}
.g_paper_title.top_bg{
    text-align:right;bottom: 0px;color: white;padding-right: 16px;font-size: 15px;vertical-align: bottom;margin-top: 12px;
}
.div_status_magam1{
   background:#EA4035;color:white;height:34px;font-size:20px;padding: 6px;margin-top:3px;text-align: center; 
}
.div_status_magam2{
   background:#2E61D7;color:white;height:34px;font-size:20px;padding: 6px;margin-top:3px;cursor:pointer 
}
.div_bottom{
    height:170px;border-radius:3px;margin-top:3px;position:relative;
}
.div_black_background{
   width:100%;height:140px;float:left;position: absolute;background: #0000004d;z-index: 1; 
}
.div_tr_img{
   display:inline-block;width:95px;padding-top:10px;padding-left:5px;float:left; 
}
.lete-school-card_img{
   width:80px;height:80px;overflow:hidden;border-radius:50%;background:#f8f8f8;text-align: center;line-height: 80px;position:relative 
}
.lete-school-card_img img{
    height:80px;margin: auto;left: -5px;right: -5px;position: absolute;
}
.div_prof{
    border: 1px solid #8080806b;border-radius:5px;font-size:12px;width:80px;height:20px;line-height:20px;margin-top:5px;text-align: center;;cursor:pointer;
}
.div_bottom_info2{
   display: inline-block;width:216px;text-align:left 
}
.div_bottom_info3{
    font-size: 1.5rem;color:black;height: 37px;font-weight: 900;padding-top: 3px;
}
.teach_name.bottom_info{
    color:black;padding-top:5px;
}
.match_time.bottom_info{
    letter-spacing: -2px
}
.ptop4{
    padding-top:4px;
}
.ptop80{
    padding-top: 86px;
}
.pbottom15{
    padding-bottom:15px;
}
#div_mb_prop{
    position: fixed;
    width: 95%;
    left: 2.5%;
    top: 10%;
    z-index: 10;
    border-radius: 5px;
    background: white;
    box-shadow: 0px 5px 7.6px 0.4px rgb(0 0 0 / 25%);
}
#div_mb_prop #div_mb_prop_ch0{    
    display: flex;
    flex-direction: row-reverse;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#div_mb_prop #div_mb_prop_ch0 img{    
    width:20px;
}
.div_prof.detail{
     font-size: 20px;   
     padding: 3px;
}
#div_bottom_in_btn{
    padding: 10px 0px 100px 0px;
    text-align: right;
    margin-right: 18%;
}
#div_bottom_in_btn button{
    background: #AAAAAA;
    color:white;
    padding: 10px;
    border: none;
    cursor:pointer;
}
/*여기엔 모바일 화면*/
@media screen and (max-width: 700px) {
    #div_bottom_in_btn{
        margin-right: 6.5%;
    }
    .lete-school-card{
        width:157px;
        height:235px;
    }
    .div_click_popup{
        height: 100px;width:157px;
    }
    .top_big_name{
        font-size: 1.4rem !important;
    }
    .sp_magam_info1{
        width:32px;
        height:12px;
        line-height:12px;
        font-size:0.4rem;
    }
    .sp_magam_info2{
        width:46px;
        height:12px;
        line-height:12px;
        font-size:0.6rem;
    }
    .sp_magam_info2.up{
        font-size: 0.6rem;
        width:46px;
    }
    .sp_magam_info3{
        width:45px;
        height:12px;
        line-height:12px;
        font-size:0.4rem;
    }
    .top_magam{
        left: 5px;
        top: 3px;
    }
    .mtop40{
        margin-top:10px;
    }
    .bsj_names.top_bg{
       font-size:1.1rem;
       min-width:48px;min-height: 20px; 
       letter-spacing: -0.02rem;
    }
    .g_paper_title.top_bg{
        padding-right: 6px;font-size: 9px;margin-top: 10px;
    }
    .sp_magam_info2_2{
        font-size:10px;
    }
    .sp_magam_info2_2 img{
        width:10px;
        margin-top: 0px !important;
    }
    .div_status_magam1{
        height:17px;
        padding: 3px 6px;
        font-size:10px;
    }
    .div_status_magam2{
        font-size:10px;
        padding: 3px 6px;
        height:17px;
    }
    .div_status_magam2 img{
        width:10px;
        margin-left: 0px !important;
        margin-top: 0px !important;
    }
    .lete-school-card_img{
        width:40px;
        height: 40px;
    }
    .lete-school-card_img img{
        height:40px;
    }
    .div_tr_img{
        width:47px; 
        padding-top:6px;
    }
    .div_prof{
        width: 43px;
        font-size: 6px;
    }
    .div_prof.detail{
         font-size: 15px;   
         padding: 2px;
    }
    .div_bottom{
        height:111px;
    }
    .div_bottom_info2{
        width:100px;
    }
    .teach_name.bottom_info{
        font-size:10px;
    }
    .div_bottom_info3{
        font-size:12px;
        height:20px;
    }
    .ptop4{
        font-size:10px;
    }
    .div_black_background{
        height:91px;
    }
    .ptop80{
        padding-top: 40px;
    }
    .pbottom15{
        padding-bottom:8px;
    }
    /*//-----------------------------------------------------------------------*/
    .ptop60{
        padding-top:0px;
    }
    .hello{
        padding: 0px;
    }
    .hello span{
        font-size: 1.4rem !important;
    }
    .lete-school-right-inner-search {
        margin-top:0px;
    }
    #div_lecute_card, #div_lecute_card_best{
       text-align: center;
       display:flex;
       flex-wrap: wrap;
       justify-content: center;
       flex-direction: row;
       gap:10px;
    }
    #img_sch_mainbaer{
        display:none;
    }
    #img_sch_mainbaer_m{
        display:block;
    }    
    #a_click_move1{
        width: 64%;
        left:18%;
        height: 13%;
        position: absolute;
        top: 75%;
        cursor: pointer;
    }
    #a_click_move2{
        width: 55%;
        height: 10%;
        position: absolute;
        bottom: 3%;
        left: 22%;
        cursor: pointer;
    }
    #img_top2{
        display:none;
    }
    #img_top2_m{
        display:block;
    }
    #img_top2_2{
        display:none;
    }
    #img_top2_2_m{
        display:block;
    }
    #img_top3{
        display:none;
    }
    #img_top3_m{
        display:block;   
    }
    .lete-school{
        width: 100%;
        max-width: 100%;
        margin: 10px auto;
        padding: 0 6%;
        display: block;
    }
    .select-type.size32{
        width: 32%;
        margin-bottom: 4px;
        height: 35px;
        font-size: 0.8rem;       
        background-size:11px;
    }
    .button-type.size6{
        width: 32% !important;
        height: 35px !important;
        margin: 0px;
        display: inline-block;
        vertical-align: middle;
        line-height: 35px;
       font-size: 0.8rem;
    }
    .mains h3{
        width:auto;
    }
    .fontSzie15{
        font-size:15px;
    }
}