@charset "utf-8";
@font-face{
    font-family: NewHDR;
    src: url(../fonts/NewHDR.ttf);
    font-style: normal;
}
/* body{ */
/* 	font-family: NewHDR; */
/* } */
.modalP .btn{cursor: pointer;border: 1px solid #999999;text-align: center;border-radius: 5px;outline: none;font-weight: 500;}
.dimLayer{display: block;width: 100%;background-color: rgba(0, 0, 0, 0.3);position: fixed;left: 0;top: 0px;margin: 0;padding: 0;z-index: 9998;}
.modalP{width: 450px;height: 300px;border-radius: 10px;padding: 80px 24px;box-sizing: border-box;text-align: center;}
.modal-section{background: #ffffff;box-sizing: border-box;display: none;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: none;z-index: 9999;}
.menu_msg{font-size: 21px;font-weight: 500;}
.enroll_box p{padding-bottom: 56px;}
.gray_btn {width: 90px;background: #ffffff;color: #999999;height: 36px;line-height: 36px;transition: 0.5s;font-size: 17px;}
.pink_btn {width: 90px;background: #3e3a39;color: #fff;height: 36px;line-height: 36px;transition: 0.5s;font-size: 17px;border: none;}

.modal-popup {
  display: none;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 50%;
  min-width: 1280px;
  width: 100%;
  height: 100%;
  min-height: 768px;
  margin: 0 0 0 -50%;
  /* background-color: rgba(0, 0, 0, 0.7); */
}

.modal-popup .modal-wrap .btn-close {
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  display: block;
  width: 62px;
  height: 62px;
  text-indent: -9999px;
  background: blue;
}

#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.8;
   background: #e4e4e4;
   z-index: 99;
   text-align: center;
}



#loading > img {
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 100;
}
 #loading > p {
     position: absolute;
     top: 57%;
     left: 45%;
     z-index: 101;
}

.background-img{
	background-image: url(../../image/open/main-background.png);background-size: 100% 100%;
}
.background-img2{
	background-image: url(../../image/open/background.png);background-size: cover;
}
.ico{
    width: 26px;height: 26px; margin: 0 2px;
}
.header-bottom{
	display: flex; justify-content: space-evenly; margin-left: 335px; border-top: 1px solid white; width: 1065px;
}
.header-bottom2{
	display: flex; justify-content: space-evenly; margin-left: 335px; border-top: 1px solid #333333; width: 1065px;
}
.header-bottom>div{
	cursor: pointer;
}
.header-bottom2>div{
	cursor: pointer;
}
.header-top{
	display: flex; justify-content: flex-end; width: 1400px; margin-bottom: 8px;
}
.join-subject{
	background-image: url(../../image/open/signup-subject.png);background-size: cover; height:50px;
}
.joinForm{
	background-image: url(../../image/open/joinForm.png);background-size: cover;
	width:1000px; margin-top:25px; height:635px; margin-bottom: 100px;
}
.joinForm>div{
	margin-left:215px;
}
.joinForm input[type="text"],
.joinForm input[type="password"],
.joinForm select
 {
	height : 25px;
}
.acceptcancel{
	background-image: url(../../image/open/acceptcancel.png);background-size: cover; width:200px; height:60px; margin:auto;
}
.acceptcancel button{
	font-family: 'NewHDR'; color : white; font-size:15px; margin-top:24px;
	
}
#sport-category{
/* 	background-image: url(../../image/open/sport_detail.png);  */
/* 	background-size: 100%; background-repeat: no-repeat; */
	background-color: #e5e5e5;
    border-radius: 30px;
    width: 100%;
    margin: auto;
    margin-bottom: 100px;
}
#sport-category-subject{
	font-size: 25px; display: flex; justify-content: center; height: 8vh; align-items: center;
}
.sportevent{
	width:49%; height: 185px; display:inline-block; background-image: url(../../image/open/sportevent.png); background-size: 100% 100%; background-repeat: no-repeat; position : relative;
}
.sportevent>div{
	position : absolute;
	top: 40px;
	left: 55px;
}
.sportevent>.select-button{
	top: 120px;
    left: 244px;
    width: 176px;
}
.playerRegistration{
/* 	background-image: url(../../image/open/registration.png); background-size: 100%; background-repeat: no-repeat;  */
	width:1200px; height: 820px; background-color: white; margin-bottom: 100px;
}
.tblSubject{
	background-color: #808080; color : white; font-family: 'NotoKrR'; font-size : 17px; text-align: center; height: 29px; vertical-align: middle;
}
.tblCont{
	padding:5px; background-color: #f2f2f2;
}
.registTd{
	vertical-align: middle
}

.playerRegistration input[type="text"],
.playerRegistration select{
	height : 25px;
}
.cancelacceptbtn{
	background-image: url(../../image/open/btn.png); background-size: 100% 100%; background-repeat: no-repeat;
	height: 50px;
    width: 150px;
    margin-top: 17px;
}
.cancelacceptbtn button{
	font-family: 'NewHDR'; color: white;
}
.athletelist{
	background-image: url(../../image/open/subject.png); background-size: 100% 55px; background-repeat: no-repeat; height: 55px;
	display: flex;
    align-items: center; font-family: 'NewHDR'; color:white; font-size:25px; width:100%;
    padding-left: 40px;
    justify-content: space-between;
}
#bodylist td{
	font-size:14px; padding:4px; vertical-align: middle; text-align: center; background: white; border: 1px solid black;
}
.applyDetail{
	/*background-image: url(../../image/open/applyDetail.png); background-size: 100%; background-repeat: no-repeat;*/  width:1050px; /*height: 71px;*/ margin:34px auto;
	position: relative;
}
.applyDetailSubject{
	width: 150px;
    height: 37px;
    font-family: 'NotoKrR';
    color: white;
    background: #808080;
    padding-left: 10px;
    vertical-align: middle;
    border : 1px solid white;
}
.applyDetailCont{
	width: 250px;
    font-family: 'NotoKrR';
    color: black;
    background: #f2f2f2;
    padding-left: 10px;
    vertical-align: middle;
    border : 1px solid white;
}
.playerDetail{
	background-image: url(../../image/open/playerDetail.png); background-size: 100%; background-repeat: no-repeat;  width:1050px; height: 392px; margin:34px auto;
	position: relative;
}
.videoRegistration{
	width:1050px; margin:34px auto;
	position: relative;
}
.img{
	width: 200px;
    height: 250px;
    border-radius: 35px;
    margin: 20px 20px 5px 20px;
}
.img2{
	width: 100px;
    height: 125px;
    border-radius: 35px;
/*     margin: 20px 20px 5px 20px; */
}
.teamName{
	background-image: url(../../image/open/teamName.png); background-size: 100%; background-repeat: no-repeat;  width:480px; height: 35px; margin:0px 5px 5px 75px; display: inline-block;
}
.btnAddPlayer{
	background-image: url(../../image/open/btnAddPlayer.png); background-size: 100% 100%; background-repeat: no-repeat;  width:110px; height: 35px; margin-bottom: 5px; display: inline-block;
}
.btnDelPlayer{
	background-image: url(../../image/open/btnDelPlayer.png); background-size: 100% 100%; background-repeat: no-repeat;  width:110px; height: 35px; margin-bottom: 5px; display: inline-block;
}
#playerlist {
	overflow: scroll;
    width: 1601px;
    height: 524px;
    background: white;
}
#bodylist td{
	padding: 5px 10px;
}
#applyTbl-mo{
	color: white;
}
.applyDetailSubject-mo{
	background: #808080;
}
.applyDetailCont-mo{
	background: #cccccc;
}
.filebox{
	display: inline-block;
}
.filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}

.filebox label {
  display: inline-block;
  padding: 0 .75em;
  color: #999;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #fdfdfd;
  cursor: pointer;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  border-radius: .25em;
}

/* named upload */
.filebox .upload-name {
  display: inline-block;
  padding: 0 .75em;  /* label의 패딩값과 일치 */
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  border-radius: .25em;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  width: 100px;
  height: 25px;
}
.videoRegistration span{
	display: inline-block;
}

.scrollbar { 
  overflow-y: auto;
}

/* 스크롤바의 폭 너비 */
.scrollbar::-webkit-scrollbar {
    width: 10px;  
}

.scrollbar::-webkit-scrollbar-thumb {
    background: rgba(61, 103, 229); /* 스크롤바 색상 */
    border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

.scrollbar::-webkit-scrollbar-track {
    background: rgba(61, 103, 229, .1);  /*스크롤바 뒷 배경 색상*/
}

.eventBox{
	background: #d7d7d7; border-radius:20px; width:20%; height:190px; margin: 25px; box-shadow: 5px 5px 5px grey; text-align: center; position: relative;
	display: flex; align-items: center; justify-content: space-evenly; flex-direction: column
}
.eventBox p{
	font-size: 25px;
}
.eventBoxBtn{
	background: #2e699c; width: 50%; height: 20%; border-radius: 20px; margin-top: 30px; color: white; cursor: pointer; display: flex; align-items: center; justify-content: center;
}