admin.css 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533
  1. @charset "utf-8";
  2. /* ///// font ///// */
  3. /*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700');*/
  4. @import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
  5. /* ///// reset ///// */
  6. *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;}
  7. html{overflow-y:scroll;}
  8. html,body{width:100%;height:100%;min-width:1000px;background:#f5f5f5;/*-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);*/}
  9. 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;}
  10. body, textarea, input, select {font:15px/1 'Noto Sans Korean', sans-serif;color:#404040;}
  11. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
  12. ol,ul{list-style: none;}
  13. img, label, input, select, a {vertical-align:middle;}
  14. input,textarea {border:0 none;background:none;border-radius:0;-webkit-appearance:none;}
  15. select{border:0 none;}
  16. input,textarea,button {outline-style:none;}
  17. blockquote, q {quotes:none;}
  18. blockquote:before, blockquote:after, q:before, q:after {content:''; content: none;}
  19. table {width:100%;border-collapse:collapse;border-spacing:0;}
  20. a{outline:none;select-dummy:expression(this.hideFocus=true);color:inherit;text-decoration:none;}
  21. a:hover,a:active{text-decoration:none;}
  22. .hidden {text-indent:-5000px;width:0;height:0;font-size:0;line-height:0;}
  23. input[type=checkbox]{margin-right:8px;width:20px;height:20px;background:url('/manage/img/bg_checkbox.png') no-repeat;}
  24. input[type=checkbox]:checked{background-position:0 bottom;}
  25. .dim{position:fixed;width:100%;height:100%;top:0;left:0;z-index:800;background:#000;opacity:.5;}
  26. .dim_off{pointer-events:none;opacity:.5;}
  27. /* ///// common ///// */
  28. .inner{position:relative;margin:0 auto;width:1200px;}
  29. .inner:after{content:'';display:block;clear:both;}
  30. .pos_wrap{position:relative;}
  31. input[type=submit],
  32. input[type=button]{cursor:pointer;}
  33. input.inp_txt{padding-left:5px;height:30px;border:1px solid #e3e3e3;font-size:13px;}
  34. textarea{padding:5px;width:100%;border:1px solid #e3e3e3;font-size:13px;line-height:18px;}
  35. .check_wrap{display:inline-block;position:relative;}
  36. .check_wrap input{position:absolute;top:0;left:0;z-index:5;opacity:0;}
  37. .check_wrap input[type=checkbox]{width:18px;height:25px;margin:0;}
  38. .check_wrap input[type=radio]{width:19px;height:19px;margin:0;}
  39. .check_wrap i{overflow:hidden;display:block;position:absolute;left:0;text-indent:-9999px;}
  40. .check_wrap input[type=checkbox] + i{/*top:-3px;*/top:0;width:18px;height:25px;background:url('/manage/img/ic_checkbox.png') no-repeat;}
  41. .check_wrap input[type=radio] + i{top:7px;width:12px;height:12px;background:url('/manage/img/ic_radio.gif') no-repeat;}
  42. .check_wrap input:checked + i{background-position:0 bottom;}
  43. .check_wrap label{display:inline-block;padding-left:24px;vertical-align:top;line-height:25px;}
  44. .check_wrap input[type=radio] + i + label{padding-left:16px !important;vertical-align:middle !important;}
  45. .radio_chk .check_wrap{margin-right:25px;}
  46. .tbl_search .radio_chk{display:inline-block;}
  47. .tbl_search .radio_chk .check_wrap{margin-right:15px;}
  48. td.chk .check_wrap{width:18px;height:25px;}
  49. .agree_chk{text-align:right;}
  50. .fl{float:left;}
  51. .fr{float:right;}
  52. /* font style */
  53. .txt_red{color:#be0606;}
  54. .txt_blue{color:#2c87c1;}
  55. .txt_green{color:#0900;}
  56. .txt_black{color:#000;}
  57. .txt_bold{font-weight:700;color:#000;}
  58. .text_height{line-height:20px}
  59. a.link{display:inline-block;padding-bottom:3px;border-bottom:1px solid #464646;color:#464646;}
  60. /* button */
  61. .btn_center{text-align:center;}
  62. .btn_right{margin-top:40px;text-align:right;}
  63. .btn_right a{margin-left:2px;}
  64. .paging + .btn_right{margin-top:-30px;}
  65. .paging + .btn_right.ty2{margin-top:40px;}
  66. .rnd_btn{display:inline-block;width:135px;height:35px;line-height:33px;border-radius:3px;font-size:13px;color:#fff;text-align:center;}
  67. .rnd_btn.gray{background:#505560;}
  68. .rnd_btn.black{background:#000;}
  69. .rnd_btn.red{background:#be0606;}
  70. .rnd_btn.blue{background:#3a5576;}
  71. .rnd_btn.ty2{width:75px;}
  72. .rnd_btn.ty3{height:30px;line-height:27px;}
  73. .rnd_btn.ty4{padding:0 10px;width:auto;height:23px;line-height:21px;font-size:12px;}
  74. .rnd_s_btn{display:inline-block;padding:0 17px;height:26px;border:1px solid #e3e3e3;background:#efefef;border-radius:3px;box-shadow:1px 1px 1px #ececec;line-height:23px;font-size:12px;text-align:center;}
  75. /* tab menu */
  76. .tab_menu{overflow:hidden;margin-top:55px;background:#efefef;}
  77. .tab_menu li{float:left;width:20%;}
  78. .tab_menu.tab4 li{width:25%;}
  79. .tab_menu.tab4 li:first-child{width:25%;}
  80. .tab_menu.tab6 li{width:17%;}
  81. .tab_menu.tab6 li:first-child{width:15%;}
  82. .tab_menu li a{display:block;margin-left:-1px;height:40px;border:1px solid #e3e3e3;border-radius:3px 3px 0 0;font-size:15px;line-height:38px;color:#464646;text-align:center;}
  83. .tab_menu li a.on{position:relative;z-index:10;background:#202328;border:1px solid #202328;color:#fff;}
  84. .tab_menu li:first-child a{margin:0;}
  85. .dealer_info + .tab_menu{margin-top:40px;}
  86. /* table */
  87. .tbl_wrap{/*overflow:hidden;*/background:#fff;border:1px solid #e3e3e3;border-radius:3px;}
  88. .tab_menu + .tbl_wrap{margin-top:30px;}
  89. .tbl_wrap + .tbl_wrap{margin-top:75px;}
  90. .tbl_search + .tbl_wrap{margin-top:40px;}
  91. table th{background:#efefef;font-size:13px;color:#464646;text-align:center;vertical-align:middle;}
  92. table td{font-size:12px;}
  93. table td .td_txt{margin-left:10px;}
  94. table td.pd{padding-top:20px;padding-right:20px;}
  95. .tbl_list thead th{height:39px;border-left:1px solid #e3e3e3;}
  96. .tbl_list td{height:40px;border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;text-align:center;vertical-align:middle;}
  97. .tbl_list td.subject{padding-left:20px;text-align:left;}
  98. .tbl_list thead th:first-child,
  99. .tbl_list td:first-child{border-left:none;}
  100. .tbl_list2 th{height:49px;border-top:1px solid #e3e3e3;}
  101. .tbl_list2 td{padding:10px 0 9px 20px;border-left:1px solid #e3e3e3;border-top:1px solid #e3e3e3;vertical-align:middle;}
  102. .tbl_list2 td > p{margin-top:10px;}
  103. .tbl_list2 tr:first-child th,
  104. .tbl_list2 tr:first-child td{border-top:none;}
  105. .tbl_list2.ty2 th,
  106. .tbl_list2.ty2 td{height:39px;}
  107. .tbl_list2.ty2 td{padding:0 20px; line-height:23px}
  108. .tbl_list2.ty2 td .photo_list{padding:5px 0;}
  109. .tbl_list3{margin-top:30px;border-top:1px solid #939393;border-bottom:1px solid #939393;}
  110. .tbl_list3 th{height:49px;background:#a1a1a1;font-size:13px;color:#fff;text-align:center;vertical-align:middle;}
  111. .tbl_list3 td{padding-left:20px;font-size:15px;color:#000;vertical-align:middle;}
  112. .tbl_search{border-top:1px solid #e3e3e3;background:#fff;}
  113. .tbl_search th{height:51px;border-bottom:1px solid #e3e3e3;}
  114. .tbl_search td{padding:10px 20px 0;height:53px;border-bottom:1px solid #e3e3e3;}
  115. .tbl_search td .btn_cal{overflow:hidden;display:inline-block;margin:0 5px 0 3px;width:15px;height:15px;background:url('/manage/img/btn_cal.gif') no-repeat;vertical-align:middle;text-indent:-9999px;}
  116. .tbl_search td .rnd_btn{margin:-1px 0;padding-bottom:3px;width:45px;}
  117. .view{margin-top:40px;}
  118. .view dt{padding-bottom:12px;border-bottom:2px solid #202328;}
  119. .view dt i{font-style:italic;color:#464646;}
  120. .view dd{overflow:hidden;height:49px;border-bottom:1px solid #e3e3e3;line-height:48px;}
  121. .view dd span:nth-child(2){ padding-left:30px}
  122. .view dd span:nth-child(3){float:right;}
  123. .view dd span em{font-weight:700;color:#000;}
  124. .view dd.view_cont{height:auto;padding:30px 0;font-size:12px;line-height:23px;}
  125. /* paging */
  126. .paging{margin-top:50px;font-size:13px;color:#bababa;text-align:center;}
  127. .paging span,
  128. .paging strong,
  129. .paging a{display:inline-block;margin:0 1px;width:30px;height:30px;line-height:28px;vertical-align:middle;}
  130. .paging span{width:auto;height:auto;}
  131. .paging span > a{overflow:hidden;background-position:center;background-repeat:no-repeat;text-indent:-9999px;}
  132. .paging span > a.first{background-image:url('/manage/img/ic_paging_first.gif');}
  133. .paging span > a.prev{background-image:url('/manage/img/ic_paging_prev.gif');}
  134. .paging span > a.next{background-image:url('/manage/img/ic_paging_next.gif');}
  135. .paging span > a.last{background-image:url('/manage/img/ic_paging_last.gif');}
  136. .paging strong{background:#8c8c8c;color:#fff;}
  137. .paging a{background:#fff;border:1px solid #e3e3e3;color:#404040;}
  138. .paging a.btn{margin:0 1px;}
  139. .paging a.prev{margin-right:15px;}
  140. .paging a.next{margin-left:15px;}
  141. /* select */
  142. .select_view_type{margin:30px 0 20px;text-align:right;}
  143. .select{display:inline-block;vertical-align:middle;}
  144. .select .jq_sel {display:block;position:relative;height:35px;background:#fff;border-radius:3px;font-size:13px;}
  145. .select .jq_sel span{overflow:hidden;position:absolute;left:0;top:0;width:100%;white-space:nowrap;height:35px;border:1px solid #d7d7d7;border-radius:3px;line-height:33px;text-indent:10px;color:#404040;cursor:pointer;text-align:left;}
  146. .select.ty2 .jq_sel,
  147. .select.ty2 .jq_sel span{height:30px;line-height:28px;border-radius:0;}
  148. .select.ty2 .jq_sel span{text-indent:5px;border:1px solid #e3e3e3;}
  149. .select .jq_sel a.jqTransformSelectOpen {display:block;position:absolute;right:0;width:35px;height:33px;background:url('/manage/img/ic_select_arr.gif') no-repeat center;}
  150. .select.ty2 .jq_sel a.jqTransformSelectOpen{height:28px;}
  151. .select .jq_sel ul{display:none;overflow:auto;overflow-y:auto;z-index:10;position:absolute;top:36px;left:0;max-height:300px;width:100%;list-style:none;background-color:#fff;border:solid 1px #d7d7d7;border-radius:3px;white-space:nowrap}
  152. .select.ty2 .jq_sel ul{top:31px;border:1px solid #e3e3e3;}
  153. .select .jq_sel li {text-indent:10px;text-align:left;}
  154. .select .jq_sel ul a {display:block;padding:6px 0 9px;text-decoration:none;color:#999;}
  155. .select.ty2 .jq_sel ul a{padding:2px 0 5px;}
  156. .select .jq_sel ul a:hover,
  157. .select .jq_sel ul a.selected {background-color:#ddd;color:#666;}
  158. .select .jq_sel_hide {display:none}
  159. .select2{display:inline-block;vertical-align:middle;}
  160. .select2 .jq_sel {display:block;position:relative;height:30px;background:#fff;font-size:13px;}
  161. .select2 .jq_sel span{overflow:hidden;position:absolute;left:0;top:0;width:100%;white-space:nowrap;height:30px;border:1px solid #e3e3e3;line-height:27px;text-indent:10px;color:#404040;cursor:pointer}
  162. .select2 .jq_sel a.jqTransformSelectOpen {display:block;position:absolute;right:0;width:30px;height:28px;background:url('/manage/img/ic_select_arr.gif') no-repeat center;}
  163. .select2 .jq_sel ul {display:none;overflow:auto;overflow-y:auto;position:absolute;top:32px;left:0;max-height:300px;width:100%;list-style:none;background-color:#fff;border:solid 1px #d7d7d7;white-space:nowrap}
  164. .select2 .jq_sel li {text-indent:10px;}
  165. .select2 .jq_sel ul a {display:block;padding:6px 0 9px;text-decoration:none;color:#999;}
  166. .select2 .jq_sel ul a:hover,
  167. .select2 .jq_sel ul a.selected {background-color:#ddd;color:#666;}
  168. .select2 .jq_sel_hide {display:none}
  169. .area_title{position:relative;}
  170. .area_title .select{position:absolute;top:-6px;right:0;width:160px;}
  171. .area_title .area_select{position:absolute;top:-6px;right:0;}
  172. .area_title .area_select .select{position:static;}
  173. .area_title .rnd_btn.ty4{position:absolute;top:8px;right:0;}
  174. .box_check{padding:11px 0 0 20px;height:50px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;background:#fff;font-size:12px;}
  175. .box_check .check_wrap{margin-right:5%;}
  176. .sel_period{overflow:hidden;display:inline-block;margin:0 5px 0 15px;vertical-align:middle;}
  177. .sel_period span{display:inline-block;float:left;margin-left:-1px;width:40px;height:30px;border:1px solid #e3e3e3;font-size:12px;line-height:27px;color:#808080;text-align:center;cursor:pointer;}
  178. .sel_period span:first-child{margin-left:0;}
  179. .sel_period span.on{position:relative;z-index:10;background:#505560;border-color:#505560;color:#fff;}
  180. /* ///// layout /////*/
  181. header{height:135px;background:#fff;border-bottom:1px solid #e6e6e6;}
  182. #header{position:relative;height:90px;background:#202328;color:#fff;}
  183. #header:after,
  184. nav > ul{content:'';display:block;clear:both;}
  185. h1{float:left;margin:25px 0 0 30px;font-size:20px;}
  186. nav > ul{position:absolute;top:28px;left:0;padding:0 235px;width:100%;}
  187. nav > ul > li{position:relative;float:left;width:14.1%;font-size:16px;text-align:center;}
  188. nav > ul > li a{display:inline-block;padding:7px 0 9px;}
  189. /*_:-ms-input-placeholder, :root nav > ul > li a{letter-spacing:-.05em;}*/
  190. nav > ul > li:nth-child(2) > a,
  191. nav > ul > li:nth-child(3) > a{padding:7px 13px 9px;}
  192. nav > ul > li.on > a{border-bottom:1px solid #fff;}
  193. nav > ul > li > ul{display:none;position:absolute;top:69px;left:50%;z-index:10;margin-left:-27px;width:300px;}
  194. nav > ul > li.on > ul{display:block;}
  195. /* nav > ul > li:nth-child(2) > ul{margin-left:-100px;width:450px;} */
  196. nav > ul > li:nth-child(2) > ul{margin-left:-56px;width:450px;}
  197. nav > ul > li:nth-child(3) > ul{margin-left:-312px;width:670px;}
  198. nav > ul > li:nth-child(4) > ul{margin-left:-200px;width:1170px;}
  199. nav > ul > li:nth-child(5) > ul{margin-left:-28px;width:200px;}
  200. nav > ul > li:nth-child(6) > ul{margin-left:-110px;width:370px;}
  201. nav > ul > li > ul > li{float:left;margin-right:30px;font-size:15px;color:#999;}
  202. nav > ul > li > ul > li > a:hover,
  203. nav > ul > li > ul > li.on a{color:#202328;}
  204. .area_welcome{float:right;margin:15px 30px 0 0;color:#818181;text-align:right;}
  205. .area_welcome a{display:inline-block;font-size:12px;text-align:center;line-height:12px;}
  206. .area_welcome a:nth-child(2){margin-left:15px;padding-left:15px;border-left:1px solid #818181;}
  207. .area_welcome .person{margin-top:10px;padding-left:35px;background:url('/manage/img/ic_person.png') no-repeat;}
  208. #contents{padding:45px 30px 150px;}
  209. h2{margin-bottom:20px;font-size:23px;color:#303030;}
  210. h3{margin:40px 0 20px;padding-left:14px;background:url('/manage/img/ic_tit.png') 0 50% no-repeat;font-size:18px;color:#303030;}
  211. _:-ms-input-placeholder, :root h3 {background-position:0 60%;}
  212. h3 em{display:none;/*font-size:13px;*/}
  213. h2 + h3{margin-top:0;}
  214. /* ///// login ///// */
  215. .box_login{position:fixed;top:50%;left:50%;margin:-200px 0 0 -235px;padding:40px 40px 0;width:470px;height:400px;background:#202328;}
  216. .box_login > p{margin-top:10px;}
  217. .box_login > p:first-child{margin:0 0 33px;}
  218. .box_login input.inp_login{padding-left:20px;width:100%;height:60px;background:#fff;line-height:60px;}
  219. .box_login input[type=submit],
  220. .box_login input[type=button]{width:100%;height:60px;background:#505560;color:#fff;text-align:center;}
  221. .box_login .area_link{overflow:hidden;margin:25px -40px 0;}
  222. .box_login .area_link a{float:left;width:33.3%;text-align:center;color:#fff;line-height:22px;}
  223. .box_login .area_link a:nth-child(2),
  224. .box_login .area_link a:nth-child(3){border-left:1px solid #000;}
  225. /* ///// member ///// */
  226. .member_name{overflow:hidden;line-height:1.1;}
  227. .member_name .name{float:left;font-size:16px;color:#303030;}
  228. .member_name .name em{font-size:12px;color:#404040;}
  229. .member_name .login_time{float:right;font-size:13px;}
  230. .pos_wrap .member_name{position:absolute;top:-28px;left:0;width:100%;}
  231. .photo_list{overflow:hidden;padding:15px 15px;}
  232. .photo_list li{float:left;margin-right:10px;width:120px;cursor:pointer;}
  233. .photo_list li img{width:120px;height:100px;}
  234. .photo_list li span{display:block;margin-top:10px;text-align:center;}
  235. .dealer_info{margin-top:32px;}
  236. .dealer_info .dealer_mem{overflow:hidden;padding:0 10px 8px;border-bottom:1px solid #d0d0d0;line-height:1.1;}
  237. .dealer_info .dealer_mem .name{font-size:16px;color:#303030;}
  238. .dealer_info .dealer_mem .name em{font-size:12px;color:#404040;}
  239. .dealer_info .dealer_mem .money{float:right;font-size:13px;color:#be0606;}
  240. .dealer_info .dealer_grade{margin-top:15px;padding-left:10px;}
  241. .dealer_info .dealer_grade span{display:inline-block;margin-right:32px;padding-left:9px;background:url('/manage/img/ic_dot.png') 0 5px no-repeat;}
  242. .dealer_info .dealer_grade span em{color:#000;}
  243. .dealer_info .dealer_mem .login_time_dealer{ padding-left:20px;font-size:13px;}
  244. /* ///// buy ///// */
  245. .tender_info{margin-top:10px;height:130px;background:#fff;border:1px solid #e3e3e3;border-radius:3px;}
  246. .tender_info li{float:left;padding-top:38px;width:25%;height:100%;border-left:1px solid #e3e3e3;text-align:center;}
  247. .tender_info li:first-child{border:none;}
  248. .tender_info li:nth-child(2){width:50%;}
  249. .tender_info li span{display:inline-block;padding:7px 0 0 66px;min-height:52px;text-align:center;}
  250. .tender_info li span em{display:block;margin-top:8px;font-weight:700;color:#000;}
  251. .tender_info li:first-child span{background:url('/manage/img/ic_tender_info01.gif') no-repeat;}
  252. .tender_info li:nth-child(2) span:first-child{background:url('/manage/img/ic_tender_info02.gif') no-repeat;}
  253. .tender_info li:nth-child(2) span:nth-child(2){margin-left:6%;background:url('/manage/img/ic_tender_info03.gif') no-repeat;}
  254. .tender_info li:nth-child(3) span{background:url('/manage/img/ic_tender_info04.gif') no-repeat;}
  255. .tender_info li:nth-child(3) span em{margin-top:5px;font-size:18px;color:#2c87c1;}
  256. .bid{padding:40px 30px;border:1px solid #e3e3e3;border-radius:3px;background:#fff;}
  257. .bid .name{margin-bottom:10px;font-size:18px;color:#000;}
  258. .bid .info{position:relative;padding:20px 0 20px 150px;min-height:170px;border-top:1px solid #000;border-bottom:1px solid #000;}
  259. .bid .info .thumb{position:absolute;top:20px;left:0;}
  260. .bid .info .thumb img{width:130px;height:130px;}
  261. .bid .info li{position:relative;margin-top:12px;padding-left:95px;font-size:13px;line-height:17px;}
  262. .bid .info li:first-child{margin-top:8px;}
  263. .bid .info li em{position:absolute;top:0;left:0;color:#464646;}
  264. .bid .info .price{position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
  265. .bid .info .price em{font-size:18px;font-weight:700;color:#2c87c1;}
  266. .bid .info .price.stamp:before{content:'';display:block;position:absolute;top:-23px;left:-72px;width:63px;height:63px;background:url('/manage/img/bg_stamp.png') no-repeat;}
  267. .seller_box{position:relative;padding:0 0 0 30px;border:1px solid #e3e3e3;border-radius:3px;background:#fff;}
  268. .seller_box ul{overflow:hidden;padding:15px 0 30px;width:480px;}
  269. .seller_box ul li{float:left;padding-top:15px;width:50%;}
  270. .seller_box ul li span{color:#808080;}
  271. .seller_box .area_btn{position:absolute;top:50%;right:30px;margin-top:-17px;}
  272. .seller_box .area_btn .rnd_btn{width:130px;}
  273. .deal_step:after{content:'';display:block;clear:both;}
  274. .deal_step li{position:relative;float:left;padding-left:10px;width:25%;}
  275. .deal_step li:first-child{padding-left:0;}
  276. .deal_step li:before{position:absolute;top:10px;left:-67px;content:'';display:block;width:134px;height:13px;background:url('/manage/img/bg_step_arr.png') no-repeat;}
  277. .deal_step li:first-child:before{display:none;}
  278. .deal_step li .step{position:absolute;top:0;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:50%;border:1px solid #e5e5e5;background:#f6f7f9;font-size:15px;line-height:55px;color:#b2b2b2;text-align:center;}
  279. .deal_step li .step_cont{margin-top:40px;height:240px;background:#f5f5f5;border:1px solid #e3e3e3;text-align:center;}
  280. .deal_step li .step_cont dt{padding:43px 0 34px;font-size:18px;color:#000;}
  281. .deal_step li .step_cont dd{line-height:26px;color:#808080;}
  282. .deal_step li .step_cont dd.non_msg{margin-top:20px;}
  283. .deal_step li.on .step{border:none;background:#2c87c1;color:#fff;line-height:57px;}
  284. .deal_step li.on .step_cont{background:#fff;}
  285. .deal_step li.on .step_cont dl{position:relative;height:100%;}
  286. .deal_step li.on .step_cont dt{padding:43px 0 34px;font-size:18px;color:#000;}
  287. .deal_step li.on .step_cont dt.ty2{padding-bottom:20px;}
  288. .deal_step li.on .step_cont dd{line-height:26px;color:#808080;}
  289. .deal_step li.on .step_cont dd.txt_blue{margin-top:30px;color:#2c87c1;}
  290. .deal_step li.on .step_cont dd.info{font-size:13px;line-height:20px;}
  291. .deal_step li.on .step_cont dd.btn{position:absolute;bottom:20px;left:0;width:100%;}
  292. .reason textarea{padding:15px 20px;height:178px;background:#fff;}
  293. .bidder_box{margin-bottom:10px;padding:25px 0 25px 30px;border:1px solid #e3e3e3;border-radius:3px;background:#fff;}
  294. .bidder_box span{display:inline-block;margin-right:30px;color:#000;}
  295. .bidder_box span em{color:#808080;}
  296. /* 추가css_20181112 */
  297. .purchase_grade{margin-top:30px; margin-bottom:20px;padding-left:10px;font-size:18px}
  298. .purchase_grade span{display:inline-block; }
  299. .purchase_grade span em{color:#be0606;}
  300. .purchase_grade span.month { color:#000; margin-right:30px}
  301. /* layer popup */
  302. .dim{position:fixed;top:0;left:0;z-index:50;width:100%;height:100%;background:#000;opacity:.5;}
  303. .layer_popup{display:none;position:fixed;top:50%;left:50%;z-index:100;padding:20px 28px 30px;background:#fff;}
  304. .layer_popup .tit{margin-bottom:15px;font-size:18px;color:#464646;}
  305. .layer_popup .cont{border-top:1px solid #000;border-bottom:1px solid #000;}
  306. .layer_popup .cont2{padding:20px 0 0;}
  307. .layer_popup .cont .return_msg{padding:33px 0 33px 65px;background:url('/manage/img/ic_return.png') 0 50% no-repeat;line-height:25px;}
  308. .layer_popup .btn_center{margin-top:20px;}
  309. .layer_popup .close{overflow:hidden;position:absolute;top:0;right:0;width:32px;height:32px;background:url('/manage/img/btn_popup_close.png') 50% no-repeat;text-indent:-9999px;cursor:pointer;}
  310. .layer_popup .tbl_list2{border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;}
  311. .layer_popup .tbl_list2 td .check_wrap{margin-right:20px;}
  312. .return_popup{margin:-125px 0 0 -250px;width:500px;height:250px;}
  313. .dealer_popup{margin:-140px 0 0 -250px;padding:30px 28px 0;width:500px;height:280px;}
  314. .dealer_popup .dealer_pop_info{overflow:hidden;padding:20px 0 30px;}
  315. .dealer_popup .dealer_pop_info .photo{float:left;width:130px;}
  316. .dealer_popup .dealer_pop_info .photo img{width:130px;height:130px;}
  317. .dealer_popup .dealer_pop_info .photo span{display:block;margin-top:15px;color:#464646;text-align:center;}
  318. .dealer_popup .dealer_pop_info .photo span em{font-size:13px;color:#404040;}
  319. .dealer_popup .dealer_pop_info dl{float:right;width:290px;font-size:13px;line-height:17px;}
  320. .dealer_popup .dealer_pop_info dt{float:left;padding-top:13px;width:75px;color:#464646;}
  321. .dealer_popup .dealer_pop_info dd{float:left;padding-top:13px;width:215px;}
  322. .dealer_popup .dealer_pop_info dt:first-child,
  323. .dealer_popup .dealer_pop_info dd:nth-child(2){padding-top:10px;}
  324. .seller_popup{margin:-30px 0 0 -500px;padding:30px 28px 0;width:960px;height:500px;}
  325. .history_popup{position:relative;padding:10px 50px 20px;width:1100px;font-size:13px;}
  326. .history_popup h3{margin-top:20px;padding:0 0 22px;background:none;font-size:30px;color:#000;border-bottom:1px solid #000;}
  327. .history_popup h4,
  328. .history_popup h5{margin:25px 0 5px;font-size:15px;color:#000;}
  329. .history_popup h4:first-child{margin-top:0;}
  330. .history_popup .scr_cont{margin-top:30px;}
  331. .history_popup .scr_cont2{overflow:auto;margin-top:25px;padding:0 20px 30px 0;height:660px;}
  332. .history_popup .tbl_data{border:1px solid #d5d5d5;}
  333. .history_popup .tbl_data th,
  334. .history_popup .tbl_data td{padding-left:22px;border-top:1px solid #e5e5e5;text-align:left;vertical-align:middle;}
  335. .history_popup .tbl_data tr:first-child th,
  336. .history_popup .tbl_data tr:first-child td{border-top:none;}
  337. .history_popup .tbl_data th{background:#f0f0f0;}
  338. .history_popup .tbl_data td{height:38px;border-left:none;color:#808080;}
  339. .history_popup .tbl_data td .inp_txt{color:#808080;}
  340. .history_popup .tbl_data2{border:1px solid #d5d5d5;border-right:1px solid #d5d5d5;}
  341. .history_popup .tbl_data2 th,
  342. .history_popup .tbl_data2 td{height:39px;border-top:1px solid #e5e5e5;border-left:1px solid #c9c9c9;text-align:center;vertical-align:middle;}
  343. .history_popup .tbl_data2 thead th{padding:0;background:#f0f0f0;font-weight:400;}
  344. .history_popup .tbl_data2 thead tr:first-child th{border-top:none;}
  345. .history_popup .tbl_data2 tbody th{padding:0;background:none;}
  346. .history_popup .tbl_data2 td{color:#000;}
  347. .history_popup .notice01{margin-top:10px;padding-left:36px;background:url('/manage/img/ico_notice01.gif') no-repeat;line-height:29px;}
  348. .history_popup .notice02{margin-top:10px;padding-left:36px;background:url('/manage/img/ico_notice02.gif') no-repeat;line-height:30px;}
  349. .history_popup .notice03 > li{margin-top:30px;line-height:23px;}
  350. .history_popup .notice03 li ol li{padding-left:14px;list-style:decimal;list-style-position:inside;line-height:23px;text-indent:-14px;}
  351. .history_popup .sign{margin-top:55px;text-align:center;}
  352. .history_popup .performance_check{overflow:hidden;}
  353. .history_popup .performance_check dt{float:none;clear:both;margin:70px 0 22px;font:700 15px/1 'NS';color:#000;}
  354. .history_popup .scr_cont .performance_check:first-child dt{margin-top:0;}
  355. .history_popup .performance_check dd{float:left;padding-right:50px;width:50%;}
  356. .history_popup .performance_check dd span{display:block;border-bottom:1px solid #e5e5e5;line-height:40px;}
  357. .history_popup .close{top:32px;right:48px;width:22px;height:17px;background:url('/manage/img/btn_popup_close2.png') no-repeat;}
  358. .car_detail_popup{padding:20px;width:1000px;}
  359. .car_detail_popup .btn_right{margin-top:20px;}
  360. .car_popup{padding:30px;}
  361. .car_popup .cont{padding:20px 0;border-top:1px solid #000;border-bottom:1px solid #000;font-size:13px;}
  362. .car_popup .car_info p:first-child{overflow:hidden;margin-bottom:8px;}
  363. .car_popup .msg_box{padding:20px 15px;border:1px solid #e3e3e3;color:#808080;line-height:23px;}
  364. .car_popup dl{overflow:hidden;}
  365. .car_popup dt{padding:20px 0 10px;}
  366. .car_popup dd{float:left;margin-left:10px;width:90px;height:70px;}
  367. .car_popup dd:nth-child(2){margin:0;}
  368. .car_popup dd img{width:100%;height:100%;}
  369. .car2_popup{padding:30px;}
  370. .car2_popup .cont{padding:20px 0;border-top:1px solid #000;border-bottom:1px solid #000;font-size:13px;}
  371. .car2_popup ul{padding:0 30px;font:0/0 Arial;text-align:center;}
  372. .car2_popup ul li{display:inline-block;margin-left:20px;}
  373. .car2_popup ul li:first-child{margin:0;}
  374. .car2_popup ul li span{display:block;margin-bottom:8px;font:13px/1 'Noto Sans Korean', sans-serif;}
  375. .car2_popup ul li img{display:block;width:128px;height:100px;font:0/0 Arial;}
  376. .photo_popup{padding:0;}
  377. .photo_popup .popup_wrap{overflow:auto;max-height:750px;}
  378. .photo_popup .close{top:5px;right:5px;width:16px;height:19px;background:url('/img/btn_popup_close2.png') no-repeat;}
  379. /* 2020-12-12 추가 */
  380. .collapse_area.popup{width:1000px;margin:0;overflow:auto;height:660px;padding:0 20px 30px 0;}
  381. .collapse_area{width:1140px;margin:0 auto;}
  382. .collapse_area .report_tit{background:#333;color:#fff;font-size:16px;width:100%;padding:20px 30px;text-align:left;line-height:19px;margin-top:30px;}
  383. .collapse_area .report_con{width:100%;display:inline-block;border:1px solid #e0e0e0;padding:30px 20px;border-top:0;}
  384. .collapse_area .report_con p.s_txt{font-size:13px;color:#333;margin-bottom:20px;}
  385. .collapse_area .report_con .dol-md-6{width:48.6%;margin-right:30px;display:inline-block;float:left;}
  386. .collapse_area .report_con .dol-md-6:last-child{margin-right:0;}
  387. .collapse_area .report_con .report_row{margin-top:20px;width:100%;}
  388. .col-sm-4{width:33.1%;text-align:center;display:inline-block;}
  389. .dol-md-6 table.learn-box{}
  390. .dol-md-6 table.learn-box tbody tr th{background-color:#f5f5f5;border:1px solid #ddd;vertical-align:middle;width:40%;padding:15px 0;color:#222;font-weight:500;}
  391. .dol-md-6 table.learn-box tbody tr td{border:1px solid #ddd;vertical-align:middle;width:60%;padding:15px 0 15px 25px;color:#189bfa;text-align:left;font-weight:500;}
  392. .dol-md-5 table.learn-box{width:100%;}
  393. .dol-md-5 table.learn-box tbody tr th{background-color:#f5f5f5;border:1px solid #ddd;vertical-align:middle;width:25%;padding:20px 0;color:#222;font-weight:400;}
  394. .dol-md-5 table.learn-box tbody tr td{border:1px solid #ddd;text-align:center;vertical-align:middle;width:25%;padding:20px 0;color:#189bfa;font-weight:600;}
  395. .dol-md-5 table.learn-box tbody tr td.df_gray{color:#333;}
  396. .guide-box-container{position:relative;width:100%;display:block;margin-top:40px;}
  397. .guide-box-container .deco{z-index:3;width:140px;position:absolute;right:10px;bottom:-10px;}
  398. .guide-box-container .deco img{display:block;max-width:100%;height:auto;}
  399. .guide-box-container .guide-box{position:relative;z-index:2;padding:30px;padding-right:160px;background-color:#f5f5f5;}
  400. .guide-box-container .guide-box span.guide-title{background-color:#189bfa;color:#fff;border-radius:18px;padding:10px 20px;line-height:12px;font-size:13px;position:absolute;top:-14px;}
  401. .guide-box-container .guide-box ul.guide-list{}
  402. .guide-box-container .guide-box ul.guide-list li{padding-left:10px;margin-top:10px;position:relative;}
  403. .guide-box-container .guide-box ul.guide-list li strong.li-title{position:static;display:block;left:0;top:0;font-size:15px;line-height:24px;color:#222;letter-spacing:-1px;margin-bottom:5px;}
  404. .guide-box-container .guide-box ul.guide-list li strong.li-title:before{content:"";display:inline-block;width:4px;height:4px;background-color:#189bfa;margin-right:10px;position:relative;top:-3px;}
  405. .guide-box-container .guide-box ul.guide-list li .li-content{padding-left:13px;font-size:14px;line-height:24px;color:#777;margin-bottom:15px;}
  406. ul.ex_box_wrap{display:block;}
  407. ul.ex_box_wrap li{float:left;border:1px solid #e6e6e6;margin-right:30px;width:247px;margin-bottom:30px;padding-bottom:20px;text-align:center;}
  408. ul.ex_box_wrap li:nth-child(4), .collapse_area .report_con ul.ex_box_wrap li:nth-child(8){margin-right:0;}
  409. ul.ex_box_wrap li div.ico{width:100px;margin:auto;padding:20px 0 15px 0;}
  410. ul.ex_box_wrap li div.ico img{text-align:center;width:100%;}
  411. ul.ex_box_wrap li span{color:#333;font-size:15px;margin-bottom:5px;}
  412. ul.ex_box_wrap li .price{font-size:19px;color:#189bfa;font-weight:300;margin-top:10px;}
  413. ul.ex_box_wrap li .off{color:#777;}
  414. .col-sm-4 div.ico{width:100px;margin:auto;padding:20px 0 15px 0;}
  415. .col-sm-4 div.ico img{text-align:center;width:100%;}
  416. .col-sm-4 span{color:#333;font-size:15px;margin-bottom:5px;}
  417. .col-sm-4 .price{font-size:19px;color:#189bfa;font-weight:300;margin-top:10px;}
  418. .col-sm-4 .off{color:#777;}
  419. .report_con .message{font-size:20px;margin-top:25px;text-align:center;font-weight:300;color:#222;clear:both;}
  420. .report_con .message strong.color-key{color:#189bfa;}
  421. .report_con .message i.icon-font{margin-top:-3px;vertical-align:middle;}
  422. .icon-font{font-family: 'Noto Sans KR', sans-serif;line-height:1;position:relative;display:inline-block;-webkit-font-smoothing:antialiased;margin-right:5px;}
  423. .icon-siren:before{content:"";display:inline-block;width:36px;height:30px;background:no-repeat;background-position:center center;background:url(https://www.carhistory.or.kr/img/icon/siren.png);background-size:cover;}
  424. .icon-angle-up:before{content:"\f106";}
  425. .icon-siren.small:before{width:30px;height:25px;margin-right:5px;}
  426. .message.small{font-size:16px;margin-bottom:20px;}
  427. .message.small strong{font-weight:500;}
  428. .report_con .bg-lightgray{background-color:#f5f5f5;font-size:16px;line-height:26px;text-align:center;border:1px solid #e8e8e8;padding:20px 0;margin-bottom:20px;}
  429. span.color-sky{color:#189bfa;}
  430. .report_con p{font-size:14px;color:#444;font-weight:400;line-height:25px;}
  431. .report_con p.small{font-size:12px;margin-top:20px;}
  432. .report_con p.small.color-gray{color:#787878;}
  433. .report_con ul.dashed-line{margin-top:25px;}
  434. .report_con ul.dashed-line li{padding:30px 0;border-top:1px dashed #b4b4b4;}
  435. .report_con ul.dashed-line li:first-child{border-top:none;padding-top:0;}
  436. .crash-info-list{display:table;table-layout:fixed;width:100%;}
  437. .crash-info-list .row [class^="col-md-"]{display:inline-table;min-height:1px;float:none;}
  438. .crash-info-list .row{display:table-row;}
  439. .crash-info-list .row div{float:left;text-align:center;vertical-align:middle;width:100%;}
  440. .crash-info-list .row .col-md-2{width:16.66666667%;}
  441. .crash-info-list .row .col-md-4{width:30.6%;}
  442. .crash-info-list .row .col-md-6{width:49%;margin-right:30px;}
  443. .crash-info-list .date{vertical-align:middle;}
  444. .xlarge{color:#189bfa;font-size:24px;line-height:26px;}
  445. .table-head{color:#fff;text-align:center;padding:18px;margin-bottom:5px;}
  446. .table-head.color-sky{background-color:#189bfa;}
  447. .table-head.color-mint{background-color:#00b5b8;}
  448. .crash_tb{width:100%;}
  449. .crash_tb thead th{font-size:14px;height:50px;line-height:47px;background-color:#f5f5f5;border:1px solid #d2d2d2;color:#333;font-weight:400;width:50%;}
  450. .crash_tb tbody td span.badge{font-size:13px;display:inline-block;vertical-align:middle;letter-spacing:-0.02em;border-radius:10px;background-color:#3c3c3c;color:#fff;line-height:20px;height:20px;padding:0 7px;font-weight:400;margin-bottom:5px;}
  451. .crash_tb tbody td a.btn{display:inline-block;margin-bottom:0;font-weight:normal;letter-spacing:-0.02em;text-transform:uppercase;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid #189bfa;color:#189bfa;background-color:#fff;font-size:12px;border-radius:13px;padding:0 10px;margin-bottom:12px;}
  452. .crash_tb tbody td a.btn:hover{background:#006eb6;color:#fff;border:1px solid #006eb6;}
  453. .crash_tb tbody td{text-align:center;font-size:14px;line-height:22px;border:1px solid #d2d2d2;color:#222;font-weight:700;width:50%;vertical-align:middle;padding:20px 0;}
  454. .crash_tb tbody tr.long-1{height:90px;padding:0;}
  455. .crash_tb tbody tr.long-2{height:190px;padding:0;}
  456. .crash_tb tbody td strong.color-sky{color:#189bfa;}
  457. .crash_tb tbody td strong.color-mint{color:#00b5b8;}
  458. .bullet-list{}
  459. .bullet-list li{position:relative;padding-left:10px;font-size:14px;line-height:25px;letter-spacing:-1px;}
  460. .bullet-list li .bullet{position:absolute;left:0;top:0;}
  461. .bullet-list li .color-key{color:#189bfa;}
  462. .collapse_area.popup .report_con ul.ex_box_wrap li{width:22.5%;}
  463. .collapse_area.popup .report_con ul.ex_box_wrap li:nth-child(4){margin-right:0;}
  464. .collapse_area.popup .report_con ul.dashed-line li div.crash-info-list .row .col-md-2{width:18%;}
  465. .collapse_area.popup .report_con ul.dashed-line li div.crash-info-list .row .col-md-6{width:45%;}