/* lidg: common css for mo */

@media screen and (max-width:1024px) {

    .mo_hover_icon:hover {
      background-color: rgba(0,0,0,0) !important;
    }
  
    .mo_hover_li:hover {
      border: solid 1px rgba(0, 0, 0, 0.12) !important;
      border-right: 1px !important;
      border-left: 1px !important;
      background-color: #fafafa !important;
      box-shadow: 0 0 0 0 !important;
    }
  
    .mo_hover_icon:hover::after,
    .mo_hover_li:hover::after {
      background-color: rgba(0,0,0,0) !important;
    }
    
    .mo_hover_li:hover::before {
      border: 0 !important;
    }
  
    .bottom_sheet ul {
      max-height: min(357px, 50vh) !important;
    }
  
    #modalpop_wrap .tab_container {
      padding-bottom: 100px !important;
    }
  
    /* lidg: copy from responsive.css: for mobile fixed search area 1.0f */
    #contents_wrap > .search_area.mo_only {
      position: sticky;
      top: 52px;
      z-index: 11 !important; /* lidg: change from 5 to 11 for group-by-tag title zindex=10 */
    }
  
    html, body {
        height: auto;
    }
  
    .mo_header_places {
      height: auto !important;
    }
  
    /* for viewer */
    .viewer_class #contents_wrap {
      padding-bottom: 0 !important;
    }

    .viewer_class #infor_panel {
      padding-bottom: 0 !important;
    }

    #contents_wrap .bottom_area.mo_only {
      visibility: visible !important;
      z-index: 10;
    }
}

/* liulu: add for icon tooltip */ 
.tool_info .ico_info,
.tool_info2 .ico_info,
.tool_info3 .ico_info {
    display: block;
    width: 24px;
    height: 24px;
    background: url("../images/ic_solid/ico_about.svg") center no-repeat;
    cursor: pointer;
    text-indent: -99999px;
    border-radius: 50%;
}

.tool_pop, .tool_pop_left {
    position: absolute;
    left: 10px;
    top: 31px;
    z-index: 10;
    width: 149px;
    height: 72px;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
    border: solid 0.3px #ccc;
    background-color: #fff;
    font-family: "SamsungOne-600";
    font-size: 13px;
    color: #000;
}
.tool_pop.wid_type1,
.tool_pop.wid_type2,
.tool_pop.wid_type3 {
    height: auto;
}
.tool_pop.wid_type1 {
    width: 306px;
}
.tool_pop.wid_type2 {
    width: 366px;
}
.tool_pop.wid_type3 {
    width: 230px;
}
.tool_info .ico_info:hover,
.tool_info2 .ico_info:hover,
.tool_info3 .ico_info:hover {
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
}
.tool_info.function button {
    min-width: 83px;
}

.tool_info.function .tool_pop {
    top: 56px;
    left: 68px;
}

/* lidg: DF230120-00630 */
.image_info .con_name02 {
  white-space: pre !important;
}

.image_listbox.list_view2 .con_name01 {
  white-space: pre !important;
}

/* cms.scoped.css: 50% will cause tags overlapped with right part */
.image_info .list_view ul:not(.etc_numb) > li {
  width: auto !important;
}

.select_date_img.assign_up {
	background-image: url("../images/ic_solid/assign.svg");
}

.select_date_img.assign_down {
	background-image: url("../images/ic_solid/assign.svg");
}

.select-ul>li.selected .select_date_img.assign_up {
  background-image: url("../images/ic_solid/assign_on.svg");
}

.select-ul>li.selected .select_date_img.assign_down {
  background-image: url("../images/ic_solid/assign_on.svg");
}