body {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
body::-webkit-scrollbar {
    display: none;
}
#wrap {
	width: 100%;
	max-width: 100%;
	padding: 0;
}
#header {
	display: none;
}
.flex {
	flex-wrap: wrap;
}
.flex_col {
	flex-direction: column;
    }

.flex_col > * {
	width: 100%;
	box-sizing: border-box;
}



.scoreboard {
	min-height: 100vh;
}
.scoreboard .side {
	width: 15%;
}
.scoreboard .side .item {
	flex: 1;
	text-align: center;
	justify-content: center;
	align-items: center;  
	background-color: #DCDCDC;
	/*gap: 10px;*/
	border-bottom: 1px solid #b3b3b3;
	position:relative;
	
}
.scoreboard .side .item > p {
	font-size: 32px;
	/*position:absolute;*/
	left:0;
	top:0;
	width:100%;
	font-weight:700;
	padding:15px 0;
	background:#b3b3b3;
	color:#000;
	
}
.scoreboard .side .item > h2 {
	/*font-size: 7em;*/
	font-size:8vw;
	display: flex;
	justify-content: center;  /* 가로 가운데 */
	align-items: center;  
	flex:1;
	
}
.scoreboard .side .item > h4 {
	/*font-size: 7em;*/
	font-size:4vw;
	display: flex;
	justify-content: center;  /* 가로 가운데 */
	align-items: center;  
	flex:1;
	
}
.scoreboard .side .item.sign {
	flex: 0.2;
	border-bottom: 0;
}

.scoreboard .cont {
	position: relative;
	flex: 1;
	width: 100%;
}
.scoreboard .cont .form {
	height: 100%;
}
.scoreboard .cont .form > div {
	position: relative;
	flex: 1;
	padding: 20px;
	color: #fff;
	text-align: center;
	justify-content: center;
	box-sizing: border-box;
}
.scoreboard .cont .form > div:first-child {
	/*border-right: 1px solid #f1f1f1;*/
}
.scoreboard .cont .form.reverse > div.left {
	order: 1;
}
.scoreboard .cont .form.reverse > div.right {
	order: 0;
}
.scoreboard .cont .form > div .arrow_fix {
	position: absolute;
	top: 20px;
	gap: 15px;
	width: auto;
}
.scoreboard .cont .form > div .arrow_fix .arrow button img {
	width: 50px;
}
.scoreboard .cont .form.reverse > div .arrow_fix .arrow button img {
    transform: rotate(180deg);
}
.scoreboard .cont .form > div.left .arrow_fix {
	left: 20px;
}
.scoreboard .cont .form.reverse > div.left .arrow_fix {
	left: auto;
	right: 20px;
}
.scoreboard .cont .form > div.right .arrow_fix {
	right: 20px;
}
.scoreboard .cont .form.reverse > div.right .arrow_fix {
	left: 20px;
	right: auto;
}
.scoreboard .cont .form > div .score h1 {
	font-size: 200px;
}
.scoreboard .cont .form > div .score .info p {
	margin: 10px 0;
	font-size: 25px;
}
.scoreboard .cont .form .transfer_btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: block;
	width: 130px;
	height: 130px;
	background: url("../images/ico_transfer.png")no-repeat 50% 50%;
	z-index: 4;
}
.scoreboard .cont .form .send_btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: block;
    width: 100px;
    height: 100px;
    background: #ededed;
    font-size: 25px;
	border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
	z-index: 4;
}
.scoreboard .cont .fix_btn {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}
.scoreboard .cont .fix_btn .call_btn {
    display: block;
    width: 100px;
    height: 100px;
    background: #ededed;
    font-size: 25px;
	border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.scoreboard .cont .fix_btn ul {
	display: none;
	position: absolute;
	top: -95px;
	left: 50%;
	transform: translateX(-50%);
	gap: 20px;
	width: max-content;
}
.scoreboard .cont .fix_btn ul.active {
	display: flex;
}
.scoreboard .cont .fix_btn ul li button {
    display: block;
    width: 80px;
    height: 80px;
    background: #ededed;
    font-size: 20px;
	border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.scoreboard .cont .fix_bottom {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 97%;
	gap: 50px;
}
.scoreboard .cont .fix_bottom > div {
	flex: 1;
	height: 100px;
	background: #dbdbdb;
}





@media screen and (max-width: 1640px){
}
@media screen and (max-width: 1480px){
}
@media screen and (max-width: 1280px) {
}
@media screen and (min-width: 1024px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 380px) {
}