style.css 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462
  1. @charset "utf-8";
  2. /* ///// main ///// */
  3. .main_banner{overflow:hidden;margin-bottom:50px;}
  4. .main_banner li{float:left;padding:38px 0 0 32px;width:25%;height:260px;line-height:18px;color:#fff;}
  5. .main_banner li:first-child{background:#14528f url('/images/main/bg_banner01.jpg') right bottom no-repeat;}
  6. .main_banner li:nth-child(2){background:#272727 url('/images/main/bg_banner02.jpg') right bottom no-repeat;}
  7. .main_banner li:nth-child(3){background:#14528f url('/images/main/bg_banner03.jpg') right bottom no-repeat;}
  8. .main_banner li:nth-child(4){background:#272727 url('/images/main/bg_banner04.jpg') right bottom no-repeat;}
  9. .main_banner li strong{display:block;margin-bottom:15px;font:20px/1 'NSB';}
  10. .main_banner li span{display:block;height:60px;}
  11. .main_banner li .btn{display:block;padding-left:12px;width:100px;height:30px;border:1px solid #fff;background:url('/images/main/bg_btn_arr.png') 79px 50% no-repeat;font-size:13px;line-height:30px;text-align:left;}
  12. /* ///// common ///// */
  13. .sub_contents h2{margin-bottom:50px !important;padding-bottom:29px;border-bottom:1px solid #000;}
  14. table.tbl_data{border:1px solid #c9c9c9;border-bottom:none;}
  15. table.tbl_data th{background:#e9e9e9;border-bottom:1px solid #c9c9c9;font-weight:400;text-align:center;}
  16. table.tbl_data td{padding-left:20px;height:49px;border-bottom:1px solid #c9c9c9;border-left:1px solid #c9c9c9;color:#000;}
  17. table.tbl_data2{border-top:1px solid #d5d5d5;border-right:1px solid #d5d5d5;}
  18. table.tbl_data2 th,
  19. table.tbl_data2 td{height:39px;border-bottom:1px solid #e5e5e5;border-left:1px solid #c9c9c9;text-align:center !important;}
  20. table.tbl_data2 thead th{padding:0 !important;background:#f0f0f0;font-weight:400;}
  21. table.tbl_data2 tbody th{padding:0 !important;}
  22. #visual{height:500px;}
  23. #visual h1{position:absolute;top:40px;left:50%;margin-left:-600px;z-index:100;}
  24. #visual li{height:500px;background-position:center;background-repeat:no-repeat;}
  25. #visual li.v01{background-image:url('/images/main/visual01.jpg');}
  26. #visual li.v02{background-image:url('/images/main/visual02.jpg');}
  27. #visual li.v03{background-image:url('/images/main/visual03.jpg');}
  28. #visual li > div{margin:0 auto;padding-top:195px;width:1200px;font:45px/1 'NS';color:#fff;}
  29. #visual li > div .txt{display:inline-block;padding-bottom:15px;border-bottom:1px solid #fff;letter-spacing:-3px;}
  30. #visual li > div .txt span{display:block;margin-top:12px;font-size:18px;letter-spacing:-1px; line-height:25px}
  31. #visual li > div .detail{margin-top:30px;font:0/0 Arial;}
  32. #visual li > div .detail a{display:inline-block;padding-left:20px;width:170px;height:40px;border:1px solid #fff;background:url('/images/main/btn_detail_arr.png') 140px 50% no-repeat;font:15px/40px 'NS';color:#fff;}
  33. #visual li.v02 div { padding-top:175px}
  34. #visual li.v03 div { padding-top:175px}
  35. #visual li.v03 div p.txt{ padding-bottom:15px;border-bottom:1px solid #fff;letter-spacing:-3px; background:url(../../images/main/visual03_img.jpg) left 50% no-repeat; padding-left:130px}
  36. #visual li.v03 div p.txt em { font:45px/1 'FordM';:}
  37. #visual .swiper-pagination{bottom:13px;}
  38. #visual .swiper-pagination-bullet{width:12px;height:12px;background:none;border:1px solid #fff;opacity:1;}
  39. #visual .swiper-pagination-bullet-active{width:12px;height:12px;border-radius:50%;background:#fff;}
  40. #visual.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 9px;}
  41. .visual_advisor{background:url('/images/common/visual_advisor.jpg') center no-repeat;}
  42. .visual_service{background:url('/images/common/visual_service.jpg') center no-repeat;}
  43. .visual_showroom{background:url('/images/common/visual_showroom.jpg') center no-repeat;}
  44. .visual_purchase{background:url('/images/common/visual_purchase.jpg') center no-repeat;}
  45. .visual_guide{background:url('/images/common/visual_guide.jpg') center no-repeat;}
  46. .visual_book_app{background:url('/images/common/visual_book_app.jpg') center no-repeat;}
  47. .tab{overflow:hidden;margin-bottom:30px;background:#000;}
  48. .tab li{float:left;}
  49. .tab li a{display:block;padding:0 25px;height:55px;background:url('/images/common/bg_tab_bar.gif') 0 50% no-repeat;font-size:15px;line-height:55px;text-align:center;}
  50. .tab li.on a{color:#fff;}
  51. .tab li:first-child a{background:none;}
  52. .full_screen{height:100%;padding-bottom:190px;}
  53. .full_screen > div{height:100%;background-color:#000;background-position:center;background-repeat:no-repeat;background-size:cover;}
  54. .bg_purchase_program{background-image:url('/images/common/bg_purchase_program.jpg');}
  55. .bg_point_check{background-image:url('/images/common/bg_point_check.jpg');}
  56. .bg_greeting{background-image:url('/images/common/bg_greeting.jpg');}
  57. .full_screen + #footer{position:absolute;bottom:0;left:0;width:100%;}
  58. .full_screen #contents{padding-top:40px !important;color:#fff;}
  59. .full_screen #contents h1{margin-bottom:130px;}
  60. .full_screen #contents h2{font:45px/1 'NSB';color:#fff;}
  61. /* ///// car sale ///// */
  62. .car_sale_view{margin-bottom:50px;}
  63. .car_sale_view h1{padding:40px 0;}
  64. .car_sale_view .car_model{margin-bottom:20px;background:url('/images/common/bg_91check.gif') right 50% no-repeat;}
  65. .car_sale_view .car_model h3{font:35px/1 'NSB';}
  66. .car_sale_view .car_model .price{margin-top:23px;font:50px/1 'NSB';color:#000;letter-spacing:-2px;}
  67. .car_sale_view .car_model02 .price em{display:inline-block;margin-top:15px;font-size:25px;vertical-align:top;}
  68. .car_sale_view .car_model02{margin-bottom:20px;}
  69. .car_sale_view .car_model02 h3{font:35px/1 'NSB';}
  70. .car_sale_view .car_model02 .price{margin-top:23px;font:50px/1 'NSB';color:#000;letter-spacing:-2px;}
  71. .car_sale_view .car_model02 .price em{display:inline-block;margin-top:15px;font-size:25px;vertical-align:top;}
  72. .car_sale_view .car_info{margin-top:50px;padding:30px 0;background:#f4f4f4;}
  73. .car_sale_view .car_info .inner{overflow:hidden;}
  74. .car_sale_view .car_info table{float:left;margin-left:100px;width:550px;}
  75. .car_sale_view .car_info table:first-child{margin:0;}
  76. .photo_slide{margin-top:20px;padding:0 80px;}
  77. .photo_slide:before,
  78. .photo_slide:after{content:'';display:block;position:absolute;top:0;z-index:5;width:80px;height:150px;background:#fff;}
  79. .photo_slide:before{left:0;}
  80. .photo_slide:after{right:0;}
  81. .photo_slide li{float:left;width:200px;}
  82. .photo_slide li img{width:200px;height:150px;}
  83. .photo_slide .swiper-button-next,
  84. .photo_slide .swiper-button-prev{top:20px;margin:0;width:50px;height:150px;}
  85. .photo_slide .swiper-button-prev{left:0;background:url('/images/common/swiper_button_prev.gif') no-repeat;}
  86. .photo_slide .swiper-button-next{right:0;background:url('/images/common/swiper_button_next.gif') no-repeat;}
  87. .benefit{margin-bottom:100px;}
  88. .benefit ul li{margin-top:40px;padding:22px 0 0 130px;height:100px;font-size:15px;}
  89. .benefit ul li:nth-child(1){margin:0;background:url('/images/common/bg_benefit01.gif') no-repeat;}
  90. .benefit ul li:nth-child(2){background:url('/images/common/bg_benefit02.gif') no-repeat;}
  91. .benefit ul li:nth-child(3){background:url('/images/common/bg_benefit03.gif') no-repeat;}
  92. .benefit ul li strong{display:block;margin-bottom:13px;font-size:18px;color:#000;}
  93. .tab_blue{overflow:hidden;margin-bottom:30px;}
  94. .tab_blue li{float:left;width:50%;}
  95. .tab_blue li a{display:block;height:50px;border:1px solid #d5d5d5;font-size:15px;line-height:50px;text-align:center;color:#000;}
  96. .tab_blue li:first-child a{border-right:none;}
  97. .tab_blue li.on a{position:relative;margin-right:-1px;border:none;background:#14528f;color:#fff;}
  98. .tab_cont{display:none;}
  99. .car_condition{overflow:hidden;margin-bottom:100px;}
  100. .car_condition .fl,
  101. .car_condition .fr{width:50%;}
  102. .car_condition .fl{padding-top:285px;font-size:15px;line-height:1;text-align:center;}
  103. .car_condition.performance .fl{background:url('/images/common/bg_sale_performance.gif') 146px 16px no-repeat;}
  104. .car_condition.accident .fl{background:url('/images/common/bg_sale_accident.gif') 163px 10px no-repeat;}
  105. .car_condition .fl em{font-weight:700;color:#14528f;}
  106. .car_condition .fl span{display:inline-block;margin-left:14px;padding-left:18px;background:url('/images/common/bg_bar03.gif') 0 50% no-repeat;}
  107. .car_condition .fr table th{padding-left:22px;text-align:left;}
  108. .car_condition .fr .btn{width:220px;background:#1f78b9;font-size:13px;}
  109. .explain{position:relative;margin-bottom:100px;}
  110. .explain h3{margin-bottom:20px;font-size:25px;}
  111. .explain .btn_wrap{position:absolute;top:-100px;right:0;}
  112. .explain a.btn{width:127px;height:40px;line-height:40px;}
  113. .location{overflow:hidden;margin-bottom:100px;}
  114. .location .address{float:left;width:50%;color:#000;}
  115. .location .address dt{margin-bottom:12px;font:25px/1 'NSB';}
  116. .location .address dd{font-size:18px;}
  117. .location .address dd.tel{margin:27px 0 45px;font:52px/1 'NSB';}
  118. .location .address dd.txt{font-size:13px;color:#666;}
  119. .location .map{float:right;width:50%;}
  120. .location .map .link{padding:14px 0 15px;border-bottom:1px solid #d5d5d5;text-align:right;}
  121. .location .map .link a{display:inline-block;padding-left:35px;background:url('/images/common/ico_map.gif') no-repeat;font-size:15px;line-height:28px;color:#000;}
  122. .buy_ask{overflow:hidden;margin-bottom:100px;}
  123. .buy_ask .form{float:left;width:630px;}
  124. .buy_ask .form p{margin-top:20px;}
  125. .buy_ask .form p:first-child{margin-top:0;}
  126. .buy_ask .form input[type=text],
  127. .buy_ask .form textarea{width:100%;border:1px solid #ccc;line-height:23px;}
  128. .buy_ask .form input[type=text]{padding-left:18px;height:50px;line-height:50px;}
  129. .buy_ask .form input[type=text]::-moz-placeholder,
  130. .buy_ask .form textarea::-moz-placeholder{color:#bebebe;}
  131. .buy_ask .form input[type=text]:-ms-input-placeholder,
  132. .buy_ask .form textarea:-ms-input-placeholder{color:#bebebe;}
  133. .buy_ask .form input[type=text]::-webkit-input-placeholder,
  134. .buy_ask .form textarea::-webkit-input-placeholder{color:#bebebe;}
  135. .buy_ask .form textarea{padding:10px 0 0 18px;height:200px;resize:none;}
  136. .buy_ask .clause{position:relative;float:right;width:460px;height:410px;}
  137. .buy_ask .clause .scr_area{overflow:auto;padding:30px 25px 0;height:270px;border:1px solid #ccc;line-height:25px;color:#bebebe;}
  138. .buy_ask .clause .scr_area h3{margin:0 0 5px !important;font-size:15px;color:#000;}
  139. .buy_ask .clause .agree_check{margin-top:24px;text-align:right;}
  140. .buy_ask .clause .btn_wrap{ position:absolute; bottom:0; right:0; width:100%}
  141. .buy_ask .clause .btn_wrap .btn{width:100%;height:70px;font:15px/70px 'NS';}
  142. .option_info{margin:-50px 0 100px;}
  143. .option_info > li{margin-top:10px;}
  144. .option_info > li:first-child{margin:0;}
  145. .option_info > li > span{display:block;padding-left:20px;height:60px;background:#e9e9e9 url('/images/common/bg_option_open03.png') right 50% no-repeat;font:700 15px/60px 'NS';color:#000;}
  146. .option_info > li > span.on{background-image:url('/images/common/bg_option_close03.png');}
  147. .option_info li ul{overflow:hidden;display:none;padding:14px 260px 25px 20px;}
  148. .option_info > li > span.on + ul{display:block;}
  149. .option_info li ul li{float:left;margin-top:11px;padding-left:20px;width:25%; background:url('/images/common/bg_radio2.gif') 0 50% no-repeat;}
  150. .option_info li ul li.select{background-image:url('/images/common/bg_radio2_on.gif');font-weight:700;color:#000;}
  151. /* ///// purchase program ///// */
  152. .purchase_program p.txt{margin-bottom:38px;font:18px/30px 'NS';}
  153. .purchase_program .btn_wrap{ margin-top:40px}
  154. .purchase_program a.btn{width:170px;height:45px;line-height:45px;}
  155. .buy_ask.ty2{margin-bottom:0;}
  156. .buy_ask.ty2 .form{width:570px;}
  157. .buy_ask.ty2 .form p{margin-top:15px;}
  158. .buy_ask.ty2 .form p:first-child{margin-top:0;}
  159. .buy_ask.ty2 .form select{padding-left:18px;width:100%;height:50px;border:1px solid #ccc;line-height:50px;}
  160. .buy_ask.ty2 .clause{width:570px;height:440px;}
  161. .buy_ask.ty2 .clause .scr_area{ height:322px; color:#bebebe}
  162. .buy_ask.ty2 .clause .agree_check{margin-top:22px;padding-bottom:7px;border-bottom:1px solid #bcbcbc;text-align:right; }
  163. .buy_ask.ty2 .clause .btn_wrap{text-align:right;}
  164. .buy_ask.ty2 .clause .btn_wrap .btn{width:200px;height:50px;font:15px/50px 'NS';}
  165. .buy_ask.ty2 .repair{padding-left:19px;border-bottom:1px solid #ccc;line-height:50px;}
  166. .buy_ask.ty2 .repair input[type=radio]{margin:0 5px 0 24px;}
  167. .buy_ask.ty3{margin-bottom:0;}
  168. .buy_ask.ty3 .form{width:1200px;}
  169. .buy_ask.ty3 .form p{margin-top:15px;}
  170. .buy_ask.ty3 .form p:first-child{margin-top:0;}
  171. .buy_ask.ty3 .form select{padding-left:18px;width:100%;height:50px;border:1px solid #ccc;line-height:50px;}
  172. .buy_ask.ty3 .btn_wrap{ float:right;width:137px;}
  173. .buy_ask.ty3 .btn_wrap .btn{width:137px;height:55px;font:15px/55px 'NS';}
  174. /* ///// showroom ///// */
  175. .showroom{overflow:hidden;margin-top:50px;}
  176. .showroom .fl{width:256px;}
  177. .showroom .fl dt{margin-bottom:15px;font-size:23px;color:#6c6c6c;}
  178. .showroom .fl dt + dd{letter-spacing:-.05em;}
  179. .showroom .fl dd.tel{margin:12px 0 53px;padding-bottom:14px;border-bottom:1px solid #000;font:35px/1 'FordM';color:#000;}
  180. .showroom .fl dd.map{border:1px solid #d5d5d5;}
  181. .showroom .fl dd.map img{border-bottom:1px solid #d5d5d5;}
  182. .showroom .fl dd.map a{display:block;padding-left:85px;height:48px;background:url('/images/common/ico_map.gif') 51px 50% no-repeat;font-size:15px;line-height:48px;}
  183. .showroom .fr{width:742px;}
  184. .showroom_photo .placeholder{padding:9px;border:1px solid #d5d5d5;}
  185. .showroom_photo .placeholder img{width:722px;height:390px;}
  186. .showroom_slide{margin-top:38px;padding:0 92px;}
  187. .showroom_slide:before,
  188. .showroom_slide:after{content:'';display:block;position:absolute;top:0;z-index:5;width:92px;height:94px;background:#fff;}
  189. .showroom_slide:before{left:0;}
  190. .showroom_slide:after{right:0;}
  191. .showroom_slide li{float:left;width:172px;}
  192. .showroom_slide li img{width:172px;height:94px;}
  193. .showroom_slide .swiper-button-next,
  194. .showroom_slide .swiper-button-prev{top:0;margin:0;width:47px;height:94px;}
  195. .showroom_slide .swiper-button-prev{left:0;background:url('/images/common/swiper_button_prev2.gif') 0 50% no-repeat;}
  196. .showroom_slide .swiper-button-next{right:0;background:url('/images/common/swiper_button_next2.gif') right 50% no-repeat;}
  197. /* ///// service center ///// */
  198. .service_center{overflow:hidden;margin-top:20px;}
  199. .service_center li{float:left;margin:30px 0 0 30px;padding:9px;width:380px;height:390px;border:1px solid #bcbcbc;}
  200. .service_center li:nth-child(3n+1){margin-left:0;}
  201. .service_center li span,
  202. .service_center li strong{display:block;}
  203. .service_center li .thumb img{width:360px;height:210px;}
  204. .service_center li strong{position:relative;margin:20px 0 12px;font-size:18px;color:#000;}
  205. .service_center li strong a{overflow:hidden;display:block;position:absolute;top:-10px;right:11px;width:20px;height:28px;background:url('/images/common/ico_map.gif') no-repeat;text-indent:-9999px;}
  206. .service_center li span{line-height:20px;}
  207. .service_center li span.tel{margin-top:14px;font:28px/1 'FordM';color:#000;}
  208. /* ///// advisor ///// */
  209. .advisor{margin-top:50px; background:url(../../images/common/img_advisor_car.jpg) bottom center no-repeat; height:830px}
  210. .advisor .manager{overflow:hidden;margin-bottom:20px;padding:30px 30px 20px;border:1px solid #bcbcbc;background:url('/images/common/bg_advisor.gif') right bottom no-repeat;}
  211. .advisor .manager .fl{width:248px;}
  212. .advisor .manager .fl strong,
  213. .advisor .manager .fl span{display:block;line-height:23px;}
  214. .advisor .manager .fl span.thumb{border:1px solid #d8d8d8;}
  215. .advisor .manager .fl strong{margin:10px 0 3px;font-weight:700;font-size:15px;color:#000;}
  216. .advisor .manager .fr{width:860px;}
  217. .advisor .manager .fr p{margin-top:30px;}
  218. .advisor .manager .fr p:first-child{margin:0;}
  219. .advisor ul{overflow:hidden;}
  220. .advisor ul li{float:left;margin-left:40px;padding:26px 0 0 30px;width:580px;height:160px;border:1px solid #bcbcbc;}
  221. .advisor ul li:first-child{margin:0;}
  222. .advisor ul li span.thumb{display:inline-block;border:1px solid #d8d8d8;vertical-align:middle;}
  223. .advisor ul li span.txt{margin-left:30px;display:inline-block;vertical-align:middle;}
  224. .advisor ul li span.txt strong{display:block;margin-bottom:3px;font-weight:700;font-size:15px;color:#000;}
  225. /* ///// point check ///// */
  226. .point_check{padding-left:492px;height:254px;border-bottom:1px solid #6c6c6c;background:url('/images/common/img_point_check.jpg') no-repeat;font-size:15px;line-height:25px;color:#fff;}
  227. .point_check .txt{margin-top:73px;}
  228. /* ///// greeting ///// */
  229. .greeting p{margin-top:27px;color:#fff;}
  230. .greeting p:first-child{margin:0 0 32px;font-size:18px;}
  231. .greeting p { font-size:15px; line-height:26px}
  232. /* ///// book app /////*/
  233. .book_app .buy_ask{overflow:hidden;}
  234. .book_app .buy_ask .form{float:left;width:630px;}
  235. .book_app .buy_ask .clause{float:right;width:460px;}
  236. .book_app .buy_ask .clause .scr_cont{overflow:auto;padding:20px;height:277px;border:1px solid #ccc;}
  237. .book_app .buy_ask .clause .scr_cont h3{margin-top:0 !important;}
  238. .book_app .buy_ask .clause .agree_chk{padding:15px 0 0;text-align:right;}
  239. .book_app .buy_ask .clause .btn_wrap{position:static;margin-top:16px;text-align:right;}
  240. /*.book_app .buy_ask .clause .btn_wrap .btn{width:40%;height:50px;line-height:50px;}*/
  241. /* ///// 신차가격 ///// */
  242. .price table{border-top:2px solid #000;border-left:1px solid #d8d8d8;}
  243. .price table thead th{height:55px;background:#ececec;}
  244. .price table thead th.h{height:49px;}
  245. .price table th, .wage table td{border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;font-weight:400;color:#3d3d3d;text-align:center;}
  246. .price table tbody th{background:#f8f8f8;}
  247. .price table tbody th.bg_none{background:none;}
  248. .price table td{height:49px;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8; padding-left:30px}
  249. .price table td.price_text { text-align:right; padding-right:30px}
  250. .price table td em { font-size:10px; color:#d8d8d8; margin-right:10px}
  251. #contents h3 { font-size:15px; margin:30px 0 10px 0; color:#000}
  252. .Ptb20 { padding:20px 0}
  253. /* ///// 공지사항 ///// */
  254. .visual_notice{background:url('/images/common/visual_notice.jpg') center no-repeat;}
  255. .post_search{margin-bottom:10px;text-align:right;}
  256. .post_search select,
  257. .post_search input[type=text]{height:40px;border:1px solid #bebebe;}
  258. .post_search select{margin-right:6px;width:136px;}
  259. .post_search input[type=text]{margin-right:4px;padding-left:5px;width:216px;line-height:40px;}
  260. .post_search button{width:70px;height:40px;background:#000;border:0;font-size:13px;color:#fff;cursor:pointer;}
  261. .notice_list{border-top:2px solid #000;}
  262. .notice_list th{height:55px;border-bottom:1px solid #d8d8d8;background:#f8f8f8;font-size:13px;color:#3d3d3d;text-align:center;}
  263. .notice_list td{height:50px;border-bottom:1px solid #d8d8d8;font-size:13px;text-align:center;}
  264. .notice_list td.subject{padding-left:15px;text-align:left;}
  265. .notice_view{overflow:hidden;border-top:2px solid #000;border-bottom:1px solid #d8d8d8;}
  266. .notice_view dt,
  267. .notice_view dd{float:left;height:55px;background:#f8f8f8;font-size:13px;color:#3d3d3d;line-height:55px;}
  268. .notice_view dt{padding-left:20px;width:8%;}
  269. .notice_view dd.subject{width:74%;}
  270. .notice_view dd.date{width:10%;}
  271. .notice_view dd.view_cont{padding:30px 20px 100px;width:100%;height:auto;background:none;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;line-height:21px;}
  272. .notice_view dd.attach{width:92%;}
  273. .notice_view + .btn_right{margin-top:30px;}
  274. .notice_view + .btn_right .btn{width:200px;}
  275. .page_num{margin-top:40px;text-align:center;font:0/0 Arial}
  276. .page_num strong, .page_num a{display:inline-block;margin:0 5px;width:24px;height:24px;font:13px/24px 'NS';text-align:center;vertical-align:top;color:#7b7b7b;}
  277. .page_num strong{color:#000;}
  278. .page_num .arr{overflow:hidden;margin:0;text-indent:-9999px;}
  279. .page_num .arr.first{background:url('/images/common/page_list_first.gif') center no-repeat;}
  280. .page_num .arr.prev{margin-right:12px;background:url('/images/common/page_list_prev.gif') center no-repeat;}
  281. .page_num .arr.next{margin-left:12px;background:url('/images/common/page_list_next.gif') center no-repeat;}
  282. .page_num .arr.last{background:url('/images/common/page_list_last.gif') center no-repeat;}
  283. /* ///// layer popup ///// */
  284. .layer_popup{display:none;position:fixed;top:50%;left:50%;z-index:1500;margin:-400px 0 0 -550px;padding:27px 50px;width:1100px;height:790px;background:#fff;}
  285. .layer_popup .scr_cont{overflow:auto;margin-top:25px;padding:0 20px 30px 0;height:660px;}
  286. .layer_popup h3{padding-bottom:22px;font:30px/1 'NSB';color:#000;border-bottom:1px solid #000;}
  287. .layer_popup h4,
  288. .layer_popup h5{margin:25px 0 5px;font-weight:700;font-size:15px;color:#000;}
  289. .layer_popup h4:first-child{margin-top:0;}
  290. .layer_popup .close{overflow:hidden;position:absolute;top:32px;right:48px;width:22px;height:17px;background:url('/images/common/btn_popup_close.gif') no-repeat;text-indent:-9999px;cursor:pointer;}
  291. .layer_popup .tbl_data{border:1px solid #d5d5d5;border-bottom:none;}
  292. .layer_popup .tbl_data th,
  293. .layer_popup .tbl_data td{border-bottom:1px solid #e5e5e5;}
  294. .layer_popup .tbl_data th{background:#f0f0f0;}
  295. .layer_popup .tbl_data td{height:38px;border-left:none;}
  296. .layer_popup .notice01{margin-top:10px;padding-left:36px;background:url('/images/common/ico_notice01.gif') no-repeat;line-height:29px;}
  297. .layer_popup .notice02{margin-top:10px;padding-left:36px;background:url('/images/common/ico_notice02.gif') no-repeat;line-height:30px;}
  298. .layer_popup .notice03 > li{margin-top:30px;line-height:23px;}
  299. .layer_popup .notice03 li ol li{padding-left:14px;list-style:decimal;list-style-position:inside;line-height:23px;text-indent:-14px;}
  300. .layer_popup .sign{margin-top:55px;text-align:center;}
  301. .layer_popup .performance_check{overflow:hidden;}
  302. .layer_popup .performance_check dt{float:none;clear:both;margin:70px 0 22px;font:700 15px/1 'NS';color:#000;}
  303. .layer_popup .scr_cont .performance_check:first-child dt{margin-top:0;}
  304. .layer_popup .performance_check dd{float:left;padding-right:50px;width:50%;}
  305. .layer_popup .performance_check dd span{display:block;border-bottom:1px solid #e5e5e5;line-height:40px;}
  306. .popup_location{display:none;position:fixed;top:50%;left:50%;z-index:1500;margin:-271px 0 0 -395px;padding:25px 19px 35px;width:790px;height:542px;background:#fff;border:1px solid #bcbcbc;}
  307. .popup_location .tit{font-weight:700;font-size:18px;color:#000;}
  308. .popup_location .location{margin:10px 0 0;height:462px;border:1px solid #dbdbdb;}
  309. .popup_location .close{overflow:hidden;position:absolute;top:19px;right:19px;width:17px;height:16px;background:url('/images/common/btn_popup_close2.gif') no-repeat;cursor:pointer;text-indent:-9999px;}
  310. table.popup_tbl_data{border:1px solid #d5d5d5;border-bottom:none;}
  311. table.popup_tbl_data thead th{height:40px;padding-left:0 !important;text-align:center !important;}
  312. table.popup_tbl_data thead th:first-child{padding-left:10px !important;text-align:left !important;}
  313. table.popup_tbl_data th{padding:5px 0 5px 10px !important;background:#f0f0f0;border-bottom:1px solid #d5d5d5;font-weight:400;line-height:17px;text-align:center;}
  314. table.popup_tbl_data th.bg{background:#f9f9f9;}
  315. table.popup_tbl_data th.bg2{background:#fefefe;}
  316. table.popup_tbl_data td{padding-left:20px;height:38px;border-bottom:1px solid #d5d5d5;color:#000;vertical-align:middle;}
  317. table.popup_tbl_data td label{display:inline-block;margin-right:10px;vertical-align:middle;}
  318. table.popup_tbl_data td label input{display:inline-block;margin-right:5px;vertical-align:middle;}
  319. table.popup_tbl_data td input[type=text]{padding-left:5px;height:25px;border:1px solid #d5d5d5;line-height:25px;}
  320. table.popup_tbl_data td.car_status{padding-top:10px;padding-bottom:10px;}
  321. table.popup_tbl_data td.car_status .car_img{position:relative;margin:0 auto;width:740px;}
  322. table.popup_tbl_data td.car_status .car_img .ico{position:absolute;display:block;}
  323. table.popup_tbl_data td.car_status .car_img .ico span{overflow:hidden;display:inline-block;width:28px;height:28px;background-position:0 0;background-repeat:no-repeat;background-size:100%;text-indent:-9999px;}
  324. table.popup_tbl_data td.car_status .car_img .ico span.x{background-image:url('/images/common/ico_x.png');}
  325. table.popup_tbl_data td.car_status .car_img .ico span.c{background-image:url('/images/common/ico_c.png');}
  326. table.popup_tbl_data td.car_status .car_img .ico span.w{background-image:url('/images/common/ico_w.png');}
  327. table.popup_tbl_data td.car_status .car_img .pos1{top:44px;left:255px;} /* 후드 */
  328. table.popup_tbl_data td.car_status .car_img .pos2{top:53px;left:55px;} /* 운전석 프론트휀더 */
  329. table.popup_tbl_data td.car_status .car_img .pos3{top:53px;left:661px;} /* 조수석 프론트휀더 */
  330. table.popup_tbl_data td.car_status .car_img .pos4{top:125px;left:42px;} /* 운전석 앞 도어 */
  331. table.popup_tbl_data td.car_status .car_img .pos5{top:192px;left:42px;} /* 운전석 뒤 도어 */
  332. table.popup_tbl_data td.car_status .car_img .pos6{top:125px;left:676px;} /* 조수석 앞 도어 */
  333. table.popup_tbl_data td.car_status .car_img .pos7{top:192px;left:676px;} /* 조수석 앞 도어 */
  334. table.popup_tbl_data td.car_status .car_img .pos8{top:291px;left:255px;} /* 트렁크 리드 */
  335. table.popup_tbl_data td.car_status .car_img .pos9{top:5px;left:462px;} /* 라디에이터 서포트(볼트체결부품) */
  336. table.popup_tbl_data td.car_status .car_img .pos10{top:265px;left:59px;} /* 운전석 쿼터패널 */
  337. table.popup_tbl_data td.car_status .car_img .pos11{top:265px;left:657px;} /* 조수석 쿼터패널 */
  338. table.popup_tbl_data td.car_status .car_img .pos12{top:180px;left:254px;} /* 루프패널 */
  339. table.popup_tbl_data td.car_status .car_img .pos13{top:123px;left:15px;}
  340. table.popup_tbl_data td.car_status .car_img .pos13 span:nth-child(2){position:absolute;top:0;left:686px;} /* 사이드실패널 */
  341. table.popup_tbl_data td.car_status .car_img .pos14{top:25px;left:462px;}
  342. table.popup_tbl_data td.car_status .car_img .pos15{top:105px;left:462px;}
  343. table.popup_tbl_data td.car_status .car_img .pos15 span:nth-child(2){position:absolute;top:144px;left:0;}
  344. table.popup_tbl_data td.car_status .car_img .pos16{top:56px;left:419px;}
  345. table.popup_tbl_data td.car_status .car_img .pos16 span:nth-child(2){position:absolute;top:227px;left:-4px;}
  346. table.popup_tbl_data td.car_status .car_img .pos16 span:nth-child(3){position:absolute;top:0;left:88px;}
  347. table.popup_tbl_data td.car_status .car_img .pos16 span:nth-child(4){position:absolute;top:227px;left:92px;}
  348. table.popup_tbl_data td.car_status .car_img .pos17{top:66px;left:440px;}
  349. table.popup_tbl_data td.car_status .car_img .pos17 span:nth-child(2){position:absolute;top:209px;left:-5px;}
  350. table.popup_tbl_data td.car_status .car_img .pos17 span:nth-child(3){position:absolute;top:0;left:45px;}
  351. table.popup_tbl_data td.car_status .car_img .pos17 span:nth-child(4){position:absolute;top:209px;left:51px;}
  352. table.popup_tbl_data td.car_status .car_img .pos18{top:84px;left:416px;}
  353. table.popup_tbl_data td.car_status .car_img .pos18 span:nth-child(2){position:absolute;top:184px;left:-2px;}
  354. table.popup_tbl_data td.car_status .car_img .pos18 span:nth-child(3){position:absolute;top:0;left:90px;}
  355. table.popup_tbl_data td.car_status .car_img .pos18 span:nth-child(4){position:absolute;top:184px;left:93px;}
  356. table.popup_tbl_data td.car_status .car_img .pos19{top:168px;left:83px;}
  357. table.popup_tbl_data td.car_status .car_img .pos19 span:nth-child(2){position:absolute;top:0;left:547px;}
  358. table.popup_tbl_data td.car_status .car_img .pos20{top:121px;left:462px;}
  359. table.popup_tbl_data td.car_status .car_img .pos21{top:174px;left:462px;}
  360. table.popup_tbl_data td.car_status .car_img .pos22{top:275px;left:462px;}
  361. table.popup_tbl_data td.car_status .car_img .pos23{top:298px;left:462px;}
  362. table.popup_tbl_data td.car_status .car_img .pos24{top:231px;left:462px;}
  363. /*table.popup_tbl_data td.car_status .car_img .pos1{top:46px;left:286px;}
  364. table.popup_tbl_data td.car_status .car_img .pos2{top:26px;left:78px;}
  365. table.popup_tbl_data td.car_status .car_img .pos2 span:nth-child(2){margin-left:594px;}
  366. table.popup_tbl_data td.car_status .car_img .pos3{top:135px;left:81px;}
  367. table.popup_tbl_data td.car_status .car_img .pos3 span:nth-child(2){position:absolute;top:63px;left:0;}
  368. table.popup_tbl_data td.car_status .car_img .pos3 span:nth-child(3){position:absolute;top:0;left:618px;}
  369. table.popup_tbl_data td.car_status .car_img .pos3 span:nth-child(4){position:absolute;top:63px;left:618px;}
  370. table.popup_tbl_data td.car_status .car_img .pos4{top:283px;left:287px;}
  371. table.popup_tbl_data td.car_status .car_img .pos5{top:4px;left:496px;}
  372. table.popup_tbl_data td.car_status .car_img .pos6{top:285px;left:89px;}
  373. table.popup_tbl_data td.car_status .car_img .pos6 span:nth-child(2){position:absolute;top:0;left:606px;}
  374. table.popup_tbl_data td.car_status .car_img .pos7{top:175px;left:287px;}
  375. table.popup_tbl_data td.car_status .car_img .pos8{top:126px;left:45px;}
  376. table.popup_tbl_data td.car_status .car_img .pos8 span:nth-child(2){position:absolute;top:0;left:689px;}
  377. table.popup_tbl_data td.car_status .car_img .pos9{top:21px;left:496px;}
  378. table.popup_tbl_data td.car_status .car_img .pos10{top:99px;left:496px;}
  379. table.popup_tbl_data td.car_status .car_img .pos11{top:49px;left:445px;}
  380. table.popup_tbl_data td.car_status .car_img .pos11 span:nth-child(2){position:absolute;top:233px;left:0;}
  381. table.popup_tbl_data td.car_status .car_img .pos11 span:nth-child(3){position:absolute;top:0;left:98px;}
  382. table.popup_tbl_data td.car_status .car_img .pos11 span:nth-child(4){position:absolute;top:233px;left:98px;}
  383. table.popup_tbl_data td.car_status .car_img .pos12{top:63px;left:466px;}
  384. table.popup_tbl_data td.car_status .car_img .pos12 span:nth-child(2){position:absolute;top:219px;left:-4px;}
  385. table.popup_tbl_data td.car_status .car_img .pos12 span:nth-child(3){position:absolute;top:0;left:57px;}
  386. table.popup_tbl_data td.car_status .car_img .pos12 span:nth-child(4){position:absolute;top:219px;left:61px;}
  387. table.popup_tbl_data td.car_status .car_img .pos13{top:82px;left:445px;}
  388. table.popup_tbl_data td.car_status .car_img .pos13 span:nth-child(2){position:absolute;top:163px;left:-3px;}
  389. table.popup_tbl_data td.car_status .car_img .pos13 span:nth-child(3){position:absolute;top:0;left:102px;}
  390. table.popup_tbl_data td.car_status .car_img .pos13 span:nth-child(4){position:absolute;top:163px;left:102px;}
  391. table.popup_tbl_data td.car_status .car_img .pos14{top:173px;left:134px;}
  392. table.popup_tbl_data td.car_status .car_img .pos14 span:nth-child(2){position:absolute;top:0;left:515px;}
  393. table.popup_tbl_data td.car_status .car_img .pos15{top:115px;left:496px;}
  394. table.popup_tbl_data td.car_status .car_img .pos16{top:154px;left:496px;}
  395. table.popup_tbl_data td.car_status .car_img .pos17{top:280px;left:496px;}
  396. table.popup_tbl_data td.car_status .car_img .pos18{top:307px;left:496px;}
  397. table.popup_tbl_data td.car_status .car_img .pos19{top:238px;left:496px;}*/
  398. table.popup_tbl_data td.car_status dl{margin:20px 0;padding-right:20px;}
  399. table.popup_tbl_data td.car_status dt{margin:10px 0 3px;padding:3px 0 5px 5px;background:#f9f9f9;color:#000;}
  400. .confirm{margin-top:20px;text-align:center;}
  401. .confirm.ty2{padding:15px 0;border-top:1px solid #d5d5d5;}
  402. .confirm .sign{position:relative;margin-top:20px;}
  403. .confirm .sign img{position:absolute;top:-30px;right:200px;}
  404. .confirm .sign span{display:inline-block;width:180px;text-align:right;}
  405. .performance_notice{padding-top:20px;border-top:1px solid #d5d5d5;}
  406. .performance_notice dt{font-weight:700;}
  407. .performance_notice dd{margin-top:5px;padding-left:15px;text-indent:-15px;}
  408. .dim{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:#000;opacity:.5;}