@charset "UTF-8";
.table-bordered>tbody>tr>td:first-child { text-align: center; background: #FCFCFC; vertical-align: middle }
.table-bordered>tbody>tr>td { padding: 8px 12px; line-height: 150% }
.table-bordered>tbody>tr>td.noneBox { padding: 16px 0 }
.buttonArea { padding: 20px 0; }
.ct { text-align: center; }
select { background: #FFF; border: 1px solid #CCC; padding: 6px; font-size: 13px; }
input::placeholder { color: #BBB; font-size: 13px; }
.btn-primary { margin: 0; }
.badge { position: relative; top: 0; left: 0; }
.badge-orange { background: #F90; color: #FFF; }
@media all and (max-width: 1920px) {
	select { background: #FFF; border: 1px solid #CCC; padding: 6px; font-size: 13px; }
	.table-bordered { width: 100%; font-size: 15px; }
	h4.takepartTitle { text-align: center; font-size: 24px; }
	.partTitle { float: left; padding: 30px 0 5px 0; font-size: 15px; }
	.timeinfo { float: right; padding: 30px 0 4px 0; font-size: 14px; }
	.firstTab { width: 22%; }
	input.info { width: 70%; font-size: 15px; border: 1px solid #CCC; height: 34px; padding: 0 8px }
	input.cell { width: 50%; font-size: 15px; border: 1px solid #CCC; height: 34px; padding: 0 8px; position: relative; top: 0; }
	input.takers { width: 50%; font-size: 15px; border: 1px solid #CCC; height: 34px; padding: 0 8px }
	input.noClub { width: 30%; font-size: 14px; border: 1px solid #CCC; height: 34px; padding: 0 8px }
	.help { display: block; font-size: 13px; color: #AAA; padding: 3px 0 15px 0; }
	.error { padding-top: 3px; font-size: 13px; color: #E80000; }
	.taketitle { padding: 20px 0 10px 0; font-size: 17px; font-weight: 500; }
	.takepart { padding-top: 10px; margin-bottom: 30px }
	.takepartin { position: relative; float: left; }
	.takepartin a { background: #217BB2; color: #FFF; font-weight: 500; border: 1px solid #CCC; padding: 6px 10px; font-size: 13px; margin-top: 3px; }
	.takepartin a:hover { background: #EBEBEB; color: #000; border: 1px solid #EEE; padding: 6px 10px; margin-top: 3px; }
	.takeready { position: relative; float: left; }
	.takeready a { background: #EBEBEB; color: #000; font-weight: 500; border: 1px solid #CCC; padding: 6px 10px; font-size: 13px }
	.takeready a:hover { background: #EBEBEB; color: #000; }
	.takepartList { float: right; }
	.takepartList a { background: #FFF; color: #000; font-weight: 500; border: 1px solid #CCC; padding: 6px 10px; font-size: 13px; margin-top: 3px; }
	.takepartList a:hover { background: #EBEBEB; color: #000; border: 1px solid #CCC; padding: 6px 10px; margin-top: 3px; }

	.prevList { position: relative; float: left; margin-right: 3px; }
	.prevList a { background: #589ABE; color: #FFF; font-weight: 500; border: 1px solid #CCC; padding: 6px 10px; font-size: 13px; margin-top: 3px; }
	.prevList a:hover { background: #EBEBEB; color: #000; border: 1px solid #CCC; padding: 6px 10px; font-size: 13px; margin-top: 3px; }

	.presList { position: relative; float: left; margin-right: 3px; }
	.presList a { background: #CDC97B; color: #FFF; font-weight: 500; border: 1px solid #CCC; padding: 6px 10px; font-size: 13px; margin-top: 3px; }
	.presList a:hover { background: #CDC97B; color: #000; border: 1px solid #CCC; padding: 6px 10px; font-size: 13px; margin-top: 3px; }

	.takepart .table-bordered>tbody>tr>td { line-height: 27px }
	.takepart .table-bordered>tbody>tr>td span { color: #217BB2 }
	.takepart .table-bordered>tbody>tr>td span.place { padding-left: 10px; color: #555 }
	.takepart .table-bordered>tbody>tr>td .takeparting { display: inline-block; width:80px; text-align: center; font-size: 13px; background: #000; border: 1px solid #000; padding: 0 6px; font-weight: 500; color: #FFF }
	.takepart .table-bordered>tbody>tr>td .takepartingOver { display: inline-block; width:78px; text-align: center; font-size: 13px; background: #F00; border: 1px solid #E80000; padding: 0 4px; font-weight: 500; color: #FFF }
	.takepart .takesub { width: 22%; }
	.takepart .takers { width: 20%; }
	table tr td .taker { font: bold 14px/1.5 'NanumGothic', '나눔고딕'; color: #636363 }
	table tr td .club { padding-top: 3px; font: 13px 'NanumGothic', '나눔고딕'; color: #AAA }
	.table-bordered>tbody>tr>td.rightnone { padding: 4px 10px; border: 0px solid #FFF; border-bottom: 1px solid #DDD }
	.table-bordered>tbody>tr>td.leftnone { padding: 4px 10px; border: 0px solid #FFF; border-bottom: 1px solid #DDD }
	.badge-sm { padding: .25em .4em; font-size: 90%; font-weight: 400; }
}
@media all and (max-width: 768px) {
	select { background: #FFF; border: 1px solid #CCC; padding: 6px 3px; font-size: 12px; }
	.table-bordered { width: 100%; font-size: 13px; }
	h4.takepartTitle { text-align: center; font-size: 18px; }
	.partTitle { float: left; padding: 30px 0 5px 0; font-size: 15px; }
	.timeinfo { float: right; padding: 30px 0 4px 0; font-size: 14px; }
	.firstTab { width: 23%; }
	input.info { width: 50%; font-size: 13px; border: 1px solid #CCC; height: 34px; padding: 0 8px }
	input.cell { width: 50%; font-size: 13px; border: 1px solid #CCC; height: 34px; padding: 0 8px; position: relative; top: 0; }
	input.takers { width: 100%; font-size: 15px; border: 1px solid #CCC; height: 34px; padding: 0 8px }
	input.noClub { width: 50%; font-size: 13px; border: 1px solid #CCC; height: 34px; padding: 0 8px }
	.taketitle { padding: 20px 0 10px 0; font-size: 17px; font-weight: 500; }
	.takepart { padding-top: 10px; margin-bottom: 30px }
	.takepartin { clear: both; position: relative }
	.takepartin a { background: #217BB2; color: #FFF; font-weight: 500; border: 1px solid #CCC; padding: 3px 6px; font-size: 12px }
	.takepartin a:hover { background: #4BADEB; color: #FFF; border: 1px solid #EEE; padding: 3px 6px }
	.takeready a { background: #EBEBEB; color: #000; font-weight: 500; border: 1px solid #CCC; padding: 3px 6px; font-size: 12px }
	.takeready a:hover { background: #EBEBEB; color: #000; }
	.takepartList { margin-top: 3px }
	.takepartList a { background: #FFF; color: #000; font-weight: 500; border: 1px solid #CCC; padding: 3px 6px; font-size: 12px }
	.takepartList a:hover { background: #EBEBEB; color: #000; border: 1px solid #CCC; padding: 3px 6px }

	.prevList { clear: both; position: relative; margin-right: 0; }
	.prevList a { background: #589ABE; color: #FFF; font-weight: 500; border: 1px solid #CCC; padding: 3px 6px; font-size: 12px; margin-top: 3px; }
	.prevList a:hover { background: #EBEBEB; color: #000; border: 1px solid #CCC; padding: 3px 6px; font-size: 12px; margin-top: 3px; }

	.presList { clear: both; position: relative; margin-right: 0; }
	.presList a { background: #CDC97B; color: #FFF; font-weight: 500; border: 1px solid #CCC; padding: 3px 6px; font-size: 12px; margin-top: 3px; }
	.presList a:hover { background: #CDC97B; color: #000; border: 1px solid #CCC; padding: 3px 6px; font-size: 12px; margin-top: 3px; }

	.takepart .table-bordered>tbody>tr>td { line-height: 27px }
	.takepart .table-bordered>tbody>tr>td span { color: #217BB2 }
	.takepart .table-bordered>tbody>tr>td span.place { padding-left: 10px; color: #555 }
	.takepart .table-bordered>tbody>tr>td .takeparting { display: inline-block; width: 80px; text-align: center; font-size: 13px; background: #000; border: 1px solid #000; padding: 0 6px; font-weight: 500; color: #FFF }
	.takepart .table-bordered>tbody>tr>td .takepartingOver { display: inline-block; width: 78px; text-align: center; font-size: 13px; background: #F00; border: 1px solid #E80000; padding: 0 4px; font-weight: 500; color: #FFF }
	.takepart .takesub { width: 23%; }
	.takepart .takers { width: 24%; }
	table tr td .taker { font-size: 12px; }
	table tr td .club { font: 11px/1.2 'NanumGothic', '나눔고딕'; color: #AAA }
	.table-bordered>tbody>tr>td.rightnone { padding: 4px 10px; border: 0px solid #FFF; border-bottom: 1px solid #DDD }
	.table-bordered>tbody>tr>td.leftnone { padding: 4px 10px; border: 0px solid #FFF; border-bottom: 1px solid #DDD }
	.badge-sm { padding: .25em .5em; font-size: 80%; font-weight: 400; }
}