echajoa/common/css/default.css

@charset "utf-8";

/* ///// font ///// */

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

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

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

/* ///// initial ///// */
*{box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
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, strong, 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, main, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font:inherit;color:inherit;} /* vertical-align:baseline */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section{display:block}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
table{table-layout:fixed;width:100%;border-spacing:0;empty-cells:show}
caption,legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px}
form{display:block}
button, input, select, textarea{outline:none;vertical-align:top;font-family:'NS';}
input{padding:0;border-radius:0;/*-webkit-appearance:none;appearance:none*/}
input[type=radio],
input[type=checkbox]{-webkit-appearance:none;appearance:none;}
iframe, fieldset{border:0;vertical-align:top}
img{border:0;vertical-align:top}
i, em, address{font-style:normal}
hr{display:none}
a{text-decoration:none;cursor:pointer}
a:focus, a:hover, a:active{text-decoration:none}

.hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}

/* ///// common ///// */
html, body{position: relative;min-width:1480px;height:100%;}
html{overflow-y:scroll;}
body{position:relative;font:13px/22px 'NS';*word-break:break-all;-ms-word-break:break-all;color:#666;}
.inner{margin:0 auto;width:1200px;}

.fl{float:left;}
.fr{float:right;}
.clearfix:after{display:block;content:'';clear:both;}

.tal{text-align:left !important;}
.tar{text-align:right !important;}
.tac{text-align:center !important;}

strong{font-weight:700;}

input[type=checkbox]{display:inline-block;width:13px;height:13px;background:url('/images/common/bg_check.gif') no-repeat;vertical-align:middle;}
input[type=checkbox]:checked{background:url('/images/common/bg_check_on.gif') no-repeat;}
input[type=radio]{display:inline-block;margin-top:0;width:12px;height:12px;background:url('/images/common/bg_radio.gif') no-repeat;vertical-align:middle;}
input[type=radio]:checked{background-position:0 bottom;}
input.txt{margin:0;padding:0 0 0 5px;border:none;}

.mt100{margin-top:100px !important;}
.en{font-family:'FordM' !important;}

/* ///// layout ///// */
#left_banner { position:absolute; /*top:560px;*/ left:0; z-index:9999999}
#left_banner.wide{top:auto;bottom:0;}
#left_banner .layer_trigger{display:none;}
#left_banner .layer_trigger.ty2{display:block;}
#left_banner.wide .layer_trigger{display:block;}
#left_banner.wide .layer_trigger.ty2{display:none;}

.mw_layer{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%}
.mw_layer.open{display:block}
.mw_layer .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)}

#layer{position:absolute;top:50%;left:50%;width:1100px;margin:-480px 0 0 -500px;padding:28px 28px 0 28px;}


#nav{position:fixed;top:0;right:0;z-index:999;padding:40px 20px 0;height:100%;width:140px;background:#272727;}
#nav .logo{padding:0 0 37px;text-align:center;}
#nav .car_search{padding-left:37px;height:64px;border-top:1px solid #3b3b3b;border-bottom:1px solid #3b3b3b;background:url('/images/common/ico_search.png') 10px 50% no-repeat;font:15px/64px 'NS';color:#fff;cursor:pointer;}
#nav > ul{padding-top:26px;}
#nav > ul > li{font:14px/38px 'NS';color:#fff;}
#nav .btn_top{position:absolute;bottom:52px;left:0;width:100%;height:80px;font-size:11px;color:#fff;text-align:center;}
#nav .btn_top a{display:block;margin:0 auto;}
#nav .btn_top a .line{display:block;margin:15px auto 5px;width:1px;height:40px;background:#a1a1a1;transition:all 0.3s;}
#nav .btn_top.on a .line{margin-top:0;height:55px;background:#fff;}

#search_box_wrap{overflow:hidden;position:fixed;top:0;right:140px;width:0;height:100%;background:#000;}
#search_box{padding:99px 30px 0;width:340px;}
#search_box .close{position:absolute;top:42px;left:30px;}
#search_box .close a{overflow:hidden;display:block;width:22px;height:17px;background:url('/images/common/btn_search_close.png') no-repeat;text-indent:-9999px;}
#search_box .keyword{border-top:1px solid #2a2a2a;}
#search_box .keyword dt{height:54px;font-size:15px;line-height:54px;color:#fff;}
#search_box .keyword dd{border:1px solid #fff;font:0/0 Arial;}
#search_box .keyword dd input.txt{padding-left:18px;width:234px;height:43px;background:none;font:13px/43px 'NS';color:#fff;}
#search_box .keyword dd input.txt::-moz-placeholder{font-size:13px;}
#search_box .keyword dd input.txt:-ms-input-placeholder{font-size:13px;}
#search_box .keyword dd input.txt::-webkit-input-placeholder{font-size:13px;}
#search_box .keyword dd button{display:inline-block;width:44px;height:43px;border:none;background:url('/images/common/btn_car_search.gif') no-repeat;cursor:pointer;}
#search_box ul{margin-top:30px;}
#search_box ul li{cursor:pointer;}
#search_box ul > li{margin-top:20px;}
#search_box ul > li > span{display:block;padding-left:9px;height:35px;background:url('/images/common/bg_option_open.png') 256px 50% no-repeat;border:1px solid #2a2a2a;font:15px/35px 'NS';color:#fff;}
#search_box ul > li.open > span{background-image:url('/images/common/bg_option_close.png');}
#search_box ul li .option{display:none;overflow:auto;margin-top:20px;height:80px;}
#search_box ul li .option li{margin-top:8px;padding-left:9px;}
#search_box ul li .option li:hover,
#search_box ul li .option li.select{color:#fff;}
#search_box ul li .option li:first-child{margin:0;}
#search_box .btn_center{margin-top:40px;}
#search_box .btn_center .btn{width:100%;}

#search_box .guide_box { margin-top:112px}
#search_box .guide_box p { color:#FFF; font-size:13px;}
#search_box .guide{overflow:hidden;height:86px;border:1px solid #2a2a2a; margin-top:10px}
#search_box .guide li{float:left;margin:0;width:33.3%;border-left:1px solid #2a2a2a;text-align:center;color:#fff;}
#search_box .guide li a{display:block;padding-top:62px;}
#search_box .guide li:first-child{border:none;}
#search_box .guide li:first-child a{background:url('/images/common/ico_guide01.gif') 50% 16px no-repeat;}
#search_box .guide li:nth-child(2) a{background:url('/images/common/ico_guide02.gif') 50% 17px no-repeat;}
#search_box .guide li:nth-child(3) a{background:url('/images/common/ico_guide03.gif') 50% 18px no-repeat;}

#container{min-height:100%;}
#contents{margin:0 auto;padding:60px 0 130px;width:1200px;}
#contents h2{margin-bottom:20px;font:30px/1 'NSB';color:#000;}

#footer{padding-top:27px;height:190px;background:#333;}
#footer .info{margin-top:13px;padding-top:16px;border-top:1px solid #3c3c3c;font:12px/20px 'NS';}
#footer .info em{display:inline-block;margin-left:13px;padding-left:15px;background:url('/images/common/bg_bar02.gif') 0 50% no-repeat;}
#footer .copyright{margin-top:15px;font-size:11px;color:#484747;}
#footer .btn_sunin {float:right; margin-top:-14px}

/* ///// common style ///// */
select{height:50px;border:1px solid #bcbcbc;}

.btn_center{margin-top:50px;text-align:center;}
.btn_right{margin-top:20px;text-align:right;}
a.btn{display:inline-block;height:50px;background:#14518e;font:15px/50px 'NS';text-align:center;color:#fff;}
a.btn_more{display:inline-block;width:380px;height:70px;border:1px solid #b8b8b8;line-height:70px;font:18px/70px 'NS';text-align:center;}

.car_list{overflow:hidden;}
.car_list li{position:relative;float:left;margin-left:30px;width:380px;}
.car_list li:first-child{margin-left:0;}
.car_list li .flag_new{overflow:hidden;display:block;position:absolute;top:10px;right:10px;width:49px;height:49px;background:url('/images/common/flag_new.png') no-repeat;text-indent:-9999px;}
.car_list li .flag_hot{overflow:hidden;display:block;position:absolute;top:10px;right:10px;width:49px;height:49px;background:url('/images/common/flag_hot.png') no-repeat;text-indent:-9999px;}
.car_list li .flag_sale{overflow:hidden;display:block;position:absolute;top:10px;right:10px;width:49px;height:49px;background:url('/images/common/flag_sale.png') no-repeat;text-indent:-9999px;}
.car_list li .thumb{display:block;height:285px;}
.car_list li .thumb img{width:380px;height:285px;}
.car_list li > p{padding:30px 0 0 29px;height:113px;border:1px solid #bcbcbc;font-size:18px;}
.car_list li > p strong{display:block;margin-top:5px;font:30px/1 'NSB';color:#000;letter-spacing:-1px;}
.car_list li > p strong em{display:inline-block;font-size:20px;vertical-align:middle;}
.car_list li .over{display:none;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;}
.car_list li:hover .over{display:block;}
.car_list li .over:before{content:'';display:block;position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background:#000;opacity:.85;}
.car_list li .over > p{position:relative;z-index:200;padding-left:30px;}
.car_list li .over .info{padding-top:23px;height:285px;font:15px/30px 'NS';}
.car_list li .over .price{padding:30px 0 0 29px;height:113px;font-size:18px;}
.car_list li .over .price strong{display:block;margin-top:5px;font:30px/1 'NSB';letter-spacing:-1px;}
.car_list li .over .price strong em{display:inline-block;font-size:20px;vertical-align:middle;}

.car_list2 li{overflow:hidden;margin-top:30px;}
.car_list2 li:first-child{margin:0;}
.car_list2 li .thumb{float:left;width:260px; height:195px}
.car_list2 li .thumb img { width:260px; height:195px;}
.car_list2 li p{float:left;padding:60px 0 0 50px;width:940px;height:195px;border:1px solid #bcbcbc;}
.car_list2 li p strong{display:block;margin-bottom:10px;font:26px/1 'NSB';color:#000;}
.car_list2 li p .info em{display:inline-block;margin-left:13px;padding-left:15px;background:url('/images/common/bg_bar.gif') 0 50% no-repeat;}
.car_list2 li p .info i{color:#000;}
.car_list2 li p .price{/*display:block;*/margin-top:75px; margin-left:250px;font:30px/1 'NSB';color:#000;letter-spacing:-1px;}
.car_list2 li p .price em{display:inline-block;font-size:20px;vertical-align:middle; }

.search{margin:60px 0 30px;}
.search:after{content:'';display:block;clear:both;}
.search > ul{float:left;}
.search > ul li{cursor:pointer;}
.search > ul > li{position:relative;z-index:100;float:left;margin-right:20px;width:285px;height:50px;}
.search > ul > li > span{display:block;padding-left:9px;height:50px;border:1px solid #bcbcbc;background:url('/images/common/bg_option_open02.png') 256px 50% no-repeat;font-size:15px;line-height:50px;color:#000;}
.search > ul > li.open > span{background-image:url('/images/common/bg_option_close02.png');}
.search ul li .option{display:none;position:absolute;top:49px;left:0;overflow:auto;padding:13px 0 10px;width:100%;max-height:168px;border:1px solid #bcbcbc;background:#fff;}
.search ul li .option li{margin-top:8px;padding-left:9px;}
.search ul li .option li:hover,
.search ul li .option li.select{background-color:#14518e;color:#fff;}
.search ul li .option li:first-child{margin:0;}
.search > .btn{float:right;width:285px;font-size:15px;}

/* swiper style */
.swiper-container {
	width:100%;
	height:100%;
}
.swiper-slide {
	/*text-align:center;*/
	/* Center slide text vertically */
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	/*-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;*/
	align-items:baseline;
}

.swiper-slide img { width:200px; height:150px}