.infowrap {border-bottom: 1px solid #333;}
.infowrap .log {display: flex;justify-content: center;gap: 5px;padding: 10px 15px;}
.log li a {position: relative;background: #1c594e;border-radius: 10px;font-size: 12px;color: #fff;display: block;}
.log li a span {vertical-align: middle;}

.langbtn {position: relative;}
.langbtn img:first-child {width: 20px;border-radius: 30px;}
.langbtn img {height: 20px;vertical-align: middle;}
.langbtnb {height: 5px !important;margin-right: 4px;}
.langdropbtn {background: #141414;border: 1px solid #333;border-radius: 30px;padding: 3px;box-shadow: inset 1px 1px 1px 0px rgb(0 0 0 / 20%);}
.langsp {padding: 0 5px 0;color: #fff;vertical-align: middle;font-size: 12px;width: 20px;display: inline-block;}
.langdropdown {position: absolute;top: 30px;right: 0;z-index: 2;background: #141414;border: 1px solid #333;border-radius: 10px;width: 70px;text-align: center;font-size: 12px;padding-top: 5px;}
.langdropdown a {display: block;color: #fff;margin-bottom: 5px;}

.sns {display: flex;justify-content: center;align-items: center;gap: 10px;padding: 10px;border-bottom: 1px solid #333;}
.sns li {height: 45px;border: 1px solid #333;border-radius: 12px;display: flex;align-items: center;justify-content: center;gap: 15px;padding: 0 10px;color: #fff;font-size: 12px;}
.sns em {display: block;margin-top: 5px;}

.menuwrap {display: flex;border-bottom: 1px solid #333;text-align: center;}
.menuwrap li {border-left: 1px solid #333;flex: 1 1 33.33%;display: flex;justify-content: center;align-items: center;height: 100px;}
.menuwrap li:first-child {border-left: 0;}
.menuwrap li a {display: block;}
.menuwrap li span {display: block;font-size: 15px;margin-top: 10px;color: #fff;}
.menuwrap img {width: 37px;height: 37px;object-fit: contain;object-position: center;}

.infotopwrap {}
.infotop {}
.medal {width: 83px;height: 83px;}
.medal1 {background: url(../assets_mobile/img/level1.png) center no-repeat;background-size: 77px;}
.medal2 {background: url(../assets_mobile/img/level2.png) center no-repeat;background-size: 77px;}
.medal3 {background: url(../assets_mobile/img/level3.png) center no-repeat;background-size: 77px;}
.medal4 {background: url(../assets_mobile/img/level4.png) center no-repeat;background-size: 77px;}
.medal5 {background: url(../assets_mobile/img/level5.png) center no-repeat;background-size: 77px;}
.medal6 {background: url(../assets_mobile/img/level6.png) center no-repeat;background-size: 77px;}
.medal7 {background: url(../assets_mobile/img/level7.png) center no-repeat;background-size: 77px;}

.namelv {position: relative;background: #333;height: 118px;padding: 0 54px;display: flex;align-items: center;justify-content: space-between;}
.namelv h3 {color: #fff;font-size: 22px;}
.namelv h3 .name {font-weight: bold;display: inline;}
.namelv h3 .lv {display: block;font-size: 15px;margin-top: 5px;}
.namelv h3 .gamelv {margin-top: 10px;font-size: 13px;}
.namelv h3 .gamelv span {display: flex;}
.namelv h3 .gamelv span:first-child {margin-bottom: 7px;}
.namelv h3 .gamelv em {position: relative;width: 90px;margin-right: 25px;}
.namelv h3 .gamelv em::after {content: '';width: 2px;height: 15px;background: rgba(255,255,255,.5);position: absolute;right: 0;}
.mym {display: flex;justify-content: space-evenly;align-items: center;padding: 20px 25px;font-size: 14px;text-align: center;}
.mym li {display: block;width: 100%;}
.mym li span {display: block;margin-top: 5px;}
.myc {padding: 5px;color: #e5972d;}
.myp {padding: 5px;color: #60c359;}
.myg {padding: 5px;color: #6c42a3;}
.mylogout {font-size: 15px;color: #fff;margin: 19px 0 0;display: flex;justify-content: center;}
