*{font-family:"맑은 고딕", sans-serif, "Apple Gothic";}

html{position:relative; min-height:100%;}
body{padding-top:50px; margin-bottom:60px; line-height:180%;}

/* common */
.img-60{width:60px;}
.img-80{width:80px;}
.img-120{width:100%;}
.img-120f{width:120px;}
.img-130{width:130px;}
.img-150{width:150px;}
.img-250{width:100%;}
.img-100p{width:100%;}
.img-700{max-width:100%;}
.img-max{width:100%;}
.img-remove{position:absolute; top:10px; left:25px; color:#fff; font-size:14pt; cursor:pointer;}
.good{font-size:25px; color:#fc6;}
.bad{font-size:25px; color:#ccc;}
.no-display{display:none;}
td span.good, h4 span.good{font-size:17px; color:#fc6;}
td span.bad, h4 span.bad{font-size:17px; color:#ccc;}
.no-margin-bottom{margin-bottom:0;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-20{margin-bottom:20px;}
.padding-narrow{padding:10px;}
.padding-top-2{padding-top:2px;}
.padding-right-10{padding-right:10px; padding-left:0; padding-bottom:0; padding-top:0;}
.contents-main{padding:0;}
.panel-heading span{margin-top:-23px; margin-right:-1px;}
.btn-close{background: rgba(0, 0, 0, 0.15); display:inline-block; padding:6px 12px; border-radius:4px; cursor: pointer;}
.thumbArtist{width:30px; height:30px; padding:1px; border-radius:3px; border:1px solid #ccc;}
.thumbArtist-40{width:40px; height:40px; padding:1px; border-radius:3px; border:1px solid #ccc;}
.thumbArtist-60{width:60px; height:60px; padding:1px; border-radius:3px; border:1px solid #ccc;}
.modifiedDate{margin-top:20px; margin-bottom:20px; border-top:1px dashed #bbb;}
.wroteDate{margin-bottom:10px; padding-bottom:5px; border-bottom:1px dashed #bbb;}
.listComment{margin-left:5px; padding:5px;}
.listComment .media-heading{margin-bottom:10px;}
.listComment1{margin-left:5px; margin-bottom:20px; padding:10px; border:1px solid #eee; border-left:2px solid #ccc; border-radius:3px;}
.btn-group-margin{margin-bottom:10px;}
.alert{margin:10px;}
.content{margin-bottom:20px;}
.video-container iframe, .video-container object, .video-container embed {margin:0; padding:0; max-width:100%;}
.cursor-pointer{cursor:pointer;}
.thumbFlag{width:18px; height:15px; margin-bottom:5px; border-radius:2px; border:1px solid #ccc;}
.thumbLogo{padding:2px; width:135px; border:1px solid #fff;}
.dtTitle{font-size:13pt;}
.starbox{float:left; margin-right:10px;}
.heading-for-text{margin-top:15px; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #ccc;}
.heading-for-text h5{margin:0;}
.panel-narrow{padding:5px;}
.icon-mini{padding-left:3px; font-size:6pt;}
.cursor_youtube{cursor:url("http://gonsiopea.com/img/youtube.png"), auto;}

img.no-margin-bottom{margin-bottom:0;}
ul.list-session{padding-left:20px;}
ul.list-normal{padding-left:20px;}
ul.list-normal li{padding-bottom:10px;}
ul.list-no-bullet{padding-left:10px; list-style-type:none;}
ul.listArtist{margin-left:5px; padding-left:5px;}
ul.listArtist li{list-style-type:none; display:inline-block; width:210px; margin:5px; margin-bottom:10px;}

/* override */
.navbar-brand{padding-top:5px;}
.footer{position:absolute; bottom:0; width:100%; height:60px; padding-top:5px; border-top:1px solid #ddd;}
.ui-autocomplete{z-index:1500;}
.nav-tabs{margin-bottom:20px;}
.fb-like{margin-top:15px;}
.table > tbody > tr > td{vertical-align: middle;}
.input-group-addon{background-color:transparent;}
div.col-sm-12 .no-padding{padding-left:0; padding-right:0;}
.progress-bar{padding-left:10px; text-align:left;}
.modal-body .form-group{padding-left:10px; padding-right:10px;}

/* identity */
#carousel-second{display:none;}
#carousel-third{display:none;}
#searchBar{top:70px; position:fixed; background-color:#fff;}
#artistSelector{top:10px; position:relative; display:none;}
#artistSelector div.panel-body{padding:5px;}
#artistSelector div.panel-body ul{padding-left:10px;}
#artistSelector li{list-style-type:none; float:left; height:35px; width:50%; margin:0; font-size:9pt;}
#myDiagram{width:100%; height:600px; border:1px solid #ccc; background-color: #eee;}
#thumbProfile{padding-top:10px; padding-left:5px; display:none;}
#uploadDropzoneAttached, #uploadDropzoneImage{border:1px solid #ccc; border-radius:5px;}
#bulletinWritePanel{display:none;}
#boardSelectedArtist{padding:5px;}
#boardSelectedArtist .btn{margin-bottom:5px;}
#trackTable{margin-left:5px; padding:0;}
#trackTable li{list-style-type:none; margin-bottom:3px;}
#trackTable input.tn{width:38%;}
#trackTable input.tc{width:30%;}
#methodArtist{display:block;}
#methodTrack{display:none;}
#methodTrack img{vertical-align:middle; width:11px;}
#methodTrack ul{min-height:15px; padding:2px; border:1px solid #ccc;}
#methodTrack li{border:1px solid #fff; cursor:pointer;}
#methodTrack li:hover{border:1px solid #dad55e; background-color:#fffa90;}
#youtubeList{display:none;}
#youtubeList img.thumbnail{padding-bottom:0;}
#myDiagram{margin-bottom:25px;}
#sortMenu{margin:0; padding:0;}
#sortMenu li{height:40px; padding:5px; margin-bottom:5px; background-color:#fff;}
#uploadedFile{display:none;}

/* side */
#sideAlbum{overflow-x:hidden; overflow-y:auto; display:none; width:350px; height:80%; position:fixed; top:50px; left:0; padding-left:5px; padding-bottom:10px; z-index:99;}
#sideAlbum div.album{float:left; padding:2px;}
#sideAlbumAlt{overflow:hidden; display:none; width:50px; height:80%; position:fixed; top:50px; left:0; padding-left:5px; padding-bottom:10px; z-index:99;}

/* star */
fieldset, label{margin:0; padding:0;}
.rating {border:none; float:left;}
.rating > input{display: none;}
.rating > label:before{display:inline-block; font-size:25px; content:"★"}
.rating > label{color:#ddd; float:right;}
.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {color:#FFD700;}
.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label{color:#FFED85;} 

@media (min-width: 768px)
{
	.container{max-width:960px;}	
	.img-250{width:300px;}
	.img-700{max-width:700px;}
	.modifiedDate{width:300px;}
	.wroteDate{width:300px;}
	
	ul.list-normal{padding-left:30px;}	

	#carousel-second{display:inline;}
	#carousel-third{display:inline;}
	#artistSelector{width:920px;}
	#artistSelector li{width:175px; font-size:10pt;}
	#artistSelector div.panel-body{padding:15px;}
	#thumbProfile{display:block;}
	#trackTable{margin-left:150px; padding:0;}
	#trackTable input.tn{width:340px;}
	#trackTable input.tc{width:280px;}
}

@media (min-width: 768px) and (max-width: 991px)
{
	body{padding-top:100px;}

	#artistSelector{width:720px;}
	#artistSelector li{width:165px;}
	#trackTable input.tn{width:45%;}
	#trackTable input.tc{width:35%;}
	.sessionSelectPanelLeft{position:fixed; width:350px;}
	.sessionSelectPanelRight{position:relative; left:365px;}		
}

@media (min-width: 1150px)
{
	#sideAlbumAlt{display:block;}
	.sessionSelectPanelLeft{position:fixed; width:450px;}
	.sessionSelectPanelRight{position:relative; left:465px;}
}

@media (min-width: 1700px)
{
	#sideAlbum{display:block;}
	#sideAlbumAlt{display:none;}
}