
/* ——————————————————————————
 * bottom_fix
/* —————————————————————————— */
.bottom_fix,
.bottom_fix .list_bottom,
.bottom_fix .floating {
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  transition: all 0.6s cubic-bezier(.5,-0.02,0,.99);
  -webkit-transition: all 0.6s cubic-bezier(.5,-0.02,0,.99);
}
.down .bottom_fix,
.lastScroll .bottom_fix,
.lastScroll .bottom_fix .list_bottom {
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
}
.lastScroll .bottom_fix .list_bottom {
  opacity: 0;
}

.bottom_fix {
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9980;
}

/* bar */
.bottom_fix .bar{width:100%;background:rgb(243, 111, 66);position:relative;
  /* 아이폰X 하단 대응 */
  padding-bottom: calc(env(safe-area-inset-bottom));
}
.bottom_fix .bar ul{height:55px;padding:0;}
.bottom_fix .bar ul li{float:left; height:55px;}
.bottom_fix .bar ul.ico_menu li:first-child {width: 55px; background: rgb(226, 101, 59);}
.bottom_fix .bar ul.ico_menu li {width: calc(50% - 27.5px);}
.bottom_fix .bar ul.ico_menu li a{display:block;color:#fff;text-align:center; margin-top: 16px; }
.bottom_fix .bar ul.ico_menu li:nth-child(2) a {border-right: 1px solid rgba(255,255,255,0.3);}
.bottom_fix .bar ul.ico_menu li a span{display:block;font-size:22px;margin:18px 0 5px;}
.bottom_fix .bar ul.ico_menu li a p{font-size:16px; font-weight: 500;}

/* floating */
.bottom_fix .floating{opacity:0;z-index:10;position:absolute;right:10px;bottom:80px;

  /* 아이폰X 하단 대응 */
  bottom: calc(env(safe-area-inset-bottom) + 80px);
}
.scrolled .bottom_fix .floating{opacity:1}
.bottom_fix .floating .btn_plan {
  position: relative;
  width: 50px;
  height: 50px;
}

@keyframes rotate {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);}
}
.bottom_fix .floating .btn_plan a.title_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgb(252,176,69);
  background: -moz-linear-gradient(90deg, rgb(253, 74, 29) 0%, rgba(252, 134, 0) 100%);
  background: -webkit-linear-gradient(90deg, rgb(253, 74, 29) 0%, rgba(252, 134, 0) 100%);
  background: linear-gradient(90deg, rgb(253, 74, 29) 0%, rgba(252, 134, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcb045",endColorstr="#b43a73",GradientType=1);
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0, 0);
  z-index: 10;
}
.bottom_fix .floating .btn_plan a.btn_big_rental { position: absolute; top: 0; left: 0; width: 50px; height: 50px; background:#2f95f5; border-radius: 50%;}
/*
.bottom_fix .floating .btn_plan a.title_bg2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgb(252,176,69);
    background: -moz-linear-gradient(90deg, rgb(49, 146, 244) 0%, rgba(102, 204, 255) 100%);
    background: -webkit-linear-gradient(90deg, rgb(49, 146, 244) 0%, rgba(102, 204, 255) 100%);
    background: linear-gradient(90deg, rgb(49, 146, 244) 0%, rgba(102, 204, 255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a8e0ff",endColorstr="#0b4d71",GradientType=1);
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0, 0);
    z-index: 10;
}
*/
.bottom_fix .floating .btn_plan a.title_text{ width: 50px; height: 50px; top: 0; left: 0; line-height: 50px; text-align: center; position: absolute; z-index: 100; color: #FFF; font-size: 13px; font-weight: 500;}
.bottom_fix .floating .btn_plan a.title_text2{ width: 50px; height: 50px; top: 0; left: 0; line-height: 18px; margin-top: 8px; text-align: center; position: absolute; z-index: 100; color: #FFF; font-size: 13px; font-weight: 500;}
.bottom_fix .floating .btn_top i{display:block;font-size:16px;color:rgba(255,255,255,0.9);margin-top:-2px}
.bottom_fix .floating .btn_kakao {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #FFDE00;
  border: 1px solid rgba(255,255,255,0.05);
}
.bottom_fix .floating .btn_kakao i {
  display: block;
  font-size: 25px;
  color: #000;
}
/* bar_view */
.bottom_fix .bar_view{border-radius:0;background:#fff;-webkit-box-shadow:0 0 10px 2px rgba(0,0,0,0.12);box-shadow:0 0 10px 2px rgba(0,0,0,0.12);border-top:rgba(0,0,0,0.1)}
.bottom_fix .bar_view .view_botom ul{padding:8px 4px}
.bottom_fix .bar_view .view_botom ul li{width:18%;padding:0 4px}
.bottom_fix .bar_view .view_botom ul li.btn_inquire{width:64%}
.bottom_fix .bar_view .view_botom li a{padding:0}
.bottom_fix .bar_view .view_botom li a span{font-size:20px}

/* list_bottom */
.bottom_fix .list_bottom{position:absolute;bottom:80px;left:0;right:0;text-align:center;
  /* 아이폰X 하단 대응 */
  bottom: calc(env(safe-area-inset-bottom) + 80px);
}
.bottom_fix .list_bottom>ul{height:40px;line-height:38px;display:inline-block;background:#fff;border:1px solid #e4e4e4;box-shadow:0 3px 8px 0 rgba(0,0,0,0.1);border-radius:2em;overflow:hidden}
.bottom_fix .list_bottom>ul>li{float:left}
.bottom_fix .list_bottom>ul>li.filter a{display:block;position:relative;font-size:13px;font-weight:500;letter-spacing:-0.025em;padding:0 15px 0 20px;border-right:1px solid #eee}
.bottom_fix .list_bottom>ul>li.filter.on a:before{content:'';width:4px;height:4px;display:inline-block;background:#fb3939;border-radius:50%;position:absolute;top:10px;right:8px}
.bottom_fix .list_bottom>ul>li.filter a span{width:14px;line-height:38px;font-size:14px;display:inline-block;margin-right:6px;vertical-align:bottom}
.bottom_fix .list_bottom>ul>li.sort .slt_sort{}
.bottom_fix .list_bottom>ul>li.sort .slt_sort .selectric{border:none;background:transparent}
.bottom_fix .list_bottom>ul>li.sort .slt_sort .selectric .label{position:relative;margin:0;font-size:13px;font-weight:500;color:#2d2d2d;line-height:38px;height:38px;padding:0 20px 0 15px}
.bottom_fix .list_bottom>ul>li.sort .slt_sort .selectric .label:before{content:"\ea2b";font-family:'mong-font' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;display:inline-block;line-height:38px;font-size:14px;vertical-align:bottom;margin-right:6px}
.bottom_fix .list_bottom>ul>li.sort .slt_sort .selectric .button{display:none}
.bottom_fix .floating button {
  display: block;
  margin-top: 8px;
}

/*smart_filter add*/

.filt>ul{width:100%;height:40px;line-height:38px;display:inline-block;background:#fff;border:1px solid #e4e4e4;/*box-shadow:0 3px 8px 0 rgba(0,0,0,0.1);*/overflow:hidden}/*width:96%;height:40px;line-height:38px;display:inline-block;background:#fff;border:1px solid #e4e4e4;box-shadow:0 3px 8px 0 rgba(0,0,0,0.1);border-radius:2em;overflow:hidden*/
.filt>ul>li{float:left; width:50%;}
.filt>ul>li.filter a{display:block;position:relative; z-index: 2; font-size:13px;font-weight:500;letter-spacing:-0.025em;padding:0 20px 0 25px;border-right:1px solid #eee}
.filt>ul>li.filter.on a:before{content:'';width:4px;height:4px;display:inline-block;background:#fb3939;border-radius:50%;position:absolute;top:10px;right:20%}/*right:8px*/
.filt>ul>li.filter a span{width:14px;line-height:38px;font-size:14px;display:inline-block;margin-right:6px;vertical-align:bottom}
.filt>ul>li.sort .slt_sort{}
.filt>ul>li.sort .slt_sort .selectric{border:none;background:transparent; position: relative; z-index: 2;}
.filt>ul>li.sort .slt_sort .selectric .label{position:relative;margin:0;font-size:13px;font-weight:500;color:#2d2d2d;line-height:38px;height:38px;padding:0 25px 0 20px;}
.filt>ul>li.sort .slt_sort .selectric .label:before{content:"\ea2b";font-family:'mong-font' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;display:inline-block;line-height:38px;font-size:14px;vertical-align:bottom;margin-right:6px}
.filt>ul>li.sort .slt_sort .selectric .button{display:none}


.location { font-size: 15px; padding: 0 15px; display: table; line-height: 18px; white-space: nowrap;}
.location a, .location em {   display: table-cell; line-height: 41px; font-size: inherit; color: #333; white-space: nowrap;}
.icon_before{display: table-cell; white-space: nowrap; padding: 0 4px;}

.filter_wrap .left { min-width: 90px; width: 25%; min-height: 192px; border-right: 1px solid #fff; background: #efefef; float:left;}/*by #e8f3fd ffecdf modify*/
.left_list .opt { position: relative; border-top: 1px solid #fff;}
.left_list .opt:last-child{border-bottom: 1px solid #e4e4e4;}
.left_list .btn_opt { display: block; padding: 9px 7px 8px 15px; line-height: 1.1;}
.left_list .on .btn_opt { background: #fff; font-weight: 600;}
.left_list .on .btn_opt:after { content: ""; position: absolute; top: 0; right: -1px; width: 2px; height: 100%; background: #fff;}

.left_list .contents { display: inline-block; padding-top: 1px; max-width: 100%; font-size: 12px; color: #33383e; letter-spacing: -0.06em; vertical-align: top;}
.left_list .count { float: right; margin-left: 3px;}
.left_list .txt { display: block;/*  overflow: hidden;*/  white-space: nowrap;}

.filter2_wrap .left2 { min-width: 92px; width: 25%; height:auto; /*border-right: 1px solid #fff; background: #efefef;*/ float:left;}/*by #e8f3fd ffecdf modify*/
.left2_list li{border-top: 1px solid #e4e4e4; }
.left2_list .none{border:none;}
.left2_list .opt { position: relative; /*border-top: 1px solid #fff;*/}
.left2_list .btn_opt { display: block; padding: 9px 7px 8px 15px; line-height: 1.1;}
.left2_list .on .btn_opt { background: #fff; font-weight: 600;}
.left2_list .on .btn_opt:after { content: ""; position: absolute; top: 0; right: -1px; width: 2px; height: 100%; background: #fff;}
.left2_list .contents { display: inline-block; padding-top: 1px; max-width: 100%; font-size: 12px; color: #33383e; letter-spacing: -0.06em; vertical-align: top;}
.left2_list .count { float: right; margin-left: 3px;}
.left2_list .txt { display: block;/*  overflow: hidden;*/  white-space: nowrap;}

.filter2_wrap .inner {  position: relative; top: 0; left: 0; right: 0; height: auto; /*100%*/ background:#fff;/*add*/  overflow-y: auto;  overflow-x: hidden;  -webkit-overflow-scrolling: touch;}
.filter_wrap .right {  position: relative;  -webkit-box-flex: 1; -ms-flex: 1; flex: 1; float:right;	width:75%;/*add*/}
.filter_wrap .inner { position: relative; top: 0; left: 0; right: 0; height: 192px; /*100%*/  background:#fff;/*add*/  overflow-y: auto;  overflow-x: hidden;  -webkit-overflow-scrolling: touch;}

.detail .inner::-webkit-scrollbar {  width: 7px;  background-color: rgba(255, 255, 255, 0);}
.detail .inner::-webkit-scrollbar-track, .detail .inner::-webkit-scrollbar-thumb {  border: 2px solid rgba(255, 255, 255, 0);  background-clip: padding-box;  border-radius: 7px;}
.detail .inner::-webkit-scrollbar-track {  background-color: #ccc;}
.detail .inner::-webkit-scrollbar-thumb {  background-color: #888;}
.detail .inner::-webkit-scrollbar-button:start:decrement, .detail .inner::-webkit-scrollbar-button:end:increment {  display: block;  height: 3px;  background: #fff;}

.loader,
.loader:after {border-radius: 50%; width: 6em; height: 6em; position: relative; top:-83px;}
.loader_Wrap{width:100%; height: 120%; position: relative; z-index: 1111;}
.loader_position{  position: fixed; left: 50%; top: 50%; z-index: 1111; margin: -37.5px 0 0 -37.5px; width: 75px; height: 75px;}
.loader_position:before { content: ''; width: 65px; height: 65px; display: inline-block; border: solid 5px #fff; border-radius: 50%; background: url(../img/loading.gif) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; box-shadow: 0 3px 8px 0 rgb(0 0 0 / 10%);}

.mongLayer_wrap{display: block;}



/*.list_ma .brand_logo {*/
/*  overflow: hidden;*/
/*  _width: 100%;*/
/*  margin: 0;*/
/*  padding: 5px 0px;*/
/*  background: #ffffff;*/
/*  border-bottom: 1px solid #e8e8e8;*/
/*}*/

/*.list_ma .brand_logo img {*/
/*  _height: 37px;*/
/*  _float: left;*/
/*}*/
/*.list_ma .brand_logo span {*/
/*  display: block;*/
/*  font-weight: bold;*/
/*  height: 20px;*/
/*  line-height: 20px;*/
/*  font-size: 12px;*/
/*  padding: 0 10px;*/
/*  color: #FFF;*/
/*  border-radius: 5px;*/
/*  margin-top: 8px;*/
/*  float: left;*/
/*}*/
/*.brand_logo span.ba_account1 {*/
/*  background: #f34c4c;*/
/*}*/
/*.brand_logo span.ba_account2 {*/
/*  background: #009771;*/
/*}*/
/*.brand_logo span.ba_account3 {*/
/*  background: #368dff;*/
/*}*/


.ot_conent{text-align: center;}

