
.mypage .mypage_info {margin-bottom:100px;}
.mypage .mypage_info .depth01{display: flex;border:1px solid #ddd;border-radius: 20px;;padding:30px;align-items: center;
}
.mypage .mypage_info .depth01 > li:first-child{width: 66.6%;}
.mypage .mypage_info .depth01 > li{width: 33.3%;border-left:1px solid #ddd;padding-left:30px;}
.mypage .mypage_info .depth01 > li:first-child{padding-left:0px;border-left:none;}
.mypage .mypage_info .depth01 > li .li1_top{display: flex;align-items: center;}
.mypage .mypage_info .depth01 > li .left{width: 15%;background: #f5f5f5;border-radius:50%;border:1px solid #ddd;margin-right:30px;}
.mypage .mypage_info .depth01 > li .right{width: 85%;display: flex;}
.mypage .mypage_info .depth01 > li .right > div{width: calc(100% - 120px);}

/* 230220 은선 임시수정 */
/* .mypage .mypage_info .depth01 > li .right > button{width: 120px;padding:8px;margin-top:10px;} */
.mypage .mypage_info .depth01 > li .right .btn_wrap_eun button{display: block; width: 120px;padding:8px;margin-top:10px;}
.mypage .mypage_info .depth01 > li .right .btn_wrap_eun {width: auto;}

/* 230220 은선 임시수정 */



.mypage .mypage_info .depth01 > li .right .tit{margin-bottom:5px;color:#3d98d9}
.mypage .mypage_info .depth01 > li .my_con span{display: inline;}

.mypage .mypage_info .depth02 li{margin-bottom:5px;}
.mypage .mypage_info .depth02 li:last-child{margin-bottom:0px;}
.mypage .mypage_info .depth02 li p{font-size: 1.125rem;}

.mypage .mypage_info .depth01 > li:first-child{padding-right:30px;}

.mypage .mypage_info .depth03 {display: flex;margin-top:20px;}
.mypage .mypage_info .depth03 li{background: #f5f5f5;padding:15px;margin-right:10px;width: calc(100% / 5);border-radius: 10px;}
.mypage .mypage_info .depth03 li:last-child{margin-right:0px;}
.mypage .mypage_info .depth03 li .tit{font-size:0.9rem;}
.mypage .mypage_info .depth03 li .txt{font-size: 1rem;margin-top:5px;}

.loginbox .tabSet ul.tabs li a.on { background: #3d98d9; color: #fff; border-color: #3d98d9;}
.loginbox .tabSet ul.tabs li { width: calc(100% / 2); text-align: center;}
.loginbox .tabSet ul.tabs li a { color: #666; border: 1px solid #ddd; padding: 10px !important;  width: 100%; display: block;
 border-radius: 10px; font-weight: bold; font-size: 14px; text-decoration: none;}
.loginbox .panel ul li { display: flex; align-items: center; border: 1px solid #ddd; padding: 20px 15px; border-radius: 10px; margin-bottom: 20px;}
.loginbox .panel i { display: block; width: 25%; margin-right: 15px; padding-bottom: 18%;}
.loginbox .panel ul li .tit { color: #3d98d9; font-weight: 600; margin-bottom: 5px; display: flex;}
.loginbox .panel ul li .txt { display: flex; align-items: center;}
.loginbox .panel ul li .txt span { font-size: 1rem; border: 1px solid #3d98d9; padding: 4px 5px; border-radius: 4px; margin-right: 5px; color: #3d98d9;}

.mypage .tabSet ul.tabs{margin:0;margin-bottom: 30px;}
.mypage .tabSet ul.tabs li{width: 50%;margin-left:0;;}
.mypage .tabSet ul.tabs li:first-child{margin-right:10px;}
.mypage .tabSet ul.tabs li  a{padding:20px;font-size: 1rem;;}

.mypage .game_number{display: flex;font-size: 1.125rem;margin-bottom:20px;}
.mypage .game_number li{display: flex;margin-right:20px;}
.mypage .game_number li span{color: #3d98d9;margin-left:5px;}

.mypage .league_result .result_con {margin-top:30px;}
.mypage .league_result .result_con h5{font-size: 1.125rem;font-weight: 700;text-align: center;background: #f5f5f5;padding:10px; border-radius: 10px;;}

.mypage .league_result .result_ul { margin-top: 10px;background: transparent;padding:0;border-radius: 0;}
.mypage .league_result .result_ul>div{border-top:2px solid #666;border-bottom:1px solid #ddd}
.mypage .league_result .t_head{border-bottom:1px solid #ddd}
.mypage .league_result .result_ul li > div{border-right:1px solid #ddd;}
.mypage .league_result .result_ul li > div:last-child{border-right:none;}

.mypage .result_button {margin-top:40px;text-align: center;}
.mypage .result_button button{padding:15px 50px;border-radius: 5px;}
.mypage .playgame > h5{font-size: 1.5rem;font-weight: 600;color: #222;margin-bottom:15px;}
.mypage .search_bot_p{margin-top:0;margin-bottom: 30px;;}
.mypage .playgame{margin-top:40px;}
.mypage .no_playgame{padding:70px 0;text-align: center;border-bottom:1px solid #ddd;border-top:2px solid #222}

.mypage .league_schedule .game_results_win> div {
    border: 2px solid #DDD;
}

.mypage .my_record .depth01{display: flex;}
.mypage .my_record .depth01 li{width: 50%;margin-right:10px;;}
.mypage .my_record .depth01 li:last-child{margin-right:0;}
.mypage .my_record .depth01 li a{display: block;border:1px solid #ddd;    padding: 20px !important;text-align: center;border-radius: 10px;}
.mypage .my_record .depth01 li a.on{background: #333;border-color:#333;color:#fff;;}


/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){
    .mypage .mypage_info .depth03{flex-wrap: wrap;}
    .mypage .mypage_info .depth03 li { width: calc((100% - 10px) / 2);margin-bottom:10px;}
    .mypage .mypage_info .depth03 li:nth-child(2n){margin-right:0;}
    .mypage .mypage_info .depth03 li:last-child { width: calc((100%));margin-bottom:10px;}


    .mypage .loginbox .panel ul li .txt span {font-size: 0.8rem;}
    .mypage .loginbox .panel ul li .txt {flex-wrap: wrap; }
    .mypage .mypage_info .depth01 > li:first-child {width: 60%;}
    .mypage .mypage_info .depth01 > li:last-child {width: 40%;}


    .mypage .mypage_info .depth01 > li .left {width: 30%;margin-right: 20px;}

}

/* ********************************************* *
* 780px
* ********************************************* */
@media screen and (max-width: 780px){
    .mypage .loginbox .panel ul li .txt span{margin-bottom:5px;}
    .mypage .mypage_info .depth01 {  border-radius: 10px; padding: 20px;}
    .mypage .mypage_info .depth01 > li:first-child {padding-right: 20px;}
    .mypage .mypage_info .depth01 > li {padding-left: 20px;}
    
}
/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){

    .mypage .loginbox .panel ul li{display: block;}
    .loginbox .panel i{width:60%;;margin:0 auto;    padding-bottom: 43%;margin-bottom:10px;}
    .mypage .loginbox .panel ul li .txt span{margin-bottom:0;}
    
}
/* ********************************************* *
* 600px
* ********************************************* */
@media screen and (max-width: 600px){
    .mypage .mypage_info .depth01{display: block;border: none;padding:0;}

    .mypage .mypage_info .depth01 > li{width: 100% !important;padding:0;border: none;}

    .mypage .mypage_info .depth01 > li:last-child{margin-top:40px;;}
    .mypage .loginbox .panel ul li {display: flex;}
    .mypage .loginbox .panel i {width: 25%;margin: 0;padding-bottom: 18%;margin-bottom: 0; margin-right: 15px;}
    .mypage .loginbox .tabSet ul.tabs li a { border-radius: 5px;}
    .mypage .mypage_info .depth01 > li:first-child { padding-right: 0; }

    .mypage .tabSet ul.tabs { margin-bottom: 15px;}
    .mypage .loginbox .panel ul li { border-radius: 5px;margin-bottom: 10px;  }
    .mypage .mypage_info {margin-bottom: 60px;    }
    .mypage .league_result .result_con h5 {font-size: 1rem;}

    .mypage .result_button button {  padding: 10px 50px; width: 100%;}
    .mypage .tabSet ul.tabs li a {        padding: 10px;}


    .mypage .my_record .depth01 li a{ padding: 10px !important;border-radius: 5px;}
}
/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){

}
/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){



    .mypage .league_result.league_schedule .battle .center .loca {bottom: -15px;}
    .mypage .league_schedule .battle{padding-bottom: 20px;;}
    .mypage .league_result .result_con h5 {font-size: 0.9rem;padding: 8px;        border-radius: 5px;}
    .mypage .league_result .result_con {margin-top: 20px;}
    .mypage .result_button {   margin-top: 20px;}
    .mypage .search_bot_p{margin-bottom: 0;;}

    .mypage .playgame > h5 { font-size: 1.25rem;}
    .mypage .mypage_info .depth03 li {width: 100%;margin-right: 0px;}

    .mypage .mypage_info .depth01 > li .li1_top {display: block;}
    .mypage .mypage_info .depth01 > li .left {width: 80%;margin:0 auto;}
    .mypage .mypage_info .depth01 > li .right{width: 100%;}


    .mypage .game_number { font-size: 1rem; margin-bottom: 10px; }
    .mypage .game_number li { margin-right: 10px;}

    .mypage .no_playgame {padding: 50px 0;font-size: 0.9rem;}

}