@charset "utf-8";

/* ///// font ///// */
@font-face {
	font-family:'NS';
	font-style:normal;
	font-weight:400;
	src:url(/fonts/nanumsquarer.eot);
	src:url(/fonts/nanumsquarer.eot?#iefix) format('embedded-opentype'),
		url(/fonts/nanumsquarer.woff) format('woff'),
		url(/fonts/nanumsquarer.ttf) format('truetype');
}

@font-face {
	font-family:'NSB';
	font-style:normal;
	font-weight:700;
	src:url(/fonts/nanumsquareb.eot);
	src:url(/fonts/nanumsquareb.eot?#iefix) format('embedded-opentype'),
		url(/fonts/nanumsquareb.woff) format('woff'),
		url(/fonts/nanumsquareb.ttf) format('truetype');
}

@font-face {
	font-family:'Audi';
	font-style:normal;
	font-weight:400;
	src:url(/fonts/AudiType-ExtendedNormal.eot);
	src:url(/fonts/AudiType-ExtendedNormal.eot?#iefix) format('embedded-opentype'),
		url(/fonts/AudiType-ExtendedNormal.woff) format('woff'),
		url(/fonts/AudiType-ExtendedNormal.ttf) format('truetype');
}

@font-face {
	font-family:'AudiB';
	font-style:normal;
	font-weight:700;
	src:url(/fonts/AudiType-ExtendedBold.eot);
	src:url(/fonts/AudiType-ExtendedBold.eot?#iefix) format('embedded-opentype'),
		url(/fonts/AudiType-ExtendedBold.woff) format('woff'),
		url(/fonts/AudiType-ExtendedBold.ttf) format('truetype');
}

/* ///// reset ///// */
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;}
html,body{width:100%;/*height:100%;*/-webkit-text-size-adjust:none;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, strong {margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}
body, textarea, input, select{font:12px/1 'NS', sans-serif;color:#666;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
ol,ul{list-style:none;}
img, label, input, select, a{vertical-align:middle;}
input,textarea,select{border:none;background:none;border-radius:0;-webkit-appearance:none;}
textarea{resize:none;}
select{padding-left:5px;height:33px;border:1px solid #dadbde;background:#fff url('/img/btn_select.gif') right 50% no-repeat;background-size:28px;-webkit-appearance:none;}
input,textarea,button {outline-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content: none;}
table {width:100%;border-collapse:collapse;border-spacing:0;}
a{outline:none;select-dummy:expression(this.hideFocus=true);color:inherit;line-height:inherit;text-decoration:none;}
a:hover,a:active{text-decoration:none;}
.blind{text-indent:-5000px;width:0;height:0;font-size:0;line-height:0;}
strong{font-weight:700;}
img{width:100%;}

input.inp_txt::-moz-placeholder{line-height:18px;color:#bababa;}
input.inp_txt:-ms-input-placeholder{line-height:18px;color:#bababa;}
input.inp_txt::-webkit-input-placeholder{line-height:18px;color:#bababa;}

input.inp_txt{padding-left:13px;height:33px;border:1px solid #b3b3b3;}
input[type=checkbox]{width:12px;height:12px;background:url('/mobile/img/common/ic_checkbox.gif') no-repeat;background-size:12px;}
input[type=checkbox]:checked{background-position:0 bottom;}
input[type=radio]{margin:0 5px 0 0;width:16px;height:16px;background:url('/mobile/img/common/ic_radio.png') no-repeat;background-size:16px;}
input[type=radio]:checked{background-position:0 bottom;}

select{border:1px solid #b3b3b3;background:url('/mobile/img/common/ic_arr.png') right 10px top 50% no-repeat;background-size:10px;}
textarea{padding:5px;border:1px solid #b3b3b3;line-height:15px;}

.dim{position:fixed;width:100%;height:100%;top:0;left:0;z-index:120;background:#000;opacity:.8;}

/* ///// common ///// */

/* align */
.fl{float:left;}
.fr{float:right;}
.al{text-align:left !important;}
.ac{text-align:center !important;}

/* font style */
strong{font-family:'NSB', sans-serif;}
.en{font-family:'Audi', sans-serif;}

.txt_red{color:#bb0a30;}

/* button */
.btn_center{margin-top:20px;text-align:center;}
.btn_right{text-align:right;}

.button{display:inline-block;width:123px;background:#000;line-height:33px;color:#fff;text-align:center;}
.button.full{width:100%;}
.button.arr{padding:0 15px;line-height:33px;}
	.button.arr span{display:inline-block;padding-right:18px;background:#000 url('/mobile/img/common/ic_btn_arr03.png') right 50% no-repeat;background-size:5px;}

/* flag */
.flag{position:absolute;top:0;font-size:10px;line-height:20px;color:#fff;text-align:left;}
.flag.recomm{left:0;padding-left:15px;width:40px;height:20px;background:#434c53 url('/mobile/img/common/ic_flag_recomm.png') 4px 50% no-repeat;background-size:12px;}
.flag.ew{right:0;padding-left:23px;width:80px;height:20px;background:#cd1433 url('/mobile/img/common/ic_flag_ew.png') 5px 50% no-repeat;background-size:14px;}

/* tab */
.tab{overflow:hidden;margin-bottom:15px;}
	.tab li{float:left;width:100%;}
	.tab li a{display:block;height:37px;border:1px solid #666;line-height:35px;text-align:center;color:#000;}
	.tab li a.on{background:#000;border-color:#000;color:#fff;}

.tab_cont{display:none;}

/* table */
.tbl_data{border:1px solid #ccc;}
.tbl_data th{padding-left:13px;height:33px;background:#f2f2f2;text-align:left;}
.tbl_data th,
.tbl_data td{border-bottom:1px solid #ccc;vertical-align:middle;}
.tbl_data td{padding-left:17px;color:#000;}

.tbl_data2{border-top:1px solid #d5d5d5;border-right:1px solid #d5d5d5;}
.tbl_data2 th,
.tbl_data2 td{padding:5px 0;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;text-align:center;vertical-align:middle;}
.tbl_data2 thead th{background:#f0f0f0;font-weight:400;}
.tbl_data2 tbody th{}

.tbl_write{border-top:1px solid #000;}
.tbl_write th,
.tbl_write td{height:33px;border-bottom:1px solid #ccc;vertical-align:middle}
.tbl_write th{padding-left:5px;background:#f2f2f2;text-align:left;}
.tbl_write td{padding:5px;}

/* ///// layout /////*/
header{position:fixed;top:0;left:0;z-index:100;width:100%;height:37px;background:#fff url('/mobile/img/common/header_logo.png') right 13px no-repeat;background-size:95px;}
	#menu{overflow:hidden;position:absolute;top:12px;left:20px;width:15px;height:13px;background:url('/mobile/img/common/btn_menu.png') center no-repeat;background-size:15px;text-indent:-9999px;}
	h1{padding:13px 0 0 41px;font-size:10px;color:#000;}
	h1 em{font-family:'Audi', sans-serif;}

	nav{overflow:hidden;position:absolute;top:37px;left:0;padding:0 20px;width:100%;height:0;background:#fff;box-shadow:-1px 3px 3px rgba(0,0,0,0.3);}
		nav ul li{border-top:1px solid #b2b2b2;}
		nav ul li a{display:block;padding-left:20px;height:33px;line-height:33px;color:#343434;}
		nav > ul > li > a{padding-left:0;background:url('/mobile/img/common/ic_arr.png') right 10px top 50% no-repeat;background-size:10px;}
		nav > ul > li > a.open{background-image:url('/mobile/img/common/ic_arr_on.png')}
		nav ul li ul{display:none;}
		nav ul li a.open + ul{display:block;}

#wrap{padding-top:37px;}

#content{padding:40px 20px 50px;}
#content h2{margin-bottom:17px;font-size:18px;line-height:23px;text-align:center;color:#000;}

.recomm_car{padding-top:33px;}
	.recomm_car .rolling{padding-bottom:25px;}
	.recomm_car .rolling li.swiper-slide{padding:24px 0 18px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
	.recomm_car .rolling li span{display:block;text-align:center;}
	.recomm_car .rolling li .thumb{position:relative;margin:0 auto;width:184px;height:138px;}
	.recomm_car .rolling li .thumb img{width:100%;}
	/*.recomm_car .rolling li .thumb .flag.recomm{left:0;padding-left:15px;width:40px;height:20px;background:#434c53 url('/mobile/img/common/ic_flag_recomm.png') 4px 50% no-repeat;background-size:12px;}
	.recomm_car .rolling li .thumb .flag.ew{right:0;padding-left:23px;width:88px;height:20px;background:#cd1433 url('/mobile/img/common/ic_flag_ew.png') 5px 50% no-repeat;background-size:14px;}*/
	.recomm_car .rolling li .model{margin-top:15px;font:15px/17px 'AudiB', sans-serif;color:#000;}
	.recomm_car .rolling li .model em{display:block;}
	.recomm_car .rolling li .year{margin:10px 0 5px;}
	.recomm_car .rolling li .price{margin-top:20px;font-size:11px;color:#bb0a30;}
	.recomm_car .rolling li .price strong{font-size:18px;}
	.recomm_car .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}
	.recomm_car .swiper-pagination-bullet{background:#bdbdbd;opacity:1;}
	.recomm_car .swiper-pagination-bullet-active{background:#000;}
	.recomm_car .swiper-button-prev,
	.recomm_car .swiper-button-next{top:77px;margin:0;width:53px;height:33px;}
	.recomm_car .swiper-button-prev{left:0;background:url('/mobile/img/common/btn_rolling_prev.png') no-repeat;background-size:100%;}
	.recomm_car .swiper-button-next{right:0;background:url('/mobile/img/common/btn_rolling_next.png') no-repeat;background-size:100%;}
	.recomm_car .btn_center{margin-top:30px;text-align:center;}
	.recomm_car .btn_center a{display:inline-block;width:160px;height:30px;border:1px solid #000;color:#000;line-height:28px;text-align:center;}
	.recomm_car .rolling .option{overflow:hidden;margin:27px 0 0 -18px;font:0/0 'NS', sans-serif;text-align:center;}
	.recomm_car .rolling .option li{/*float:left;*/display:inline-block;padding-left:18px;width:20%;font-size:11px;line-height:13px;color:#000;text-align:center;vertical-align:top;}
	.recomm_car .rolling .option li > div{padding-top:55px;background-position:50% 0;background-repeat:no-repeat;background-size:50px;}
	.recomm_car .rolling .option li.record > div{background-image:url('/mobile/img/car/ic_record.gif');}
	.recomm_car .rolling .option li.lease > div{background-image:url('/mobile/img/car/ic_lease.gif');}
	.recomm_car .rolling .option li.gasoline > div{background-image:url('/mobile/img/car/ic_gasoline.gif');}
	.recomm_car .rolling .option li.check > div{background-image:url('/mobile/img/car/ic_check.gif');}
	.recomm_car .rolling .option li.guarantee > div{background-image:url('/mobile/img/car/ic_guarantee.gif');}
	
footer{padding:17px 20px 5px;background:#4c4c4c;font-size:9px;line-height:14px;color:#bebebe;}
	footer p{margin-bottom:13px;}


/* 20200403 추가 작업자 유혜련 */
li.m_webon_quick{}
li.m_webon_quick a{color:#bb0a30;padding-left:0;background:url('/mobile/img/common/ic_arr_quick.png') right 12px top 50% no-repeat;background-size:5px;}