@media screen and (min-width: 1024px){
	.index_news{height:339px;}
}
@media screen and (max-width: 1200px){
    .w1200{width: 100%;}
    .header .login_id , .header .login_pw , .header .login_btn{margin-bottom: 12px;}
}
@media screen and (max-width: 1023px){
    .logo{width: 45%;}
    .logo img{width: 100%;}
    .login_id{margin-right: 20px;}
    .login{width: 55%;}
    .login_pw{margin-right: 0;}
    .index_top .top_list{width: 88%;padding-left: 0;}
}
@media screen and (max-width: 1023px){
    .nav .nav_son{width: 100%;}
    .nav>li{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around}
    .nav>li>a{width: 99%;height: 44px;line-height: 1.2;display: flex;align-items: center;justify-content: center; font-size:10px;}
    .nav .nav_btn{width:20%;height: 30px;margin-left: 0;}
    .swiper_imgbox{width: 50%;}
    .swiper_imgbox3{display: none;}
    .login_forget , .login_btn{margin-bottom: 0;}
    .index_box{width: 100%;float: left;padding: 12px 22px;}
    .index_news{border-right:0;border-bottom: 2px solid #d0d2d3}
    .index_top{width: 100%;}
    .index_news li{width: 48%;float: left;overflow: hidden;}
    .index_news li:nth-child(2n){float: right;}
    .header_on .login_id{width: 68%;margin-right: 0}
    .header_on .login_pw{width: 32%;text-align: right}

    .login_box .title{height: 66px;padding: 10px 15px;}
    .login_left .title .title_left{font-size: 20px;line-height:1;}
    .login_right .title{font-size: 20px;line-height: 1.1}
    .login_left .title .title_right h1{font-size: 16px;}
    .login_left .title .title_right ul li{font-size: 14px;background-size:22px 22px;height: 22px;line-height: 22px;margin-bottom: 3px;margin-left:5px;}
    .week_box_lesson{width: 78%;}
    .week_box_lesson ul{width: 100%;justify-content: space-between;}
    .week_box_lesson .topic{width: 100%;display: flex;margin-top: 20px;height: 26px;overflow: hidden;}
    .week_box_lesson .topic p{display: inline}
    .login_right ul{height: 854px;}
    .login_right ul li .name{width: 86%;}
}