@charset "utf-8";

/* 인기렌트카 */
#best_list { background:#eee; padding:10px 5px; font-family:'Pretendard-Regular'; } 
#best_list h2 { text-align:center; font-size:18px; padding:10px 0 20px; } 
#best_list .rentcar_list {text-align:center;}
#best_list .pro_box { display:inline-block; width:40%; background:#fff; vertical-align:top; margin:0 5px 10px; text-align:center; padding:10px; border-radius:10px; }
#best_list .pro_box .pro_thum img { width:90%; margin-top:10px; }
#best_list .pro_event {position:absolute;}
#best_list .pro_event p {font-size:11px;font-weight:100;display: inline-block;padding:2px 4px;margin-right:5px;width:auto;height:auto;}
#best_list .pro_event .event {color:#ec5050;background:#fff0f0;}
#best_list .pro_event .new {color:#0265c2;background:#eff8ff;}
#best_list .pro_event .best {color:#ec5050;background:#fff0f0;} 
#best_list .pro_box .pro_title {  }
#best_list .pro_box .pro_title .name { font-weight:bold; }
#best_list .pro_box .pro_title .pro_price { color:#e73c3c; font-size:14px; }

/* 메인배너 */
.visual {width:100%; /*height:350px;*/ line-height:0;}
.visual ul.slide li {background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}
.visual ul.slide li img {width:100%;}
.visual ul.slide li figure figcaption {position:absolute; bottom:59px; width:100%; margin-bottom:0; padding:0 40px; text-align:left; display:block;}
.visual ul.slide li figure figcaption img {width:auto; height:79px; display:inline;}
.visual ul.slide li figure figcaption p {margin-top:18px; font-weight:700; color:#000; line-height:18px;}
.visual ul.slide li.visual01 {background-image:url(/assets/vistawalkerhillseoul/global/m/images/etc/pic_visual01.jpg);}
.visual ul.slide li.visual01 figcaption { display:block;}
.visual ul.slide li.visual01 figcaption img {height:53px;}
.visual ul.slide li.visual02 {background-image:url(/assets/vistawalkerhillseoul/global/m/images/etc/pic_visual02.jpg);}
.visual ul.slide li.visual02 figcaption img {height:73px;}
.visual ul.slide li.visual03 {background-image:url(/assets/vistawalkerhillseoul/global/m/images/etc/pic_visual03.jpg);}
.visual ul.slide li.visual03 figcaption {bottom:50%; margin-bottom:-68px; text-align:center;}
.visual ul.slide li > a > img {width:100%;}
.visual .bx-wrapper ul.slide, .visual .bx-wrapper ul.slide li { overflow:hidden;}
.visual .bx-wrapper .bx-pager, .main .thumbSlide01 .bx-wrapper .bx-pager {top:inherit; right:0; bottom:18px; width:100%; text-align:center;}
.visual .bx-wrapper .bx-pager.bx-default-pager a, .main .thumbSlide01 .bx-wrapper .bx-pager.bx-default-pager a {width:11px; height:11px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; background:#fff;}
.visual .bx-wrapper .bx-pager.bx-default-pager a.active, .main .thumbSlide01 .bx-wrapper .bx-pager.bx-default-pager a.active {width:11px; height:11px; border:2px solid #fff; background:none;}
.visual .bx-wrapper .bx-controls-direction a {width:27px; height:36px; background-image:url(/images/btn_slide02.png); background-repeat:no-repeat; background-size:auto 36px; display:none;}
.visual .bx-wrapper .bx-prev {left:0; background-position:0 0;}
.visual .bx-wrapper .bx-next, .visual .bx-wrapper .bx-next:hover {right:0; background-position:100% 0;}

/** RESET AND LAYOUT
===================================*/
.bx-wrapper {position: relative;margin: 0 auto 0;padding: 0;*zoom: 1;/*height:370px;*/}
.bx-wrapper img {max-width: 100%;display:inline-block;}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {/*fix other elements on the page moving (on Chrome)*/-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;top: -30px;width: 100%;}
/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px;/*background: url(../../../web/common/css/images/bx_loader.gif) center center no-repeat #fff;*/height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 20;}
/* PAGER */
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #999;text-indent: -9999px;display: block;width: 13px;height: 6px;margin: 0 5px;outline: 0;/*-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;*/}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #fc523b;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 10px;/*background: url(../../../web/common/css/images/controls.png) no-repeat 0 -32px;*/}
.bx-wrapper .bx-next {right: 10px;/*background: url(../../../web/common/css/images/controls.png) no-repeat -43px -32px;*/}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute;top:50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 99;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;/*background: url(../../../web/common/css/images/controls.png) -86px -11px no-repeat;*/margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;/*background: url(../../../web/common/css/images/controls.png) -86px -44px no-repeat;*/margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80, 80, 80, 0.75);width: 100%;}
.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;}