.codeSearchLayer {
  line-height: 22px;
  letter-spacing: 0px;
  font-size: 13px;
}

.codeSearchLayer .tableBodyDiv td {
  text-align: left ;
}
.codeSearcher {
  display: inline;
  position: relative;
}

.codeSearchLayer .tableBodyDiv tr{
    cursor: pointer;
}

.codeSearcher .code {
  width: 100px;
}
.codeSearcher .code.disabled {
  color: #ebebe4 !important;
}
.codeSearcher .codeName.disabled {
  color: #e6e6e6 !important;
}
.codeSearcher .show-history-btn {
  background-image: url('../img/search_sprite.png');
  background-position: -2px -3px;
  border: none;
  box-shadow: none;
  margin-left: -25px;
  margin-top: 1px;
  width: 24px;
  height: 23px;
}

.iPad .codeSearcher .show-history-btn{
  background-position: 0px -3px;
  margin-left: -27px !important;
}

.codeSearcher .show-history-btn:hover {
  background-position: -27px -3px;
}
.codeSearcher .show-history-btn:hover {
  background-position: -52px -3px;
}
.codeSearcher .show-history-btn:active {
  background-color: #ffffff;
  border: none;
}
.codeSearcher .show-history-btn:disabled {
  background-color: transparent;
  border: none;
}
.codeSearcher .searchBtn,
.codeSearcher .interestBtn {
  width: 26px;
  height: 26px;
}
.codeSearcher .searchBtn {
  background-image: url('../img/search_sprite.png');
  background-position: -78px -3px;
  margin-left: 4px;
}
.codeSearcher .searchBtn:hover {
  background-position: -103px -3px;
}
.codeSearcher .searchBtn:active {
  background-position: -78px -3px;
}
.codeSearcher .interestBtn {
  background-image: url('../img/search_sprite.png');
  background-position: -78px -53px;
  margin-left: 3px;
}
.codeSearcher .interestBtn:hover {
  background-position: -103px -53px;
}
.codeSearcher .interestBtn:active {
  background-position: -78px -53px;
}

.codeSearcher .hokaBtn{
  margin-left:3px;
}

.codeSearcher .codeName {
  margin-left: 3px;
  max-width: 165px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.codeSearcher.main .codeName {
  max-width: 180px;
}
.codeSearcher .codeLayer {
  top: 33px;
  background-color: #fff;
  border: 1px solid #aaa;
}
.codeSearcher.inline .codeLayer {
  top: 21px;
  left: 0px;
}
.codeSearcher .codeLayer > li {
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  overflow: hidden;
}
.codeSearcher .codeLayer > li .code-name-span{
	display: inline-block;
	max-width: 150px;
	white-space: nowrap;
}
.codeSearcher .codeLayer > li.hoverOrFocus {
  background-color: #E6E6E6;
}

.codeInitialKey {
  margin-left: 84px;
}

.codeInitialKey .w-btn{
	display: inline-block;
}

/* 관심종목 */
.interest-area {
  position: relative;
  height: 361px;
}
.interestMsg {
  line-height: 20px;
}
.interest-left {
  position: absolute;
  left: 0;
  width: 320px;
}
.interest-right .tableBodyDiv td {
  text-align: left;
}
.interest-left .tableBodyDiv td {
  text-align: left;
}
.groupmanagement .w-btn {
  width: 32%;
}
.groupmanagement .w-btn.first-child {
  width: 33%;
}
.interestActionBtns {
  position: absolute;
  left: -116px;
  width: 120px;
  text-align: center;
}
.interestActionBtns.beforeGroup {
  top: 84px;
}
.interestActionBtns.afterGroup {
  top: 141px;
}
.interestActionBtns > div {
  margin-bottom: 3px;
}
.interestActionBtns .w-btn-bg-text {
  width: 73px;
  height: 22px;
  background-image: url('/WEB-APP/webponent/codeSearcher/control_sprite.png');
  letter-spacing: -2px;
}
.interestActionBtns .w-btn-bg-text.add {
  background-position: 0px 0px;
}
.interestActionBtns .w-btn-bg-text.remove {
  background-position: 0px -30px;
}
.interestActionBtns .w-btn-bg-text.up {
  background-position: 0px -60px;
}
.interestActionBtns .w-btn-bg-text.down {
  background-position: 0px -90px;
}
.interestActionBtns .w-btn-bg-text.plus {
  background-position: 0px -120px;
}
.interest-right {
  position: absolute;
  right: 0;
  width: 320px;
}
.codeSearcher.main {
  display: block;
  border: 1px solid #f4f4f4;
  background-color: #f9f9f9;
  padding: 8px;
  margin-bottom: 5px;
}
.codeSearcher.main .codeName {
  background-color: transparent;
  font-size: 14px;
  font-weight: bold;
  color: #555555;
  border: none;
}

.codeSearcher.main .price-info {
  height: 45px;
  line-height: 45px;
  margin-bottom: 10px;
  overflow: hidden;
  text-align: center;
}
.codeSearcher.main .price-info span {
  display: inline-block;
}
.codeSearcher.main .price-info span.curr-dabi,
.codeSearcher.main .price-info span.curr-rate {
  color: #555;
  line-height: 13px;
}
.codeSearcher.main .curr-price {
  font-size: 40px;
  font-weight: bold;
}
.codeSearcher.main .curr-dabi {
  margin-left: 10px;
}
.codeSearcher.main .curr-rate {
  margin-left: 10px;
}
.codeSearcher.main .code-info-wrap {
  text-align: center;
}
.codeSearcher.main .code-info {
  display: inline-block;
  margin: 0 auto;
  background-color: #e6e6e6;
  line-height: 26px;
  padding: 0 8px;
}

/* MOBILE */
/* .mobile .codeSearcher.main .codeName {
	position: absolute;
	top: 5px;
	left: 4px;
	background-color: #f9f9f9;
	height: 35px;
} */
.mobile .codeInitialKey{
  margin-left: 0px;
}