@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}