/*****************************
******** INLINE SPOT *********
******************************/
.spot__content--header {
  position: relative;
  padding: 25px 27px;
  border-bottom: none;
  font-size: 19.5px;
  line-height: 2.08;
  text-align: left;
  color: #010101; }
  .spot__content--header button.close {
    background: url(/images/common/ic-modal-close.png) no-repeat center transparent;
    padding: 8px;
    opacity: 1;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%); }
  .spot__content--header .header-title {
    font-size: 19.5px;
    line-height: 2.08;
    text-align: left;
    color: #010101; }

.spot__content--body .checkbox.col-sm-12 {
  text-align: right;
  padding-right: 30px;
  margin: 0px; }
  .spot__content--body .checkbox.col-sm-12 .hover-alert {
    display: none;
    font-size: 14px;
    line-height: 1.29;
    text-align: left;
    color: #ffffff;
    border-radius: 3px;
    background-color: #25292d;
    padding: 10px 15px;
    max-width: 155px;
    position: absolute;
    top: -55px;
    right: -50px; }
    .spot__content--body .checkbox.col-sm-12 .hover-alert:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 55px;
      width: 0;
      height: 0;
      border-top: 11px solid #25292d;
      border-right: 11px solid transparent;
      border-bottom: 0 solid transparent;
      border-left: 0 solid transparent; }
  .spot__content--body .checkbox.col-sm-12 .special-center {
    font-size: 16.5px;
    line-height: 2.91;
    color: #383838;
    margin: 0; }
    .spot__content--body .checkbox.col-sm-12 .special-center:hover + .hover-alert {
      display: block; }

.spot__content--body.row {
  margin: 0px;
  padding: 0px 24px 24px; }

.spot__content--body .title.row {
  margin: 0px;
  margin-bottom: 9px; }

.spot__content--body .title .col-sm-6 {
  font-size: 13.7px;
  line-height: 1.59;
  text-align: left;
  color: #5c6063;
  line-height: 34px; }
  .spot__content--body .title .col-sm-6.search {
    padding-right: 0px; }
  .spot__content--body .title .col-sm-6 .form-group {
    margin: 0px; }
    .spot__content--body .title .col-sm-6 .form-group .search__box {
      display: inline-block;
      position: relative;
      width: 100%; }
    .spot__content--body .title .col-sm-6 .form-group .search__text {
      border: 1px solid #e5e5e5;
      border-radius: 30px;
      height: 33px;
      font-size: 14.1px;
      text-align: left;
      color: rgba(56, 56, 56, 0.5);
      width: 100%;
      padding-left: 15px; }
      .spot__content--body .title .col-sm-6 .form-group .search__text--button {
        position: absolute;
        top: 43%;
        right: 15px;
        transform: translateY(-43%); }
  .spot__content--body .title .col-sm-6 .count {
    color: #a50034; }

.spot__content--body .contents-wrapper {
  padding: 5px;
  border-radius: 4px;
  border: solid 1px #e5e5e5; }

.spot__content--body .contents {
  padding: 0px 15px;
  height: 434px;
  overflow-y: scroll;
  overflow-x: hidden; }
  .spot__content--body .contents ul {
    list-style: none;
    margin: 0px;
    padding: 0px; }
    .spot__content--body .contents ul .checkbox {
      margin: 0px; }
    .spot__content--body .contents ul .open + ul {
      display: block; }
    .spot__content--body .contents ul li {
      border-top: solid 1px #e5e5e5; }
      .spot__content--body .contents ul li:first-child {
        border-top: none; }
      .spot__content--body .contents ul li ul {
        display: none; }
        .spot__content--body .contents ul li ul li {
          border-top: solid 1px #e5e5e5 !important; }
      .spot__content--body .contents ul li.ui-state-default {
        border: 0;
        background: transparent; }
    .spot__content--body .contents ul label {
      font-size: 13.5px;
      line-height: 3.56;
      text-align: left;
      color: #383838;
      width: 100%;
      margin-bottom: 0px;
      cursor: pointer; }
  .spot__content--body .contents .sub-tree-1 {
    margin-left: 25px; }
  .spot__content--body .contents .sub-tree-2 {
    margin-left: 50px; }
  .spot__content--body .contents .sub-tree-3 {
    margin-left: 75px; }
  .spot__content--body .contents .sub-tree-4 {
    margin-left: 90px; }
  .spot__content--body .contents .sub-tree-5 {
    margin-left: 115px; }
  .spot__content--body .contents .sub-tree-6 {
    margin-left: 140px; }

.spot__content--body .col-sm-5 {
  width: 45%; }
  .spot__content--body .col-sm-5.temper {
    padding-right: 0px; }
    .spot__content--body .col-sm-5.temper li:first-child > .land:first-child {
      border-top: none; }
  .spot__content--body .col-sm-5.untemper {
    padding-left: 0px; }
    .spot__content--body .col-sm-5.untemper li:first-child > .type:first-child {
      border-top: none; }

.spot__content--body .col-sm-2.change-button {
  text-align: center;
  top: 160px;
  max-width: 82px;
  padding: 0; }
  .spot__content--body .col-sm-2.change-button button {
    margin: 0 auto;
    width: 50px;
    height: 50px; }
    .spot__content--body .col-sm-2.change-button button.left {
      margin-bottom: 12px;
      background: url(/images/common/master_column3_toggle_arrow_left.png) no-repeat center; }
    .spot__content--body .col-sm-2.change-button button.right {
      background: url(/images/common/master_column3_toggle_arrow_right.png) no-repeat center; }

.spot__content--footer {
  padding: 0 0 19px;
  text-align: center;
  border: none;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px; }
  .spot__content--footer button {
    width: 228px;
    height: 51px; }