@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
*/
/*
Nanum Brush Script (Korean) font-family: 'Nanum Brush Script', serif;
Nanum Gothic (Korean) font-family: 'Nanum Gothic', serif;
Nanum Gothic Coding (Korean) font-family: 'Nanum Gothic Coding', serif;
Nanum Myeongjo (Korean)  font-family: 'Nanum Myeongjo', serif;
Nanum Pen Script (Korean)  font-family: 'Nanum Pen Script', serif;
*/
@viewport{zoom: 1.0; width: device-width;}
@-ms-viewport{width: extend-to-zoom; zoom: 1.0;}

*{
	font-family: 'Nanum Gothic', serif;
	margin:0;padding:0;
}
p{text-transform: uppercase;}
h1{text-transform:uppercase;}
a{text-transform: uppercase;}
dl,ul,ol{list-style:none;padding:0;margin:0;}
*{text-shadow:none;}
a{text-decoration:none;}

/* modify */
.ui-content{padding:0px;background-color:#000;}
.ui-btn{text-align:left;}
.ui-btn-inner{padding:5px 2px;}
.ui-btn-icon-left .ui-icon{left:3px;}
.ui-dialog .ui-li .ui-btn-inner a.ui-link-inherit,
.ui-dialog .ui-li-static.ui-li{padding:0;}
.ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon{
	margin-top:-11px;
}

/*.ui-btn-icon-left .ui-btn-inner{padding-left:25px;}*/

/* new */
.ui-bar-a {background:none; border: 0px solid #333; color: #fff; font-weight: bold; text-shadow: 0 -1px 1px #000; }
.header{/*border:1px solid #00415e;*/ border-top:1px solid #000;border-bottom:1px solid #666; background: #111; font-weight: bold; text-shadow: 0 -1px 1px #000; background-image: -webkit-gradient(linear,left top,left bottom,from( #3c3c3c ),to( #111 )); background-image: -webkit-linear-gradient( #3c3c3c,#111 ); background-image: -moz-linear-gradient( #3c3c3c,#111 ); background-image: -ms-linear-gradient( #3c3c3c,#111 ); background-image: -o-linear-gradient( #3c3c3c,#111 ); background-image: linear-gradient( #3c3c3c,#111 ); height:41px; }

body.lease .header{border-bottom:1px solid #0099ff;}
body.rent .header{border-bottom:1px solid #ff6600;}

.goto_Home{cursor:pointer;}

.wrap{}
.footer{width:100%;background-color:#fff;position:fixed;bottom:0px;}
.section-list{overflow-y:scroll;}

.user-select{}
.user-select div.section{display:inline-block;float:left;font-size:12px;}
.user-select div.section.maker{width:20%;}
.user-select div.section.model{width:25%;}
.user-select div.section.lineup{width:55%;}
.user-select div.section dt.section-title{height:25px;line-height:25px;color:#ccc;text-align:center;}
.user-select div.section dt.section-title.first{border-left:0;}
.user-select div.section dt.section-title.last{border-right:0;}
.user-select div.section dd.section-list{}
.user-select div.section dd.section-list li.list-item{background-color:#005393; padding:5px; color:#fff; margin:1px 1px 1px; border:2px solid #000; opacity:0.4; /*border-radius: 3px;*/}

.user-select div.section.maker li.list-item{border-radius: 6px 0 0 0; }
.user-select div.section dd.section-list li.list-item.active{height:46px; border:2px solid #0099FF; opacity:1; }
.user-select div.section dd.section-list ul.list-lineup li.list-item{opacity:1; background-color:#002944; color:#fff;height:auto !important; }



.user-select div.section dd.section-list ul.list-lineup li.list-item .lineup-option{}
.user-select div.section dd.section-list ul.list-lineup li.list-item .lineup-option dl{display:inline-block;width:100%;margin-bottom:2px;}
.user-select div.section dd.section-list ul.list-lineup li.list-item .lineup-option dl dt{float:left;}
.user-select div.section dd.section-list ul.list-lineup li.list-item .lineup-option dl dd{float:right;font-weight:bold;}


.list-model li.list-item{position:relative;background-repeat:no-repeat;background-size:100%;background-position: right center;}
.user-select div.section.model dd.section-list li.list-item{background-color:#fff !important;}
.list-model li.list-item span{display:block; color:#000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }
.list-model li.list-item img.item-img{height:30px;border-radius:3px;position:absolute;right:4px;bottom:4px;}

/* even : 작수, odd : 홀수  */
.lineup-description.even{color:#5BBDFF;}
.lineup-description.odd{color:#A7DBFF;}

body.rent .user-select div.section dd.section-list li.list-item{background-color:#ff6600;}
body.rent .user-select div.section dd.section-list li.list-item.active{border:2px solid #ffb389;}
body.rent .user-select div.section dd.section-list ul.list-lineup li.list-item{background-color:#662900}
body .user-select div.section dd.section-list ul.list-lineup li.list-item{
	background-image:url("../images/layout/icon.click.png");
	background-repeat:no-repeat;
	background-position:95% 5%;
}
body.rent .lineup-description.even{color:#ff9a57;}
body.rent .lineup-description.odd{color:#c07300;}

.lineup-price{color:#0099FF; }
.lineup-desc-title{font-size:14px;font-weight:bold;display:inline-block;margin-bottom:15px;}


.hide{display:none !important;}
.page-controls{height:25px;line-height:25px;background-color:#000;color:#ccc;font-size:12px;padding:0 10px;}
.goto_another{
	position:absolute;
	left:auto !important;
	right:0 !important;
	top:0 !important;
}

body.detail .sub-title{font-size:18px !important;line-height:16px;margin-bottom:15px !important;color:#fff !important;}
body.detail .ui-content .ui-btn-inner{height:36px;line-height:36px;padding:0;padding-right:45px;padding-left:15px;}
body.detail .select-option{margin:5px 0 !important;}
body.detail .select-option .ui-btn-inner{padding-left:45px;}
body.detail .title-lineup{margin:0;}
body.detail .title-lineup .ui-btn-inner .ui-listview{padding-left:15px;}

body.detail .ui-field-contain,
body.detail .ui-mobile fieldset.ui-field-contain{margin:0;}

body.detail .ui-content{padding:5px;}
body.detail .ui-body{}

body.detail .std-description{text-align:center;margin:0px 0 0px;border-bottom:1px solid rgba(130,130,130,.3);padding:2px 0;}
body.detail .std-description span.fin-title{margin:0 2px;font-weight:normal;color:#5598b3;font-size:12px;}
body.detail .std-description span.fin-title.bt{font-weight:normal;color:#999;}
body.detail .std-description span.fin-title .impact{color:#0099ff;font-weight:bold;}
body.detail .ui-field-contain{display:inline-block;width:100%;}
body.detail h2, body.detail label.select{color:#fff;font-size: 1.5em;font-weight:bold;}
/*body.detail h2, body.detail label.select{color:#0099FF;font-size: 1.5em;font-weight:bold;}*/


body.detail .ui-select{width:100%;}
body.detail .ui-select .ui-btn{background:#001320;color:#fff;border:2px solid #000;}
body.detail .ui-checkbox .ui-btn{background:#005e8d;color:#ececec;border:1px solid #000;}
body.detail .title-lineup{border-bottom:0;padding:5px 0 0;}

/*#co > li {width:48%;float:left;margin:0 1%;}*/
#carLeaseDeposit_string{display:inline-block;height:32px;line-height:32px;font-size:16px;margin-left:15px;}

body.detail .ui-page{background:#002944;}
body.detail .ui-page .ui-content{background:none;}
body.detail .std-description dl{display:inline-block;width:50%;float:left;}
body.detail .std-description dl dt, body.lease.detail .std-description dl dd{float:left;color:#0099FF;}
body.detail .finance-description{border-bottom:1px solid rgba(130,130,130,.3);padding:10px 0;}
body.detail .finance-description label.select{display:inline-block;width:100%;}
body.detail .finance-description label.select a{display:inline-block;float:left;height:32px;line-height:32px;margin:0;padding:0;}
body.detail .finance-description label.select span{float:left;}
body.detail .finance-description label.select div.ui-select{float:left;display:inline-block;width:auto;}
body.detail .finance-description label.select input.ui-input-text{width:auto; border:0; text-shadow:none;height:32px;line-height:32px; color:#f00; text-align:right;display:inline-block; }
body.detail .finance-description dl{display:inline-block;width:100%;float:left;}
body.detail .finance-description dl dt, body.detail .finance-description dl dd{float:left;color:#0099FF;}
body.detail .finance-description .ui-btn-inner{}
body.detail .finance-description .ui-btn-inner .ui-btn-text{height:32px;line-height:32px;}
body.detail .finance-description .ui-btn-inner .ui-btn-text .ui-listview{margin:0;}
body.detail .fin-title{font-size:16px;font-weight:bold;display:inline-block;height:32px;line-height:32px;color:#fff;}
body.detail .finance-description .fin-title{width:70px;margin-right:5px;}
body.detail .finance-description ul.list-option li{float:left;margin-right:20px;line-height:32px;}
body.detail .top-title{display:inline-block;width:100%;margin:5px 0 0;border-bottom:1px solid rgba(130,130,130,.3);}
body.detail .top-title h2{float:left;}
body.detail .top-title .top-price{display:inline-block;float:right;font-size:16px; border:0; text-shadow:none; color:#fff;background:none;font-weight:normal;}
body.detail .top-title .top-price .impact{font-size:48px;color:#c87801;}

body.detail.lease .top-title .top-price .impact{color:#0095e0;}
body.detail.lease .sub-title{color:#0095e0 !important;}
body.detail.lease .std-description span.fin-title {color: #fff; }

body.detail.rent .ui-page{background:#662900;}
body.detail.rent .ui-body-c .ui-link{color:#b54b04;}
body.detail.rent h2, body.detail.rent label.select{color:#fff;}
body.detail.rent .top-title .top-price{color:#eee;font-weight:normal;}
body.detail.rent .sub-title{color:#f90 !important;}
body.detail.rent .std-description span.fin-title{color:#fff;}
body.detail.rent .std-description span.fin-title .impact{color:#c87801;}
body.detail.rent .ui-checkbox .ui-btn{background:#c87801;}

body.detail.rent .finance-description{}
body.detail.rent .insurance-description{border-bottom:1px solid rgba(130,130,130,.3);padding:10px 0;}
body.detail.rent .insurance-description ul.list-option{display:table;}
body.detail.rent .insurance-description .li-title{color:#fff;vertical-align:top;}
body.detail.rent .insurance-description .li-option{}
body.detail.rent .insurance-description .li-option div.ui-radio{float:left;clear:none;margin:.1em;}
body.detail.rent .insurance-description .li-option .ui-btn-inner{padding-left:30px;}
body.detail.rent .insurance-description .li-option .ui-btn-up-c,
body.detail.rent .insurance-description .li-option .ui-btn-hover-c:hover{background-color:#f00 !important;background-image:linear-gradient( #f60,#903a00) !important; border:1px solid #000 !important; color:#000;}
body.detail.rent .ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon {background-color: #000; }
body.detail.rent .insurance-description .li-option .ui-btn-inner{padding-right:15px;}
body.detail.rent .insurance-description .li-option .ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon{left:5px;}


body.detail.lease #carLeaseDeposit_string{color:#0095e0;}
body.detail.rent #carLeaseDeposit_string{color:#c87801;}

/* footer */
body .ui-page{padding-bottom:50px;}
#footer{
	color:#fff;
	position:fixed;
	bottom:0;
	z-index:99;
	width:100%;height:50px;
	/*border:1px solid #00415e;*/ border-top:1px solid #666;border-bottom:1px solid #000; background: #111; font-weight: bold; text-shadow: 0 -1px 1px #000; background-image: -webkit-gradient(linear,left top,left bottom,from( #3c3c3c ),to( #111 )); background-image: -webkit-linear-gradient( #3c3c3c,#111 ); background-image: -moz-linear-gradient( #3c3c3c,#111 ); background-image: -ms-linear-gradient( #3c3c3c,#111 ); background-image: -o-linear-gradient( #3c3c3c,#111 ); background-image: linear-gradient( #3c3c3c,#111 );
}
#footer ul{width:100%;display:inline-block;width:100%;height:50px;}
/*#footer ul li{float:left;display:inline-block;width:50%;height:50px;line-height:50px;color:#fff;text-align:center;border-left:1px solid #666;border-right:1px solid #000;}*/

#footer ul li{float:left;display:inline-block;width:49.5%;height:50px;line-height:50px;color:#fff;text-align:center;border-left:1px solid #666;border-right:1px solid #000;}

#footer ul li.first{border-left:0;}
#footer ul li.last{border-right:0;}
#footer ul li a{text-decoration:none;color:#fff;display:inline-block;width:100%;height:50px;line-height:50px;}

.dialog .ui-content .dialog-description ul.layout-phonenumber{display:table;width:100%;}
.dialog .ui-content .dialog-description ul.layout-phonenumber li{display:table-cell;text-align:center;}
.dialog .ui-content .dialog-description ul.layout-phonenumber li input{width:100%;}
.dialog .ui-content .dialog-description ul.layout-phonenumber li.bt{}
/* dailog */
.dialog{color:#000;background:#002944 !important;}
.dialog .ui-content{background:#fff !important;padding:5px !important;}
.dialog .ui-content .dialog-description{}
.dialog .ui-content .dialog-description h2{display:inline-block;margin-bottom:5px;font-size:18px;}
.dialog .ui-content .dialog-description dl{display:table;width:100%;}
.dialog .ui-content .dialog-description dl dt,
.dialog .ui-content .dialog-description dl dd{display:table-cell;padding:2px;vertical-align:top;}
.dialog .ui-content .dialog-description dl dt{width:65px;font-weight:bold;color:#999;text-align:center;}
.dialog .ui-content .dialog-description.dialog-form dl dt{vertical-align: middle}
.dialog .ui-content .dialog-description dl dd{width:*;}
.dialog .ui-content .dialog-description dl dd input{width:100%;}
.dialog .ui-content .dialog-description.ac-button{text-align:center;}
.dialog .ui-content .dialog-description.ac-button a{width:30%;display:inline-block;margin:5px 2px;text-align:center;}
.dialog .ui-content .dialog-description.ac-button a span{display:inline-block;width:100%;text-align:center;padding: 0px;}
.dialog .ui-content .dialog-description.ac-button a span.ui-btn-inner{height:36px;line-height:36px;}

.dialog .ui-content .dialog-description .ui-btn-inner{padding:0;}
.dialog .dialog-header .ui-btn{left:auto;right:10px;}

.dialog .doc-personal dd{letter-spacing: -1px}

/* 광고 ADD */
.container.ad{font-size:0.6em;text-align:center;padding:5px 0;font-weight:normal;}
.container.ad span.company,
.container.ad span.impact{font-size:1.1em;font-weight:bold;}
.container.ad.lease{background-color:#002944;border-bottom:1px solid #002944;color:#eee;}
.container.ad.lease span{color:#0099ff;}
.container.ad.rent{background-color:#662900;border-bottom:1px solid #662900;color:#eee;}
.container.ad.rent span{color:#ffb389;}

/* 가격 변화 주기 */
#show-chage-price{
	display:none;
	background:#000;opacity:0.9;width:90%;height:10%;
	border-radius:20px;
	font-size:1.5em;
	text-align:center;
	position:absolute;z-index:99;
	color:#fff;
	border:4px solid #fff;
}