@charset "utf-8";

/* CSS Document */

.wrapper{background:#f8f8f8;}/* 메인에만 적용 */

/* main contents */
.main-contents .inner-wrap{display: block; position: relative}

.swiper-container{position: relative; overflow: hidden; width:100%;}
.swiper-wrapper{position: relative; display: flex; width: 100%;}
.swiper-slide{position: relative; width: 100%; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0;}
.swiper-pagination{position: absolute; top: 65%; left: 0; width: 100%; text-align: center; transition: .3s; transform: translate3d(0,0,0); z-index: 1;}
.swiper-pagination-bullet{display: inline-block; width: 1em; height: 1em; margin: 0 5px; border-radius: 100%; background: #fff;}
.swiper-pagination-bullet-active {background: #1abc9c;}
[class*="swiper-button"]{position:absolute; top:35%; width:1.5em; z-index: 1; border:0; background:transparent;}
.swiper-button-prev{left:2%;}
.swiper-button-next{right:2%;}

.today-info{position:absolute; top:35%; left:0; width:100%;}
.today-info:after{content:''; display: block; clear: both;}
.today-info>dl{position:relative; float:left; width:40%; padding-top:2em; color:#fff; text-align: center;}
.today-info dt{font-size:0.8em; font-weight:normal; color:#fff;}
.today-info dd{position:absolute; top:0; left:0; width:100%; }
.today-info dd b{font-size:1.3em; color:#fff;}
.today-info>dl+dl{float:right;}

.rent-summary{position:relative; z-index:1; margin: -16% 3% 0; padding:1em 0.5em; border:1px solid #eaeaea; background:#fff;}
.rent-summary dl{position:relative; display:table; width:100%; margin-bottom:2%; border:1px solid #d9d9d9; border-radius: 0.2em}
.rent-summary dl>*{display:table-cell; padding:1em;}
.rent-summary dt{width:15%; padding-right:0; color:#19bd9b;}
.rent-summary dd a{display:block;}
.rent-summary dd a:after{content:''; position:absolute; top:50%; right:0.5em; width:1.2em; height:1.2em; margin-top:-0.6em; background:url(../images/common/arr_right_g.png) no-repeat; background-size:100%;}
.rent-summary .total{padding:0.7em 0 0.8em; text-align: right;}
.rent-summary .total b{font-size:1.5em;}

.rent-search{margin:1% 3% 0;}
.rent-search [class*="check-btn"]{padding:1em 0.5em; border:1px solid #eaeaea; }
.rent-search p{margin:1em 0;}*
.rent-search [class*="btn-group"]{padding:1em 0;}

.main-notice{background:#46516b;}
.main-notice>div{position:relative; padding:1em; letter-spacing: -1px;}
.main-notice>div>*{display:inline-block; color:#fefefe;}
.main-notice .title{position:relative; padding:0 0.5em 0 1.3em; margin-right:0.2em; border-right:1px solid #b5bac4; font-size:1em;}
.main-notice .title:before{content:''; position:absolute; top:50%; left:0; width:1.2em; height:1.2em; margin-top:-0.6em; background:url(../images/ico/ico_mic.png) no-repeat; background-size:100%;}
.main-notice p{width:60%;}
.main-notice a{overflow:hidden; display: inline-block; width:100%; text-overflow: ellipsis; white-space: nowrap;}
.main-notice small{position:absolute; top:50%; right:2.5em; margin-top:-0.4em; color:#cddcff;}

/*차종선택 가림*/
.check-btn-col-4{ display: none;}


/* tooltip */
.tooltip-layer{	display: inline-block;	position:absolute;	vertical-align: middle; height: auto!important ; left: 25%; top:57.5%; width:90%;; z-index: 10}

.tooltip-layer .btn-tooltip{  top: -12px; left: 60px; overflow: hidden;width: 18px; height: 18px;	padding-top: 20px;	background: url(../images/common/ico_info.png) no-repeat;	vertical-align:middle;background-size: 18px;    border: none; padding-left: 10px; box-shadow: none; text-indent: -2000px }

.tooltip-layer .layer{ 	display: inline-block;	position: inherit;    left: -25%; top:80%;	z-index: 1;	width:99%;	padding: 16px;	background: #f4fafa;	border: 1px solid #c1dfdd;	box-sizing: border-box;line-height: 20px; font-size: 14px; color: #26a09e;font-weight: 300;max-height: none; ; text-align: left}

.tooltip-layer .layer::before
{
	position: absolute;
	top: -6px;
	width: 9px;
	height: 9px;
	margin-left: -5px;
	background: #fff;
	border-top: 1px solid #c1dfdd;
	border-right: 1px solid #c1dfdd;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
   
}
.layer:before {
    margin-left: 18px;
}
.insu-sel { z-index: 100; background: transparent!important;}

.inputType01{ line-height:normal!important; height: auto!important;}


