.cls_btn_viewTrainDP {
    width: 74px;
    background-position: 0px -30px !important;
}
.cls_btn {
    /*display: inline-block;*/
    height: 20px;
    background: url(https://static.gumvit.com/statv40/images/btn/spr_btn.png) no-repeat left top;
    vertical-align: top;
    cursor: pointer;
    padding-top: 2px;
    float:left;
}
.new-gbair-profile-con2 {
    padding-left: 5px !important;
    padding-top: 5px !important;
    padding-right: 5px !important;
}
.menuwrap {
    width: 100%;
}
/* nav tag */
nav {overflow: hidden;
    padding: 0px;
    margin : 0px;
}
/*nav ul{padding-top:10px;overflow: hidden;}*/
nav ul{padding-top:10px; }
nav ul li {
    display:inline;                         /*  세로나열을 가로나열로 변경 */
    font:bold 13px 굴림;                     /* 폰트 설정 - 12px의 돋움체 굵은 글씨로 표시 */
    
}
nav.nav-jokeyeval ul li {
    border-left:1px solid #999;  /* 각 메뉴의 왼쪽에 "|" 표시(분류 표시) */
    padding:0 10px;              /* 각 메뉴 간격 */
    vertical-align: middle;
    height: 20px;
} 
nav.nav-jokeyeval ul li:first-child{border-left:none;}     /* 메뉴 분류중 제일 왼쪽의 "|"는 삭제 */


/* 조교평 */
.top-menu-jokeyeval {width: 69%; float:left;}
.top-icon-jokeyeval {width: 30%; float:right;text-align: right;}

.nav-jokeyeval ul li span {
    display: inline-block;
    position: relative;
    width: 5px;
    height: 5px;
    background-color: grey;
    margin-right: 4px;
    top: -3px;
    border-radius: 1px;
}
#myeval > span {
    background-color: #f37120;
}

.jcontanter {
    font-size : 0.875em;
    padding-left: 5px;
    padding-right: 5px;
    width: 99%;
    height: 170px;
    overflow-x:hidden;overflow-y:auto;clear:both;
    /*border: 1px solid #e8e8e8;*/
}
/*jborder와 jcontent의 width는 동일해야함.*/
.jborder{
    border: 1px solid #e8e8e8;
    width: 98.5%;
    margin-top: 5px;
    clear:both;
}
.jrow 
{
    /*padding-top: 5px;*/
    /*padding-bottom: 5px;*/
    width: 100%;
    background-color: white;
}
/*.jborder .jrow {
    border-bottom:  1px solid #e8e8e8;
}
.jborder > .jrow:last-child {
    border-bottom: none;
}*/
.jborder .jcontentarea {
    border-bottom:  1px solid #e8e8e8;
}
.jborder > .jcontentarea:last-child {
    border-bottom: none;
}

.jrowdata{
    background-color:white;
}
.jheaderwarp{
    background-color:#e8e8e8;
    border-bottom: 2px solid #aaaaaa !important;
}

.jheader {
    display: inline-block;
    box-sizing:border-box;
    width:89%;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/*글쓰기 외곽 크기 담당*/
.jrowwrite 
{
    width: 100%;
    height: 60px;
    padding: 10px;
}
.jwrite {
    display: inline-block;
    box-sizing: border-box; 
    text-align: right;
    width: 10%;
    padding: 3 0 3 0;
}
.jwrite > span {
    background-color: #e8e8e8;
    /*font-weight: bold;*/
    cursor: pointer;
}
.showmore {
    font-weight: bold;
    font-size: 10px;
}
.jcontent {
    display: inline-block;
    /*padding-left: 5px;
    padding-right: 5px;*/
    padding:5px;
    width: 98.5%;
}
.userinfo {
    float:right;
    /*padding-right: 5px;*/
    width: 120px;
    margin-right: 5px;
    
}
.userinfo button {
    padding: 3px;
    border: 1px solid #e8e8e8;
    width: 20px !important;
    background-color: white;
    color:#333333;
}
.userinfo img {
    padding-right: 5px;
    cursor:pointer;
}
.username {
    font-size: 11.5px;
    line-height: 16px;
    text-align: right;
    /*
    padding-left: 3px;
    width: 70px; 추천이 있을때는 이값으로..*/
    width: 120px;
    display: inline-block;
    /*bottom : -6px;*/
}
.hr1 {
    border-top: 1px solid #ccc;
    margin:0px;
    /*background: #e8e8e8;*/
    clear: left;
}

.wpoptionarea {
    float:left; 
    width: 5%;
    padding-right: 10px;
}
.wptextarea {
    float:left;
    width: 79%;
    height: 40px;
    background-color: white;
    padding-right: 15px;
    
}
.wptextarea > div {
    width: 100%;height: 100%;overflow: hidden;
    padding: 5px;
}

.wpcnt {
    border : 0px;
}
.wpbuttonarea {
    float:left;
    width : 9%;
}
.wpbuttonarea > button {
    height: 50px;
    width : 100%;
    border: 1px solid #e8e8e8;
}
[contenteditable=true]:empty:before{
  content: attr(placeholder);
  display: block; /* For Firefox */
}
 
div[contenteditable=true] {
  border: 1px solid #ddd;
  color : #333;
  font-size: 12px;
  padding: 5px;
}

.morelayer {
    width: 100%;
    line-height: 30px;
    border-top: 1px solid #e8e8e8;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}

.share_on {color: #ff3639;}
.share_off {color: #4472c4;}

/*****************************************/
.horse_memo_wrap {display: flex; flex-direction: column; align-items: flex-start; width: 100%; padding:5px 10px; box-sizing: border-box;}
.horse_memo_wrap .label {font-weight: bold;}
.horse_memo_wrap .label span {display: inline-block;position: relative;width: 5px;height: 5px;background-color: #f37120;margin-right: 4px;top: -3px;border-radius:1px;}

.horse_memo_wrap .txt_wrap {display: flex; flex-direction: row; width: 100%; justify-content: flex-start; margin-top:10px;}
.horse_memo_wrap .txt_wrap .txt_horse_memo {height: 80px;caret-color: black; padding:5px;}
.horse_memo_wrap .txt_wrap .btn_modify {display: flex; flex-direction: row; width:100px; height:90px; justify-content: center; align-items: center; width:80px; margin-left:5px;background-color: #e8e8e8;border: 1px solid #333; cursor: pointer;}