body {
  overflow-x: hidden;
}


.form input[type=text], .form input[type=password], .form input[type=date], .form input[type=tell] { height: auto;   padding:10px;
    background-color: #fff;
    border: 1px solid #dcdee1;
    padding-left: 8px;    font-family: inherit;
    padding-right: 8px;
    width: 100%;
}
caption, th, td{text-align: center;}
th{color:#888;}
table tbody tr:hover{background: #f9f9f9;}
table tbody tr:hover span{font-weight: 600;}

table tbody tr.on_click { background: #f9f9f9;}
table tbody tr.on_click span{font-weight: 600;}


.number_th_sec{width:60px !important;}
.crystal_th_sec{width: 100px;}
.one_select_box{width: 100% !important;}
.game_play_sec{width: 40%;}
.game_play_sec > div{display: flex; justify-content: space-between;width: 80%;margin:0 auto;;position: relative;}
.game_play_sec > div > div{width: 40%;text-align: center;}
.game_play_sec > div span{font-weight: 700;}
.game_play_sec > div > strong{width:15%;font-weight: 900;font-size: 1.5rem;;color: #bbb;text-align: center;position: absolute;left:50%;transform: translateX(-50%);top:35%;}

tbody .game_play_sec i{width: 100%;display: block;border:1px solid #ddd;;margin-bottom:10px;border-radius: 10px;background: #fff;    overflow: hidden;width: 140px;height: 140px;;margin:0 auto;}
tbody .game_play_sec:hover i{border:1px solid #4589d5}
tbody .game_play_sec:hover strong{color: #4589d5;}
tbody .game_play_sec:hover span{color: #4589d5;}
tbody .game_play_sec span{width: auto;height: auto;display: block;overflow: hidden;margin-top: 4px;}
tbody .game_play_sec span img{width: 100%;height: 100%;    display: block;    object-fit: cover;padding:10px}
.body-container {position: relative;}
.body-container .body-head button{position: absolute;padding:10px;right:0;top:50%;transform: translateY(-50%);font-family: inherit;font-size:1rem;font-weight: 600;}
.adm_input_box .input_text_left{width: 150px;;text-align: left;font-size: 0.95rem;font-weight: 600;}

.adm_input_box .insert-wrap{text-align: left !important;}
.adm_input_box select{    background-color: #fff;border: 1px solid #dcdee1;padding-left: 8px;line-height: 36px;padding-right: 8px;
width: 100%;    height: 36px;box-shadow: 1px 1px 2px 0 #dcdee1;    min-width: 640px;}
.adm_input_box .select2{width: 640px !important;}

.adm_input_box .insert-wrap{margin-bottom:20px;display: flex;    align-items: center;}
.adm_input_box .insert-wrap:last-child{margin-bottom:0;}
.form input.btn-primary{margin:0;}

.adm_input_box .right_but .insert{position: relative;}
.adm_input_box .right_but button{position: absolute;right:0;top:50%;transform: translateY(-50%);color:#3e7bbf;font-weight: 600;}



.adm_search_box{background: #f5f5f5;padding:20px;border-radius: 10px;;}

.adm_search_box .adm_input_box {display: flex ;}
.adm_search_box .adm_input_box .input_text_left{width: 100px;}
.adm_search_box .adm_input_box >div{width:100%;margin-right:50px;margin-bottom:0;  }

.adm_search_box .adm_input_box .last_search{  display: flex;margin:0;}
.adm_search_box .adm_input_box .last_search > div{width: 100%;margin-right:20px;;}
.adm_search_box .adm_input_box .last_search > div:last-child{margin-right:0px;;}
.adm_search_box .adm_input_box .last_search > div input{width: 100%;;}

.adm_search_box .adm_input_box .insert{width: calc(100% - 100px) ;}
.adm_search_box .adm_input_box .w_select{min-width: calc(100%) !important; }
.adm_search_box .adm_input_box .select2{width: 100% !important;}
.adm_search_box .adm_input_box .w_input{min-width: calc(100%)!important; }


.adm_input_box_search1 .adm_input_box >div {  width: 40%;}

.table_w_50p{width:50%;}


.adm_input_box_search3 .adm_input_box .input_text_left {width: 150px;}
.adm_input_box_search3 .adm_input_box >div { margin-right: 30px;}
.adm_input_box_search3 .adm_input_box >div:last-child { margin-right: 0px;width: 20%;}

table th.w_30p{width: 30%;}
.input_no_change{    padding: 15px;
  outline: 0;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 5px;display: block;background: #f5f5f5;}

  .team_logo_s{width: 100px;height: 100px;;}
  .team_logo_s img{width:100%;display: block;;}
/* --------------------------------------------------
-----------------------filebox------------------- */
/* imaged preview */
.filebox .upload-display {margin-left: 10px;  /* 이미지가 표시될 지역 */
    /* margin-top: 10px; */
  }
  
  .filebox .upload-thumb-wrap {  /* 추가될 이미지를 감싸는 요소 */
    display: inline-block;
    width: 54px;
    padding: 2px;
    vertical-align: middle;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
  }
  
  .filebox .upload-display img {  /* 추가될 이미지 */
    display: block;
    max-width: 100%;
    width: 100% \9;
    height: auto;
  }


.adm_search_box .filebox input{    background-color: #fff;
  border: 1px solid #dcdee1;width: calc(100% - 100px);
  padding-left: 8px;
  padding-right: 8px;}
  .adm_search_box .filebox {flex-direction: row-reverse;}
  .adm_search_box .filebox label{background: #fff;border:1px solid #444;;border-radius: 5px;;margin-right:10px;color: #222;display: flex;    justify-content: center;box-shadow: 1px 1px 2px 0 #dcdee1;width: 100px;
    align-items: center;}

.adm_input_box_file .adm_input_box .insert{display: flex;}

.logo_filebox .file_img_view{display: block;width: 120px;height: 120px;border:1px solid #ddd;border-radius: 5px;;margin-left:10px;}


.adm_input_box_file .adm_input_box .two_button{display: flex;    justify-content: flex-end;margin:0;}
.adm_input_box_file .adm_input_box .two_button >div{display: block;}
    
/*리그 등록*/
.league_registration_modal .modal-out-tit{font-size: 1.25rem;font-weight: 600;margin-bottom:20px;;}
.league_registration_modal.modal-sm {max-width: 600px;}
.league_registration_modal .jion_list li .id_input {display: flex;position: relative;}
.league_registration_modal .jion_list li .id_input button {   width: 30%;background-color: #bbb;border:1px solid #bbb;;color: #fff;padding:15px 0;font-family: inherit;}
.league_registration_modal .jion_list li .jion_right .input_text {padding: 15px;outline: 0;width: 100%;border: 1px solid #ddd;border-radius: 5px;color: #666;font-family: inherit;height: auto;}
.league_registration_modal .jion_list li .id_input .input_text {width: 70% !important;}
.league_registration_modal .button{display: flex;}
.league_registration_modal .button button{width: 49%;margin-right:2%;padding:15px;}
.league_registration_modal .button button{width: 100%;}
.league_registration_modal .button button:last-child{margin-right:0%;}
.league_registration_modal select{padding: 15px;outline: 0;width: 100% !important;border: 1px solid #ddd;border-radius: 5px;color: #666;font-size: 0.9rem;font-family:inherit ;}
.league_registration_modal textarea{width: 100%;border-radius: 5px;font-weight:300;font-size: 0.9rem;font-family:inherit ;}
.league_registration_modal .modal_content{height: 60vh;overflow-y: scroll;padding-right:5px;    overflow-x: hidden;}

.league_registration_modal .modal_content::-webkit-scrollbar {width: 5px;}
.league_registration_modal .modal_content::-webkit-scrollbar-thublankmb {
    background-color: #666; border-radius: 10px;
  }
.league_registration_modal .\modal_content::-webkit-scrollbar-track {
    background-color: #ddd; border-radius: 10px;box-shadow: inset 0px 0px 5px white;
  }


.logo_filebox{display: flex;align-items: center;padding: 15px 15px;outline: 0;width: 100%;border: 1px solid #ddd;border-radius:5px;
    justify-content: space-between;color: #666;font-size: 0.9rem;font-family:inherit ;}
    .logo_filebox #input-file{display: none;}
    .logo_filebox input{display: none;}
    .logo_filebox label{padding:4px 10px;border-radius: 5px;    width: 120px;;    height: 120px;    font-size: 1.5rem;
      color: #888;
      font-weight: 200;
      display: flex;
      justify-content: center;
      align-items: center;}

    .filebox {display: flex; height: auto;line-height: initial;  border: none;background-color: transparent;color: #fff;text-align: center;    flex-direction: row-reverse;}
    .filebox .upload-display img{margin:0 auto;}
    .filebox .upload-thumb-wrap {width: 120px;height: 120px;overflow: hidden;}


    .league_registration_modal.league_registration_modal_scroll .modal_content{height: auto;overflow-y: initial;padding-right:0px;}


    .right_input{display: flex;align-items: center;padding: 15px;outline: 0;width: 100%;border: 1px solid #ddd;border-radius: 10px;
        justify-content: space-between;color: #666;font-size: 0.9rem;font-family:inherit ;}
  
    .right_input input{padding:0;border:none !important;}

.account_modal.modal-sm {max-width: 700px;}
.account_modal.modal-sm .certified_n{    right: 30%;}
.account_modal.modal-sm .button{text-align: center;}


.record_modal_code .color_red{background: red;}
.record_modal_code .color_red{background: red;}


.btn-secondary2{background-color: #666; color:#fff;}
.btn-secondary3{background-color: #4589d5; color:#fff;}
.btn-secondary4{background-color: #ca1e1e; color:#fff;}

.btn-secondary5{background-color: #fff; color:#666;border: 1px solid #666;}
.btn-secondary6{background-color: #fff;border:1px solid #4589d5; color:#4589d5;}
.btn-secondary7{background-color: #bbb; color:#fff;}

.btn-secondary8{background-color: #fff; color:#666;border: 1px solid #ddd;}
.btn-secondary9{background-color: #f5f5f5; color:#666;}





.input_add_p .jion_right{border:1px solid #ddd;border-radius: 5px;padding:10px 15px;font-size: 0.9rem;color:#666;display: flex;    justify-content: space-between;align-items: center;}
.input_add_p .jion_right p {}
.input_add_p .jion_right input{width: 150px !important;    padding: 5px !important;}
.input_add_p .time2_warp{display: flex;    align-items: center;}
.input_add_p .time2_warp span{margin:0 10px;}
.input_add_p .time2_warp input{width: 40px !important; }


.warning_text{font-size: 0.9rem;color:#666;}

.menu3_season_league_modal .modal-container{overflow: initial;}
.menu3_season_league_modal .adm_search_box .adm_input_box >div{width:calc(100% - 90px);margin-right:30px;}
.menu3_season_league_modal .adm_search_box .adm_input_box >div:last-child{width:90px;margin:0;}



.reaction_type.wrap{min-width: 100%;width: 100%;}
.reaction_type .body-container form{width: 100%;padding:0;}
.reaction_type .body-container{width: 100%;    margin-left: auto !important;  max-width: 100%;}
.reaction_type .adm_header{  min-width: auto;}
.reaction_type .adm_header .gnb > li:after{bottom: 10px;}
.reaction_type .adm_header .category{text-align: center;}
.reaction_type .adm_header .gnb > li.current:after, .reaction_type  .adm_header .gnb > li:hover:after {  width: 70%;}
.reaction_type table{width: 100%;}


.reaction_type .adm_input_box_search3 .adm_input_box{    flex-wrap: wrap;}

.reaction_type .adm_input_box_search3 .adm_input_box .insert-wrap{width: calc(33.3% - 20px);}
.reaction_type .adm_input_box_search3 .adm_input_box .insert-wrap:last-child{margin:0 !important;}
.reaction_type .adm_input_box_search3 .adm_input_box >div:nth-child(3){margin:0;    display: flex;  align-items: flex-end;}
.reaction_type.menu2_record .adm_input_box_search3 .adm_input_box >div:nth-child(3){display: block;}


.reaction_type .adm_input_box_search3 .adm_input_box .last_search{width: 30% !important;margin:0 auto !important;margin-top:30px !important;}

.reaction_type .adm_search_box .file_upload_sec >div{width: 100%;}
.reaction_type .adm_search_box .file_upload_sec .input_text_left {margin-right:30px;}
.reaction_type .adm_search_box .file_upload_sec .insert {  width: calc(100% - 120px) !important;}


.league_registration_modal .button button{border-radius: 40px;text-align: center;    justify-content: center;}
.reaction_type .table3 .col-tit { min-width: auto;}
.reaction_type .table3 .col-tit div p { width: auto;  }
.reaction_type table th,.reaction_type  table td { min-width: auto;  word-break: break-word;}




.game_schedule02 .table_depth ul li{display: flex;text-align: center;    align-items: center;padding:20px 10px;}
.game_schedule02 .table_depth .thead{background: #f5f5f5;font-weight: 600;color: #666;border-radius: 10px;}
.game_schedule02 .game_time{width: 200px;display: flex;justify-content: center;align-items: center;text-align: center;}
.game_schedule02 .game_time input{text-align: center;}
.game_schedule02 .game_time span{margin:0 10px}
.game_schedule02 .game_play{width: calc((100% - 780px ) / 2);;}
.game_schedule02   select{border:1px solid #ddd;padding:10px;border-radius: 5px;width:80%;background: #fff;    height: auto;}
.game_schedule02 .game_vs{width: 30px;;}
.game_schedule02 .game_stadium{width: 150px;;}
.game_schedule02 .game_state{width: 150px;;}
.game_schedule02 .game_clerk{width: 150px;;}
.game_schedule02 .game_memo{width: 100px;;}
.game_schedule02 .game_memo button{background: #3d98d9;color: #fff;border-radius: 5px;padding:4px 10px;}
.game_schedule02 .game_memo.delet_but button{background: #ca1e1e;color: #fff;border-radius: 5px;padding:4px 10px;}

.game_schedule02 .table_depth ul.tbody{margin:20px 0 30px}
.game_schedule02 .table_depth ul.tbody li{border:1px solid #ddd;border-radius: 10px;}
.game_schedule02 .table_depth ul.tbody li + li{margin-top: 15px;}
.game_schedule02 .game_storage{text-align: center;}
.game_schedule02 .game_storage input{padding:16px 60px;height: auto;;}

.table_depth .game_play_sec i{width: 100%;display: block;border:1px solid #ddd;;margin-bottom:10px;border-radius: 10px;background: #fff;    overflow: hidden;width: 140px;height: 140px;;margin:0 auto;}
.table_depth .game_play_sec:hover i{border:1px solid #4589d5}
.table_depth .game_play_sec:hover strong{color: #4589d5;}
.table_depth .game_play_sec:hover span{color: #4589d5;}
.table_depth .game_play_sec span{width: auto;height: auto;display: block;overflow: hidden;margin-top: 4px;}
.table_depth .game_play_sec span img{width: 100%;height: 100%;    display: block;    object-fit: cover;padding:10px}


.game_schedule02 .adm_input_box_file .adm_input_box .two_button {justify-content: flex-start;}

/* ********************************************* *
 * 1200px max
 * ********************************************* */
 @media (max-width:1200px){
  .reaction_type .body-container .body-box {  padding: 20px 20px; border-radius: 4px;}
  .reaction_type .adm_search_box { padding: 15px;border-radius: 2px;}

  .reaction_type .adm_search_box .adm_input_box .input_text_left {font-size: 1rem;    width: 90px;}
  .reaction_type .adm_search_box .adm_input_box .insert { width: calc(100% - 90px);}
  .reaction_type .adm_search_box .adm_input_box >div {margin-right: 20px;}
  .reaction_type.menu2_user .adm_search_box .adm_input_box >div:nth-child(2){margin-right:0;}
  .reaction_type .adm_search_box .adm_input_box >.last_search {margin-right: 0px;width: 50%;margin:auto;margin-top:20px;}

  .reaction_type.menu2_code .adm_search_box .adm_input_box >.last_search > div{width: 50%;}

  .reaction_type .adm_search_box .last_search .insert{margin-right:10px;}

  .reaction_type .adm_search_box .adm_input_box { flex-wrap: wrap;}
  .menu3_team_player2 .adm_search_box .adm_input_box{flex-wrap: nowrap;}
  .reaction_type .adm_search_box .adm_input_box >div{width:calc(50% - 10px);}
  .reaction_type.menu3_season_league .adm_search_box .adm_input_box >div{    justify-content: flex-start;}

  .reaction_type.menu2_code .adm_search_box .adm_input_box .insert-wrap{width: 100%;}
  .reaction_type.menu2_code .adm_search_box .adm_input_box .input_text_left { width: 230px;}
  .reaction_type.menu2_code .adm_search_box .adm_input_box .input_text_left br {display: none;}

  .reaction_type.menu2_code .adm_search_box .adm_input_box .insert { width: calc(100% - 230px);}

  .reaction_type .adm_search_box .adm_input_box .insert-wrap:last-child{margin-right: 0px;}



  .reaction_type .adm_input_box_search3 .adm_input_box .insert-wrap{display: block;}
  .reaction_type .adm_input_box_search3 .adm_input_box .input_text_left{width: 100%;font-size: 0.9rem;margin-bottom:5px;}
  .reaction_type .adm_input_box_search3 .adm_input_box .insert{width: 100% !important;}

  .reaction_type.contactpage .box-search-container .insert-wrap{display: flex;}
  .reaction_type.contactpage .box-search-container .insert-wrap >div{margin-right:20px;;}
  .reaction_type.contactpage .box-search-container .insert-wrap >div:first-child{width: 160px;;}
  .reaction_type.contactpage .box-search-container .insert-wrap >div:last-child{margin-right:0px;width: calc(100% - 180px);;}
  .reaction_type.contactpage .box-search-container .insert-wrap input{min-width: auto;;}
  .reaction_type.contactpage .box-search-container .insert-wrap .select2-container{min-width:auto;    width: 100% !important;}
  .reaction_type.contactpage .last_search {display: flex;width: 50%;margin:0 auto;margin-top:30px;}
  .reaction_type.contactpage .last_search .insert{width: 50%;margin-right:20px;;}
  .reaction_type.contactpage .last_search .insert:last-child{margin-right:0px;;}
  .reaction_type.contactpage .last_search .insert input{width: 100%;;}


 }

/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:1024px){

  .reaction_type .adm_header {left: 0;    width: 100%;}
  .reaction_type .adm_aside-top{display: none;}
  .reaction_type .adm_aside{margin-top:96px;}
  .reaction_type .adm_header .utill { padding-right: 11px;}


  /*table*/

  table.table_size_box {width: 100%;}
  .table_size_box thead{display: none !important;}
  .table_size_box thead,.table_size_box tbody{display: block;}
  .table_size_box thead tr,.table_size_box tbody tr{display: block;}
  .table_size_box thead th, .table_size_box tbody td{display: block;width: 100%;border:none;padding:2px 0;}
  .table_size_box tbody tr{border:1px solid #ddd;border-radius: 10px;padding:15px ;position: relative;display: flex;flex-wrap: wrap;justify-content: center;}
  .table_size_box tbody td:first-child{position: absolute;right:0px;top:20px;padding:0;}
  
  /*league_adm_game_schedule*/
  .league_adm_game_schedule tbody td:nth-child(2) span,
  .league_adm_game_schedule tbody td:nth-child(3) span ,
  .league_adm_game_schedule tbody td:nth-child(4) span{border:1px solid #3d98d9;padding:8px 10px;border-radius: 45px;}
  .league_adm_game_schedule tbody td span::before{content:' ';display: inline-block;font-weight: 600;color:#3d98d9;margin-right:5px;}
  .league_adm_game_schedule tbody td:nth-child(5) span::before{display: none;}




  .league_adm_game_schedule tbody tr{margin-bottom:15px;}
  .league_adm_game_schedule tbody tr:last-child{margin-bottom:0px;}
  .league_adm_game_schedule tbody td:nth-child(2),
  .league_adm_game_schedule tbody td:nth-child(3),
  .league_adm_game_schedule tbody td:nth-child(4){width: calC(33% - 10px);margin:0 5px;;}
  .league_adm_game_schedule tbody td:nth-child(2) span,
  .league_adm_game_schedule tbody td:nth-child(3) span,
  .league_adm_game_schedule tbody td:nth-child(4) span{width: 100%;    display: block;}

.league_adm_game_schedule tbody td:nth-child(2) span::before{content:'리그 ';}
.league_adm_game_schedule tbody td:nth-child(3) span::before{content:'날짜 ';}
.league_adm_game_schedule tbody td:nth-child(4) span::before{content:'경기시간 ';}

.league_adm_game_schedule tbody td:nth-child(7),
.league_adm_game_schedule tbody td:nth-child(8){width: max-content;display: block;}
.league_adm_game_schedule tbody td:nth-child(7) span{display: block;}
.league_adm_game_schedule tbody td:nth-child(7) span,
.league_adm_game_schedule tbody td:nth-child(8) span{border:none;border-radius: 0;;padding:4px 10px;border-radius: 20px;;}

.league_adm_game_schedule tbody td:nth-child(6) span::before{content:'경기장소 ';}
.league_adm_game_schedule tbody td:nth-child(7) span::before{content:'기록원 ';}
.league_adm_game_schedule tbody td:nth-child(8) span{position: absolute;background: #3d98d9;color: #fff;left:50%;transform: translateX(-50%);bottom:40%;}
.league_adm_game_schedule tbody td:nth-child(8) span::before{display: none;}
.game_play_sec{padding:20px 0 !important;}
.league_adm_game_schedule tbody i.game_logo{border:none;}
.game_play_sec > div {width:98%;}




 }




 /* ********************************************* *
  * 960px max
  * ********************************************* */
  @media (max-width:960px){
    .reaction_type .body-container{    padding: 32px 28px;    padding-left: 245px !important;}
    .reaction_type .aside-depth{display: flex;}

    .reaction_type .adm_aside{width: 100%;height: auto;      min-height: auto;}
    .reaction_type .adm_aside-mid{height: auto;;}
    .reaction_type .adm_aside-mid {padding-bottom: 10px;padding-top: 10px;}
    .reaction_type .aside-depth > li > a {padding:8px;}
    .reaction_type .body-container{padding:20px;padding-top:80px;    padding-left: 20px !important;}
    .reaction_type .body-head h2{font-size: 1.25rem;}
    .reaction_type .body-container .body-box{margin-top: 14px;border-radius: 4px;}



    .reaction_type .adm_aside-mid{overflow-x:scroll ;}
    .reaction_type .adm_aside-mid.scroll_900 ul{width: 1010px;;}

    .reaction_type .adm_search_box .adm_input_box { flex-wrap: row;    flex-wrap: nowrap;}
    .reaction_type .adm_search_box .adm_input_box >div{width:calc(50% - 10px);}    
    .reaction_type .adm_search_box .adm_input_box >.insert-wrap:last-child{margin-right: 20px;}
    .reaction_type .adm_search_box .adm_input_box >.last_search{margin-top:0;}

    .reaction_type .body-container .body-head button { padding: 7px;font-size: 0.8rem;}

    .reaction_type .adm_input_box_search3 .adm_input_box{flex-wrap: wrap;}
    .reaction_type .adm_input_box_search3 .adm_input_box >div:nth-child(3){margin-right:0;}
    .reaction_type .adm_input_box_search3 .adm_input_box .insert-wrap {width: calc(33.3% - 14px);}



    /*table scroll*/
    .menu2_record .table-container{overflow-x: scroll;}
    .menu2_record .table-container table{width: 850px;}


    .menu2_user .table-container{overflow-x: scroll;}
    .menu2_user .table-container table{width: 930px;}
    


    .menu3_team_player2 .search_result { margin-top: 14px;padding-top: 10px;padding-bottom: 10px;}
    .menu3_team_player2 .search_result ul li {margin: 4px;  }
    .menu3_team_player2 .search_result ul li .con_wrap {border-radius: 2px; padding: 4px 8px;}
    .menu3_team_player2 .search_result ul li .con_wrap p{font-size: 14px;}
    table td {padding-top: 8px; padding-bottom: 8px;}
  }




  /* ********************************************* *
   * 780px max
   * ********************************************* */
   @media (max-width:780px){

    .reaction_type .adm_header .gnb{display: flex;}
    .reaction_type .adm_header .gnb > li {width: fit-content;     margin: 0 20px;    line-height: 44px;height: 50px; }

    .reaction_type .adm_header .gnb > li.current:after, .reaction_type  .adm_header .gnb > li:hover:after {width: 110%;     height: 2px; }
    .reaction_type .adm_header{    height: 86px;}
    .reaction_type .adm_aside {margin-top: 86px;}
    .reaction_type .body-container {padding: 15px;padding-top: 75px;}

    .reaction_type .adm_search_box .adm_input_box .input_text_left {font-size: 0.8rem;    width: 100px;}
    .reaction_type .adm_search_box .adm_input_box .insert{width: calc(100% - 100px);}
    .reaction_type .adm_search_box .adm_input_box { flex-wrap: wrap;}
    .reaction_type .adm_search_box .adm_input_box >div{width:calc(50% - 10px);}
    .reaction_type .adm_search_box .adm_input_box >.insert-wrap:last-child{margin-right: 0px;}
    .reaction_type .adm_search_box .adm_input_box >.last_search {margin-top: 20px;  }


    .modal-container {padding: 22px 20px;}
    .league_registration_modal select,
    .league_registration_modal .jion_list li .jion_right .input_text {padding: 10px;}
    .league_registration_modal .jion_list li .id_input button { padding: 10px 0; }


    .menu3_league_team.reaction_type .adm_search_box .adm_input_box >div {width: auto;  }
    
    table tbody tr:hover{background: transparent;}
    table tbody tr:hover span{font-weight: 400; }

    
.menu3_team_player .adm_input_box .two_button {justify-content: flex-end;   width: 100% !important; margin-right:0 !important;margin-top:10px;}


    /*table scroll*/
    .menu2_league .table-container{overflow-x: scroll;}
    .menu2_league .table-container table{width:750px;}

    .menu2_team .table-container{overflow-x: scroll;}
    .menu2_team .table-container table{width:750px;}

    .menu2_stadium .table-container{overflow-x: scroll;}
    .menu2_stadium .table-container table{width:750px;}


    .menu3_season_league .table-container{overflow-x: scroll;}
    .menu3_season_league .table-container table{width: 630px;}



   }








 /* ********************************************* *
  * 600px max
  * ********************************************* */
  @media (max-width:600px){
 
    .reaction_type .btn-container{width: 100%;display: flex;}
    .reaction_type .btn-container button{width: 100%;margin-right: 15px;;}
    .reaction_type .btn-container button:last-child{margin:0;}
    .reaction_type .adm_header .gnb > li > a{font-size: 14px;}
    .reaction_type .aside-depth > li > a{font-size: 12px;}


    .reaction_type .body-head h2{font-size: 1.125rem;}

    .reaction_type .adm_header .gnb > li{width: 20%;margin:0;;}
    .reaction_type .adm_header .gnb > li:after {bottom: 0;  }
    .reaction_type .adm_header {height: 82px;  }
    .reaction_type .adm_aside {margin-top: 82px;}


    .reaction_type .adm_search_box .adm_input_box >div{width:calc(100%);margin:0;margin-bottom:10px;}
    .reaction_type .adm_search_box .adm_input_box >div:nth-child(2){margin:0;}
    .reaction_type .adm_search_box .adm_input_box >.last_search{width: 100%;;}
    .reaction_type .adm_search_box .adm_input_box >.last_search > div:last-child{width: 50%;;}


    .reaction_type .body-container form .mb-3{   margin-bottom: 15px;}
    .reaction_type .adm_search_box .adm_input_box .select2{min-width: auto;}
    .reaction_type .adm_input_box_search3 .adm_input_box .insert-wrap{margin-right:10px !important;width: calc(33.3% - 7px);margin-bottom:0 !important; }
    .reaction_type .adm_input_box_search3 .adm_input_box > div:nth-child(3){margin-right:0px !important;}
    .reaction_type .adm_input_box_search3 .adm_input_box >.last_search {width: 100% !important;  }


    .reaction_type .adm_input_box_file .adm_input_box .insert {justify-content: flex-end;  }

.stadium_modal .modal_content {    height: 40vh !important; }

    
    .reaction_type.league_registration_modal_scroll .adm_aside-mid.scroll_900 ul{width: 710px;;}

    .number_th_sec {      width: 60px;  }
    .body-out .insert-wrap { top: -5px;}



    /*table scroll*/
.menu2_code .table-container{overflow-x: scroll;}
.menu2_code .table-container table{width: 600px;}

.menu3_league_team .bot_tabel .table-container{overflow-x: scroll;}
.menu3_league_team .bot_tabel .table-container table{width: 600px;}

.menu3_team_player .bot_tabel .table-container{overflow-x: scroll;}
.menu3_team_player .bot_tabel .table-container table{width: 600px;}


.table_size_box tbody tr {padding: 10px;}

.league_adm_game_schedule tbody td:nth-child(8) span { bottom: 28%;}
.league_adm_game_schedule tbody td > span {padding: 6px 5px;}
.league_adm_game_schedule tbody td:nth-child(2) span::before,
.league_adm_game_schedule tbody td:nth-child(3) span::before,
.league_adm_game_schedule tbody td:nth-child(4) span::before { display: block;font-size: 0.8rem;}


.league_adm_game_schedule tbody td span{font-size: 0.8rem;}


.game_play_sec{padding-bottom:45px !important;}
.league_adm_game_schedule tbody td:nth-child(8) span {  bottom: 25%;}
  }


  /* ********************************************* *
   * 500px max
   * ********************************************* */
   @media (max-width:500px){
    .reaction_type.notice .table-container table{display: block;}
    .reaction_type.notice .table-container table thead{display: none;}
    .reaction_type.notice .table-container table tbody{width: 100%;display: block;}
    .reaction_type.notice .table-container table tr{display: block;width: 100%;border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:10px;}
    .reaction_type.notice .table-container table td{display: block;width: 100%;padding:3px 0;border:none;text-align: left;}
    .reaction_type tr{position: relative;}
    .reaction_type .day_td{text-align: right !important;color:#666}
    .reaction_type .check_td{position: absolute; right:0;top:0;width: auto !important;min-width: auto;}
    .reaction_type .number_td{ font-weight: 600;color: #888;margin-right:5px;}
    .reaction_type .number_td::before{content: 'NO';display: inline; font-weight: 600;color: #888;margin-right:5px;}


    
    .menu3_league_team.reaction_type .adm_search_box .adm_input_box >div {display: block;width: 100%; }
    .menu3_league_team .adm_input_box_file .adm_input_box .two_button >div{width: 100%;margin-bottom:10px; }
    .menu3_league_team .adm_input_box_file .adm_input_box .two_button >div:last-child{margin-bottom:0px; }
    .menu3_league_team .adm_input_box_file .adm_input_box .two_button >div input{width: 100%; }


    /* .league_adm_game_schedule tbody td:nth-child(2) span::before, .league_adm_game_schedule tbody td:nth-child(3) span::before, .league_adm_game_schedule tbody td:nth-child(4) span::before {      display: inline-block;}

    .league_adm_game_schedule tbody td:nth-child(2) span, .league_adm_game_schedule tbody td:nth-child(3) span, .league_adm_game_schedule tbody td:nth-child(4) span{border:none;padding:2px;    text-align: left;} */

    tbody .game_play_sec i { border-radius: 5px;}

    .league_adm_game_schedule tbody td:nth-child(2),
    .league_adm_game_schedule tbody td:nth-child(3),
    .league_adm_game_schedule tbody td:nth-child(4){padding:0;}

    
    .league_adm_game_schedule tbody td:nth-child(8) span {bottom: 32%;}
   }


  /* ********************************************* *
   * 470px max
   * ********************************************* */
   @media (max-width:470px){
    .reaction_type .adm_header .gnb > li > a {font-size: 11px;height: 40px;    text-align: left;}
    .reaction_type .adm_header .category{padding: 0 15px;margin-top: 10px;}
    .reaction_type .adm_header .gnb{    height: 40px;}
    .reaction_type .adm_header .gnb > li.current{position: absolute;    bottom: 10px;   width: 100%;}
    .reaction_type .adm_header .gnb > li.current >a{font-size: 15px;}
    .reaction_type .adm_header .gnb > li.current:after, .reaction_type .adm_header .gnb > li:hover:after{display: none;}
    .reaction_type .adm_header .gnb > li { line-height: 35px;  height: 35px; margin-right: 30px;width: fit-content; }
    .reaction_type .adm_header .gnb > li:last-child { margin-right: 0px; }
    .reaction_type .adm_header {height: 120px;  }
    .reaction_type .adm_aside {margin-top: 120px;}



    .reaction_type .adm_aside-mid.scroll_400 ul{width: 400px;;}
    .reaction_type .btn-container button{ height: 40px;  min-width: 100%;border-radius: 5px;}
    .reaction_type .body-head h2 {font-size: 1rem;  }


    .reaction_type .aside-depth{padding:0 10px;}
    .reaction_type .aside-depth > li{padding:0;padding-right:10px}
    .reaction_type .aside-depth > li:last-child{padding-right:0px}


    .reaction_type .adm_input_box_search3 .adm_input_box .insert-wrap{width: calc(100%);    margin-right: 0 !important; }

    .league_adm_game_schedule.reaction_type .adm_input_box_search3 .adm_input_box >div:nth-child(2){    margin-bottom: 10px !important;}
    .league_adm_game_schedule.reaction_type .adm_input_box_search3 .adm_input_box .insert-wrap{margin-bottom: 10px !important;}
    
    .reaction_type .adm_input_box_file .adm_input_box .filebox {margin-right:0;  }
    .reaction_type .adm_search_box .file_upload_sec .insert-wrap{margin:0;}

    .reaction_type .adm_search_box .file_upload_sec > div{display: block;}
    .reaction_type .adm_search_box .file_upload_sec .input_text_left{margin:0;width: 100%;margin-bottom:5px;}
    .reaction_type .adm_search_box .file_upload_sec .insert {margin:0;width: 100% !important;}
    .reaction_type .adm_search_box .file_upload_sec .insert > div{width: 50% !important;}
    .reaction_type .adm_search_box .file_upload_sec .insert .filebox label{width: 100%;}
    .reaction_type .adm_search_box .file_upload_sec .insert input{width: 100%;padding: 0;}


    

    .league_registration_modal.league_registration_modal_scroll .modal_content {    height: 37vh;overflow-y: scroll;padding-right: 5px;overflow-x: hidden;  }
    .league_registration_modal .button button {padding: 10px;}

    
    .reaction_type .adm_aside-mid.scroll_900 ul{width: 780px;;}



    .league_adm_game_schedule tbody td:nth-child(8) span {bottom: 28%;}
   }

   /* ********************************************* *
    * 450px max
    * ********************************************* */
    @media (max-width:450px){
      .body-out .insert-wrap {position: initial; text-align: right;    }
      .body-out .medium{font-size: 1rem;}




   }

   /* ********************************************* *
    * 420px max
    * ********************************************* */
    @media (max-width:420px){


      .menu3_team_player.reaction_type .adm_search_box .adm_input_box .insert-wrap{display: block !important;}
      .reaction_type.menu3_team_player .adm_input_box_file .adm_input_box .insert{margin: 0;width: 100%;}
      .reaction_type.menu3_team_player .adm_input_box_file .adm_input_box .insert >div{margin: 0;width: 50%;}
      .reaction_type.menu3_team_player .adm_input_box_file .adm_input_box .insert >div label,
      .reaction_type.menu3_team_player .adm_input_box_file .adm_input_box .insert >div input{width:100%;}
      .reaction_type.menu3_team_player .adm_search_box .adm_input_box .input_text_left{margin-bottom:10px;}



   }

   /* ********************************************* *
    * 350px max
    * ********************************************* */
    @media (max-width:350px){

      .reaction_type .adm_header .gnb > li {margin-right: 20px; }
      .reaction_type .adm_header .gnb > li:last-child { margin-right: 0px; }

      .reaction_type .adm_header .utill > span { background-color: transparent;border-radius:0px;padding: 2px 0PX;}
      .reaction_type .adm_header .utill { border-bottom: 1px solid rgba(255,255,255,0.3);}

      .reaction_type .adm_search_box .adm_input_box .insert-wrap{display: block;}
      .reaction_type .adm_search_box .adm_input_box .input_text_left{width: 100%;margin-bottom:5px;}
      .reaction_type .adm_search_box .adm_input_box .insert{width: 100%;}

      .reaction_type .adm_input_box select {height: 31px;    line-height: 31px;}
      .reaction_type .form input {height: 31px;}

      

    .modal-container {padding: 15px;}
    .league_registration_modal select,
    .league_registration_modal .jion_list li .jion_right .input_text {padding:8px;}
    .league_registration_modal .jion_list li .id_input button { padding:8px 0; }
    .league_registration_modal .jion_list li .jion_right .input_text{border-radius: 4px;;}
    .league_registration_modal .jion_list li.mt-2{margin-top:12px}
    .league_registration_modal .jion_list li .id_input button{border-radius: 4px;}
    .league_registration_modal .button button {padding: 8px;}

    .league_registration_modal .modal-out-tit {font-size: 1rem;}

    }

    /* ********************************************* *
     * 300px max
     * ********************************************* */
     @media (max-width:300px){
      .reaction_type .adm_header .gnb > li {margin-right: 11px; }
      .reaction_type .adm_header .gnb > li:last-child {margin-right: 0px; }
      .reaction_type .adm_header .utill > span{font-size: 10px;}
      .reaction_type .body-container form > .mt-2{margin-top:10px;}
      .reaction_type .body-container .body-box{margin-top:10px;}
      .reaction_type .body-container {padding: 15px !important;padding-top: 75px !important;}

     }