/*#app{
    text-align: center;
}
*/


/*modal */
/*.vm--container{z-index: 10000 !important;}*/



/*.msgbox.vm--container {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*    z-index: 99999 !important;*/
/*}*/


/* Popup Ui 중앙 정렬 */
/*.vm--container {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    z-index: 99999 !important;*/
/*}*/

/*android layout error msg box 중앙정렬*/
/*.vm--container .vm--modal{*/
/*    left: auto !important;*/
/*    top: auto !important;*/
/*}*/
.SelectType.vm--container  {
    display:flex;
    justify-content: flex-end;
    flex-flow: column;
    z-index: 99999 !important;
}

.SelectType.vm--container .vm--modal {
    top: initial !important;
}
/*!*단지상세 과거시세다운로드팝업*!*/
/*.excelmodal.vm--container .vm--modal {
    left: auto !important;
    top: 250px !important;
}*/

/*!*단지상세 과거시세다운로드팝업*!*/
/*.priceModal.vm--container .vm--modal {
    left: auto !important;
    top: 250px !important;
}*/


.slick-dots > li {
   transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}

.sell-group:nth-of-type(1) .s-bar{background-color:rgb(65, 120, 244);}
.sell-group:nth-of-type(1) .texttooltip{background-color:rgb(65, 120, 244);}
.sell-group:nth-of-type(1) .texttooltip:after{border-right: 5px solid rgb(65, 120, 244);}
.sell-group:nth-of-type(10) .s-bar{background-color:rgb(227, 237, 244);}
.sell-group:nth-of-type(11) .s-bar{height: 12px; background-color:rgb(241, 241, 241);}


.sell-group:not(:first-child){margin-top: 2px;}

.sell-group .texttooltip{padding: 2px 6px; border-radius: 4px;}
.sell-group .texttooltip>div:first-child{margin-right: 14px;}


/*내집마련플래너 tooltip override*/
#saleTip.tooltip.b-tooltip .tooltip-inner{
    width: auto !important;
    text-align: left;
}

div.graphItem>.after{
    width: 0;
    /*transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940); */
}
.alarm-setbox .tabs.tabs-etc .nav-tabs .nav-item{font-size: 14px !important;}
.alarm-setbox .tabs.tabs-etc .nav-tabs .nav-item:nth-of-type(1) {flex: 3 !important;font-size: 13px !important;}
.checkGroupform.setup1 .one-more-group-button > .group-button:nth-child(1) {min-width: 105px !important;}

.Dimgbox .bigimg, .Dimgbox .smallimg>.img{background-position: center;background-size: cover;background-repeat: no-repeat;}
.Dimgbox.half .smallimg > .img{height: calc(100% - .5px);}
.Dimgbox .youtube { position: relative; }
.Dimgbox .youtube.noThumb:after { content: none; }
.Dimgbox .youtube:after { content:''; display: block; position: absolute; left: 50%; top: 50%; z-index: 99; width: 57px; height: 57px; background: url('/images/_player.svg') no-repeat center / 100%; transform: translate(-50%, -50%); }
.Dimgbox .YTHidden { overflow: hidden; position: absolute; z-index: -1; width: 1px; height: 1px;  visibility: hidden; opacity: 0; }


/*
.graphItem:nth-of-type(2)>.after{transition-delay: 100ms;}
.graphItem:nth-of-type(3)>.after{transition-delay: 200ms;}
.graphItem:nth-of-type(4)>.after{transition-delay: 300ms;}
.graphItem:nth-of-type(5)>.after{transition-delay: 400ms;}
.graphItem:nth-of-type(6)>.after{transition-delay: 500ms;}
.graphItem:nth-of-type(7)>.after{transition-delay: 600ms;}
.graphItem:nth-of-type(8)>.after{transition-delay: 700ms;}
.graphItem:nth-of-type(9)>.after{transition-delay: 800ms;}


div.graphItem.init >.after{
    transition-delay: 0 !important;
    transition-duration: 0 !important;
    width: 0 !important;
}
*/

/*
 chart graph overlay 적용 후 툴팁 위치 변경
*/
.graphTool{
    top: -19px;
    right: 14px;
}

/*infinite scroll loader*/
.infinite-list-loading{
  width: 100%;
  height: 50px;
  display:flex;
  align-items: center;
  justify-content: center;
}
/**
 * ==============================================
 * Dot Flashing overlay animation
 * ==============================================
 */
 .dot-flashing {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #666;
    color: #666;
    animation: dot-flashing 1s infinite linear alternate;
    animation-delay: .5s;
  }

  .dot-flashing::before, .dot-flashing::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
  }

  .dot-flashing::before {
    left: -15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #666;
    color: #666;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 0s;
  }

  .dot-flashing::after {
    left: 15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #666;
    color: #666;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 1s;
  }

  @keyframes dot-flashing {
    0% {
      background-color: #666;
    }
    50%,
    100% {
      background-color: #ebe6ff;
    }
  }









.card-ordering .drag-sortable.dragging>.myyourhome-card { background:rgba(136, 136, 136, .8) !important; box-shadow:none; }
.card-ordering .drag-sortable.dragging>.myyourhome-card * { opacity:.8; }
.card-ordering .drag-sortable.dragging>.myyourhome-card .tag { background:none !important; }



/*myhouseplanner 이미지 상대경로를 처리하기 위해 일부 스타일 옮김*/
.myPlannerSlider.slider-component .slider,
.myPlannerSlider.slider-component.slider-horizontal .slider-process{
    background: transparent !important;
}

.myPlannerSlider.slider-component.slider-horizontal .slider-dot{
    width: 40px !important;/*2px은 보정값*/
    background:url('../../images/icon-planner-slider.svg') no-repeat;
    box-shadow: none;
    margin:5px 0 0 -10px;
}

.myPlannerSlider.slider-component.slider-horizontal.reddot .slider-dot{
    background:url('../../images/icon-planner-slider-error.svg') no-repeat;
    margin:5px 0 0 -10px;
}
_:-ms-input-placeholder, :root .myPlannerSlider.slider-component.slider-horizontal.reddot .slider-dot{
    background:url('../../images/icon-planner-slider-error.png') no-repeat;
    margin:5px 0 0 -10px;
}

/*price chart 이미지 상대경로를 처리하기 위해 일부 스타일 옮김*/
.price-chart-comp .aigroupbt .disabled:after {
  content:''; width: 78px; height: 21px; position: absolute; left: 0; top: 2px; display: block;
  background: url('../../images/coming_soon.svg') no-repeat center center;}

.tooltip.b-tooltip {
    z-index: 100001 !important;
}
.datepicker-layer{
    z-index: 10002 !important;
}
.v-notices{
    z-index: 999999 !important;
}
.custom-file-input{
    z-index: 2 !important;
}
.mx-calendar-panel-date .mx-btn-icon-double-left { display:block !important; left: calc(50% - 112px); }
.mx-calendar-panel-date .mx-btn-icon-double-right { display:block !important; right: calc(50% - 112px); }

.imgcheckV2 {border-radius: 0.25rem !important;}
.imgcheckV2:before { background-color: #007bff !important;}


/* 매물리스트 상단 고정 영역 추가( 단지에서 매물리스트)  */
.ComplexPropertyListPage .scrollifix{position:fixed;z-index:1;width: 100%}
.ComplexPropertyListPage .buyfilter.scrollifix {top:42px;max-width: 423px}
.ComplexPropertyListPage .sortingwrap.fix{position:fixed;z-index:1;padding-top:0 !important;top:87px !important;max-width: 423px; width:100%}
.ComplexPropertyListPage .addlist.fix {top:131px !important;max-width: 423px}
.ComplexPropertyListPage .addlist.fix + .conWbg{padding-top:135px!important;}

/*.ComplexPropertyListPage*/


.RegionPropertyListPage .addlist.fix{top: 86px !important;}
.RegionPropertyListPage .sortingwrap.type1.fix  + .addlist.fix{top:79px !important;} /*꿀매물 없는경우*/
@media (max-width: 1015px){
    .RegionPropertyListPage .addlist.fix{top:136px!important;}
    .RegionPropertyListPage .sortingwrap.type1.fix  + .addlist.fix{top:129px !important;} /*꿀매물 없는경우*/
}

.slot-alert-close{position: absolute;right: 16px;top: 9px;}

/*.sortingwrap {height: 44px;}*/

.autoCompleteWrap{height:auto !important;}

/* 공통 messageBox_v2 */
.v2 .v2_msg{padding:32px 0;text-align:center;font-size:16px}

/* __$openModal,__$closeModal 관련 */
.open-modal .sRight{z-index: -1 !important;}
.open-modal .sLeft{z-index: -1 !important;}

/*todo 추후 삭제 */
.allmenuNew{padding-bottom:0px!important;}

/*todo 추후 삭제 */
@media (min-width: 1024px){
    .quicksort {margin-left: 0px!important;}
}
.flex-end{justify-content: flex-end !important;}

.jqcloud-word {white-space: nowrap;}

div.popover.b-popover.biz-tooltip{z-index: 99 !important;}

.v-notices.is-bottom{padding-bottom:60px}

.talkSortModal{max-width: 424px !important; transform: translateY(-90px) !important;}

.biz-platform {overscroll-behavior: contain;}

.pop-biz-firstWrite.modal.show {max-height: 100vh;}
.pop-biz-firstWrite.modal.fade.show .modal-dialog {max-height: 100vh;}
.pop-biz-firstWrite .tab-btn-wrap.toggle .btn-in-box{width: calc(100% - 0.64rem);}

.first-write-complete {max-width: 424px !important; z-index: 1;}
.first-write-complete .vm--overlay {max-width: 424px;}
.first-write-complete .vm--modal {left: 0 !important; width: 100% !important; height: 100% !important;}

@media (min-width: 1024px) {
    .first-write-complete {left: 70px !important;}
    .first-write-complete .vm--overlay {left: 70px;}
}

/*.pull-down-container.pull-down-ing .recent-main .recent-slide{padding-top: 0px;}*/
.small-sub-confrim .text .sub-message{font-size: 14px;color: #b4b4b4;}
.pull-down {height: 100%;max-height: 100%;}