/*
01. nav
*/

#gnbMenu.navbar-default .navbar-brand {
    color: rgba(0, 0, 0, 1);
	font-size:24px;
	font-weight:bold;
}
#gnbMenu.navbar-default {
	height:144px;
    font-size: 14px;
    background-color: rgba(255, 255, 255, 1);
    border-width: 0px;
    border-radius: 0px;
	border-bottom:1px solid #333333;
}
#gnbMenu.navbar-default .navbar-nav>li>a {
    color: rgba(0, 0, 0, 1);
/*     background-color: rgba(255, 255, 255, 1); */
}
#gnbMenu.navbar-default .navbar-nav>li>a:hover,
#gnbMenu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(102, 102, 102, 1);
    background-color: rgba(240, 240, 240, 1);
}
#gnbMenu.navbar-default .navbar-nav>.active>a,
#gnbMenu.navbar-default .navbar-nav>.active>a:hover,
#gnbMenu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(255, 255, 255, 1);
    /* background-color: rgba(161, 32, 6, 1); */
}
#gnbMenu.navbar-default .navbar-toggle {
    border-color: #a12006;
}
#gnbMenu.navbar-default .navbar-toggle:hover,
#gnbMenu.navbar-default .navbar-toggle:focus {
    background-color: #a12006;
}
#gnbMenu.navbar-default .navbar-toggle .icon-bar {
    background-color: #a12006;
}
#gnbMenu.navbar-default .navbar-toggle:hover .icon-bar,
#gnbMenu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}

/*
02. footer
*/
footer {margin:30px 0; border-top:1px solid #efefef; padding-top:20px}


/*
03. etc
*/
.heading {margin:0;}
.breadcrumb {background-color:#fff !important ; margin-bottom:0; padding: 3px 15px; }
.page-title {border-bottom:1px solid #efefef; padding-bottom:10px; margin-bottom:30px;}

/*
*/
.nav .divider:after {
  background: #e0e0e0;
  width: 1px;
  content: "";
  display:block;
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  min-height: 50px;
}

/*
폼의 체크박스 여백
*/
.checkbox input[type=checkbox], 
.checkbox-inline input[type=checkbox], 
.radio input[type=radio], 
.radio-inline input[type=radio]{
	margin-left:0;
}
/*
모달 버튼 여백
*/

.modal-body .btn-group {margin:5px 0;}

/*
border-radius
*/
.btn {border-radius:0 !important}
.input-group-addon {border-radius:0}
.btn.btn-default {border-radius:0}
.form-control {border-radius:0}
.btn.btnPosition, .btn.selectArea1, .btn.selectArea2 {border-radius:0;border:1px solid #999;background-color:#fff;}
.btn.btnPosition.btn-primary, .btn.selectArea2.btn-primary {background-color: #337ab7;border-color: #2e6da4;}

/*
매치 목록 요일
*/
td.weekday7 span{
    color: blue;
}
td.weekday1 span{
    color: red;
}

/*
매치 목록 tr
초청/원정/양도 구분
*/
.mtype1 { background-color: #f5fcfe; } /* 초청 */
.mtype2 { background-color: #f7fff4; } /* 원정 */
.mtype3 { background-color: #fffdf4; } /* 양도 */



/*
table 
*/

table.footable-details.table-bordered > thead > tr:first-child > th,
table.footable-details.table-bordered > thead > tr:first-child > td,
table.footable-details.table-bordered > tbody > tr:first-child > th,
table.footable-details.table-bordered > tbody > tr:first-child > td,
table.footable-details.table-bordered > tfoot > tr:first-child > th,
table.footable-details.table-bordered > tfoot > tr:first-child > td {
	background-color: #fdf5e8 !important;
}










.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background-color:none !important;}


/* WIDTH 960px */
@media (max-width: 1023px) { 


}

/* WIDTH 800px */
@media (max-width: 959px) {

}
/* WIDTH 768px */
@media (min-width: 768px) {
.navbar-brand {
    float: left;
    padding-top:77px;
	}
.nav-matchgogo {position:relative;height:144px;border:none;}
.nav-menu {font-size:24px;margin-top:80px;}
.nav-menu li a {padding:10px 40px;}
#gnbMenu.navbar-default .navbar-nav>.active>a, #gnbMenu.navbar-default .navbar-nav>.active>a:hover, #gnbMenu.navbar-default .navbar-nav>.active>a:focus, #gnbMenu.navbar-default .navbar-nav>.active>a:active, #gnbMenu.navbar-default .navbar-nav>.active>a:visited {background-color:#fff !important;color:#be0101;border-bottom:1px solid #be0101;}
.wrap-nav-global {height:40px;border-bottom:1px solid #ebebeb;}
.nav-global {height:40px;position:absolute;right:0;}
.navbar-nav.nav-global>li>a {padding-top:0;padding-bottom:0;line-height:40px;background-color:none;}
.navbar-nav.nav-global>li>a:hover {background-color:none !important;}

.main-slogan {text-align:center;background-color:#FFF;}
.main-slogan h3 {font-size:32px;color:#000;font-weight:600;letter-spacing:1px;}
.main-slogan p {font-size:24px;padding-top:10px;font-weight:100;color:#777;}

.form-control.btn.btn-register {background-color:#fff;border:1px solid #000;font-size:18px;line-height:34px;padding:5px 0 40px 0;}
.form-control.btn.btn-register:hover {background-color:#222;border:1px solid #000;color:#fff;}

.main-link4 h3.page-header {border-bottom:none;margin-top:0;}
.main-link4 > div.col-lg-3.col-sm-6.col-xs-6.text-center {width:23.7%;border:1px solid #ddd;margin:0 10px;padding:40px 0 25px 0;}
.main-link4 > div.col-lg-3.col-sm-6.col-xs-6.text-center:nth-child(2) {margin:0 10px 0 0;}
.main-link4 > div.col-lg-3.col-sm-6.col-xs-6.text-center:nth-child(5) {margin:0 0 0 10px;}
.main-link4 > div.col-lg-3.col-sm-6.col-xs-6.text-center h3 a {color:#000;}

}
/* WIDTH 768px */
@media (max-width: 799px) {
}
/* WIDTH 720px */
@media (max-width: 767px) {

#gnbMenu.navbar-default .navbar-nav>.active>a, #gnbMenu.navbar-default .navbar-nav>.active>a:hover, #gnbMenu.navbar-default .navbar-nav>.active>a:focus, #gnbMenu.navbar-default .navbar-nav>.active>a:active, #gnbMenu.navbar-default .navbar-nav>.active>a:visited {background-color:#fff !important;color:#be0101;border-bottom:1px solid #be0101;}
#gnbMenu.navbar-default {
	position: relative;
	height:60px;
	}
#gnbMenu.navbar-default .navbar-brand {width:75%;}
#gnbMenu.navbar-default .navbar-brand img {width:100%;}
	.navbar-nav {
		margin: 0 -15px;
	}
button.navbar-toggle {margin-top:10px;}
.navbar-collapse.navbar-menubuilder.nav-matchgogo.collapse.in {position:relative;margin-bottom:40px;background-color:#fff;z-index:9999}

.wrap-nav-global {height:40px;border-bottom:1px solid #ebebeb;}
.nav-global {height:40px;position:absolute;right:40px;top:0;}
.navbar-nav.nav-global>li>a {padding-top:0;padding-bottom:0;line-height:40px;background-color:none;font-size:13px;color:#777;}
.navbar-nav.nav-global>li>a:hover {background-color:none !important;}

.row.main-link4 .col-xs-6 {height:250px;padding-right:0;padding-left:0;}
.row.main-link4 .col-xs-6 h3 a {font-size:19px;color:#000;font-weight:600;}
.row.main-link4 .col-xs-6 p {font-size:13px;}

.jumbotron.main-slogan {padding-bottom:0;}
.main-slogan {text-align:center;background-color:#FFF;}
.main-slogan h3 {font-size:22px;color:#000;font-weight:600;letter-spacing:1px;line-height:140%;}
.main-slogan p {font-size:18px;padding-top:10px;font-weight:100;color:#777;line-height:140%;}


}
/* WIDTH 640px */
@media (max-width: 719px) {
}
/* WIDTH 480px */
@media (max-width: 639px) {
}
/* WIDTH 320px */
@media (max-width: 479px) {
}



div#selectMemBtns {
    padding: 0;
}
input.btn.selectMem {
    padding: 5px 10px;
    margin: 1px 0;
}
a.selected {
    background-color: #c9eeff;
}
.selectMem {background-color:#d1e9eb;} 
.selectMem.mtype91 {background-color:#e7d6e0;} /* guest */
.selectMem.mtype92 {background-color:#d3e9dd;} /* imported player */

.btn-primary.selectMem {background-color:#3e888e; border-color:#3e888e;} 
.btn-primary.selectMem.mtype91 {background-color:#9e5c84;border-color:#9e5c84;} /* guest */
.btn-primary.selectMem.mtype92 {background-color:#4a956c;border-color:#4a956c;} /* imported player */


table.tblRank {
	width:320px
}

Table.tblRank thead td{ 
	text-align:center;
	font-weight:700;
}
Table.tblRank td{ 
	padding:4px !important;
	text-align:center;
}
Table.tblRank td.right{ 
	text-align:right !important;
	padding-right:10px !important;
}


.modal-formation .btn {
    padding: 15px 10px;
}
.game {padding:10px 10px; border:1px solid #ccc; margin:4px 0;}

.pos-code {padding:3px 5px; display:inline-block; background-color: #eee; border-radius: 4px;}
.pos-code.FWL, 
.pos-code.CFL, 
.pos-code.CF, 
.pos-code.CFR, 
.pos-code.FWR,
.pos-code.SS, 
.pos-forward select
{background-color:#fbefe6}
.pos-code.MFL, 
.pos-code.MFR,
.pos-code.AML, 
.pos-code.AM, 
.pos-code.AMR, 
.pos-code.CML, 
.pos-code.CM, 
.pos-code.CMR, 
.pos-code.DM, 
.pos-code.DML, 
.pos-code.DMR,
.pos-middle select
{background-color:#e9f9e6}
.pos-code.LB, 
.pos-code.CB, 
.pos-code.CBL, 
.pos-code.CBR, 
.pos-code.RB,
.pos-code.SW,
.pos-defence select
{background-color:#e6f0f9}
.pos-code.GK,
.pos-keeper select
{background-color:#f7e8f4}

.pos {
	background-color:#ffffff
}
.pos.form-control,
.attackPoint.form-control,
.substitute.form-control {
    border-radius: 0;
    width:  17%;
	display: inline-block;
	padding:0 6px;
}
.game-position .game-num,
.game-position > div {
	padding-bottom:10px;
	text-align:center;
}
.pos-forward .pos.selected  { background-color:#91654a; color:white; }
.pos-middle .pos.selected  { background-color:#56894b; color:white; }
.pos-defence .pos.selected  { background-color:#416b92; color:white; }
.pos-keeper .pos.selected  { background-color:#986195; color:white; }

.substitute option.selected,
.pos option.selected {
	background-color:#000; color:#555;
}

.pos option {font-size: 16px;}

.pos-setting {border:1px solid #ccc; padding:10px 0; }

.attackPointForm {display:none;}

.goals, .substitute {padding:20px 0 5px 0;}

.input-group-addon.required { color:#a94442;}

.w6, .d6, .l6, .FW6, .MD6, .DF6, .GK6 {color:#0099ff}
.w7, .d7, .l7, .FW7, .MD7, .DF7, .GK7 {color:#6666ff}
.w8, .d8, .l8, .FW8, .MD8, .DF8, .GK8 {color:#669900}
.w9, .d9, .l9, .FW9, .MD9, .DF9, .GK9 {color:#ff3300}
.w10, .d10, .l10, .FW10, .MD10, .DF10, .GK10 {color:#ff00ff}

.winClass {background-color:#e7fcfe;}

.pb {
	page-break-before:always
}

#report table tr td.text-left {text-align:left !important;}

h2.yearly{text-align:center; margin-top:150px;}
h3.yearly{text-align:center; font-size:38px; font-weight:600;}


#memAttTable .label {padding:0.5em 0.8em 0.4em 0.8em !important;}

.team_name {font-size:1.4em; font-weight:600; margin-top:20px;}


/*2023-02-08*/
.posi {
    width:  17%;
	padding:26px;
	margin:4px;
	position:relative;
}
.posi, .attMem{
	background-color:#ffffff;
	display: inline-block;
    border-radius: 6px;
	border:1px solid #ccc;
}
.attMem{
	margin:2px;
	padding:5px;
    --width: 46%;
}
.attMem .games {
    display: inline-block;
}
.attMem .fa {
	margin-right:0;
}
.pos-forward .posi.selected  { background-color:#91654a; color:white; }
.pos-middle .posi.selected  { background-color:#56894b; color:white; }
.pos-defence .posi.selected  { background-color:#416b92; color:white; }
.pos-keeper .posi.selected  { background-color:#986195; color:white; }

.attMem .fa-check-circle {color:#3366ff}
.attMem .fa-minus-circle {color:#999}

.attMem.positioned {
	background-color: #ccc;
}

.pos-delete {
    font-size: 1em;
    position: absolute;
    top: 4px;
    right: 7px;
}

.pos-delete:hover {
  color: #d8751e;
}

