@charset "UTF-8";
@media all and (max-width: 1920px) {
	.blog_left_sidebar { padding: 0 15px 0 10px; margin: 0; }
    .partcolumn { width: 100%; font-size: 1rem; }
    .partcolumn .gtitle { text-align: center; padding-bottom: 40px; font-size: 26px; font-weight: 500; }
	.table th { background: #F7F7F7; }
	.table .tableTitle { font-size: 1.3rem; }
	.table tr th, .table tr td { padding: 8px; text-align: center; font-weight: 400; font-size: 1rem; vertical-align: middle; line-height: 250%; }
	.fa-user-clock { font-size: 20px; color: #3A6AD0; }
	.fa-circle { font-size: 20px; color: #7F7F7F; }
	.court { font-size: 1.2rem; font-weight: 500; }
	.reserveTitle { display: none; }
	ul li.rCourt { margin-bottom: 15px; }
	ul li.rCourt .courtBoxA { width: 100%; height: 79px; padding: 10px 15px 10px 30px; font-size: 1.5rem; border: 1px solid #CCC; border-radius: .5rem; background: #E0E9FF; }
	ul li.rCourt .courtBoxB { width: 100%; height: 79px; padding: 10px 15px 10px 30px; font-size: 1.5rem; border: 1px solid #CCC; border-radius: .5rem; background: #EEE; }
	ul li.rCourt i { display: inline-block; font-size: 1.5rem; padding-right: 8px; }
	.courtDetail { padding-left: 40px; font-size: .85rem; color: #848484; }
	.courtDetailB { padding-left: 36px; font-size: .85rem; color: #848484; }
	.pleft { float: left; }
	.pright { float: right; position: relative; top: 7px; }
	.pright::after { content: ''; display: block; clear: both; }
    .btn-gray { background: #DDD; }
    a .btn-gray:link { color: #222; }
    a .btn-gray:active { color: #222; }
    a .btn-gray:hover { color: #222; }
    .btn-not { background: #616161; color: #FFF; }
    a .btn-not:link { color: #FFF; }
    a .btn-not:active { color: #FFF; }
    a .btn-not:hover { color: #FFF; }
}
@media all and (max-width: 768px) {
	.blog_left_sidebar { padding: 0; margin: 0; }
	.partcolumn { width: 100%; padding: 0 5px; font-size: .9rem; }
    .partcolumn .gtitle { text-align: left; padding-bottom: 30px; font-size: 1.2rem; }
	.table tr th, .table tr td { padding: 0; text-align: center; font-weight: 400; font-size: .7rem; vertical-align: middle; }
	.table .tableTitle { font-size: 1rem; }
	.section_title h3 { font-size: 24px; line-height: 36px; }
	.fa-user-clock { font-size: 10px; color: #3A6AD0; }
	.fa-circle { font-size: 10px; color: #7F7F7F; }
	.flexes { display: none; }
	.court { font-size: 0.8rem; font-weight: 500; }
    .ranking_area { padding-top: 60px; padding-bottom: 120px; }
    .ranking_area .ranking_info h3 { font-weight: 500; font-size: 1.6rem; margin-bottom: 10px; }
    .ranking_area .ranking_info p { font-size: 14px; color: #727272; line-height: 28px; }
    .ranking_area .ranking_info ul li i { margin-right: 3px; color: #5DB2FF; }
	.ranking_area .ranking_info ul li { color: #727272; font-size: .85rem; line-height: 32px; letter-spacing: -1px; }
	.reserveTitle { display: block; font-size: 1.5rem; padding: 0 0 20px 10px; font-weight: 500; }
	ul li.rCourt { margin-bottom: 10px; }
	ul li.rCourt .courtBoxA { width: 100%; height: 60px; padding: 10px; font-size: .9rem; border: 1px solid #CCC; border-radius: .5rem; background: #F1F5FA; }
	ul li.rCourt .courtBoxB { width: 100%; height: 60px; padding: 10px; font-size: .9rem; border: 1px solid #CCC; border-radius: .5rem; background: #EEE; }
    ul li.rCourt:last-child { margin-bottom: 40px; }
	ul li.rCourt i { display: inline-block; font-size: 1rem; padding-right: 3px; position: relative; top: 1px; }
	.courtDetail { padding-left: 24px; font-size: .7rem; color: #848484; }
	.courtDetailB { padding-left: 22px; font-size: .7rem; color: #848484; }
	.pleft { float: left; }
	.pright { float: right; position: relative; top: 3px; }
	.pright::after { content: ''; display: block; clear: both; }
    a .btn { font-size: .8rem; }
    .btn-gray { background: #DDD; }
    a .btn-gray:link { color: #222; }
    a .btn-gray:active { color: #222; }
    a .btn-gray:hover { color: #222; }
}