@charset "UTF-8";

@import url('font.css');
@import url('base.css');
@import url('layout.css');
@import url('common.css');

/* title */
.cont-tit {
    margin-bottom: 15px;
    font-size: 28px;
    font-weight: 800
}
.tit-st1 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

/* tooltip */
.tooltip {
    position: relative;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 94px;
    background-color: #3d3d3d;
    text-align: center;
    padding: 4px 8px 3px;
    border-radius: 3px;
    font-size: 15px;
    color: #fff;
    position: absolute;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    opacity: 0;
    transition: opacity 1s;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent; /* 아래 화살표 */
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.cont-box {
    margin: 0 0 20px 0;
    padding: 20px 20px 30px;
    border: solid 1px #64676d;
    background-color: #fff;
}

/* 검색영역 */
.search-area {
    margin: 0 0 60px;
    position: relative;
}
.search-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    /* height: 120px;  */
    padding: 20px;
    border: solid 1px #c1c9ce;
    background-color: #eaedf2;
    position: relative;
}
.search-box.one-line {
    flex-direction: row;
    height: auto;
}
.search-items {
    display: flex;    
}
.search-items dl {
    display: flex;
    align-items: center;
    gap: 10px; 
    height: 35px;
}
.search-items dl dt {
    min-width: 53px; 
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}    
.search-items dl dt.auto-min {
    min-width: auto;
}
.search-items dl dt.short-min {
    min-width: 48px;
}
.search-items dl dt.medium-min {
    min-width: 67px;
}
.search-items dl dt.long-min {
    min-width: 80px;
}
.search-items dl dt.longest-min {
    min-width: 102px;
}
.search-btns {
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: absolute;
    top: 20px;
    right: 20px;
}
.search-box.one-line .search-btns {
    flex-direction: row;
    margin-left: auto;
    position: static;
}
.search-btns button {
    display: block;
    width: 90px;
    height: 38px;
    border-radius: 2px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.search-btns .reset-btn {
    background-color: #8096a4;
}
.search-btns .search-btn {
    background-color: #e54125;
}
.rdo-btns {
    display: block;
    margin-top: -6px;
}
.folding-btn {
    display: block;
    width: 54px;
    height: 21px;
    padding: 0 12px 0 0px;
    border: solid 1px #c1c9ce;
    border-top-width: 0;
    background-color: #eaedf2;
    position: absolute;
    bottom: -20px;
    right: 0;
    font-size: 14px;
}
.folding-btn::before {
    content: '';
    width: 36px;
    height: 1px;
    background-color: #c1c9ce;
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
}
.folding-btn::after {
    content: '';
    width: 0;
    height: 0;
    border-top:6px solid #3d3d3d;;
    border-right:4px solid transparent;
    border-left:4px solid transparent;
    border-bottom:6px solid transparent;    
    transform: rotate(180deg);
    position: absolute;
    top: 1px;
    right: 9px;
}
.folding-btn.open {
    border-top-width: 1px;
}
.folding-btn.open::before {
    display: none;
}
.folding-btn.open::after {
    transform: rotate(0deg);
    top: 7px;
}
.search-area .guide-txt {
    height: 22px;
    position: absolute;
    bottom: -30px;
    left: 0;
    font-size: 16px;
}

.table-top {
	display: flex;
    align-items: end;
    margin-bottom: 10px;
    position: relative;
}
.table-top .sum {
	margin-left: 10px;
    padding: 2px 0 0 10px;
    font-size: 16px;
    position: relative;
}
.table-top .sum::before {
    content: '';
    width: 1px;
    height: 14px;
    background-color: #c1c1c1;
    position: absolute;
    top: 6px;
    left: 0;
}
.table-top .sum strong {
	font-weight: bold;
}
.table-top .right-side {
	font-size: 0;
    margin-left: auto;
}
.table-top button {
    height: 35px;
    line-height: 35px;
    padding: 0 12px;
    border-radius: 2px;
    background-color: #3fa6c9;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    transition: all 0.3s ease-in-out;
}
.table-top button:hover {
    background-color: #1f3faa;
}
.table-top select + button,
.table-top button+button {
	margin-left: 5px;
}
.table-top .rightTxt {
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 1.6rem;
}

.bottom-area {
    display: flex;
    align-items: end;
    margin-top: 10px;
}
.icon-btns {
    display: flex;
    gap: 3px;
}
.icon-btns button {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    border: solid 1px #b1b1b1;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease-in-out;
}
.icon-btns button:hover {
    border-color: #1c274c;    
}
.icon-btns button:focus {
    background-color: #1c274c;
}
.excelBtn {
    background-image: url(../img/icon_excel.svg);
}
.printBtn{
    background-image: url(../img/icon_printer.svg);
}
.printBtn:focus {
    background-image: url(../img/icon_printer_on.svg);    
}
.deleteBtn {
    background-image: url(../img/icon_recycleBin.svg);
}

/* login */
.login-area {
	display: flex;
	align-items: center;
    justify-content: center;
    width: 100%;
	height: 100%;
    background: url(../img/bg_login.png) no-repeat 0 0;
    background-size: cover;
    position: relative;
}
/* .login-area::after {
    content: '';
    width: 571px;
    height: 538px;
    background: url(../img/bg_login_after.png) no-repeat 0 0;
    position: absolute;
    right: 0;
    bottom: 0;
} */
.login-box {
	width: 400px;
}
.login-box .login-logo {
	margin-bottom: 38px;
}
.login-box h2 {
	margin-bottom: 20px;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.3;
    color: #e4e4e4;
}
.login-box span {
	display: block;
    font-size: 21px;
    font-weight: normal;
    color: #929293;
}
.login-form {
	margin-bottom: 25px;
    position: relative;
}
.login-form ul li+li{
	margin-top: 10px;	 
}
.login-form ul li input[type="text"],
.login-form ul li input[type="password"]{
	display: block;
	width: 250px;
    height: 40px;
    padding: 8px 17px;
    border-radius: 3px;
    background-color: #fff;
    font-size: 20px;
}
.login-form .login-submit{
	width: 140px;
    height: 90px;
    padding: 31px 39px 30px 40px;
    border-radius: 3px;
    background-color: #3faca9;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
}
.warning dt {
    margin-bottom: 9px;
    font-size: 17px;
    font-weight: bold;
    color: #a5a8ab;
}
.warning dd {
    font-size: 16px;
    line-height: 1.56;
    color: #a5a8ab;
}
.login-bottom .guide-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 22px 0;
    padding: 22px 0;
    border-top: 1px solid #6f6f7b;
    border-bottom: 1px solid #6f6f7b;
}
.login-bottom .guide-box p {
    line-height: 1;
    font-size: 16px;    
    color: #929293;
}
.login-bottom .guide-box p strong {
    display: inline-block;
    margin: 0 5px;
    font-weight: bold;    
    color: #a5a8ab;
}
.login-bottom ul {
    display: flex;
    gap: 15px;
}
.login-bottom ul li { 
    padding-right: 15px;
    font-size: 16px;
    color: #a5a8ab;
    position: relative;
}
.login-bottom ul li a {
    color: #a5a8ab;    
}
.login-bottom ul li::after {
    content: '';
    width: 1px;
    height: 14px;
    background-color: #565656;
    position: absolute;
    top: 4px;
    right: 0;
}
.login-bottom ul li:last-child:after {
    display: none;
}

/* dashboard */
.dashboard-area {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.dashboard-area .more {
    display: block;
    font-size: 14px;
    position: absolute;
}
.dashboard-area .more::after {
    content: '';
    width: 32px;
    height: 1px;
    position: absolute;
    left: 0;
}
.dashboard-box {
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.11);
    background-color: #fff;
    border: solid 1px #ccc;
    position: relative;
}
.dashboard-box.bg1 {
    background-color: #eaeff8;
}
.dashboard-box h3 {
    font-size: 20px;
    font-weight: bold;    
}
.dashboard-top {
    display: flex;
    gap: 39px;
}
.dashboard-top .dashboard-box {
    width: 243px;
    height: 348px;    
    padding: 30px 22px 10px 23px;
}
.dashboard-top .dashboard-box .welcome {
    font-size: 26px;
    font-weight: bold;    
    line-height: 1.08;
}
.dashboard-top .dashboard-box .welcome span {
    display: block;
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: 500;
}
.dashboard-top .dashboard-box .notice-board {
    display: flex;
    gap: 30px;
    margin: 30px 0 0 0;
    padding: 30px 0 0 0;
    border-top: 1px solid #bec2ca;
}
.dashboard-top .dashboard-box .notice-board dl dt {
    font-size: 16px;
    font-weight: 500;
}
.dashboard-top .dashboard-box .notice-board dl dd {
    font-size: 29px;
    font-weight: bold;
}
.dashboard-top .dashboard-box a {
    display: block;
    width: 220px;
    height: 40px;
    padding: 9px 14px 7px 20px;
    border-radius: 7px;
    border: solid 1px #ccc;
    background: #fff url(../img/right_arrow.svg) no-repeat calc( 100% - 14px ) 14px;
    position: absolute;
    bottom:11px;
    left: 12px;
    font-size: 16px;
    font-weight: 500;
}
.dashboard-bottom .dashboard-box {
    height: 353px;
    padding: 29px 25px 39px;
}
.dashboard-cont {
    display: flex;
    width: 1025px;
    padding: 30px 0 0 0;
    position: relative;
}
.dashboard-cont h2 {
    font-size: 32px;
    font-weight: 800;    
    line-height: 1;
}
.dashboard-cont h2 span {
    display: block;
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: normal;    
}
.dashboard-cont h3 {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: bold;   
    line-height: 1.4; 
} 
.ongoing-competition {
    margin: 0 0 0 65px;
    padding: 0 0 0 52px;
    position: relative;
}
.ongoing-competition::before {
    content: '';
    width: 1px;
    height: 135px;
    background-color: #ccc;
    position: absolute;
    top: 0;
    left: 0;
}    
.ongoing-competition .competition-period {
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: 500;    
    line-height: 1;
}
.ongoing-competition .competition-infor {
    display: flex;
    gap: 25px;
}
.ongoing-competition .competition-infor li span {
    display: block;
    margin-bottom: 3px;
    font-size: 16px;
    font-weight: 500;   
    line-height: 1; 
}
.ongoing-competition .competition-infor li strong {
    display: block;
    font-size: 24px;
    font-weight: bold;
    line-height: 1; 
    color: #e7487e;
}
.ongoing-competition .more {
    color: #929293;
    top: 0;
    left: 210px;
}
.ongoing-competition .more::after {
    background-color: #929293;
    position: absolute;
    bottom: 2px;
}
.dashboard-cont .time {
    position: absolute;
    top: 110px;
    left: 0;
}
.dashboard-cont .time p {
    margin-top: 5px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.dashboard-cont .time p span {
    font-size: 15px    
}
.dashboard-cont .links {
    display: flex;
    justify-content: space-between;
    width: 75%;
    position: absolute;
    bottom: 30px;
    right: 0;
}
.dashboard-cont .links li a {
    display: block;
    padding-top: 60px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center 0;
}
.dashboard-cont .links li:nth-of-type(1) a {
    background-image: url(../img/img_dashboard_link01.svg);
}    
.dashboard-cont .links li:nth-of-type(2) a {
    background-image: url(../img/img_dashboard_link02.svg);
}    
.dashboard-cont .links li:nth-of-type(3) a {
    background-image: url(../img/img_dashboard_link03.svg);
}    
.dashboard-cont .links li:nth-of-type(4) a {
    background-image: url(../img/img_dashboard_link04.svg);
}    
.dashboard-cont .links li:nth-of-type(5) a {
    background-image: url(../img/img_dashboard_link05.svg);
}    
.dashboard-cont .links li:nth-of-type(6) a {
    background-image: url(../img/img_dashboard_link06.svg);
}    
.dashboard-cont .links li:nth-of-type(7) a {
    background-image: url(../img/img_dashboard_link07.svg);
}    
.dashboard-bottom {
    display: flex;
    gap: 15px;
}
.dashboard-bottom .dashboard-box {
    height: 353px;
    padding: 29px 25px 33px
}
.dashboard-bottom .registration-status {
    width: 243px;
}
.registration-status h3 {
    margin-bottom: 30px;
}
.registration-status ul {
    display: flex;
    flex-direction: column;
    gap: 17px;
}
.registration-status ul li {
    display: flex;
    align-items: center;    
}
.registration-status ul li span {
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
}
.registration-status ul li strong {
    margin-left: auto;
    font-size: 24px;
    font-weight: bold;
    color: #e7487e;
    line-height: 1;
}
.dashboard-bottom .system-notice {
    width: 360px;
}
.system-notice h3 {
    margin-bottom: 30px;
}
.system-notice ul li+li {
    margin-top: 20px;
}
.system-notice ul li p {
    font-size: 17px;
    line-height: 1.24;
}
.system-notice ul li p.date {
    margin-top: 7px;
    font-size: 15px;
    line-height: 1;
}
.system-notice .more {
    color: #3d3d3d;
    top: 33px;
    right: 25px;
}
.system-notice .more::after {
    background-color: #3d3d3d;
    bottom: -1px;
    left: 0;
}
.dashboard-bottom .processing-status {
    width: 427px;    
}
.processing-status .tab {
    display: flex;
    gap: 22px;
    position: absolute;
    top: 29px;
    right: 25px;
}
.processing-status .tab li a {
    display: block;
    font-size: 17px;
}
.processing-status .tab li.active a {
    font-weight: bold;    
    border-bottom: 1px solid #3d3d3d;
}
.vertical-bar {
    display: flex;
    gap: 20px;
    width: 100%;
    height: 240px;
    margin-top: 15px;
    box-sizing: border-box;
}
.vertical-bar .v-bar {
    width: 55px;
    height: 216px;
    position: relative;
    text-align: center;
}
.vertical-bar .v-bar .few-cases {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    color: #3d3d3d;
}
.vertical-bar .graph {
    display: flex;
    flex-direction: column;
    width: 20px;
    height: 192px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    border-radius: 3px;
}
.vertical-bar .graph span {
	display: block;
    border-radius: 3px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.graph-color-orage {
    background-color: #e97132;
}
.graph-color-green {
    background-color: #238d31;
}
.graph-color-blue {
    background-color: #0f9ed5;     
}
.graph-color-purple {
    background-color: #a02b93;
}
.vertical-bar .v-bar .few-cases {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -25px; 
    color: #b2b8ca;
    text-align: center;
    font-size: 15px;
    font-weight: normal; 
}
.vertical-bar .v-bar .status {
    width: 60px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -29px;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
} 
.legend {
    position: absolute;
    bottom: 36px;
    right: 25px;
}
.legend ul {
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.legend ul li {
    padding: 0 0 0 11px;
    font-size: 15px;
    font-weight: 500;
    position: relative;
}
.legend ul li::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 1px;
    position: absolute;
    top: 6px;
    left: 0;
}    
.legend-color-orage {
    color: #e97132;
}
.legend-color-orage::before {
    background-color: #e97132;
}
.legend-color-green {
    color: #238d31;
}
.legend-color-green::before {
    background-color: #238d31;
}
.legend-color-blue {
    color: #0f9ed5;
}
.legend-color-blue::before {
    background-color: #0f9ed5;
}
.legend-color-purple {
    color: #a02b93;
}
.legend-color-purple::before {
    background-color: #a02b93;
}

.dashboard-bottom .customer-help-center {
    width: 272px;    
}
.dashboard-bottom .customer-help-center h3 {
    margin-bottom: 100px;
}
.customer-help-center .guide-box {
    padding: 77px 0 0 0;
    background: url(../img/img_customer_help_guide.png) no-repeat 0 0;
}
.customer-help-center .guide-box p {
    display: flex;
    gap: 6px;
    font-size: 16px;    
    line-height: 1;
}
.customer-help-center .guide-box p+p {
    margin-top: 6px;
} 
.customer-help-center .guide-box p strong {
    font-weight: bold;
}

.dashboard-box ul li span {
    display: block;
}
.dashboard-box ul li strong {
    display: block;
}

.clock {
    display: flex;
    width: 176px;
    height: 176px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.11);
    border: solid 1px #ccc;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    position: relative;
}
.clock label {
    position: absolute;
    inset: 20px;
    text-align: center;
    transform: rotate(calc(var(--i) * (360deg / 12)));
}
.clock label span {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #3d3d3d;
    transform: rotate(calc(var(--i) * (-360deg / 12)));
}
.indicator {
    position: absolute;
    height: 10px;
    width: 10px;
    display: flex;
    justify-content: center;
}
.indicator::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: 100;
    background-color: #fff;
    border: solid 2px #ca4645;
}
.indicator .hand {
    position: absolute;
    width: 1.35px;
    height: 74px;
    bottom: 5px;
    border-radius: 25px;
    transform-origin: bottom;
    background-color: #ca4645;
}
.hand.hour {
    width: 3px;
    height: 53px;
    background-color: #3d3d3d;
}
.hand.minute {
    width: 1.35px;
    height: 65px;
    background-color: #3d3d3d;
}
.mode-switch {
    background-color: #3d3d3d;
    color: var(--primary-color);
    padding: 10px 20px;
    border-radius: 15px;
    font-size: 22px;
    cursor: pointer;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    display: inline-block;
}


/* 강습회 */
.tab-menu {
    width: 700px;
}
.textarea-st1 {
    display: block;
    width: 579px;
    height: 117px;
}
input[type='text'].input-postal-code {
    width: 235px;
}
.upload-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}
/* 이미지 미리보기 박스 */
.preview-box {
    display: none;  
    width: 135px;
    height: 168px; /* 3:4 증명사진 비율 */
    border: solid 1px #c9c9c7;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
}
.preview-box.active {
    display: block;
}
.preview-box img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
}
/* 하단 컨트롤 영역 (버튼 + 파일명) */
.file-controls {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 40px;
}
.btn-file-select {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 85px;
    height: 35px;
    padding: 2px 13px 0;
    background-color: #4a4a4a;
    border-radius: 3px;
    font-size: 17px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.2s;
}
.btn-file-select:hover {
    background-color: #334155;
}
.file-info {
    display: none;  
    align-items: center;
    gap: 10px;
}
.file-info.active {
    display: flex;
}
.file-name {
    font-size: 17px;
}
.btn-delete {
    width: 20px;
    height: 20px;
    background: url(../img/img_btn_delete.png) no-repeat 0 0;
}
.activity-history+.activity-history {
    margin-top: 5px;
}
.upload-area {
    position: relative;
}
.upload-box {
    width: 816px;
    height: 35px;
    padding: 10px 12px;
    border-radius: 2px;
    border: solid 1px #b1b1b1;
    background-color: #fff;
    position: relative;
}
.upload-btn {
    display: block;
    width: 85px;
    height: 35px;
    border-radius: 3px;
    background-color: #4a4a4a;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    top: -1px;
    right: -91px;
}
.file-list li {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 25px;
}
.file-list li a {
    display: block;
    padding: 0 0 0 24px;
    font-size: 17px;
    background: url(../img/icon_attachment.svg) no-repeat 0 1px;
    position: relative;
}
.file-list li .btn-del {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/img_del.png) no-repeat 0 0;
}
.placehoder {
    font-size: 16px;
    color: #727272;
    position: absolute;
    top: 7px;
    left: 12px;
}

/* 대회운영 - 리그운영 */
.grouping-area {
    display: flex;
    align-items: baseline;
    gap: 30px;
}
.flex-right,
.flex-left {
    width: 550px;
}
.function-btns {
    width: 76px;
    text-align: center;
}
.function-btns p {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: bold;
}
.function-btns button {
    display: inline-block;
    width: 35px;
    height: 40px;
    border: solid 1px #3fa6c9;
    background-color: #e3f2f7;    
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/left_arrow.svg);

}
.function-btns .del-btn {
    margin-left: -5px;
    transform: rotate(180deg);
}

/* 리그운영 - 경기결과 */
.match-team {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    vertical-align: middle;
}
[class^=score-box] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 25px;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background-color: #b2b2b2;
    vertical-align: middle;
}
.score-box-left {
    margin: 0 0 0 7px; 
}
.score-box-right {
    margin: 0 7px 0 0; 
}
[class^=score-box].win {
    background-color: #001dae;
}   
[class*=score-box].defeat {
    background-color: #bb4040;
}   

/* 토너먼트 운영 */
.table-top .round {
    display: inline-block;
    margin-left: 10px;
    padding: 2px 0 0 10px;
    font-size: 16px;
    position: relative;
}
.table-top .round::before {
    content: '';
    width: 1px;
    height: 14px;
    background-color: #c1c1c1;
    position: absolute;
    top: 6px;
    left: 0;
}
.main-draw {
    align-items: baseline;
}
.main-draw .flex-left {
    width: 350px;
}
.main-draw .flex-right {
    width: 860px;
}
.draw-area {
    padding: 20px 0 28px;
    border-top: 2px solid #64676d;
    border-bottom: 1px solid #3d3d3d;
    box-sizing: border-box;
}
[class*=matches-list] {
    display: flex;
}
.main-draw .flex-right .draw {
    width: 303px; 
}
.draw-area .draw li {
    margin-bottom: 70px;
    position: relative
}
.draw li:last-child {
    margin-bottom: 0;
}
.draw-area .draw li span {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.draw li select {
    display: block;
}   
.draw li .sel-draw1 {
    min-width: 112px;
}
.draw li .sel-draw2 {
    min-width: 78px;
}
.draw li [class*=inp-draw] {
    border: solid 1px #ccc;
    background-color: #f3f3f3;
    border-radius: 2px;
}
.draw li [class*=inp-draw]::placeholder {
    color:#3d3d3d;
}
.draw li .inp-draw1 {
    width: 220px;
}
.draw li .inp-draw2 {
    width: 156px;   
}   
.draw li .num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    line-height: 1;
    margin-left: 5px;
    border-radius: 50%;
    background-color: #3d3d3d;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    position: relative
}
.draw li .num::before {
    content: '';
    width: 157px;
    height: 1px;
    background-color: #3d3d3d;
    position: absolute;
    top:12px;
}
.draw li .num::after {
    content: '';
    width: 1px;
    background-color: #3d3d3d;
    position: absolute;
    top:12px;
}
.draw li .space {
    margin: 0 5px ;
    font-size: 1.4rem;
    color: #3d3d3d;
}
.left-draw {
    position: relative;
}
.draw-type01 .left-draw::after {
    content: '';
    width: 26px;
    height: 1px;
    background-color: #3d3d3d;
    position: absolute;
    bottom:134px;
    right: 0;   
}
.left-draw li .sel-draw1 {
    margin-right: 10px;
}
.left-draw li .num::before {
    left: 24px;        
}
.right-draw {
    position: relative;
}   
.draw-area .right-draw::after {
    content: '';
    width: 1px;
    background-color: #3d3d3d;
    position: absolute;
}
.right-draw li span {
    justify-content: right;
}   
.right-draw li .sel-draw1 {
    margin-left: 10px;
}
.right-draw li .num::before {
    right: 24px;        
}
.central-board {
    width: 233px; 
    box-sizing: border-box;
}
.central-board dl {
    padding: 0 49px 30px 48px;
    position: relative;
}   
.central-board dl::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #3d3d3d;
    position: absolute;
    bottom: 0;
    left: 0;
}    
.central-board dl dt {
    width: 70px;
    margin-bottom: 10px;
    font-size: 1.6rem;
    font-weight: 500;
    color: #3d3d3d;
}
.central-board select {
    min-width: 136px;
}   

/* 4강 */
.matches-list4 {
    padding: 31px 0 32px;
}
.matches-list4 .draw li span .num::before {
    width: 120px;
}
.matches-list4 .draw li span .num::after {
    content: '';
    width: 1px;
    height: 67px;
    background-color: #3d3d3d;
    position: absolute;
    top: -55px;
}
.matches-list4 .left-draw li span .num::after {
    left: 143px;
}
.matches-list4 .draw li span:first-child .num::after {
    top: 13px;
}
.matches-list4 .right-draw li span .num::after {
    right: 143px;
}
.matches-list4 .central-board {
    width: 226px;
    padding: 28px 0 0 0;
}
.matches-list4 .central-board > div {
    padding: 0 0 23px 0;
    text-align: center;
    position: relative;
}
.matches-list4 .central-board > div::after {
    content: '';
    width: 98%;
    height: 1px;
    background-color: #3d3d3d;
    position: absolute;
    bottom: 0;
    left: 2px;
}
.top-draw,
.bottom-draw {
    position: relative;
}
.main-draw .flex-right .matches-list16 .draw {
    width: 308px;
}
.matches-list16 .draw .top-draw::before,
.matches-list16 .draw .bottom-draw::before {
    content: '';
    width: 25px;
    height: 1px;
    background-color: #3d3d3d;
    position: absolute;
    top: 130px;
}
.matches-list16 .left-draw .top-draw::before,
.matches-list16 .left-draw .bottom-draw::before {
    left: 284px;    
}
.matches-list16 .right-draw .top-draw::before,
.matches-list16 .right-draw .bottom-draw::before {
    right: 284px;   
}
.matches-list16 .draw .top-draw::after {    
    content: '';
    width: 1px;
    height: 151px;
    background-color: #3d3d3d;
    position: absolute;
    top: 130px;
}
.matches-list16 .left-draw .top-draw::after {   
    left: 309px;    
}
.matches-list16 .right-draw .top-draw::after {  
    right: 309px;   
}
.matches-list16 .draw .bottom-draw::after { 
    content: '';
    width: 1px;
    height: 151px;
    background-color: #3d3d3d;
    position: absolute;
    top: -20px;
}
.matches-list16 .left-draw .bottom-draw::after {    
    left: 309px;    
}
.matches-list16 .right-draw .bottom-draw::after {   
    right: 309px;   
}
.matches-list16 .draw ul {
    position: relative;
}
.draw-area .matches-list16 .draw ul li {
    margin-bottom: 40px;
    position: relative;
}
.draw-area .matches-list16 .draw ul li::before {
    content: '';
    width: 25px;
    height: 1px;
    background-color: #3d3d3d;
    position: absolute;
    top: 57px;
}   
.draw-area  .matches-list16 .left-draw ul li::before {
    left: 258px;    
}
.draw-area .matches-list16 .right-draw ul li::before {
    right: 258px;   
}
.draw-area .matches-list16 .draw ul li::after {
    content: '';
    width: 1px;
    height: 76px;
    background-color: #3d3d3d;
    position: absolute;
    top: 57px;
}
.draw-area .matches-list16 .left-draw ul li::after {
    left: 283px;    
}
.draw-area  .matches-list16 .right-draw ul li::after {
    right: 283px;   
}
.draw-area  .matches-list16 .draw ul li:nth-child(even)::after {
    top: -18px;  
}
.draw-area .right-draw ul li span .inp-draw2 {
    margin-left: 5px;
}
.matches-list16 .draw li span .num::before {
    width: 73px;
}
.draw-area .matches-list16 .draw li span .num::after {
    content: '';
    width: 1px;
    height: 38px;
    background-color: #3d3d3d;
    position: absolute;
    top: -25px;
}
.draw-area .matches-list16 .left-draw li span .num::after {
    left: 96px;
}
.draw-area .matches-list16 .right-draw li span .num::after {
    right: 96px;
}
.draw-area .matches-list16 .draw li span:first-child .num::after {
    top: 12px;
} 
.draw-area .matches-list16 .central-board {
    width: 224px;
    padding: 230px 0 0 0;
}
.draw-area .matches-list16 .central-board > div {
    padding: 0 0 10px 0;
    text-align: center;
    position: relative;
}   
.draw-area .matches-list16 .central-board > div::after {
    content: '';
    width: 98%;
    height: 1px;
    background-color: #3d3d3d;
    position: absolute;
    bottom: 0;
    left: 2px;
}    

/* 보고서 */
.matches-area {
    padding: 20px 15px 28px ;
    border-top: 2px solid #64676d;
    border-bottom: 2px solid #3d3d3d;
}
.matches-area .draw {
    width: 546px;
}
.draw .top-match-area,
.draw .bottom-match-area,
.draw .first-area,
.draw .second-area,
.draw .third-area,
.draw .fourth-area,
.draw .first-match,
.draw .second-match,
.draw .third-match,
.draw .fourth-match,
.draw .fifth-match,
.draw .sixth-match,
.draw .seventh-match,
.draw .eighth-match,
.draw .ninth-match,
.draw .tenth-match,
.draw .eleventh-match,
.draw .twelfth-match,
.draw .thirteenth-match,
.draw .fourteenth-match,
.draw .fifteenth-match,
.draw .sixteenth-match,
.draw .semi,
.draw .by-default {
    position: relative;
}
.draw .top-match-area::before,
.draw .bottom-match-area::before,
.draw .first-area::before,
.draw .second-area::before,
.draw .third-area::before,
.draw .fourth-area::before {
    content: '';
    width: 35px;
    height: 1px;
    position: absolute;
    background-color: #0c1f49
}
.draw .top-match-area::after,
.draw .bottom-match-area::after,
.draw .first-area::after,
.draw .second-area::after,
.draw .third-area::after,
.draw .fourth-area::after {
    content: '';
    width: 1px;
    position: absolute;
    background-color: #0c1f49;
}
.draw .first-match::before,
.draw .second-match::before,
.draw .third-match::before,
.draw .fourth-match::before,
.draw .fifth-match::before,
.draw .sixth-match::before,
.draw .seventh-match::before,
.draw .eighth-match::before,
.draw .ninth-match::before,
.draw .tenth-match::before,
.draw .eleventh-match::before,
.draw .twelfth-match::before,
.draw .thirteenth-match::before,
.draw .fourteenth-match::before,
.draw .fifteenth-match::before,
.draw .sixteenth-match::before,
.draw .semi::before {
    content: '';
    width: 131px;
    height: 1px;
    position: absolute;
    background-color: #3d3d3d;
}
.draw .first-match::after,
.draw .second-match::after,
.draw .third-match::after,
.draw .fourth-match::after,
.draw .fifth-match::after,
.draw .sixth-match::after,
.draw .seventh-match::after,
.draw .eighth-match::after,
.draw .ninth-match::after,
.draw .tenth-match::after,
.draw .eleventh-match::after,
.draw .twelfth-match::after,
.draw .thirteenth-match::after,
.draw .fourteenth-match::after,
.draw .fifteenth-match::after,
.draw .sixteenth-match::after,
.draw .semi::after {
    content: '';
    width: 1px;
    position: absolute;
    background-color: #3d3d3d;
}
.matches-area .draw ul li {
    height: 75px;
    position: relative
}
.matches-area .draw ul li div,
.matches-area .draw ul li span {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.matches-area .draw ul li .regional-team {
    cursor: pointer;
}
.matches-area .draw ul li .score-match {
    display: none;
}
.matches-area .draw ul li .team {
    width: 156px;
    height: 35px;
    padding: 7px 10px 8px;
    border-radius: 2px;
    border: solid 1px #ccc;
    background-color: #f3f3f3;
    font-size: 16px; 
}
.matches-area .left-draw.final-win::before,
.matches-area .right-draw.final-win::before,
.draw .top-match-area.win::before,
.draw .top-match-area.win::after,
.draw .bottom-match-area.win::before,
.draw .bottom-match-area.win::after,
.draw .first-area.win::before,
.draw .first-area.win::after,
.draw .second-area.win::before,
.draw .second-area.win::after,
.draw .third-area.win::before,
.draw .third-area.win::after,
.draw .fourth-area.win::before,
.draw .fourth-area.win::after,
.draw .first-match.win::before,
.draw .first-match.win::after,
.draw .second-match.win::before,
.draw .second-match.win::after,
.draw .third-match.win::before,
.draw .third-match.win::after,
.draw .fourth-match.win::before,
.draw .fourth-match.win::after,
.draw .fifth-match.win::before,
.draw .fifth-match.win::after,
.draw .sixth-match.win::before,
.draw .sixth-match.win::after,
.draw .seventh-match.win::before,
.draw .seventh-match.win::after,
.draw .eighth-match.win::before,
.draw .eighth-match.win::after,
.draw .ninth-match.win::before,
.draw .ninth-match.win::after,
.draw .tenth-match.win::before,
.draw .tenth-match.win::after,
.draw .eleventh-match.win::before,
.draw .eleventh-match.win::after,
.draw .twelfth-match.win::before,
.draw .twelfth-match.win::after,
.draw .thirteenth-match.win::before,
.draw .thirteenth-match.win::after,
.draw .fourteenth-match.win::before,
.draw .fourteenth-match.win::after,
.draw .fifteenth-match.win::before,
.draw .fifteenth-match.win::after,
.draw .sixteenth-match.win::before,
.draw .sixteenth-match.win::after,
.draw .semi.win::before,
.draw .semi.win::after,
.draw ul li .num.win::before,
.draw ul li .num.win::after {
    background-color:#ef0000;
    z-index: 20;
}
.matches-area .left-draw.final-win::before,
.matches-area .right-draw.final-win::before,
.draw .top-match-area.win::before,
.draw .bottom-match-area.win::before,
.draw .first-area.win::before,
.draw .second-area.win::before,
.draw .third-area.win::before,
.draw .fourth-area.win::before,
.draw .first-match.win::before,
.draw .second-match.win::before,
.draw .third-match.win::before,
.draw .fourth-match.win::before,
.draw .fifth-match.win::before,
.draw .sixth-match.win::before,
.draw .seventh-match.win::before,
.draw .eighth-match.win::before,
.draw .ninth-match.win::before,
.draw .tenth-match.win::before,
.draw .eleventh-match.win::before,
.draw .twelfth-match.win::before,
.draw .thirteenth-match.win::before,
.draw .fourteenth-match.win::before,
.draw .fifteenth-match.win::before,
.draw .sixteenth-match.win::before,
.draw .semi.win::before,
.draw ul li .num.win::before {
    height: 2px;
}
.draw .semi.win::before {
    height: 2px !important;
}
.draw .top-match-area.win::after,
.draw .bottom-match-area.win::after,
.draw .first-area.win::after,
.draw .second-area.win::after,
.draw .third-area.win::after,
.draw .fourth-area.win::after,
.draw .first-match.win::after,
.draw .second-match.win::after,
.draw .third-match.win::after,
.draw .fourth-match.win::after,
.draw .fifth-match.win::after,
.draw .sixth-match.win::after,
.draw .seventh-match.win::after,
.draw .eighth-match.win::after,
.draw .ninth-match.win::after,
.draw .tenth-match.win::after,
.draw .eleventh-match.win::after,
.draw .twelfth-match.win::after,
.draw .thirteenth-match.win::after,
.draw .fourteenth-match.win::after,
.draw .fifteenth-match.win::after,
.draw .sixteenth-match.win::after,
.draw .semi.win::after,
.draw ul li .num.win::after {
    width: 2px;
}   
.draw .semi.win::after {
    width: 2px !important
}
.matches-area .draw ul li .num::after {
    height: 38px;
}
.matches-area .left-draw li .num::after {
    left:97px;
}
.matches-area .draw ul li .num.up::after {
    height: 38px; 
    top: -25px;
}
.matches-area .draw ul li .num.win.up::after {
    height: 39px; 
}
.matches-area .draw ul li .num::before {
    width: 73px;
}
.matches-area .second-team span::after {
    top: -60px;
    left: 327px;
}
.matches-area .draw .by-default .num::before {
    width: 192px;
}
.matches-area .draw li .space {
    margin: 0 5px ;
    font-size: 14px;
    color: #3d3d3d;
}
.matches-area .date-time-match:hover {
    cursor: pointer;
}

/* 왼쪽 팀 */
.left-draw {
    position: relative;
}
.matches-area .left-draw::before {
    content: '';
    height: 1px;
    background-color: #3d3d3d;
    position: absolute;
    top: 50%;
}
.matches-area .score {
    position: absolute;
    font-size: 16px;
    font-weight: bold;
}
.matches-area .left-draw .score.score1 {
    top: 47px;
    right: 249px;
}
.matches-area .left-draw .score.score2 {
    top: 122px;
    right: 118px;
}   
.matches-area .left-draw .score.score3 {
    top: 275px;
    right: 10px;
}
.matches-area .left-draw li .num::before {
    left: 24px;        
}

/* 오른쪽 팀 */
.right-draw {
    position: relative;
}   
.matches-area .right-draw::before {
    content: '';
    height: 1px;
    background-color: #3d3d3d;
    position: absolute;
    top: 50%;
    transform: translateY(-52px);
}
.matches-area .right-draw::after {
    content: '';
    width: 1px;
    background-color: #3d3d3d;
    position: absolute;
}
.matches-area .right-draw li .team::before {
    right: 303px;
    top: 89px;
}
.matches-area .right-draw li .team::after {
    right: 329px;
    top: 89px;
}
.matches-area .right-draw li div,
.matches-area.right-draw li span {
    justify-content: right;
}
.matches-area .right-draw li .num {
    margin: 0 5px 0 0;
}
.matches-area .right-draw li .num::before {
    right: 24px;        
}
.matches-area .right-draw li .num::after {
    right: 96px;
}
.matches-area .right-draw .score.score1 {
    top: 44px;
    left: 248px;
}
.matches-area .right-draw .score.score2 {
    top: 117px;
    left: 118px;
}
.matches-area .right-draw .score.score3 {
    top: 274px;
    left: 12px;
}
.matches-area .central-board {
    width: 300px; 
    box-sizing: border-box;
}
.matches-area .central-board span {
    display: block;
}
.matches-area .central-board .final-score {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.matches-list08 .left-draw::before {
    width: 150px;
    left: 545px;
    transform: translateY(-5px);
}
.matches-list08 .left-draw .second-team .date-time-match {
    margin-left: 260px;
}
.matches-list08 .first-match::before {
    top: 109px;
    left: 397px;
}
.matches-list08 .first-match::after {
    height: 148px;
    top: 109px;
    left: 546px
}
.matches-list08 .second-match::before {
    width: 150px;
    top: 108px;
    left: 397px;
}
.matches-list08 .second-match::after {
    height: 147px;
    top: -41px;
    left: 545px;
}
.matches-list08 .second-match.win::after {
    height: 149px;
}
.matches-list08 .third-match::before {
    top: 108px;
    right: 397px;
}
.matches-list08 .third-match::after {
    height: 148px;
    top: 108px;
    right: 546px;
}
.matches-list08 .fourth-match::before {
    top: 108px;
    right: 397px
}
.matches-list08 .fourth-match::after {
    height: 149px;
    top: -40px;
    right: 546px;
}
.matches-list08 .fourth-match.win::after {
    height: 168px;
}
.matches-list08 .left-draw .fourth-team {
    height: 50px;
    margin-bottom: 25px;
}
.matches-list08 .right-draw::before {
    width: 150px;
    right: 547px;
    transform: translateY(-4px);
}
.matches-list08 .right-draw li .date-time-match {
    padding-left: 60px;
}
.matches-list08 .right-draw .seventh-team .date-time-match {
    padding-left: 25px;
}   
.matches-list08 .right-draw .fifth-team {
    height: 50px;
    margin-bottom: 25px;
}
.matches-list08 .right-draw .fifth-team .num::after {
    height: 76px;
    top: -55px;
}
.matches-list08 .right-draw .fifth-team .num.win::after {
    top: -62px;
}
.matches-list08 .central-board {
    padding-top: 108px;
    text-align: center;
}
.matches-list08 .code-guide::before {
    width: 460px;
    left: -25px;
}
.matches-area .matches-list16 .draw {
    width: 497px;
}
.matches-area .matches-list16 .left-draw::before {
    width: 106px;
    left: 497px;
    transform: translateY(-16px);
}
.matches-list16 .left-draw .top-match-area::before,
.matches-list16 .left-draw .bottom-match-area::before {
    width: 109px;
    top: 133px;
    left: 389px;
}
.matches-list16 .left-draw .top-match-area::after {
    height: 151px;
    top: 133px;
    left: 497px;
}
.matches-list16 .left-draw .bottom-match-area::after {
    height: 150px;
    top: -16px;
    left: 497px
}
.matches-list16 .left-draw .first-match::before,
.matches-list16 .left-draw .second-match::before,
.matches-list16 .left-draw .third-match::before,
.matches-list16 .left-draw .fourth-match::before {
    top: 55px;
    left: 259px;
}
.matches-list16 .left-draw .first-match::after,
.matches-list16 .left-draw .third-match::after {
    height: 78px;
    top: 55px;
    left: 389px;
}
.matches-list16 .left-draw .second-match::after,
.matches-list16 .left-draw .fourth-match::after {
    height: 74px;
    top: -18px;
    left: 389px
}
.matches-area .matches-list16 .central-board {
    width: 211px;
    padding: 260px 0 0 0;
}
.matches-area .matches-list16 .right-draw::before {
    width: 106px;
    right: 496px;
    transform: translateY(-16px);
}
.matches-list16 .right-draw .top-match-area::before, 
.matches-list16 .right-draw .bottom-match-area::before{
    width: 106px;
    top: 127px;
    right: 388px;
}
.matches-list16 .right-draw .top-match-area::after {
    height: 157px;
    top: 127px;
    right: 494px;
}
.matches-list16 .right-draw .bottom-match-area::after {
    height: 145px;
    top: -16px;
    right: 494px;
}
.matches-list16 .right-draw .fifth-match::before,
.matches-list16 .right-draw .sixth-match::before,
.matches-list16 .right-draw .seventh-match::before,
.matches-list16 .right-draw .eighth-match::before {
    top: 54px;
    right: 258px;
}
.matches-list16 .right-draw .fifth-match::after,
.matches-list16 .right-draw .seventh-match::after {
    right: 388px;
}
.matches-list16 .right-draw .fifth-match::after {
    height: 73px;
    top: 54px;
}
.matches-list16 .right-draw .seventh-match::after {
    height: 77px;
    top: 55px;    
}
.matches-list16 .right-draw .sixth-match::after,
.matches-list16 .right-draw .eighth-match::after {
    height: 77px;
    right: 388px;
}
.matches-list16 .right-draw .sixth-match::after {
    top: -22px;
}
.matches-list16 .right-draw .eighth-match::after {
    top: -21px;
}    

/* tbody scroll */
.scroll-table {
    position: relative;
    padding-top: 44px;
}
.scroll-table .table-col {
    overflow-y: auto;
    height: 320px;
    border-bottom: 1px solid #3d3d3d;
}
.scroll-table .table-col table {
    border: 0;
}
.scroll-table .table-col table thead {
    display: table;
    border-top: 2px solid #093284;
    position: absolute;
    top: 0;
    width: 100%;
}
.scroll-table .table-col::-webkit-scrollbar {
    width: 10px;
}
.scroll-table .table-col::-webkit-scrollbar-thumb {
    height: 50%;
    background-color: #b2b2b2;
    border-radius: 10px;
    background-clip: padding-box; 
    border: 2px solid transparent;
}   
.scroll-table .table-col::-webkit-scrollbar-track {
    background-color: #fff;
}
.scroll-table .table-col.sh1 {
    height: 280px;
}
.scroll-table .table-col .col-auto {
    width: auto;    
}

/* th,td 4개 */
.scroll-table .four-col thead th:nth-of-type(1) {
    width: 62px;
}
.scroll-table .four-col thead th:nth-of-type(2) {
    width: 120px;
}
.scroll-table .four-col thead th:nth-of-type(3) {
    width: 120px;
}
.scroll-table .four-col thead th:nth-of-type(4) {
    width: auto;
}

/* 강습회 참가자 목록 */
.scroll-table .table-col .participant-list-table .col-1 {
    width: 85px;
}
.scroll-table .table-col .participant-list-table .col-2 {
    width: 130px;
}

/* 강습회 강사 목록 */
.scroll-table .table-col .lecturer-list-table .col-1 {
    width: 85px;
}
.scroll-table .table-col .lecturer-list-table .col-2 {
    width: 130px;
}
.scroll-table .table-col .lecturer-list-table .col-3 {
    width: 600px;
}
.scroll-table .table-col .lecturer-list-table .col-4 {
    width: 200px;
}

/* 선수명단 팝업  */
.scroll-table .table-col .list-applicant-players .col-1 {
    width: 38px;
}
.scroll-table .table-col .list-applicant-players .col-2 {
    width: 50px;
}
.scroll-table .table-col .list-applicant-players .col-3 {
    width: 116px;    
}
.scroll-table .table-col .list-applicant-players .col-4 {
    width: 158px;    
}
.scroll-table .table-col .list-applicant-players .col-5 {
    width: 91px;    
}
.scroll-table .table-col .list-applicant-players .col-6 {
    width: 120px;
}
.scroll-table .table-col .list-applicant-players .col-7 {
    width: 110px;
}
.scroll-table .table-col .list-applicant-players .col-8 {
    width: 110px;
}
.scroll-table .table-col .list-applicant-players .col-9 {
    width: 80px;
}
.scroll-table .table-col .list-applicant-players1 .col-1 {
    width: 80px;
}
.scroll-table .table-col .list-applicant-players1 .col-2 {
    width: 80px;
}
.scroll-table .table-col .list-applicant-players1 .col-3 {
    width: 115px;    
}
.scroll-table .table-col .list-applicant-players1 .col-4 {
    width: 125px;    
}
.scroll-table .table-col .list-applicant-players1 .col-5 {
    width: 90px;    
}

/* 국내대회 - 대회관리 - 기본정보 - 대회관리자 선택시 팝업 */
#divNewAdmin .scroll-table .col-1,
#divNewAdminEdit .scroll-table .col-1 {
    width: 64px;
}
#divNewAdmin .scroll-table .col-2,
#divNewAdminEdit .scroll-table .col-2 {
    width: 64px;
}
#divNewAdmin .scroll-table .col-3,
#divNewAdminEdit .scroll-table .col-3 {
    width: 135px;
}
#divNewAdmin .scroll-table .col-4,
#divNewAdminEdit .scroll-table .col-4 {
    width: 115px;
}
#divNewAdmin .scroll-table .col-5,
#divNewAdminEdit .scroll-table .col-5 {
    width: 125px;
}
#divNewAdmin .scroll-table .col-6,
#divNewAdminEdit .scroll-table .col-6 {
    width: 125px;
}

/* 국내대회 - 대회관리 - 기본정보 -  심판 선택시 팝업 */
#divNewRefereeEdit .modalLayer,
#divNewScorerEdit .modalLayer {
    width: 600px;
}
#divNewRefereeEdit .scroll-table .col-1,
#divNewScorerEdit .scroll-table .col-1 {
    width: 80px;
}
#divNewRefereeEdit .scroll-table .col-2,
#divNewScorerEdit .scroll-table .col-2 {
    width: 80px; 
}
#divNewRefereeEdit .scroll-table .col-3,
#divNewScorerEdit .scroll-table .col-3 {
    width: 120px;    
}

#player-rosterPop .scroll-table .table-col .list-applicant-players .col-1 {
    width: 45px;
}
#player-rosterPop .scroll-table .table-col .list-applicant-players .col-2 {
    width: 140px;
}
#player-rosterPop .scroll-table .table-col .list-applicant-players .col-3 {
    width: 78px;
}
#player-rosterPop .scroll-table .table-col .list-applicant-players .col-4 {
    width: 115px;
}
#player-rosterPop .scroll-table .table-col .list-applicant-players .col-5 {
    width: 150px;
}

/* 레이어 팝업 **/
.modal-pop {
    display:none;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index:500;
}
.modal-pop .modal-layer {
    width: 932px;
    /* height: 790px; */
    padding: 25px;
    box-shadow: 5px 4px 31px 0 rgba(0, 0, 0, 0.32);
    background-color: #fff;
    overflow-y: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
    z-index: 500;
}
.modal-pop .modal-layer h3 {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: bold;
}
.modal-pop .modal-layer .table-col table thead th {
    height: 40px;
}
.modal-pop .modal-layer .table-col table tbody td {
    padding: 5px 5px 4px;
    /* font-size: 14px; */
}
.modal-pop .modal-layer select {
    min-width: 80px;
}
.modal-pop .modal-layer .btn-center {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin: 20px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 2px solid #64676d;
}

/* 경기별 결과 입력 팝업 */
.matchup-team input[type='radio'] + label {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 15px;
    padding-left: 40px;
    border-radius: 3px;
    border: solid 2px transparent;
    text-align: right;
    font-size: 18px;
    font-weight: bold;
    box-sizing: border-box;
    position: relative;
}
.matchup-team input[type='radio'] + label::before {
    content: '';
    width: 30px;
    height: 30px;
    border: solid 1px #64676d;
    background-color: #fff;
    background-image: none;
}
.matchup-team input[type='radio']:checked + label:before,
.matchup-team input[type='radio']:focus + label:before {
    content: '승';
    background-color: #1693b9;
    border-color: #1693b9;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 27px;
    color: #fff;
}
.matchup-team input[type='radio'] + label::before {
    top: -9px;
}

/* 임시 */

/* 레이어 팝업 **/
.modalAlertPop {
    display:none;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color: rgba(4, 4, 4, 0.47);
    z-index:1500;
}
.modalPop {
    display:none;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index:500;
}
.modalPop2 {
    z-index:650;
}
.modalPop .modalLayer {
    padding: 25px;
    box-shadow: 5px 4px 31px 0 rgba(0, 0, 0, 0.32);
    background-color: #fff;
	overflow-y: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	box-sizing: border-box;
	z-index: 600;
}
.modalPop .modalLayer h3,
.modalPop .modalLayer h4 {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: bold;  
}
.modalPop .modalLayer .table-col table thead th {
    height: 40px;
}
.modalPop .modalLayer .table-col table tbody td {
    padding: 5px 5px 4px;
}
/* .modalPop .modalLayer .modalCont {
    padding: 20px;
    background-color: #fff;
    box-sizing: border-box;
    position: relative;
} */
.modalPop .modalLayer .modalCont h5 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;  
    color: #000;
}
.modalLayer .modalClose {
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 40px;
    right: 30px;
    background: url(../img/img_popCls.svg) center center no-repeat;
    transition: transform 0.4s ease-in-out;
    font-size: 0;
    cursor: pointer;
}
.modalPop .modalLayer .btn-center {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin: 20px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 2px solid #64676d;
}
.modalPop .modalLayer .scroll-table {
    height: 360px;
    padding-top: 38px;
    overflow:hidden;
    box-sizing: border-box;
}

.modalPop .modalLayer .fourTh01 .scroll-table thead th:nth-of-type(1),
.modalPop .modalLayer .fourTh01 .scroll-table tbody td:nth-of-type(1) {
    width: 77px;
}
.modalPop .modalLayer .fourTh01 .scroll-table thead th:nth-of-type(2),
.modalPop .modalLayer .fourTh01 .scroll-table tbody td:nth-of-type(2) {
    width: 63px;
}
.modalPop .modalLayer .fourTh01 .scroll-table thead th:nth-of-type(3),
.modalPop .modalLayer .fourTh01 .scroll-table tbody td:nth-of-type(3) {
    width: 80px;
}
.modalPop .modalLayer .fourTh01 .scroll-table thead th:nth-of-type(4) {
    width: 63px;    
}
.modalPop .modalLayer .fourTh01 .scroll-table tbody td:nth-of-type(4) {
    width: 53px;    
}

.modalPop .modalLayer .fourTh02 .scroll-table thead th {
   padding: 3px 0 3px;
}
.modalPop .modalLayer .fourTh02 .scroll-table tbody td {
    padding: 3px 10px 2px;
}
.modalPop .modalLayer .fourTh02 .scroll-table thead th:nth-of-type(1),
.modalPop .modalLayer .fourTh02 .scroll-table tbody td:nth-of-type(1) {
    width: 75px;
}
.modalPop .modalLayer .fourTh02 .scroll-table thead th:nth-of-type(2),
.modalPop .modalLayer .fourTh02 .scroll-table tbody td:nth-of-type(2) {
    width: 85px;
}
.modalPop .modalLayer .fourTh02 .scroll-table thead th:nth-of-type(3),
.modalPop .modalLayer .fourTh02 .scroll-table tbody td:nth-of-type(3) {
    width: 173px;
}
.modalPop .modalLayer .fourTh02 .scroll-table thead th:nth-of-type(4) {
    width: 84px;    
}
.modalPop .modalLayer .fourTh02 .scroll-table tbody td:nth-of-type(4) {
    width: 74px;    
}

.modalPop .modalLayer .eighTh01 .scroll-table thead th:nth-of-type(1),
.modalPop .modalLayer .eighTh01 .scroll-table tbody td:nth-of-type(1) {
    width: 40px;
}
.modalPop .modalLayer .eighTh01 .scroll-table thead th:nth-of-type(2),
.modalPop .modalLayer .eighTh01 .scroll-table tbody td:nth-of-type(2) {
    width: 112px;
}
.modalPop .modalLayer .eighTh01 .scroll-table thead th:nth-of-type(3),
.modalPop .modalLayer .eighTh01 .scroll-table tbody td:nth-of-type(3) {
    width: 76px;
}
.modalPop .modalLayer .eighTh01 .scroll-table thead th:nth-of-type(4),
.modalPop .modalLayer .eighTh01 .scroll-table tbody td:nth-of-type(4) {
    width: 44px;
}
.modalPop .modalLayer .eighTh01 .scroll-table thead th:nth-of-type(5),
.modalPop .modalLayer .eighTh01 .scroll-table tbody td:nth-of-type(5) {
    width: 53px;
}
.modalPop .modalLayer .eighTh01 .scroll-table thead th:nth-of-type(6),
.modalPop .modalLayer .eighTh01 .scroll-table tbody td:nth-of-type(6) {
    width: 54px;
}
.modalPop .modalLayer .eighTh01 .scroll-table thead th:nth-of-type(7),
.modalPop .modalLayer .eighTh01 .scroll-table tbody td:nth-of-type(7) {
    width: 136px;
}
.modalPop .modalLayer .eighTh01 .scroll-table thead th:nth-of-type(8) {
    width: 65px;
}
.modalPop .modalLayer .eighTh01 .scroll-table tbody td:nth-of-type(8) {
    width: 55px;
}

.modalPop .modalLayer .ninTh01 .scroll-table thead th:nth-of-type(1),
.modalPop .modalLayer .ninTh01 .scroll-table tbody td:nth-of-type(1) {
    width: 40px;
}
.modalPop .modalLayer .ninTh01 .scroll-table thead th:nth-of-type(2),
.modalPop .modalLayer .ninTh01 .scroll-table tbody td:nth-of-type(2) {
    width: 107px;
}
.modalPop .modalLayer .ninTh01 .scroll-table thead th:nth-of-type(3),
.modalPop .modalLayer .ninTh01 .scroll-table tbody td:nth-of-type(3) {
    width: 40px;
}
.modalPop .modalLayer .ninTh01 .scroll-table thead th:nth-of-type(4),
.modalPop .modalLayer .ninTh01 .scroll-table tbody td:nth-of-type(4) {
    width: 53px;
}
.modalPop .modalLayer .ninTh01 .scroll-table thead th:nth-of-type(5),
.modalPop .modalLayer .ninTh01 .scroll-table tbody td:nth-of-type(5) {
    width: 59px;
}
.modalPop .modalLayer .ninTh01 .scroll-table thead th:nth-of-type(6),
.modalPop .modalLayer .ninTh01 .scroll-table tbody td:nth-of-type(6) {
    width: 124px;
}
.modalPop .modalLayer .ninTh01 .scroll-table thead th:nth-of-type(7),
.modalPop .modalLayer .ninTh01 .scroll-table tbody td:nth-of-type(7) {
    width: 44px;
}
.modalPop .modalLayer .ninTh01 .scroll-table thead th:nth-of-type(8),
.modalPop .modalLayer .ninTh01 .scroll-table tbody td:nth-of-type(8) {
    width: 49px;
}
.modalPop .modalLayer .ninTh01 .scroll-table thead th:nth-of-type(9) {
    width: 58px;    
}
.modalPop .modalLayer .ninTh01 .scroll-table tbody td:nth-of-type(9) {
    width: 48px;    
}