/* 2025-03-10 반응형 스타일 수정 (모든걸 아주 아주 아주 작게 수정) */
 
  /* ********************************************* *
  * 640px
 * ********************************************* */
 @media screen and (max-width: 640px),  screen and (max-width: 1024px) and (orientation: landscape){
    .tab.type01 .tab_in .tab_logo{max-width:40px;}
    .tab.type01 .tab_in{margin-right: 6px; height: 24px; padding: 2px 5px;}
    .tab.type01 .tab_in span{font-size: 10px !important;} 
    .tab.type01 button{width: 24px; height: 24px; flex-shrink: 0;}
    
    .new_header .left_con .menu{width: 20px !important; height: 16px !important;}

    .new_header .right_con button span{font-size: 10px;;}
    .new_header .right_con button{padding: 2px 5px !important; font-size: 10px;}
    .new_header .left_con .logo{width: 40px !important;}
    .new_header .right_con{padding: 0 !important;}
    .new_header .left_con{height: 40px !important; padding: 8px 0;}
    .new_header{height: 64px !important;}
    .search{height: 24px !important;}
    .new_header .search input{font-size: 14px !important; padding: 2px 16px;}
    .search button img{width: 18px !important;}
    .search button{right: 0;}
    .new_header .mid_con{top: 35px !important;} 
    .h_btn{top: 104px;}
    .new_header h1{height: max-content;}


    .wrapper.mt-70, .mt-70{margin-top: 72px !important;}
    .admin nav{height: calc(100vh - 64px) !important; top: 64px !important;} 
    .admin nav ul li.on>p i{font-size: 11px;}
    .admin nav .list ul li.on::after{height: 140%; width: 100%;}
    .admin nav .list ul li.main_home p, .admin nav .list ul li.on p{padding-left: 6px;}
    .admin nav .list ul li.main_home p img, .admin nav .list ul li.btn_wrap button img{width: 14px !important;}
    .admin nav .list ul li.btn_wrap button{padding: 3px; font-size: 11px;}
    .admin nav .list ul li + li{margin-top: 8px;}
    .admin nav ul .img_wrap{width: 14px; height: fit-content;  margin-right: 8px;}
    .admin nav ul li>p i{font-size: 13px;}
    .admin nav .list .in{padding: 12px 10px;}
    .admin nav .list b.min_title{font-size: 0.9em;}


    
    .tab.type01{margin-bottom: 12px !important;}
    .tab.type01 p{padding: 4px 8px; font-size: 10px !important;}

    .new_header .right_con button.thumb{padding: 0 !important; width: 28px; height: 28px;}
    .new_header .alarm>div.in{width: 24px; height: 24px;}
    .lang_new > div{width: 30px !important;}
    .new_header .alarm img{width: 12px;}
    .new_header .right_con button:not(.thumb) img{width: 12px;}

    .study_head .new_header{height: 40px !important;}
    .study_head .new_header .mid_con{top: 8px !important;}

    .lang_new .l_depth{min-width: 400px !important;}


}
  /* ********************************************* *
  * 500px
 * ********************************************* */
 @media screen and (max-width: 500px){
    .lang_new .l_depth{min-width: 250px !important;}

 }

 
 @media screen and (min-width: 640px) and (max-width: 1024px){
    /* .live_con .list ul li{width: calc((100% - 36px) / 4);}     */
    .tab.type01 .tab_in .tab_logo{max-width:40px;}
    .tab.type01 .tab_in{margin-right: 6px; height: 24px; padding: 2px 5px;}
    .tab.type01 .tab_in span{font-size: 10px !important;} 
    .tab.type01 button{width: 24px; height: 24px; flex-shrink: 0;}
    

    .new_header .right_con button span{font-size: 10px;;}
    .new_header .right_con button{padding: 2px 5px !important; font-size: 10px;}
    .new_header .left_con .logo{width: 40px !important; margin-left: 10px;}
    .new_header .right_con{padding: 0 !important;}
    .new_header .left_con{height: 40px !important; padding: 8px 0;}
    .search{height: 24px !important;}
    .new_header .search input{font-size: 14px !important; padding: 2px 16px;}
    .search button img{width: 18px !important;}
    .search button{right: 0;}
    .new_header .mid_con{top: 40px !important;}  

    .new_header{height: 40px !important; box-shadow: 0 0 8px rgba(0, 0, 0, .08); padding-top: 0 !important;}
    .admin nav{height: calc(100vh - 40px) !important; top: 40px !important;} 
    .new_header .mid_con{top: 50% !important;}  
    .wrapper.mt-70, .mt-70{margin-top: 50px !important;}
    .new_header h1{height: max-content;}


    .admin nav ul li.on>p i{font-size: 11px;}
    .admin nav .list ul li.on::after{height: 140%; width: 100%;}
    .admin nav .list ul li.main_home p, .admin nav .list ul li.on p{padding-left: 6px;}
    .admin nav .list ul li.main_home p img, .admin nav .list ul li.btn_wrap button img{width: 14px !important;}
    .admin nav .list ul li.btn_wrap button{padding: 3px; font-size: 11px;}
    .admin nav .list ul li + li{margin-top: 8px;}
    .admin nav ul .img_wrap{width: 14px; height: fit-content;  margin-right: 8px;}
    .admin nav ul li>p i{font-size: 13px;}
    .admin nav .list .in{padding: 12px 10px;}
    .admin nav .list b.min_title{font-size: 0.9em;}


    .study_head .new_header{height: 40px !important;}
    .study_head .new_header .mid_con{top: 50% !important;}

    .tab.type01{margin-bottom: 12px !important;}
    .tab.type01 p{padding: 4px 8px; font-size: 10px !important;}

    .h_btn{top: 50px;}
    .h_btn .btn{width: 35px; height: 35px;}
    .new_header .right_con button.thumb{padding: 0 !important; width: 28px; height: 28px;;}
    .new_header .alarm>div.in{width: 24px; height: 24px;}
    .lang_new > div{width: 30px !important;}
    .new_header .alarm img{width: 12px;}
    .new_header .right_con button:not(.thumb) img{width: 12px;}

    .lang_new .l_depth{min-width: 500px !important;}

}



/* and (orientation: landscape) */