/*------------------------------------------------------------------------------
	search css
created : 2017.02.14
author : ������
note : search.blade.php ���� css �� ���� ���ԵǾ� �־� ����.
-----------------------------------------------------------------------------*/
.room-rating {
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 5px;*/
    margin: 0 !important;
}


/*    icon    */
.fa-krw {
	margin-right: 0 !important;
}

.rating .icon {
	margin-right: 6px !important;
	opacity: .8;
    width: 11px !important;
}

.rating .icon:last-of-type {
    margin: 0 !important;
}



.panel-price-title {
	line-height:20px;
    margin-top: 15px;
    text-shadow: none !important;
    padding: 0 15px;
}
    

.labels {
    color: #37474f;
    background-color: white;
    font-family: "sans-serif";
    width: 107px;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.5px;
    text-align: center;
    border-radius: 7px;
    opacity: 0.95;
}

.labels:hover {
	background-color: #9795f0;
	color: red;
	
    transition-property: all;
    transition-duration: .4s;
}

.labels-over {
    color: #37474f;
    background-color: white;
    font-family: "sans-serif";
    width: 110px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.5px;
    text-align: center;
    border-radius: 7px;
}

.labels-over:hover {
	background-color: #9795f0;
	color: white;
    transition-property: all;
    transition-duration: .4s;
}

.sch-form-fold > img {
    display: none;
    left: calc(50% - 15px);
    position: relative;
    text-align: center;
    width: 30px;
}

.sch-form-fold.fold-open img.fold-up {
    display: block
}

.sch-form-fold.fold-close img.fold-down {
    display: block
}

.panel-price-title .icon {
    margin: 0 !important;
}
.panel-price-title .icon:nth-child(3) {
    margin-left: .4em !important;
}

@media (max-width: 769px) {


    .sm-half {
        display: inline-block;
        width: calc(50% - 12px)
    }

    #sort-btn-group {
        width: 100%;
    }

    #sort-btn-group > button {
        width: 50%;
    }
}
.layout-full .page,
.layout-full .gmap,
.layout-full #world-map {
    height: 100%;
}

.slidePanel {
    z-index: 1050;
    box-shadow: -1px 0 1px 0 rgba(66, 66, 66, 0.2);
}

.page-bside {

    position: absolute;
    top: 46px;
    bottom: 0;
    right: 0;
    width: 65%;
    overflow-y: scroll;
    border-right: 1px solid #e4eaec;
    -webkit-transition: width .5s ease, opacity .3s ease;
    -o-transition: width .5s ease, opacity .3s ease;
    transition: width .5s ease, opacity .3s ease;
    background: #fff none repeat scroll 0 0;
    min-height: calc(100% - 46px);	
	-webkit-overflow-scrolling: touch;
}
/*  서치페이지 100% 작업을 위한 주석 2019.07.31
.page-bside {

    position: absolute;
    top: 46px;
    bottom: 0;
    right: 0;
    width: 60%;
    overflow-y: scroll;
    border-right: 1px solid #e4eaec;
    -webkit-transition: width .5s ease, opacity .3s ease;
    -o-transition: width .5s ease, opacity .3s ease;
    transition: width .5s ease, opacity .3s ease;
    background: #fff none repeat scroll 0 0;
    min-height: calc(100% - 46px);	
	-webkit-overflow-scrolling: touch;
}
*/
.page-bside-switch {
    position: absolute;
    top: -webkit-calc(50% - 25px);
    top: calc(50% - 25px);
    right: -webkit-calc(100% + 0px);
    right: calc(100% + 0px);
    display: none;
    padding: 15px 8px 15px 4px;
    line-height: 1;
    cursor: pointer;
    background-color: white;
    border-radius: 100px 0 0 100px;
    -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, .2);
    box-shadow: 1px 0 3px rgba(0, 0, 0, .2);

}

/*.room-item .widget-header  img{*/
/*position: relative;*/
/*top: 50%;*/
/*transform: translateY(-50%);*/
/*}*/

@media (max-width: 767px) {
    /*
    .page-bside {
        position: fixed;
        top: 60px;
        bottom: 0;
        z-index: 1000;
        width: 0;
        overflow-y: visible;
        border-color: transparent;		
		-webkit-overflow-scrolling: touch;

    }

    .page-bside.open {
        width: 100%;
        overflow-y: scroll;
    }
    */
    #resultList {

    }

    .page-bside.open .page-bside-switch {
        position: fixed;
        right: calc(100% - 28px);
        top: 50%;
        z-index: 1000 !important;
        border-radius: 0 100px 100px 0;
    }

    .page-bside.open .page-bside-switch .wb-chevron-right {
        display: inline;
    }

    .page-bside.open .page-bside-switch .wb-chevron-left {
        display: none;
    }

    .page-bside + .page-main {
        margin-left: 0;
    }

    .page-bside-switch {
        display: block;
    }

    .page-bside .input-search {
        display: none
    }

    .page-bside.open .input-search {
        display: block
    }

    .page-bside-switch .wb-chevron-right {
        display: none;
    }
}

.widget-body {
    padding: 10px 0px;
    position: relative;
}

#overlay {
    /*position: fixed;*/

    /*width:97%;*/
    /*z-index:8000;*/
    /*display:block;*/
    /*height: 100%;*/
    /*left: 0;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*right: 0;*/
    /*background: #fff;*/
    /*opacity: 0.5;*/
    /*filter: alpha(opacity=80);*/

    position: fixed;
    height: 100%;
    width: inherit;
    z-index: 9998;
    padding: 20px;
    display: block;
    background-color: #fff;
    opacity: 0.5;
    filter: alpha(opacity=80);
}

.loader {
    position: relative;
    top: 50%;
    left: 47%;
    transform: translateX(-47%);
    z-index: 9999;

}

#searchList {
    padding: 10px;
    margin: 5px;

}

#searchForm {
    position: relative;
    width: 100%;
    z-index: 1000;
    display: block;
    background-color: #fff;
    overflow: hidden;
}

#roomOptionSearch {
    padding: 20px 20px 0 20px;
}

#roomOptionSearch .form-control:focus {
    border-color: rgba(249, 104, 104, 0.8); 
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(249, 104, 104, 0.6);
    outline: 0 none;
}

#roomOptionSearch label.control-label {
    text-align: left;
}

.sort-btn.active {
    background-color: red;
}

.sort-btn > span {
    display: none;
}

.sort-btn.asc span.asc {
    display: block;
}

.sort-btn.desc span.desc {
    display: block;
}

#mapView, #mapSingleView, #mapNewView, #mapMyView, #mapFavView, #mapAgentView, #mapIdxView {
    width: 35%;
    float: left;
}

#mapView.min, #mapSingleView.min, #mapNewView.min, #mapMyView.min, #mapFavView.min, #mapAgentView.min, #mapIdxView.min {
    width: 0%;
}

#mapView.min .mapPlaceholder, #mapSingleView.min .mapPlaceholder, #mapNewView.min .mapPlaceholder, #mapMyView.min .mapPlaceholder, #mapFavView.min .mapPlaceholder, #mapAgentView.min .mapPlaceholder, #mapIdxView.min .mapPlaceholder {
    display: none;
}

@media screen and (max-width: 767px) {
    #mapView, #mapSingleView, #mapNewView, #mapMyView, #mapFavView, #mapAgentView, #mapIdxView {
        width: 100%;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    #mapView.min, #mapView.mob-min, #mapSingleView.min, #mapSingleView.mob-min, #mapNewView.min, #mapNewView.mob-min, #mapMyView.min, #mapMyView.mob-min, #mapFavView.min, #mapFavView.mob-min, #mapAgentView.min, #mapAgentView.mob-min, #mapIdxView.min, #mapIdxView.mob-min {
        width: 0%;
    }

    #mapView.mob-max, #mapSingleView.mob-max, #mapNewView.mob-max, #mapMyView.mob-max, #mapFavView.mob-max, #mapAgentView.mob-max, #mapIdxView.mob-max {
        width: 100%;
    }

    #mapView.mob-min .mapPlaceholder, #mapSingleView.mob-min .mapPlaceholder, #mapNewView.mob-min .mapPlaceholder, #mapMyView.mob-min .mapPlaceholder, #mapFavView.mob-min .mapPlaceholder, #mapAgentView.mob-min .mapPlaceholder, #mapIdxView.mob-min .mapPlaceholder {
        display: none;
    }
}

.infoboxWrap.inlist {
    display: none;
}
.widget-header.cover > img {
    max-height: 400px;
}

.infobox {
    padding: 10px
}

.infobox .widget-header.cover > img {
    height: 140px;
}

#resultList {
    padding-bottom: 10px;
}

.infobox .widget-body-footer {
    margin-top: 4px;
    text-align: center;
    bottom: 0;
    width: 100%;
    z-index: 0;
}

.infobox .widget-body-footer > button {
    width: 40%;
    display: inline;
    margin: 0 5px 5px
}

#listArea {
    position: relative;
    padding: 10px;
}

.ribbon-inner {
    font-size: .9em
}

.ribbon {
    width: 200px;
    height: 200px;
}

.ribbon-badge.ribbon-reverse {
    top: 1px;
    right: 0;
}

.ribbon-badge.ribbon-reverse .ribbon-inner {
    padding-left: 50px;
    font-size: 18px;
}

.ribbon-adminview .ribbon-inner::after {
    border-color: #691c1c #691c1c transparent transparent;
}

.daterangepicker table td.weekend {
    color: #f96868 !important;
}

.daterangepicker table td.disabled {
    color: #EAEAEA !important;
}

.daterangepicker option.disabled, .daterangepicker td.disabled {
    cursor: auto;
}

.select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default .select2-selection{
    font-size: 14px;
    font-family: inherit;
    height: 40px;
    padding: 6px 27px 6px 15px;
}

.select2-container--default .select2-results__group{
    font-size: 14px;
    font-weight: bold;
}

.select2-container--default{

}

/* 2019.07.30 테스트 시작 */
@media (min-width: 1200px){
	.col-lg-6{
		width: 33%!important;
	}
	
@media (max-width: 1199px) and (min-width: 770px){
	.col-lg-6{
		width: 50%!important;
		float: left;
	}
}
.page-bside-navbar{
    position: absolute;
    width: 65%;
    top:0;
    right:0;
    height: 53px;
    background: #fff;
    border-bottom: 1px solid #F6F6F6;
    z-index: 99;
    -webkit-transition: width .5s ease, opacity .3s ease;
    -o-transition: width .5s ease, opacity .3s ease;
    transition: width .5s ease, opacity .3s ease;
}

.search-submit {
	height: 40px;
	font-size: 15px;
	}
}
.sliderPanel{
    position: relative;
    padding: 13px 60px 13px 10px;
    margin: 0px 0px;
}

.noUi-handle-lower .noUi-tooltip{
    position: absolute;
    bottom: -25px;
    right: 0px;
}

.noUi-handle-upper .noUi-tooltip{
    position: absolute;
    bottom: -25px;
    left: 0px;
}

.noUi-connect{
    background :#DEDEDE;
}

#price-range{
    height: 7px;
}

.noUi-horizontal .noUi-handle{
    top: -10px;
}

#roomOptionSearch label.control-label {
    text-align: left;
}

.checkboxPanel{
    padding: 7px 0px 0px 0px;
}

.zSelected{
    /*background-color: #858585;*/
}

.amenityExtensionPanel{
    margin-bottom: 0px;
}

.roomtypeExtensionPanel{
    margin-bottom: 0px;
}

.jejudoExtensionPanel{
    margin-bottom: 0px;
}

.jejuExtensionPanel{
    margin-bottom: 0px;
}

.seogwipoExtensionPanel{
    margin-bottom: 0px;
}

.sort-group{
    margin-right: 20px;
}


.sort-group .zInput{
    border-radius: 0px;
    margin: 0px;
    padding:5px 15px;
    width: auto;
    height: auto;
    background-color: #fff;
    color: #b3b3b3;
    font-size: 15px;
    border-bottom: 1px solid #d1d1d1;
}

.sort-group .zInput:hover {
    color: #37474f;
    font-weight: 500;
    border-bottom: 1px solid #37474f;
    transition-property: all;
    transition-duration: .4s;
}

.sort-group .zSelected{
    /*background-color: #BDBDBD80;*/
    color: #37474f;
    font-weight: 500;
    border-bottom: 1px solid #37474f;
}

.search-tab {text-align: center}
.search-tab button {
    display: inline-block;
    padding: 10px 16px;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-appearance: none;
    border-radius: 4px;
    vertical-align: middle;
}

/* 정렬 순서 레이어 */
.ui-modal.select .zInputWrapper {
    display: block;
    padding: 12px 0 24px;
    background-color: transparent;
}

.ui-modal.select .zInput {
    position: relative;
    display: block;
    width: 100%;
    height: 44px;
    padding-left: 56px;
    border: 0;
    background-color: #fff;
    color: #545C70;
    font-size: 16px;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    line-height: 44px;
}
.ui-modal.select .zInput:before,
.ui-modal.select .zInput:after {
    content: '';
    position: absolute;
    top: 50%;
    display: block;
    border-radius: 100%;
    transform: translateY(-50%);
}
.ui-modal.select .zInput:before {
    left: 24px;
    width: 22px;
    height: 22px;
}
.ui-modal.select .zInput:after {
    left: 26px;
    width: 18px;
    height: 18px;
    border: 1px solid #B4C0D4;
}
.ui-modal.select .zInput.zSelected:before {
    border: 2px solid #8E88F5;
}
.ui-modal.select .zInput.zSelected:after {
    left: 30px;
    width: 10px;
    height: 10px;
    background-color: #8E88F5;
    border: 0;
}

/* 2020.06.12 Zeze 추가 @TODO */
#resultList .room-item {
    display: block;
    padding: 16px 0;
    cursor: pointer;
    position: relative;
}
#resultList .room-thumb {
    position: relative;
}
#resultList .room-desc {
    padding: 16px 16px 0;
}
#room_title_p {
    margin: 4px 0 -2px -1px;
    color: #3C4458;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.27;
}
#starPoint .room-rating-outer {
    margin-top: -4px;
}
#starPoint .rating .icon {
    font-size: 13px;
}
#starPoint .count {
    margin-left: 4px;
    color: #8596B3;
    font-size: 12px;
}
#room_info {}
#room_info .info-item {
    display: inline-block;
    color: #6A7792;
    font-size: 13px;
    vertical-align: middle;
    line-height: 1.2;
}
#room_info .info-item + .info-item {
}
#resultList .room-price {
    margin-top: 10px;
}
#resultList .price-group {
    font-size: 0;
}
#resultList .price-group .col-price {
    position: relative;
    display: inline-block;
    width: 33.33333%;
    font-size: 15px;
    vertical-align: top;
    white-space: nowrap;
}
#resultList .price-group .col-price:only-child {
    display: block;
    width: 100%;
}
#resultList .price-group .col-price:nth-child(1):nth-last-child(2),
#resultList .price-group .col-price:nth-child(1):nth-last-child(2) ~ .col-price {
    width: 50%;
}
#resultList .col-price .night-num,
#resultList .discount {
    display: inline-block;
    height: 18px;
    margin-left: -2px;
    padding: 0 8px 0 9px;
    border-radius: 18px;
    background-color: #6A7792;;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    line-height: 18px;
    vertical-align: middle;
}
/*
#resultList .col-price.brand .night-num {
    background-color: #8E88F5;
    color: #fff;
}
#resultList .col-price.brand .discount {
    display: inline-block;
    margin-left: 2px;
    color: #6F64E8;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    vertical-align: middle;
    white-space: nowrap;
    letter-spacing: -0.02em;
}
*/
#resultList .col-price .discount {
    margin-left: 1px;
    background-color: rgba(143,136,245, .2);
    color: #6F64E8;
}
#resultList .col-price .price {
    display: block;
    margin-top: 4px;
    white-space: nowrap;
}
#resultList .col-price s.price {
    color: #8696B0;
    font-size: 13px;
}
#resultList .col-price strong.price {
    color: #3C4458;
    font-size: 14px;
    font-weight: 700;
}
#resultList .col-price s.price + strong.price {
    margin-top: -3px;
}

/* Responsive */
@media (min-width: 768px) {
    #resultList {
        font-size: 0;
    }
    #resultList .room-item {
        display: inline-block;
        width: 50%;
        padding: 20px 16px;
        font-size: 16px;
        vertical-align: top;
    }
    .page-bside.has-map #resultList .room-item {
        width: 100%;
    }
    #resultList .room-desc {
        padding: 12px 2px;
    }
    #resultList .room-row {
        display: block;
        clear: both;
    }
    #room_title_p {
        font-size: 19px;
    }
    #room_info .info-item {
        font-weight: 300;
    }
    #resultList .room-price {
        margin-top: 12px;
    }
    #resultList .col-price .night-num {
        background-color: rgba(220, 228, 240, 0.5);
        color: #6A7792;
        font-size: 12px;
        font-weight: 400;
    }
    /*
    #resultList .col-price.brand .night-num {
        background-color: rgba(143,136,245, .1);
        color: #6F64E8;
    }
    */
    #resultList .col-price s.price {
        font-weight: 300;
    }
    #resultList .col-price strong.price {
        font-size: 15px;
        font-weight: 500;
    }
    #resultList .col-price s.price + strong.price {
        margin-top: -2px;
    }
}
@media (min-width: 1024px) {
    #resultList .room-item {
        width: 33.333333%;
    }
    .page-bside.has-map #resultList .room-item {
        width: 50%;
    }
}
@media (min-width: 1800px) {
    #resultList .room-item {
        width: 25%;
    }
    .page-bside.has-map #resultList .room-item {
        width: 33.333333%;
    }
}
@media (min-width: 2400px) {
    #resultList .room-item {
        width: 20%;
        max-width: 500px;
    }
    .page-bside.has-map #resultList .room-item {
        width: 25%;
    }
}

/* 768 이하만 */
@media (max-width: 767px) {
    #mapView,
    .sidebar,
    .sidebar_close {
        display: none;
    }
    .page-bside-navbar,
    .page-bside {
        width: 100% !important;
    }
    #resultList .price-group .col-price:only-child .price {
        display: inline-block;
    }
    #resultList .price-group .col-price:only-child .price + .price {
        margin-left: 8px;
    }
}