@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300i,400,400i,700,700i,900,900i|Nanum+Gothic');
/*ksm 제주고딕체*/
@import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css);

body{
	position: relative;
	font-family: 'Nanum Gothic', sans-serif;
	background: #f4f4f4;

}
h1, h2, h3, h4, h5, h6{
	font-family: 'NanumSquare', sans-serif;

}

.normal {
    font-weight: 400
}

.bold {
    font-weight: 700
}

.bolder {
    font-weight: 800
}

.light {
    font-weight: 300
}
.bg-color-g{
	background: #9a9a9a;
}
/*.bg-color-r
{
	background: #c60001;
}*/
/*ksm 이미지디자인 변경 후 폰트*/
.bg-color-r
{
	background: #743A8F;
}
.bg-color-p{
	background: #f3776b;
}

.ft-color-r{
	color:#c60001;
}
.ft-color-w{
	color:#fff;
}


a {
  text-decoration: none;
  color:#383838;
}
a:hover,
a:focus {

  text-decoration: none
}
ul{
	list-style: none;
	margin:0;
	padding:0;
}


/*header*/
.main-nav-h{
	height: 118px;
	width:100%;

}
.navbar-fixed-top{
	border-top:3px solid #c60001;
	background: #fff;

}
.logo-g{
	width:100%;
	height: 68px;
	float:left;
}
.logo-g > h1{
	float:left;
	width:50%;
}
ul.login-g{
	float:right;
	list-style: none;
	margin: 0;
}
ul.login-g > li{
	float:left;
	line-height: 50px;
}
ul.login-g > li > a{
	padding:0 10px;
	color:#3b3b3b;
	
	
}
.navbar-wrapper > .container > nav.navbar > .container >.navbar-collapse > ul{
	font-size: 100%;
	font-weight: 700;
	color:#383838!important;  
}
.navbar-wrapper > .container > nav.navbar > .container >.navbar-collapse > 
form.navbar-right{
	margin-top:20px;
}
.navbar-wrapper > .container > nav.navbar > .container >.navbar-collapse > 
form.navbar-right> .form-group > input{
	border:1px solid #eee;
}
.navbar-wrapper > .container > nav.navbar > .container >.navbar-collapse > 
form.navbar-right > button{
	color:#fff !important;
}


/*********************전체메뉴***********************/
.navbar-default .navbar-nav > .open > a:focus{
	color:#fff;
	background: #c60001;
}
.all-nav{
	width:1170px;
	background-color:rgba( 255, 255, 255, 0.9) !important;  
	background:rgba( 255, 255, 255, 0.9) ;	
	padding:15px;
}
.all-nav h3{
	font-size: 118.8%;
	font-weight: bold;
	padding:10px 0;
	margin:0;
	border-bottom:1px solid #c60001;

}
.menu-drop ul{
	margin-top:10px;
}
.menu-drop ul li{
	line-height: 35px;	
	padding-left:10px;
}
.menu-drop ul li a:hover{
	color:#c60001 !important;
}



ul.drop-s li a{
	line-height: 35px;
	display: block;
}
ul.drop-s li a:hover{
	background: #c60001 !important; 
	color:#fff!important; 
}



/**/
.main-visual{
	height: 300px;
	width:100%;
	float:left;
	overflow: hidden;
}

/*h3.main-visual-txt-title{
	font-size:200%;
	font-family: 'Jeju Gothic', serif;
}*/
/*ksm 이미지디자인 변경 후 폰트*/
h3.main-visual-txt-title{
	font-size:200%;
	color:#180D30;
}
.carousel-control .visual-l,
.carousel-control .visual-r{
	position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}

/*************************************************************************************************/
.main-play-schedule{
	height: 610px;
	/*float:left;*/
	width:100%;
	border:1px solid #dcdcdc;
	background: #fff;
	margin-top:30px;

}
/*경기일정*/
.main-cont-title{
	width:100%;
	float:left;
	padding:0;
	margin: 0;	
	border-bottom:1px solid #dcdcdc;
}

h3.main-title-c{
	font-size:118.8%;
	display: block;
	float:left;
	width:50%;
	line-height: 45px;
	padding:0 0 0 15px;
	margin:0;

}
.main-cont-title > ul{
	float:right;
	padding-right: 15px;
}
.main-cont-title > ul > li{
	float:left;
	padding:0 10px;
	line-height: 45px;	

}
.main-cont-box{
	width:100%;
	float:left;
	padding:30px 12px 0px;
	height: 560px;
	overflow-y: auto;
}
.main-cont-box > ul > li{
	/*margin-bottom:;*/
}
.main-cont-schedule{
	width:100%;
	float:left;
	height: 90px;
	border-top:1px solid #9a9a9a;
	border-bottom:1px solid #9a9a9a;
	margin-bottom:15px;
}
.schedule-info{
	float:left;
	width:78.6%;
}
.schedule-btn-g{
	width:155px;
	height: 100%;
	float:right;
}
.info-g-1 > span{
	float:left;
	height: 40px;

}
.info-g-1 > span:nth-child(1){
	float:left;
	width:85px;
	padding-top:10px;
	text-align:center;
	color:#fff;
}
.info-g-1 > span:nth-child(2){
	float:left;
	padding-left:10px;
	line-height: 40px;
	width:280px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	
}
.info-g-1 > span:nth-child(2) > h4{
	font-size: 110%;
	font-weight: bold;

}

.info-g-1 > span:nth-child(3){
	float:right;
	line-height: 150%;
	text-align:right;
	font-size: 87.5%;
	padding:5px 0;
}
.info-g-2{
	float:left;
	min-width:53px;
	height: 50px;
	line-height: 50px;
	font-weight: bold;

}
.info-g-2 > span:nth-child(1),
.info-g-2 > span:nth-child(3),
.info-g-2 > span:nth-child(4),
.info-g-2 > span:nth-child(5),
.info-g-2 > span:nth-child(7){
	float:left;
	width:50px;
	text-align: center;
}

.info-g-2 > span:nth-child(2),
.info-g-2 > span:nth-child(6){
	width:160px;
	float:left;
}
.info-g-2 > span:nth-child(6){
	text-align:right;
}
.schedule-btn-g{
	width:155px;
	height: 90px;
	padding: 5px;
	margin:0;
}
.schedule-btn{
	width:60px;
	color:#fff;
	line-height: 30px;
	border:none;
	float:left;
	margin:5px;
	font-size: 75%;
}

/*협회뉴스*/
.main-cont-news{
	width:100%;
	height: 610px;
	border:1px solid #dcdcdc;
	background: #fff;
	margin-top:30px;
}
a.title-more{
	float:right;
	padding-right:10px;
	line-height: 45px;

}
.main-news{
	width:100%;
	float:left;
	padding:15px;

}
.main-news > ul{
	margin-top:10px;
}
.main-news > ul > li{
	margin-bottom:15px;
}
h4.media-heading{
	font-size: 106%;
	line-height: 160%;
	float:left;
	height: 50px;
	/*white-space: nowrap;*/
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: 400;
	color:#5a5a5a;
	margin-bottom: 10px;	

}
.media-body > span{
	margin-top:10px;
}
.main-freeboard{
	width:100%;
	float:left;
	height: 332px;
	border:1px solid #dcdcdc;
	background: #fff;
}
.main-cont-title-tab{
	width:100%;
	float:left;
	padding:0;
	margin: 0;	
	border-bottom:1px solid #dcdcdc;
	height: 45px;
	padding:0 15px;
}
.main-freeboard > .main-cont-title-tab > ul.nav> li > h4{
	font-size:118.8%;
	display: block;
	float:left;
	padding:0 0 0 15px;
	margin:0;
	border:0;
	line-height: 45px;

}
.main-freeboard > .main-cont-title-tab > ul.nav > li{
	margin-right: 15px;
}
.main-freeboard > .main-cont-title-tab > ul.nav > li.active >h4 >a{
	color:#c60001;
}
.main-freeboard > .main-cont-title-tab > ul.nav > li > h4 >a:hover,
.main-freeboard > .main-cont-title-tab > ul.nav > li > h4 >a:focus,
.main-freeboard > .main-cont-title-tab > ul.nav > li:active >h4 >a{
	color:#c60001;
}
.main-free-cont{
	width: 100%;
	float: left;
	padding:15px;
	box-sizing: border-box;
}
.sort-1{
	
}
.sort-1 > ul >li{
	line-height: 40px;
	height: 40px;
	/*white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;*/

}
.sort-1 > ul >li > a{
	display: block;
}
.sort-1 > ul >li > a > span:nth-child(1){
	padding:0 5px;
	float:left;

}
.sort-1 > ul >li > a > span:nth-child(2){
	white-space: nowrap;
	display: inline-block;
	width:500px;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size:97%;
}
.sort-1 > ul >li > a > span:nth-child(3){
	float: right;
	font-size:87.3%;
}
.sort-1 > p{
	text-align: right;
}
.main-noti{
	width:100%;
	float:left;
	height:332px;
	border:1px solid #dcdcdc;
	background: #fff;

}
.main-noti-cont{
	padding:15px;
	float:left;
	width:100%;	

}
.main-noti-cont ul li{
	width:100%;
	height: 40px;
	margin-bottom:10px;

}
.main-noti-cont > ul > li > a{
	width:100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	font-size:97%;
}
.main-noti-cont > ul > li > span{
	padding-left:10px;
	font-size: 87.5%;
	float:left;
	margin-top:-3px;
}



/*갤러리*/
.main-gallery{
	float:left;
	width:100%;
	height: 200px;
	margin-top:30px;
	background: #fff;
	border:1px solid #dcdcdc;
	margin-bottom:50px;
}
.main-gallery-thumbnail{
	width:100%;
	float:left;
	height: 110px;
	padding:15px;
}
.main-gallery-thumbnail > ul > li{
	float:left;
	margin-right: 20px;
	width:170px;
	height: 110px;
}
.main-gallery-thumbnail > ul > li:last-child{
	margin-right: 0;
}

/*footer*/
.footer{
	background: #383838;
	height: 140px;
	width: 100%;
	float:left;
	margin-top:20px;
}
.footer-top{
	width:100%;
	height: 80px;
	border-bottom:1px solid #6f6f6f;
}
.footer-top h2{
	font-size: 150%;
	color:#fff;
	padding:0;
	margin:0;
	line-height: 80px;
	font-weight: bolder;
}


.footer-nav > ul{
	float:right;
}
.footer-nav > ul > li{
	float:left;
	line-height: 80px;
	height: 80px;
	margin-left:20px;
	/*width:;*/
}

.footer-nav > ul > li > a{
	color:#fff;
}

.footer-bottom{
	height: 60px;
	float:left;


}
.footer-bottom > .col-xs-8 > ul > li{
	display: inline-block;
	margin-right: 10px;
	color:#fff;
	line-height: 60px;
	height: 60px;
}

.footer-bottom > .col-xs-4 >p{
	text-align: right;
	color:#fff;
	line-height: 60px;
	height: 60px;
	margin:0;
	padding:0;
}


/*갤러리2*/
.gallery-2{
	width:100%;
	padding:15px 0 30px 0;
	margin-bottom:30px;

}

.gallery-2 h3{
	color:#fff;
	font-size: 118.8%;
	text-align: center;
	margin-bottom:20px;
	
}
.gallery-2 p{
	margin-top:15px;
	text-align: right;
	
}
.gallery-2 > .container >.row > .col-lg-12 > p > a{
	padding-top:15px;
	display: inline-block;
	color:#fff;
}
.gallery-2 > .main-gallery-thumbnail-2{
	width:100%;
	height: 110px;
	float:left;

}
/************sub***************/
.sub-visual{
	float:left;
	height: 200px;
	width: 100%;
	background-size: cover;

}
/*.sub-visual h3{
	text-align: center;
	color:#fff;
	font-size: 200%;
	font-weight: 800;
	padding-top:65px;
}*/
/*ksm*/
.sub-visual h3{
	text-align: center;
	color:#180D30;
	font-size: 200%;
	font-weight: 800;
	padding-top:65px;
}

/******sub-root******/
.sub-root{
	width:100%;
	float:left;
	height: 45px;
	line-height: 45px;
	border-bottom:1px solid #dcdcdc;
	background: #fff;
}
.sub-root > .container{
	border-left:1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}
.sub-root > .container > .root > .col-xs-6{
	padding: 0;

}
.sub-root > .container > .root > .col-xs-6 > ul > li{
	display: inline-block;
}
.sub-root > .container > .root > .col-xs-6 > ul > li:nth-child(1){
	width:45px; 
	text-align: center;
	border-right: 1px solid #dcdcdc;

}
.sub-root > .container > .root > .col-xs-6 > ul > li:nth-child(2),
.sub-root > .container > .root > .col-xs-6 > ul > li:nth-child(3){
	padding:0 20px;
	border-right: 1px solid #dcdcdc;
}
ul.root-drop{
	border-radius:0;
	margin-top:-1px;
	margin-left:-5px;
}
ul.root-drop > li{
	line-height: 35px;
	height: 35px;
}
ul.root-drop > li > a{
	display: block;
	line-height: 35px;
	width:100%;
}
ul.root-drop > li > a:hover{
	background-color:rgba( 198, 0, 1, 0.2) ;
	background:rgba( 198, 0, 1, 0.2) ;
	color:#fff;
}

/********sub-cont********/
.sub-cont{
	float:left;
	width:100%;
	height: auto;
	padding:40px 0;

}
.cont-about > h3{
	font-weight: 800;
	border-bottom:1px solid #dcdcdc;
	padding-bottom:10px;
	margin-bottom:30px;
}
.cont-about > p{
	line-height: 160%;
	font-size: 112%;
	color:#5a5a5a;
}
.map-area{
	width:100%;
	height: 500px;
	float: left;
	background: #c60001;
}
.cont-about > table.map-info{
	width:100%;
	margin:30px 0;
	float:left;
	border-top:2px solid #383838;
	border-bottom:2px solid #383838;
}
.cont-about > table.map-info > tbody > tr{
	height: 45px;
	line-height: 45px;
}
.cont-about > table.map-info > tbody > tr:nth-child(1){
	border-bottom:1px solid #dcdcdc;
}
.cont-about > table.map-info > tbody > tr > th{
	background: #eee;
	color:#5a5a5a;
	text-align: center;
	width:300px;
	font-size: 112%;
	font-weight: 800;
	
}
.cont-about > table.map-info > tbody > tr > td{
	text-align: left;
	padding-left:30px;
	font-size: 106.3%;
}
.cont-about > table.map-info > tbody > tr > td > span{
	padding:0 10px;
}

/*****공지사항*****************************/
button.btn-noti{
	padding:8px 20px;
	color:#fff;
	background: #f3776b;
	border:0;
}
button.btn-noti:hover{
	background: #c60001;
}
/**/
.noti-sc{
	width:100%;
	float:left;
	height: 40px;
	border:1px solid #dcdcdc;
	background: #fff;
}
.noti-sc > .input-group-btn > .btn-default{
	border:0;
}
.noti-sc > input.form-control{
	border:0;
	margin-top:2px;
	box-shadow: none;
	width:270px;
	
}
.noti-sc > button{
	border:0;
	height: 40px;
	line-height: 40px;
	padding:0 8px;
	background: #fff;
	color:#5a5a5a;
}
.noti-table{
	width:100%;
	float:left;
	height: auto;
	padding:10px 0;

}
table.boarder{
	width:100%;	

}
table.boarder > thead > tr{
	border-top:2px solid #383838;
	border-bottom:1px solid #5a5a5a;
	background: #f7fdff;
}
table.boarder > thead > tr > th{
	text-align: center;
	height: 45px;
	vertical-align: middle;
	font-size: 106%;
	color:#5a5a5a;
	font-weight: 700;

}
table.boarder > tbody > tr {
	border-bottom:1px solid #dcdcdc;
	height: 45px;
	vertical-align: middle;
	background: #fff;

}
table.boarder > tbody > tr:last-child{
	border-bottom:1px solid #5a5a5a;

}
table.boarder > tbody > tr > td{
	text-align: center;
}
table.boarder > tbody > tr > td:nth-child(2){
	text-align: left;
}
.page{
	width:100%;
	text-align: center;
}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus{
	background: #c60001;
	border:1px solid #c60001;

}

/*newlist*/
.news-list{
	width:100%;
	float:left;
	height: auto;
	border-top:2px solid #383838;
	border-bottom:1px solid #5a5a5a;
	padding:20px 10px;
	margin-top:20px;
	background: #fff;

}
.news-img{

	width:245px;
	height: 150px;
	margin-right: 20px;
}

ul.sub-news-list{
	width:100%;
	float:left;
	
}

ul.sub-news-list > li > .media{
	padding:20px 0;
	border-bottom:1px solid #eee;

}
ul.sub-news-list > li:last-child >.media{
	border-bottom:0;
}


ul.sub-news-list > li > .media > .sub-media-body > h4.sub-media-heading {	
	width:100%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 160%;
}
ul.sub-news-list > li > .media > .sub-media-body > h4.sub-media-heading > a{
	font-size: 106%;
	color:#383838;
	font-weight: bold;
}
ul.sub-news-list > li > .media > .sub-media-body > p{
	/*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    height: 60px;
    line-height: 150%;
    color:#5a5a5a;
}
ul.sub-news-list > li > .media > .sub-media-body > ul > li{
	float:left;
	margin-right: 20px;
}

/*글쓰기*/
.write-box{
	width:100%;
	height: auto;
	float:left;
}
.write-btn-g{
	width:100%;
	text-align: center;
}

button.btn-write{	
	padding:8px 20px;
	color:#fff;
	border:0;
}
/*****************post*************/
.post-box {
	width:100%;
	float:left;
	height: auto;
	background: #fff;
	border-top:2px solid #383838;
}
.post-title{
	width:100%;
	float:left;
	height: auto;
	padding:20px 10px 20px 10px;
	border-bottom:1px solid #dcdcdc;
}
.post-title > h4{
	text-align: center;
	font-weight: bold;
	padding:0 20px 10px;
	color:#383838;
	font-size:137.5%;
	line-height: 160%;
}
.post-title > ul{
	float:right;
}
.post-title > ul > li{
	float:left;
	margin-left:20px;
	color:#5a5a5a;
}
.post-title > ul > li > span:nth-child(1){
	font-weight: bold;
	margin-right: 5px;

}
.post-item{
	width:100%;
	float:left;
	height: auto;
	padding:20px 50px;
	border-bottom:1px solid #dcdcdc;
}
.post-item-attach{
	width:100%;
	
	float:left;
	text-align: right;
}
.post-item-attach > a{
	height: 40px;
	line-height: 40px;
}

.post-item-attach > a > span{ 
	margin-left:5px;
}
.post-item-attach > a > span:last-child{
	color:#c60001;
}
.post-item-attach > a:hover{
	color:#c60001;
}
.post-item > img{
	margin-left: auto;
    margin-right: auto;
}

.post-item > blockquote{
	font-size: 112.5%;
}
.post-item > p,
.post-item > blockquote{
	padding:5px 20px;
}
.post-item > p{
	font-size: 106%;
	line-height: 180%;

}
.progress-container{
	width:100%;
	height: 2px;
	background: #fff;
	float:left;
	position: fixed;
	z-index: 1000000;
	margin-top:2px;
}
.progress-bar{
	height: 2px;
	background: #f3776b;
	width:0;
}
/*****comment*************/
.post-comment{
	width:100%;
	float:left;
	height: auto;
	padding:20px 50px;
}
.post-comment > span{
	width:100%;
	float:left;
	font-weight: bold;
	padding:8px 0;
}
.post-comment-r{
	width: 100%;
	float:left;
	height:auto;
	border:1px solid #dcdcdc;
}
.post-comment-r > p{
	width:100%;
	padding:5px 10px;
	
}
.post-comment-r > textarea{
	width:100%;
	padding:0 10px;
	height: 70px;
	line-height: 180%;
	border:0;
}
.post-comment-r > div{
	height: 35px;
	border-top:1px solid #dcdcdc;

}
.post-comment-r > div > span:nth-child(1){
	padding-left:10px;

	line-height: 35px;
}
.post-comment-r > div > span:nth-child(2){
	float:right;
}
.post-btn-g{
	margin-top:20px;
}

.post-comment-list{
	width:100%;
	float:left;
}
.post-comment-list > ul{
	margin-top:20px;
}

.post-comment-list > ul > li > .comment{
	border-bottom:1px solid #dcdcdc;
	margin:10px 0;
}
.post-comment-list > ul > li > .comment > .col-xs-12{
	padding:5px 0;
}
.post-comment-list > ul > li > .comment > .col-xs-12 > span.comment-user{
	color:#383838;
	font-weight: bold;
	
}
.post-comment-list > ul > li > .comment > .col-xs-12 > button{
	float:right;
	background: none;
	border: 0;
	color:#c60001;
}
.coment-txt > p{
	color:#5a5a5a;
}

/************************************
************생활체육*************************
*************************************
*********/
/*경기일정 및 결과*/
.club-schedule-list{
	width:100%;
	float:left;
	height: auto;
	padding:0;
}
.schedule-list{
	width:100%;
	float:left;
	height: 45px;
	

}
.schedule-list > ul.nav-pills{
	height: 45px;
	background: #fff;
	margin: 0;
	padding: 0;	
}
.schedule-list > ul.nav-pills > li{
	padding:0;
	height: 45px;
	margin:0;
}
.schedule-list > ul.nav-pills > li > a{
	border-radius:0;
	line-height: 45px;
	padding:0 10px;
	margin:0;	
}
.schedule-list > ul.nav-pills > li.active > a{
	border-radius:0;
	line-height: 45px;
	padding:0 15px;
	margin:0;
	background: #c60001;
}
.schedule-list > ul.nav-pills > li > a:hover{
	border-radius:0;
	background: #c60001;
	color:#fff;
}
.schedule-list > ul.nav-pills > li.active > a, 
.schedule-list > ul.nav-pills > li.active > a:hover, 
.schedule-list > ul.nav-pills > li.active > a:focus{
	border-radius:0;
	line-height: 45px;
	height: 45px;
	padding:0 10px;
	margin:0;
}

.schedule-box{
	width:100%;
	height: auto;
	float:left;
	margin-top:20px;
	background: #fff;
}
.schedule-box > table.schedule-table{
	width:100%;
	height: auto;
	border-top:2px solid #383838;
	border-bottom:1px solid #5a5a5a;
}
.schedule-box > table.schedule-table > thead > tr{
	
	border-bottom:1px solid #5a5a5a;
	height: 45px;
	background: #f7fdff;

}
.schedule-box > table.schedule-table > thead > tr > th{
	text-align: center;
	font-size: 106%;
	font-weight: bold;
	color:#383838;
}
.schedule-box > table.schedule-table > tbody > tr {
	
	border-bottom:1px solid #dcdcdc;
}
.schedule-box > table.schedule-table > tbody > tr:last-child{
	border-bottom:0;

}
.schedule-box > table.schedule-table > tbody > tr > td{
	text-align: center;
	vertical-align: middle;
	padding:10px 0;
}
.schedule-box > table.schedule-table > tbody > tr > td:nth-child(3) >span{
	width:100%;
	float:left;
}
.schedule-filter{
	width:100%;
	float:left;
	height: auto;
	border:1px solid #dcdcdc;
	margin-top:20px;
	margin-bottom:20px;

}
.schedule-filter > h4{
	padding:10px 10px;
	margin:0;
	font-size: 106%;
	font-weight: bold;
	border-bottom:1px solid #dcdcdc;
	background: #5a5a5a;
	color:#fff;

}
.schedule-filter > .filter-box{
	width:100%;
	float:left;
	margin:0;
	padding: 5px 0;
	background: #fff;
}
.schedule-filter > .filter-box > ul > li{
	float:left;

}
.schedule-filter > .filter-box > ul > li:last-child{
	border-left:1px solid #dcdcdc;
}

select.filter-select{
	border-radius: 0;
	height: 30px;
	font-size: 87.5%;
}
select.filter-select > option{
	/*padding:;*/
}
ul.filter-calendar{
	width:100%;
	float:left;
	
}
ul.filter-calendar > li{
	float:left;
}
ul.filter-calendar > li:nth-child(1),
ul.filter-calendar > li:nth-child(4){
	width:12%;
}
ul.filter-calendar > li:nth-child(2),
ul.filter-calendar > li:nth-child(3){
	width:38%;
}
ul.filter-calendar > li:nth-child(2) > select{
	border-left:0;
}
ul.filter-calendar > li:nth-child(3) > select{
	border-left:0;
	border-right: 0;
}
ul.filter-calendar > li > button{
	width:100%;
	text-align: center;
	height: 30px;
	background: #fff;
	border:1px solid #dcdcdc;
	line-height: 30px;
	color:#5a5a5a;

}

select.filter-select-d{
	border-radius: 0;
	height: 30px;
	font-size: 87.5%;
	width:100%;
	border:1px solid #dcdcdc;

}
/*팀현황*/
.team-sc{
	width:100%;
	float:left;
	height: 30px;
	border:1px solid #dcdcdc;
	background: #fff;
}
.team-sc > .input-group-btn > .btn-default{
	border:0;
}
.team-sc > input.form-control{
	border:0;
	margin-top:2px;
	box-shadow: none;
	width:85%;
	height: 30px;
	line-height: 30px;
	
}
.team-sc > button{
	border:0;
	height: 30px;
	line-height: 30px;
	padding:3px 8px;

	background: #fff;
	color:#5a5a5a;
}



.team-list{
	width:100%;
	float:left;
	height: auto;
	border-top:2px solid #383838;
	border-bottom:1px solid #5a5a5a;
	padding:20px 10px;
	margin-top:20px;
	/*background: #fff;*/

}
.team-img{
	width:340px;
	height: 200px;
	background: url(../images/team-logo-bg.png);
	background-size: cover;
	line-height: 200px;
	
}
.team-img > p{
	text-align: center;
	vertical-align: middle;
	font-size: 118%;
	font-weight: bolder;

}

ul.sub-team-list{
	width:100%;
	float:left;
	
}

ul.sub-team-list > li > .col-xs-12,
ul.sub-team-list > li > .col-xs-12 > .col-xs-4
{
	padding-left:0;
}

ul.sub-team-list > li > .team{
	
	border-bottom:1px solid #eee;
	width:100%;
	background: #fff;
	border:1px solid #dcdcdc;
	margin-bottom: 20px;

}
ul.sub-team-list > li > .team > .team-heading{
	padding:15px;
}
ul.sub-team-list > li > .team > .team-heading > h4.team-name {	
	
    line-height: 160%;
}

ul.sub-team-list > li > .team > .team-heading > h4.team-name > a{
	font-size: 106%;
	color:#383838;
	font-weight: bold;
}
ul.sub-team-list > li > .team > .team-heading > h4.team-name > span{
	font-size: 87.5%;
	float:right;
	margin-right: 10px;
	
}

ul.sub-team-list > li > .media > .team-heading > ul > li{
	margin-right: 20px;
	line-height: 20px;
	font-size: 106%;
}
ul.sub-team-list > li > .media > .team-heading > ul > li > span:first-child{
	font-weight: bold;
	letter-spacing: 3px;
	
}
ul.sub-team-list > li > .team > .team-heading > p{
	text-align: right;


}
ul.sub-team-list > li > .team > .team-heading > p > a{
	padding:10px 15px;
	color:#fff;
	background: #c60001;
	
}

/****************랭킹******************************/
.rank-team{
	width:100%;
	float:left;
	

}
.rank-team > table.rank-team-list{
	width:100%;
}

.rank-team > table.rank-team-list > tbody > tr >td:nth-child(3){
	text-align: left;
}
.rank-team > table.rank-team-list > tbody > tr >td:nth-child(2) > img{
	height: 20px;
}

.rank-type{
	width:100%;
	float:left;
	margin-top:20px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.rank-team > h4,
.rank-type > h4{
	font-weight: bold;
}
.rank-type > .col-xs-3{
	padding-left: 0;
	width: 100%;
}
.type-list{
	float:left;
	height: auto;
	margin-bottom:30px;
}
.type-list > h5{
	width:100%;
	text-align: center;
	border-top:2px solid #383838;
	background: #eee;
	border-bottom:1px solid #dcdcdc;
	padding:10px 0;
	margin:0;
	font-size: 118.8%;
	font-weight: bolder;
}
.type-list > ul{
	background: #fff;
	min-height: 268px;
}
.type-list > ul > li{
	padding:10px;
	border-bottom:1px solid #dcdcdc;
	font-size: 106%;
}
.type-list > ul > li > span:nth-child(1){
	color:#383838;
}
.type-list > ul > li > span:nth-child(2){
	color:#5a5a5a;
}
.type-list > ul > li > span:nth-child(3){
	color:#5a5a5a;
	font-size: 80%;
	display: inline-block;
	text-align: center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	vertical-align: bottom;
	width: 80px;
}
.type-list > ul > li > span:nth-child(4){
	float:right;
	color:#c60001;
	font-weight: bold;

}

.type-list > ul > li:first-child{
	height: 100px;
	padding-bottom:0;
	font-size: 112.5%;
}
.type-list > ul > li:first-child > span:nth-child(4){
	float:right;
	width:60px;
	height:80px;
}
.type-list > ul > li:first-child > span:nth-child(4)>img{
	width:60px;
	height:80px;
}
.type-list > ul > li:first-child > span:nth-child(5){
	float:right;
	/*margin-top:60px;*/
	margin-right: 10px;
	color:#c60001;
	font-weight: bold;

}

.type-list > ul > li >span:nth-child(1){
	font-weight: bolder;
	width: 30px;
	float:left;
	text-align: center;
	font-weight: bold;
}
.rank-personal{
	width: 100%;
	float:left;
}
.rank-personal > ul.nav-pills{
	margin-bottom:20px;
}

.rank-personal > ul.nav-pills > li > a{
	border-radius:0;
	line-height: 45px;
	padding:0 10px;
	margin:0;	
}
.rank-personal > ul.nav-pills > li.active > a{
	border-radius:0;
	line-height: 45px;
	padding:0 15px;
	margin:0;
	background: #c60001;
}
.rank-personal > ul.nav-pills > li > a:hover{
	border-radius:0;
	background: #c60001;
	color:#fff;
}
.rank-personal > ul.nav-pills > li.active > a, 
.rank-personal > ul.nav-pills > li.active > a:hover, 
.rank-personal > ul.nav-pills > li.active > a:focus{
	border-radius:0;
	line-height: 45px;
	height: 45px;
	padding:0 10px;
	margin:0;
}

/*썸네일 리스트 동영상/갤러리*/
.thumbnail-list{
	width:100%;
	float:left;
	height: auto;
	margin-top:30px;
}
.thumbnail-list > .col-xs-3{
	margin-bottom:30px;
}
.thumbnail-objet{
	width:100%;
	height: 180px;
	border:1px solid #dcdcdc;
	position: relative;
}
.thumbnail-objet > a> img{
	width:100%;
	height: 100%;
	display: block;
	transition: .5s ease;
  backface-visibility: hidden;
}
.thumbnail-info{
	width:100%;
	float:left;
}
.thumbnail-info > h4{
	height: 40px;
	line-height: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    font-size: 106%;
    font-weight: 700;
    
}
.thumbnail-info > h4 > a{
	color:#5a5a5a;
}
.thumbnail-info-name{
	width:100%;
	float:left;
	color:#7b7b7b;
}
.thumbnail-info-day{
	width:100%;
	float:left;
	color:#7b7b7b;
}
.thumbnail-objet:hover > a > img{
	opacity: 0.4;
}
.thumbnail-objet:hover > .thumbnail-hover{
	opacity: 1;
}

.thumbnail-objet > .thumbnail-hover{
	transition: .5s ease;
	  opacity: 0;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  text-align: center;


}
.thumbnail-objet > .thumbnail-hover > span{
	background-color: #c60001;
	color: white;
	font-size: 16px;
	padding: 16px 32px;
}

/*토너먼트*/
.team-heading > ul > li > p
{
	height: 40px;
	line-height: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 87.5%;
}
/*팀생성*/
.create-box{
	border:1px solid #dcdcdc;
	background: #fff;
	height: auto;
	padding-left:0;
	padding-right: 0;
	padding-bottom:30px;
	float:left;
	margin-bottom: 30px;

}
.create-box > h4{
	border-bottom:1px solid #dcdcdc;
	height: 70px;
	line-height: 70px;
	margin:0;
	text-align: center;
	font-weight: bold;
	font-size: 125%;
}

.create-box > h5{
	font-size: 112.3%;
	height: 30px;
	line-height: 30px;
	margin:0;
	text-align: center;
	font-weight: bold;
}
.create-box > p{
	padding-left:0;
	padding-top:30px;
}
.create-box-in-info {
	
	padding: 20px 0;
	height: auto;
    margin-bottom:20px;
    border-top:2px solid #5a5a5a;
    border-left:1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom:1px solid #eee;
}


.create-box-in-info > ul > li{
    border-bottom:1px solid #eee;
    padding: 0 10px;
    font-size: 87.5%;
}
.create-box-in-info > ul > li > span{
    float: right;
    width: 50%;
    color: #c60001;
    padding: 10px 0;
    text-align: right;
}
.create-box-in-info > ul > li > label{
    width:100px;
    padding:10px 0;
    /*width:50%;*/
}
.create-box-in-info > ul > li > textarea,
.create-box-in-info > ul > li > input[type=text],
.create-box-in-info > ul > li > input[type=password],
.create-box-in-info > ul > li > input[type=email],
/*ksm 200427 협회-엘리트유소년 회원가입*/
.create-box-in-info > ul > li > input[type=number]{
    padding: 15px 10px;
    border: 1px solid transparent;
    background: #fff;
    font-size: 14px;
    color: #666;
    line-height: normal;
    outline: 0;
}
.create-box-in-info > ul > li > input{
    width:100%;
  }
.create-box-in-info > ul > li > select{
	border:0;
	box-shadow: none;
	width:49%;
	display: inline-block;

}
.create-box-in-info > ul > li > textarea{
	width: 100%;
}
.create-box-in-info > div > ul > li{
	text-align: center;
	line-height: 25px;
}
.create-box-in-info > div > ul > li > span{
	margin-right: 10px;
}
.create-box-in-info > ul > li > label {
	margin-left:10px;
	
}

.create-box-in-info > form > ul > li{
	border-bottom:1px solid #eee;
	padding: 0 10px;
	font-size: 87.5%;
}
.create-box-in-info > form > ul > li > span{
	float: right;
	width: 50%;
	color: #c60001;
	padding: 10px 0;
	text-align: right;
}
.create-box-in-info > form > ul > li > label{
	width:100px;
	padding:10px 0;
	/*width:50%;*/
}
.create-box-in-info > form > ul > li > textarea,
.create-box-in-info > form > ul > li > input[type=text],
.create-box-in-info > form > ul > li > input[type=password],
.create-box-in-info > form > ul > li > input[type=email],
.create-box-in-info > form > ul > li > input[type=number]{
	padding: 15px 10px;
	border: 1px solid transparent;
	background: #fff;
	font-size: 14px;
	color: #666;
	line-height: normal;
	outline: 0;
}
.create-box-in-info > form > ul > li > input{
	width:100%;
}
.create-box-in-info > form > ul > li > select{
	border:0;
	box-shadow: none;
	width:49%;
	display: inline-block;

}
.create-box-in-info > form > ul > li > textarea{
	width: 100%;
}
.create-box-in-info > form > div > ul > li{
	text-align: center;
	line-height: 25px;
}
.create-box-in-info > form > div > ul > li > span{
	margin-right: 10px;
}
.create-box-in-info > form > ul > li > label {
	margin-left:10px;

}

/*가입방법선택*/
.join_select_box{
    height: auto;
    border:1px solid #eee;
    padding:20px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.join_select_box > form > input{
    width:100%;
    padding:0 10px;
    line-height: 40px;
	min-height: 42px;
}
.join_select_box > p{
    text-align: center;
    font-size: 100%;
    color:#333;
    line-height: 160%;
    padding:15px 0;
    font-weight: bold;

}
.join_select_box > div{
    width:100%;
    text-align: center;
    height: auto;
    margin-bottom: 10px;
}
.join_select_box > div > a > i{
    font-size: 100%;
    padding: 15px 0;
    color :#fff;
    
}
.join_select_box > div >a > i > span{
    margin-left:10px;
}
.join_select_box > span{
    width:100%;
    font-size: 83.5%;
}
.join_select_box > span > a{
    margin-left:10px;
    color:#868686;
}
.join_select_box > ul > li{
	width:50%;
	float:left;
	margin-bottom:10px;
}
.join_select_box > h5{
	font-size: 112.5%;
	text-align: center;
	line-height: 180%;
}
button.sns-login{
	border:0;

}


/*약관동의*/
.term_select_box{
    
    height: auto;
    
    border:1px solid #eee;
    box-sizing: border-box;
    margin-bottom: 30px;

}
.box_terms{
    width:100%;
    height: 250px;
    overflow: auto;
    padding: 15px;
    box-sizing: border-box;
    font-size: 83.5%;
    line-height: 150%;
    border-top:1px solid #eee;
}

.term_select_box > h5{
    font-size: 87.5%;
    color :#333;
    margin: 0;   
    padding:10px;
    line-height: 30px;
    font-weight: bold;
}

.create-box > ul{
	text-align: center;
    padding: 10px 0;
}
.create-box > ul > li{
    display:inline-block;
    height: 10px;
    width: 10px;
    margin-right: 12px;
    background: #dcdcdc;
    border-radius: 5px;
}

/*mypage*/
.side-menu{
	padding:10px 20px;
	float:left;
	width:100%;
	background:#fff;
	border:1px solid #dcdcdc;
	color:#666;
}
.side-menu > h4{
	font-weight: bold;
	border-bottom:1px solid #dcdcdc;
	padding:5px 0;
}
.side-menu > h4 > span{
	font-size: 75%;
	font-weight: normal;
}
.side-menu > ul > li{
	line-height: 40px;
}
.side-menu > ul > li > a{
	display: block;
	width:100%;
}
.side-menu > ul > li > a:hover{
	border-bottom:1px solid #c60001;
	color:#c60001;
	font-weight: bold;
	box-sizing: border-box;
	}


/*마이페이지 메인*/
.my-main-tab{
	float:left;
	margin-bottom:30px;
}

.palyer-card-f,
.palyer-card-b{
	width:100%;
	height: 300px;
	float:left;
	border:1px solid #dcdcdc;
}
.palyer-histoy{
	width: 100%;
	float:left;
	height:300px;
	border:1px solid #dcdcdc;
	background: #fff;
	overflow:hidden;
}
.palyer-histoy > h4{
	height: 50px;
	line-height: 50px;
	padding-left:10px;
	border-bottom:1px solid #dcdcdc;
	padding-top:0;
	margin-top:0;
}
.palyer-histoy > ul{
	padding:0 20px;
}
.palyer-histoy > ul > li{
	line-height: 40px;
	border-bottom:1px solid #dcdcdc;
}
.palyer-histoy > ul > li:nth-child(6){
	display: none;
}

/*회원정보수정*/
.my-info-modify{
	padding-bottom:20px;
	border:1px solid #dcdcdc;
	background: #fff;
	width:100%;
	float:left;
}
.my-info-modify > h4{
	padding-left:20px;
	height: 50px;
	line-height: 50px;
	border-bottom:1px solid #dcdcdc;
	font-weight: bold;
	color:#383838;
}
.my-frofile-img{
	width:200px;
	height: 200px;
	float:left;
	background: #eee;
	padding-bottom:10px;
	overflow: hidden;
	text-align: center;
	line-height: 200px;
	
}

.my-information-modify{
	width:100%;

	height: auto;
	float:left;
	padding-bottom:10px;

}
/*.my-information-modify*/

/*.create-box-in-info {
	
	padding: 20px 0;
	height: auto;
    margin-bottom:20px;
    border-top:2px solid #5a5a5a;
    border-left:1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom:1px solid #eee;
}

*/
.my-information-modify > ul > li{
    border-bottom:1px solid #eee;
    padding: 0 10px;
    font-size: 87.5%;
}
.my-information-modify > ul > li > span{
    float: right;
    width: 50%;
    color: #c60001;
    padding: 10px 0;
    text-align: right;
}

.my-information-modify > ul > li  > label{
    width:90px;
    padding:10px 0;
    font-size: 118.8%;
    font-weight: bold;
    color:#666;
}

.my-information-modifyo > ul > li > textarea,
.my-information-modify > ul > li > input[type=text],
.my-information-modify > ul > li > input[type=password],
.my-information-modify > ul > li > input[type=email]{
    padding: 15px 10px;
    border: 1px solid transparent;
    background: #fff;
    font-size: 14px;
    color: #666;
    line-height: normal;
    outline: 0;
}
.my-information-modify > ul > li > input{
    width:100%;
  }
.my-information-modify > ul > li > select{
	border:0;
	box-shadow: none;
	width:48.5%;
	display: inline-block;

}


.my-information-modifyo > ul > li > .col-xs-8 > textarea,
.my-information-modify > ul > li > .col-xs-8 > input[type=text],
.my-information-modify > ul > li > .col-xs-8 > input[type=password],
.my-information-modify > ul > li > .col-xs-8  > input[type=email]{
    padding: 15px 10px;
    border: 1px solid transparent;
    background: #fff;
    font-size: 14px;
    color: #666;
    line-height: normal;
    outline: 0;
}


.my-information-modifyo > ul.form-horizontal > li.form-group > .my-record{
	padding:10px 0;
}
.my-record-info{
	width:100%;
	float:left;
}
.my-record-info > ul > li{
	
}
.my-record-info > ul > li > h5{
	font-size: 106%;
	font-weight: bold;
	letter-spacing: 2px;
	color:#666;
}
.my-record-info > ul > li > .my-record{
	border-bottom:1px solid #dcdcdc;
	text-align: left;
	padding-top:10px;
}

.my-record-info > ul > li > .my-record > ul > li{
	padding-bottom:10px;
}
.record-s-box{
	width:100%;
	float:left;
	border:1px solid #dcdcdc;
	margin-top:20px;
	background: #fff;


}
.record-s-box > h4{
	font-size: 106%;
	line-height: 40px;
	font-weight: bold;
}
.record-s-box > p{
	line-height: 40px;
	padding-top:10px;
	text-align: right;
	color:#c60001;
}
.my-record-table{
	margin:20px 0;
	width: 100%;
	display: inline-block;
}
.my-record-table > h4{
	font-weight: bold;
}
.delBoard {
	padding-left:10px;
}
.delBoard:hover {
	color: #FFE800;
}
.teamList {border: 1px solid gainsboro;}
.teamInfo {margin-top: 15px; display:none;}
.teamLogo { height:30px; width:30px; }
.teamItem {width: 210px; height: 50px; border: 1px solid transparent; float:left; margin:1px; padding-top:10px;}
.teamItem:hover {border: 1px solid gainsboro; cursor:pointer; color:#337ab7; }
.teamItem span { padding-left: 10px; }
.noResult,.msgSelGroup { text-align:center; border-bottom:2px solid gainsboro; display:none; padding: 50px;}
.msgSelComp { text-align:center; border-bottom:2px solid gainsboro; padding: 50px;}
.teamImg { text-align: center; }
.teamImg img { width: 200px; height: 150px; border: 1px solid gainsboro; }
.label-teamInfo { text-align-last : justify; font-weight: 600; }
.playerList {padding-top:10px; padding-bottom:10px;}
.playerList--header { display : none; text-align: center; }
.playerList--header div {border-top: 1px solid gainsboro; border-bottom: 1px solid gainsboro; }
.playerList--header h5 { font-weight: 600; font-size: 1.1em;}
.regular--header, .associate--header{ display: none; }
.player { height: 60px; padding:5px; }
.player div {text-align: center;}
.player span {display: inline-block; width: 100%; vertical-align: text-bottom; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.player img {height: 45px; width: 45px; }
.player div { height: 100%; border-bottom: 1px solid gainsboro;}
.icon_player { background-color: #0046BF; color: #ffffff; display:block; border-radius: 300px;}
.icon_director { background-color: #FF4F2D; color: #ffffff; display:block; border-radius: 300px;}
.icon_master, .icon_admin { background-color: #00D74B; color: #ffffff; display:block; border-radius: 300px;}
.icon_coach  { background-color: #F2CF19; color: #ffffff; display:block; border-radius: 300px;}
.player div:nth-child(5) > span {line-height: 3;}
.player div:nth-child(7) > a {line-height: 3;}