@charset "UTF-8";
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,700);
* {
  margin: 0;
  padding: 0;
  border: 0;
}

/* html{height:100%;} */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
  overflow-y: scroll;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

button, input, select, textarea {
  color: #000;
  font-size: 12px;
}

body {
  font-size: 14px;
  line-height: 1.3;
  height: 100%;
}

hr {
  display: none;
  visibility: hidden;
}

img {
  vertical-align: top;
}

select {
  font-size: 12px;
  vertical-align: middle;
  background: #fff;
}

html:first-child select {
  padding-right: 6px;
  height: 20px;
}

/* Opera 9 & Below Fix */
option {
  vertical-align: middle;
  padding: 3px 0;
}

/* Firefox Fix */
legend {
  display: none;
  visibility: hidden;
}

em, address {
  font-style: normal;
}

textarea {
  resize: vertical;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

input, textarea, button {
  line-height: 1.2;
  vertical-align: middle;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

label {
  vertical-align: baseline;
}

*:first-child + html table {
  border-collapse: initial;
  border-spacing: 1;
}

table {
  border-spacing: 0;
  border-collapse: separate;
}

ul, ol, li {
  list-style: none;
  padding: 0;
}

li, p {
  background-image: url("");
  /* line-height:1em */
}

caption, .hidden {
  text-indent: -9900px;
  top: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0 !important;
}

input {
  margin: 0;
  padding: 0;
  border-radius: 0;
}

input[type="text"], input[type="password"], select, textarea {
  border: 1px solid #ccc;
  font-family: 'roboto',AppleGothic,sans-serif;
  outline: none;
}

/* common */
.blind {
  overflow: inherit;
  position: inherit;
  left: inherit;
  top: inherit;
  padding: 0;
  margin: 0;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  text-indent: -9999px;
}

.float_l {
  float: left !important;
}

.float_r {
  float: right !important;
}

.ta_c {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
}

.ta_l {
  text-align: left !important;
}

.ta_r {
  text-align: right !important;
}

.pos_r {
  position: relative;
}

.pos_a {
  position: absolute;
}

.vt_t {
  vertical-align: top !important;
  padding-top: 14px !important;
}

.vt_m {
  vertical-align: middle !important;
}

.vt_b {
  vertical-align: bottom !important;
}

.vt_s {
  vertical-align: sub !important;
}

/* font-size */
h2 {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.03em;
}

.fs10 {
  font-size: 10px !important;
}

.fs11 {
  font-size: 11px !important;
}

.fs12 {
  font-size: 12px !important;
}

.fs13 {
  font-size: 13px !important;
}

.fs14 {
  font-size: 14px !important;
}

.fs15 {
  font-size: 15px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs18 {
  font-size: 18px !important;
}

.fs20 {
  font-size: 20px !important;
}

.fs22 {
  font-size: 22px !important;
}

.fwb {
  font-weight: bold !important;
}

.fwn {
  font-weight: normal !important;
}

.f_rbt {
  font-family: 'roboto' !important;
}

.clearfix:before, .clearfix:after {
  content: " ";
  /* 1 */
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.clear {
  clear: both;
  content: "";
  display: block;
  padding: 0;
  margin: 0;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
}

/* *:first-child+html */
/****************************** margin setting ******************************/
.m0 {
  margin: 0px !important;
}

.m1 {
  margin: 1px !important;
}

.m2 {
  margin: 2px !important;
}

.m3 {
  margin: 3px !important;
}

.m4 {
  margin: 4px !important;
}

.m5 {
  margin: 5px !important;
}

.m6 {
  margin: 6px !important;
}

.m7 {
  margin: 7px !important;
}

.m8 {
  margin: 8px !important;
}

.m9 {
  margin: 9px !important;
}

.m10 {
  margin: 10px !important;
}

.m11 {
  margin: 11px !important;
}

.m12 {
  margin: 12px !important;
}

.m13 {
  margin: 13px !important;
}

.m14 {
  margin: 14px !important;
}

.m15 {
  margin: 15px !important;
}

.m16 {
  margin: 16px !important;
}

.m17 {
  margin: 17px !important;
}

.m18 {
  margin: 18px !important;
}

.m19 {
  margin: 19px !important;
}

.m20 {
  margin: 20px !important;
}

.m21 {
  margin: 21px !important;
}

.m22 {
  margin: 22px !important;
}

.m23 {
  margin: 23px !important;
}

.m24 {
  margin: 24px !important;
}

.m25 {
  margin: 25px !important;
}

.m26 {
  margin: 26px !important;
}

.m27 {
  margin: 27px !important;
}

.m28 {
  margin: 28px !important;
}

.m29 {
  margin: 29px !important;
}

.m30 {
  margin: 30px !important;
}

.m31 {
  margin: 31px !important;
}

.m32 {
  margin: 32px !important;
}

.m33 {
  margin: 33px !important;
}

.m34 {
  margin: 34px !important;
}

.m35 {
  margin: 35px !important;
}

.m36 {
  margin: 36px !important;
}

.m37 {
  margin: 37px !important;
}

.m38 {
  margin: 38px !important;
}

.m39 {
  margin: 39px !important;
}

.m40 {
  margin: 40px !important;
}

.m41 {
  margin: 41px !important;
}

.m42 {
  margin: 42px !important;
}

.m43 {
  margin: 43px !important;
}

.m44 {
  margin: 44px !important;
}

.m45 {
  margin: 45px !important;
}

.m46 {
  margin: 46px !important;
}

.m47 {
  margin: 47px !important;
}

.m48 {
  margin: 48px !important;
}

.m49 {
  margin: 49px !important;
}

.m50 {
  margin: 50px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt1 {
  margin-top: 1px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt6 {
  margin-top: 6px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt9 {
  margin-top: 9px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt11 {
  margin-top: 11px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mt13 {
  margin-top: 13px !important;
}

.mt14 {
  margin-top: 14px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mt17 {
  margin-top: 17px !important;
}

.mt18 {
  margin-top: 18px !important;
}

.mt19 {
  margin-top: 19px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt21 {
  margin-top: 21px !important;
}

.mt22 {
  margin-top: 22px !important;
}

.mt23 {
  margin-top: 23px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt26 {
  margin-top: 26px !important;
}

.mt27 {
  margin-top: 27px !important;
}

.mt28 {
  margin-top: 28px !important;
}

.mt29 {
  margin-top: 29px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt31 {
  margin-top: 31px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mt33 {
  margin-top: 33px !important;
}

.mt34 {
  margin-top: 34px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt36 {
  margin-top: 36px !important;
}

.mt37 {
  margin-top: 37px !important;
}

.mt38 {
  margin-top: 38px !important;
}

.mt39 {
  margin-top: 39px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt41 {
  margin-top: 41px !important;
}

.mt42 {
  margin-top: 42px !important;
}

.mt43 {
  margin-top: 43px !important;
}

.mt44 {
  margin-top: 44px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt46 {
  margin-top: 46px !important;
}

.mt47 {
  margin-top: 47px !important;
}

.mt48 {
  margin-top: 48px !important;
}

.mt49 {
  margin-top: 49px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt51 {
  margin-top: 51px !important;
}

.mt52 {
  margin-top: 52px !important;
}

.mt53 {
  margin-top: 53px !important;
}

.mt54 {
  margin-top: 54px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt56 {
  margin-top: 56px !important;
}

.mt57 {
  margin-top: 57px !important;
}

.mt58 {
  margin-top: 58px !important;
}

.mt59 {
  margin-top: 59px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr1 {
  margin-right: 1px !important;
}

.mr2 {
  margin-right: 2px !important;
}

.mr3 {
  margin-right: 3px !important;
}

.mr4 {
  margin-right: 4px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr6 {
  margin-right: 6px !important;
}

.mr7 {
  margin-right: 7px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mr9 {
  margin-right: 9px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr11 {
  margin-right: 11px !important;
}

.mr12 {
  margin-right: 12px !important;
}

.mr13 {
  margin-right: 13px !important;
}

.mr14 {
  margin-right: 14px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.mr17 {
  margin-right: 17px !important;
}

.mr18 {
  margin-right: 18px !important;
}

.mr19 {
  margin-right: 19px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr21 {
  margin-right: 21px !important;
}

.mr22 {
  margin-right: 22px !important;
}

.mr23 {
  margin-right: 23px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr26 {
  margin-right: 26px !important;
}

.mr27 {
  margin-right: 27px !important;
}

.mr28 {
  margin-right: 28px !important;
}

.mr29 {
  margin-right: 29px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr31 {
  margin-right: 31px !important;
}

.mr32 {
  margin-right: 32px !important;
}

.mr33 {
  margin-right: 33px !important;
}

.mr34 {
  margin-right: 34px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr36 {
  margin-right: 36px !important;
}

.mr37 {
  margin-right: 37px !important;
}

.mr38 {
  margin-right: 38px !important;
}

.mr39 {
  margin-right: 39px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr41 {
  margin-right: 41px !important;
}

.mr42 {
  margin-right: 42px !important;
}

.mr43 {
  margin-right: 43px !important;
}

.mr44 {
  margin-right: 44px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr46 {
  margin-right: 46px !important;
}

.mr47 {
  margin-right: 47px !important;
}

.mr48 {
  margin-right: 48px !important;
}

.mr49 {
  margin-right: 49px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr51 {
  margin-right: 51px !important;
}

.mr52 {
  margin-right: 52px !important;
}

.mr53 {
  margin-right: 53px !important;
}

.mr54 {
  margin-right: 54px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mr56 {
  margin-right: 56px !important;
}

.mr57 {
  margin-right: 57px !important;
}

.mr58 {
  margin-right: 58px !important;
}

.mr59 {
  margin-right: 59px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb1 {
  margin-bottom: 1px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb6 {
  margin-bottom: 6px !important;
}

.mb7 {
  margin-bottom: 7px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb9 {
  margin-bottom: 9px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb11 {
  margin-bottom: 11px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.mb13 {
  margin-bottom: 13px !important;
}

.mb14 {
  margin-bottom: 14px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.mb17 {
  margin-bottom: 17px !important;
}

.mb18 {
  margin-bottom: 18px !important;
}

.mb19 {
  margin-bottom: 19px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb21 {
  margin-bottom: 21px !important;
}

.mb22 {
  margin-bottom: 22px !important;
}

.mb23 {
  margin-bottom: 23px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb26 {
  margin-bottom: 26px !important;
}

.mb27 {
  margin-bottom: 27px !important;
}

.mb28 {
  margin-bottom: 28px !important;
}

.mb29 {
  margin-bottom: 29px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb31 {
  margin-bottom: 31px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.mb33 {
  margin-bottom: 33px !important;
}

.mb34 {
  margin-bottom: 34px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb36 {
  margin-bottom: 36px !important;
}

.mb37 {
  margin-bottom: 37px !important;
}

.mb38 {
  margin-bottom: 38px !important;
}

.mb39 {
  margin-bottom: 39px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb41 {
  margin-bottom: 41px !important;
}

.mb42 {
  margin-bottom: 42px !important;
}

.mb43 {
  margin-bottom: 43px !important;
}

.mb44 {
  margin-bottom: 44px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb46 {
  margin-bottom: 46px !important;
}

.mb47 {
  margin-bottom: 47px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.mb49 {
  margin-bottom: 49px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml1 {
  margin-left: 1px !important;
}

.ml2 {
  margin-left: 2px !important;
}

.ml3 {
  margin-left: 3px !important;
}

.ml4 {
  margin-left: 4px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml6 {
  margin-left: 6px !important;
}

.ml7 {
  margin-left: 7px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.ml9 {
  margin-left: 9px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml11 {
  margin-left: 11px !important;
}

.ml12 {
  margin-left: 12px !important;
}

.ml13 {
  margin-left: 13px !important;
}

.ml14 {
  margin-left: 14px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml16 {
  margin-left: 16px !important;
}

.ml17 {
  margin-left: 17px !important;
}

.ml18 {
  margin-left: 18px !important;
}

.ml19 {
  margin-left: 19px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml21 {
  margin-left: 21px !important;
}

.ml22 {
  margin-left: 22px !important;
}

.ml23 {
  margin-left: 23px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml26 {
  margin-left: 26px !important;
}

.ml27 {
  margin-left: 27px !important;
}

.ml28 {
  margin-left: 28px !important;
}

.ml29 {
  margin-left: 29px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml31 {
  margin-left: 31px !important;
}

.ml32 {
  margin-left: 32px !important;
}

.ml33 {
  margin-left: 33px !important;
}

.ml34 {
  margin-left: 34px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml36 {
  margin-left: 36px !important;
}

.ml37 {
  margin-left: 37px !important;
}

.ml38 {
  margin-left: 38px !important;
}

.ml39 {
  margin-left: 39px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml41 {
  margin-left: 41px !important;
}

.ml42 {
  margin-left: 42px !important;
}

.ml43 {
  margin-left: 43px !important;
}

.ml44 {
  margin-left: 44px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml46 {
  margin-left: 46px !important;
}

.ml47 {
  margin-left: 47px !important;
}

.ml48 {
  margin-left: 48px !important;
}

.ml49 {
  margin-left: 49px !important;
}

.ml50 {
  margin-left: 50px !important;
}

/****************************** padding setting ******************************/
.p0 {
  padding: 0px !important;
}

.p1 {
  padding: 1px !important;
}

.p2 {
  padding: 2px !important;
}

.p3 {
  padding: 3px !important;
}

.p4 {
  padding: 4px !important;
}

.p5 {
  padding: 5px !important;
}

.p6 {
  padding: 6px !important;
}

.p7 {
  padding: 7px !important;
}

.p8 {
  padding: 8px !important;
}

.p9 {
  padding: 9px !important;
}

.p10 {
  padding: 10px !important;
}

.p11 {
  padding: 11px !important;
}

.p12 {
  padding: 12px !important;
}

.p13 {
  padding: 13px !important;
}

.p14 {
  padding: 14px !important;
}

.p15 {
  padding: 15px !important;
}

.p16 {
  padding: 16px !important;
}

.p17 {
  padding: 17px !important;
}

.p18 {
  padding: 18px !important;
}

.p19 {
  padding: 19px !important;
}

.p20 {
  padding: 20px !important;
}

.p21 {
  padding: 21px !important;
}

.p22 {
  padding: 22px !important;
}

.p23 {
  padding: 23px !important;
}

.p24 {
  padding: 24px !important;
}

.p25 {
  padding: 25px !important;
}

.p26 {
  padding: 26px !important;
}

.p27 {
  padding: 27px !important;
}

.p28 {
  padding: 28px !important;
}

.p29 {
  padding: 29px !important;
}

.p30 {
  padding: 30px !important;
}

.p31 {
  padding: 31px !important;
}

.p32 {
  padding: 32px !important;
}

.p33 {
  padding: 33px !important;
}

.p34 {
  padding: 34px !important;
}

.p35 {
  padding: 35px !important;
}

.p36 {
  padding: 36px !important;
}

.p37 {
  padding: 37px !important;
}

.p38 {
  padding: 38px !important;
}

.p39 {
  padding: 39px !important;
}

.p40 {
  padding: 40px !important;
}

.p41 {
  padding: 41px !important;
}

.p42 {
  padding: 42px !important;
}

.p43 {
  padding: 43px !important;
}

.p44 {
  padding: 44px !important;
}

.p45 {
  padding: 45px !important;
}

.p46 {
  padding: 46px !important;
}

.p47 {
  padding: 47px !important;
}

.p48 {
  padding: 48px !important;
}

.p49 {
  padding: 49px !important;
}

.p50 {
  padding: 50px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt1 {
  padding-top: 1px !important;
}

.pt2 {
  padding-top: 2px !important;
}

.pt3 {
  padding-top: 3px !important;
}

.pt4 {
  padding-top: 4px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt6 {
  padding-top: 6px !important;
}

.pt7 {
  padding-top: 7px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pt9 {
  padding-top: 9px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt11 {
  padding-top: 11px !important;
}

.pt12 {
  padding-top: 12px !important;
}

.pt13 {
  padding-top: 13px !important;
}

.pt14 {
  padding-top: 14px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt16 {
  padding-top: 16px !important;
}

.pt17 {
  padding-top: 17px !important;
}

.pt18 {
  padding-top: 18px !important;
}

.pt19 {
  padding-top: 19px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt21 {
  padding-top: 21px !important;
}

.pt22 {
  padding-top: 22px !important;
}

.pt23 {
  padding-top: 23px !important;
}

.pt24 {
  padding-top: 24px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt26 {
  padding-top: 26px !important;
}

.pt27 {
  padding-top: 27px !important;
}

.pt28 {
  padding-top: 28px !important;
}

.pt29 {
  padding-top: 29px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt31 {
  padding-top: 31px !important;
}

.pt32 {
  padding-top: 32px !important;
}

.pt33 {
  padding-top: 33px !important;
}

.pt34 {
  padding-top: 34px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt36 {
  padding-top: 36px !important;
}

.pt37 {
  padding-top: 37px !important;
}

.pt38 {
  padding-top: 38px !important;
}

.pt39 {
  padding-top: 39px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt41 {
  padding-top: 41px !important;
}

.pt42 {
  padding-top: 42px !important;
}

.pt43 {
  padding-top: 43px !important;
}

.pt44 {
  padding-top: 44px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt46 {
  padding-top: 46px !important;
}

.pt47 {
  padding-top: 47px !important;
}

.pt48 {
  padding-top: 48px !important;
}

.pt49 {
  padding-top: 49px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr1 {
  padding-right: 1px !important;
}

.pr2 {
  padding-right: 2px !important;
}

.pr3 {
  padding-right: 3px !important;
}

.pr4 {
  padding-right: 4px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr6 {
  padding-right: 6px !important;
}

.pr7 {
  padding-right: 7px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pr9 {
  padding-right: 9px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr11 {
  padding-right: 11px !important;
}

.pr12 {
  padding-right: 12px !important;
}

.pr13 {
  padding-right: 13px !important;
}

.pr14 {
  padding-right: 14px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr16 {
  padding-right: 16px !important;
}

.pr17 {
  padding-right: 17px !important;
}

.pr18 {
  padding-right: 18px !important;
}

.pr19 {
  padding-right: 19px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr21 {
  padding-right: 21px !important;
}

.pr22 {
  padding-right: 22px !important;
}

.pr23 {
  padding-right: 23px !important;
}

.pr24 {
  padding-right: 24px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr26 {
  padding-right: 26px !important;
}

.pr27 {
  padding-right: 27px !important;
}

.pr28 {
  padding-right: 28px !important;
}

.pr29 {
  padding-right: 29px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr31 {
  padding-right: 31px !important;
}

.pr32 {
  padding-right: 32px !important;
}

.pr33 {
  padding-right: 33px !important;
}

.pr34 {
  padding-right: 34px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr36 {
  padding-right: 36px !important;
}

.pr37 {
  padding-right: 37px !important;
}

.pr38 {
  padding-right: 38px !important;
}

.pr39 {
  padding-right: 39px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr41 {
  padding-right: 41px !important;
}

.pr42 {
  padding-right: 42px !important;
}

.pr43 {
  padding-right: 43px !important;
}

.pr44 {
  padding-right: 44px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr46 {
  padding-right: 46px !important;
}

.pr47 {
  padding-right: 47px !important;
}

.pr48 {
  padding-right: 48px !important;
}

.pr49 {
  padding-right: 49px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb1 {
  padding-bottom: 1px !important;
}

.pb2 {
  padding-bottom: 2px !important;
}

.pb3 {
  padding-bottom: 3px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb6 {
  padding-bottom: 6px !important;
}

.pb7 {
  padding-bottom: 7px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pb9 {
  padding-bottom: 9px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb11 {
  padding-bottom: 11px !important;
}

.pb12 {
  padding-bottom: 12px !important;
}

.pb13 {
  padding-bottom: 13px !important;
}

.pb14 {
  padding-bottom: 14px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.pb17 {
  padding-bottom: 17px !important;
}

.pb18 {
  padding-bottom: 18px !important;
}

.pb19 {
  padding-bottom: 19px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb21 {
  padding-bottom: 21px !important;
}

.pb22 {
  padding-bottom: 22px !important;
}

.pb23 {
  padding-bottom: 23px !important;
}

.pb24 {
  padding-bottom: 24px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb26 {
  padding-bottom: 26px !important;
}

.pb27 {
  padding-bottom: 27px !important;
}

.pb28 {
  padding-bottom: 28px !important;
}

.pb29 {
  padding-bottom: 29px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb31 {
  padding-bottom: 31px !important;
}

.pb32 {
  padding-bottom: 32px !important;
}

.pb33 {
  padding-bottom: 33px !important;
}

.pb34 {
  padding-bottom: 34px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb36 {
  padding-bottom: 36px !important;
}

.pb37 {
  padding-bottom: 37px !important;
}

.pb38 {
  padding-bottom: 38px !important;
}

.pb39 {
  padding-bottom: 39px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb41 {
  padding-bottom: 41px !important;
}

.pb42 {
  padding-bottom: 42px !important;
}

.pb43 {
  padding-bottom: 43px !important;
}

.pb44 {
  padding-bottom: 44px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb46 {
  padding-bottom: 46px !important;
}

.pb47 {
  padding-bottom: 47px !important;
}

.pb48 {
  padding-bottom: 48px !important;
}

.pb49 {
  padding-bottom: 49px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl1 {
  padding-left: 1px !important;
}

.pl2 {
  padding-left: 2px !important;
}

.pl3 {
  padding-left: 3px !important;
}

.pl4 {
  padding-left: 4px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl6 {
  padding-left: 6px !important;
}

.pl7 {
  padding-left: 7px !important;
}

.pl8 {
  padding-left: 8px !important;
}

.pl9 {
  padding-left: 9px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl11 {
  padding-left: 11px !important;
}

.pl12 {
  padding-left: 12px !important;
}

.pl13 {
  padding-left: 13px !important;
}

.pl14 {
  padding-left: 14px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl16 {
  padding-left: 16px !important;
}

.pl17 {
  padding-left: 17px !important;
}

.pl18 {
  padding-left: 18px !important;
}

.pl19 {
  padding-left: 19px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl21 {
  padding-left: 21px !important;
}

.pl22 {
  padding-left: 22px !important;
}

.pl23 {
  padding-left: 23px !important;
}

.pl24 {
  padding-left: 24px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl26 {
  padding-left: 26px !important;
}

.pl27 {
  padding-left: 27px !important;
}

.pl28 {
  padding-left: 28px !important;
}

.pl29 {
  padding-left: 29px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl31 {
  padding-left: 31px !important;
}

.pl32 {
  padding-left: 32px !important;
}

.pl33 {
  padding-left: 33px !important;
}

.pl34 {
  padding-left: 34px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl36 {
  padding-left: 36px !important;
}

.pl37 {
  padding-left: 37px !important;
}

.pl38 {
  padding-left: 38px !important;
}

.pl39 {
  padding-left: 39px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl41 {
  padding-left: 41px !important;
}

.pl42 {
  padding-left: 42px !important;
}

.pl43 {
  padding-left: 43px !important;
}

.pl44 {
  padding-left: 44px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl46 {
  padding-left: 46px !important;
}

.pl47 {
  padding-left: 47px !important;
}

.pl48 {
  padding-left: 48px !important;
}

.pl49 {
  padding-left: 49px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl51 {
  padding-left: 51px !important;
}

.pl52 {
  padding-left: 52px !important;
}

.up_line {
  border-top: 1px solid #999;
}

/* [s] button wrap */
div.btn_wrap {
  text-align: center;
  padding-top: 5px;
}

div.btn_wrap ul {
  overflow: hidden;
  list-style: none;
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin-bottom: 6px;
}

div.btn_wrap li.btnL {
  float: left;
}

div.btn_wrap li.btnR {
  float: right;
}

/* [e] button wrap */
/* 20180305 조회하기버튼 */
ul.searchBtn {
  overflow: initial;
  height: initial;
  line-height: normal;
}

ul.searchBtn > li > a {
  display: block;
  line-height: 1;
  padding: 5px 15px;
  height: initial;
}

/* [s] button */
/* a.btn_big{padding:0 15px;display:inline-block;background: url(../images/btn_base_bg.gif) repeat-x center center;
    border: 1px solid #b5b6b5;vertical-align: top;font-size:14px;color:#444;line-height:21px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap;height:23px;background-size:cover} */
a.btn_big {
  display: inline-block;
  height: 24px;
  padding: 3px 15px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fafafa;
  border: 1px solid #b5b6b5;
  font-size: 13px;
  color: #444;
}

a.ieLine {
  padding: 5px 15px;
  height: auto;
  line-height: 13px;
}

a.btn_sml {
  padding: 0 10px;
  display: inline-block;
  background: url(../images/btn_base_bg.gif) repeat-x center center;
  border: 1px solid #b5b6b5;
  vertical-align: top;
  font-size: 12px;
  color: #444;
  line-height: 20px;
  letter-spacing: -1px;
  word-spacing: -1px;
  text-decoration: none !important;
  white-space: nowrap;
  height: 22px;
  background-size: cover;
}

.btn_prc_chk {
  vertical-align: baseline;
}

table .btn_info.fwb.blue_txt {
  margin: 0 5px;
  display: inline-block;
  height: 24px;
  padding: 3px 15px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #2c77bc;
}

table .btn_info.fwb.blue_txt:hover {
  background: #2c77bc;
  color: #fff !important;
  border: 1px solid #fff;
}

div.btnSet {
  text-align: right;
  margin: 10px 0 20px;
}

.reBtn {
  display: inline-block;
  padding: 5px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fafafa;
  border: 1px solid #b5b6b5;
  font-size: 13px;
  color: #444;
  line-height: 1;
}

/* [e] button */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #555;
  line-height: normal;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #555;
  line-height: 1;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #555;
  line-height: 1;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #555;
  line-height: 1;
}

/* ==========================================================================
content styles: table_btn & etc
========================================================================== */
/**/
table td.ta_c, table th.ta_c {
  text-align: center !important;
}

table td.ta_l, table th.ta_l {
  text-align: left !important;
}

table td.ta_r, table th.ta_r {
  text-align: right !important;
}

.bb_none {
  border-bottom: none !important;
}

.br_none {
  border-right: none !important;
}

.bl_none {
  border-left: none !important;
}

.bt_none {
  border-top: none !important;
}

/* common */
.btnBox {
  text-align: center;
  padding: 16px 0;
}

.btn_ty {
  display: inline-block;
  *display: inline;
  text-align: center;
  vertical-align: middle;
  *zoom: 1;
}

.btn_ty a {
  display: block;
  width: auto;
  min-width: 120px;
  padding: 0 10px;
  height: 40px;
  line-height: 38px;
  color: #fff;
  background: #2c77bc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.btn_ty.type1 a {
  background: #c9c9c9;
  border: 1px solid #ccc;
}

.btn_ty.type2 a {
  background: #fff;
  color: #111;
  border: 1px solid #ccc;
}

.btn_ty.type3 a {
  background: #ccc;
}

.btn_disable a {
  color: #b8b8b8 !important;
  border: 1px solid #e0e0e0 !important;
  background: #f9f9f9 !important;
}

.btnBox.pr {
  text-align: right;
}

.btnBox.pl {
  text-align: left;
}

.btn_blue {
  background: #2c77bc;
  color: #fff;
}

/* layer */
body {
  position: relative;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #wrap {
    position: relative;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #wrap {
    overflow-x: hidden;
  }
}

#skipNav {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#skipNav a {
  display: block;
  height: 1px;
  margin-bottom: -1px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  color: #333;
  font-size: 12px;
}

#skipNav a:hover, #skipNav a:focus, #skipNav a:active {
  display: block;
  height: auto;
  padding: 10px 0;
  background: none repeat scroll 0 0 #f2f2f2;
}

/* sitemap is */
.modal-wrap.modalPopup_sitemap .modal-content {
  width: auto;
  max-width: 1262px;
}

.modal-wrap.modalPopup_sitemap .pop_content {
  border: 3px solid #2c77bc;
  padding: 0;
}

.modal-wrap.modalPopup_sitemap .pop_content .sitamap_dl {
  background: #2c77bc url(../images/blue_low.gif) repeat-x bottom left;
  background-size: 200px 1px;
  position: relative;
  padding-left: 200px;
  width: auto;
}

.modal-wrap.modalPopup_sitemap .pop_content .sitamap_dl dt {
  width: 200px;
  float: left;
  color: #fff;
  font-size: 16px;
  position: absolute;
  left: 0;
  margin-top: 25px;
  padding-left: 30px;
}

.modal-wrap.modalPopup_sitemap .pop_content .sitamap_dl dd {
  background: #fff;
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.modal-wrap.modalPopup_sitemap .pop_content .sitamap_dl dd > ul {
  width: 100%;
  display: inline-block;
}

.modal-wrap.modalPopup_sitemap .pop_content .sitamap_dl dd > ul > li {
  line-height: 1.3em;
}

.modal-wrap.modalPopup_sitemap .pop_content .sitamap_dl .depth2 {
  width: 20%;
  float: left;
}

/* .modal-wrap.modalPopup_sitemap .pop_content .sitamap_dl .depth2:nth-child(1){width:21%}
.modal-wrap.modalPopup_sitemap .pop_content .sitamap_dl .depth2:nth-child(2){width:19%}
.modal-wrap.modalPopup_sitemap .pop_content .sitamap_dl .depth2:nth-child(3){width:27%}
.modal-wrap.modalPopup_sitemap .pop_content .sitamap_dl .depth2:nth-child(4){width:18%}
.modal-wrap.modalPopup_sitemap .pop_content .sitamap_dl .depth2:nth-child(5){width:15%} */
.modal-wrap.modalPopup_sitemap .pop_content .sitamap_dl p, .modal-wrap.modalPopup_sitemap .pop_content .sitamap_dl p > a {
  font-weight: bold;
  font-size: 14px;
}

.modal-wrap.modalPopup_sitemap .pop_content .sitamap_dl .depth3 {
  margin-top: 15px;
}

.modal-wrap.modalPopup_sitemap .pop_content .sitamap_dl .depth3 li {
  margin-bottom: 5px;
  padding-left: 11px;
  text-indent: -14px;
  letter-spacing: -0.07em;
  font-size: 13px;
}

.modal-wrap.modalPopup_sitemap .depth_block {
  padding: 25px 20px 25px 20px;
}

.modal-wrap.modalPopup_sitemap .btn_modalpopupClose {
  top: -1px;
  right: -23px;
}

/* header */
/* .m_top_depth{position: absolute;width: 100%; height:100%; top:2px;text-align: center;} */
/* .m_top_depth a{color:#fff;font-size: 18px;} */
/* .m_top_depth a{color:black;font-size: 36px; display:flex; justify-content:center; align-items:center; font-weight:300; font-family:'notosans';} */
#menu-rnb {
  display: none;
  background: #333;
}

#menu-rnb.mm-opened {
  opacity: 1;
}

.mm-menu {
  color: #fff;
}

#menu-rnb h2 {
  text-align: center;
  width: 100%;
  font-size: 18px;
  line-height: 46px;
  height: 46px;
  border-bottom: 1px solid #484848;
}

.m_layer select {
  -webkit-appearance: none;
  background: #fff url(../images/select_arrow.gif) no-repeat right 10px center;
  background-size: 10px 7px;
  background: #fff \0/IE89;
  padding-left: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 0909 추가 
.m_header_inner{background:#fff}
.nav_sub{border-bottom:1px solid #c8c8c8;display:none}
.nav_sub li{border-right:1px solid #c8c8c8;float:left;width:25%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 5px;background:#fff;min-height:35px;line-height:35px}
.nav_sub li:last-child{border-right:none;}
.nav_sub li a{width:100%;text-align: center;color:#999;font-weight: bold;font-size:11px;display:block;word-wrap:break-word;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.nav_sub li.on{background:#eee}
.nav_sub li.on a{color:#000;font-weight: bold;}

.nav_sub.n3 li{width:33.33%}
.nav_sub.n2 li{width:50%}*/
/* 2017.10.31 여기부터 수정,추가 */
.m_header_inner {
  background: #fff;
}

/* .nav_sub{border-bottom:1px solid #ccc;display:none;} */
.nav_sub {
  display: none;
  background: #4a81ff;
}

.nav_sub li {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5px;
  text-align: center;
  height: 40px;
}

.nav_sub li a {
  width: auto;
  height: 40px;
  padding: 12px 3px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  color: #a3a3a3;
  font-weight: bold;
  font-size: 11px;
  display: inline-block;
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: white;
}

.nav_sub li.on {
  color: #2e79bd;
}

.nav_sub li.on a {
  color: white;
  font-weight: bold;
  border-bottom: 3px solid white;
}

.nav_sub.n4 li {
  width: 25%;
}

.nav_sub.n3 li {
  width: 33.33%;
}

.nav_sub.n2 li {
  width: 50%;
}

/* 2017.10.31 여기까지 수정,추가 */
.nav_sub_s01 {
  /* 	transform: translate3d(0px, 0px, 0px); */
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /*   z-index: 1; */
  /*   left: 0px; */
  /*   top: 0px; */
  /*   transition-property: -webkit-transform; */
  /*   transform: translate(0px, 0px); */
  /*   transition-timing-function: cubic-bezier(0.18, 0.35, 0.56, 1); */
  /*   height: 100%; */
  /*   transition-duration: 0ms; */
  /*   pointer-events: auto; */
}

.nav_sub_box::-webkit-scrollbar {
  width: 4px;
  height: 1px;
  background-color: #fff;
}

.nav_sub_box::-webkit-scrollbar-thumb {
  background-color: #ddd;
}

.nav_sub_box {
  width: 100%;
  overflow-x: scroll;
  transition-property: -webkit-transform;
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  -webkit-transition-timing-function: cubic-bezier(0.18, 0.35, 0.56, 1);
          transition-timing-function: cubic-bezier(0.18, 0.35, 0.56, 1);
  height: 100%;
  -webkit-transition-duration: 0ms;
          transition-duration: 0ms;
  pointer-events: auto;
}

.nav_sub_s01:BEFORE {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.8)), color-stop(100%, rgba(255, 255, 255, 0)));
  z-index: 1;
  content: ' ';
}

.nav_sub_s01:AFTER {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(255, 255, 255, 0.8)), color-stop(100%, rgba(255, 255, 255, 0)));
  z-index: 1;
  content: ' ';
}

.nav_sub_s01 > * > ul {
  display: table;
}

.nav_sub_s01 > * > ul > li {
  display: table-cell;
  width: auto;
  float: none;
  min-width: 80px;
}

/* .nav_sub_s01>ul>li>a{width:100%;text-align: center;color:#999;font-weight: bold;font-size:11px;display:block;word-wrap:break-word;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} */
/* 20170920 */
.footTxt {
  text-align: center;
  margin: 15px 0 5px;
  display: block;
}

.footTxt a {
  font-size: 13px;
  margin-bottom: 5px;
  color: #333;
  text-align: center;
  font-weight: 700;
  display: inline-block;
}

.footTxt a > span {
  font-size: 14px;
}

.footTxt > span {
  font-size: 12px;
  margin-bottom: 5px;
  color: #808080;
  text-align: center;
  display: block;
}

.footTxt > span > span {
  font-size: 13px;
}

.slide_wrap {
  position: relative;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.slide_wrap .gallery-cell a {
  display: inline-block;
}

.slide_wrap .gallery-cell a img {
  max-width: 100%;
}

.carInfo {
  margin-bottom: 20px;
}

.carInfo h3 {
  font-size: 14px;
  font-weight: normal;
  color: #333;
  margin-bottom: 3px;
}

.carInfo p {
  font-size: 14px;
  color: #333;
}

.carInfo p span.estimateBox {
  display: inline-block;
  background: #dcedfa;
  padding: 3px 6px;
  margin-left: 5px;
}

.gallery-cell {
  width: 100%;
  counter-increment: gallery-cell;
  position: absolute;
}

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 40px;
  width: 40px;
  height: 40px;
  background: url(../images/slideBtn01.png) 0 0 no-repeat;
  background-size: 100%;
}

.flickity-prev-next-button.previous {
  left: 0;
  -webkit-tap-highlight-color: transparent;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.flickity-prev-next-button.next {
  right: 0;
  -webkit-tap-highlight-color: transparent;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

.flickity-prev-next-button .arrow {
  display: none;
}

.flickity-prev-next-button:disabled {
  opacity: 0;
}

/* ---- page dots ---- */
.flickity-page-dots {
  width: 100%;
  position: absolute;
  bottom: 5px;
  text-align: center;
  z-index: 9999;
  border: 0;
  vertical-align: middle;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 3px;
  border-radius: 50%;
  background: #999;
}

.flickity-page-dots .dot.is-selected {
  background: #2c77bc;
  opacity: 1;
}

/**/
/*.page_info{padding:11px 20px;font-size:12px;color:#000;line-height:22px;border-bottom:1px solid #e4e4e4;text-align:right;}
.page_info .page_info_inner{margin:0 auto;padding:0 30px;max-width:1260px;}
.page_info .home{overflow:hidden;display:inline-block;*display:inline;*zoom:1;margin-right:20px;height:22px;width:22px;vertical-align:middle;text-indent:-9999px;background:url(../images/ico_home.gif) no-repeat 0 0;}
.page_info span{padding:5px 11px 5px 20px;background:url(../images/bu_pageInfo.png) no-repeat 0 center;vertical-align:top;}
.page_info strong{font-weight:normal;}
.page_info a{padding: 5px 11px 5px 20px;}*/
/**/
.content_area {
  max-width: 1280px;
  background: #fff;
  padding: 40px 0 20px;
  position: relative;
  margin: 0 auto;
}

.content_area.fullwidth {
  max-width: 100%;
  padding: 0 0 20px;
}

#content.left {
  position: relative;
  margin-left: 230px;
  max-width: 1032px;
}

.content_area.fullwidth #content.left {
  margin: 25px auto 0;
  max-width: 1280px;
}

.left_menu {
  position: absolute;
  width: 200px;
}

.left_menu_ul li {
  border-top: 1px solid #dddddd;
  padding-top: 20px;
}

.left_menu_ul li:first-child {
  border: none;
}

.left_tit {
  letter-spacing: -0.08em;
  font-weight: bold;
  color: #2c77bc;
  font-size: 28px;
  border-bottom: 2px solid #b6b6b6;
  padding-bottom: 15px;
}

.left_menu_ul li dt {
  margin-bottom: 15px;
}

.left_menu_ul li dt a {
  color: #505050;
  font-size: 18px;
  font-weight: bold;
}

.left_menu_ul li dt.txt_sty {
  text-decoration: underline;
  font-style: italic;
}

.left_menu_ul li dt.txt_sty span {
  font-weight: normal;
}

.left_menu_ul li dt.on a, .left_menu_ul li dt a:hover {
  color: #2c77bc;
}

.left_menu_ul li dd {
  margin-bottom: 12px;
  letter-spacing: -0.08em;
}

.left_menu_ul li dd a {
  font-size: 13px;
  display: block;
  padding: 3px 10px 4px;
  line-height: 1.3em;
}

.left_menu_ul li dd:hover a, .left_menu_ul li dd.on a {
  background: #2c77bc;
  color: #fff;
}

/* sub_vs_top */
.top_vs_tit {
  margin-bottom: 40px;
}

.top_vs_tit dl {
  width: 100%;
  height: 94px;
  padding-top: 30px;
  line-height: 1em;
  background: url(../images/vs_notice_01.jpg) no-repeat 0 0;
  background-size: 100% 100%;
}

.top_vs_tit dt {
  font-size: 31px;
  color: #3d3d3d;
  font-weight: bold;
  margin-bottom: 20px;
  margin-left: 30px;
}

.top_vs_tit dd {
  font-size: 14px;
  color: #888;
  margin-bottom: 3px;
  margin-left: 30px;
  line-height: 1.3em;
}

.top_vs_tit2 h2 {
  float: left;
  width: 100px;
  height: 45px;
  width: 160px;
  text-align: center;
  font-size: 30px;
}

.top_vs_tit2 .p_area {
  float: left;
  height: 45px;
  margin-left: 20px;
  font-size: 13px;
  line-height: 17px;
}

.line_2ton {
  position: relative;
  border-bottom: 2px solid #ddd;
  height: 2px;
  width: 100%;
}

.line_2ton:after {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  border-bottom: 2px solid #3777bc;
  width: 160px;
}

/* paging */
.w_paging {
  display: inline;
}

.cntPaging {
  text-align: center;
  font-size: 0;
  line-height: 0;
  margin-top: 22px;
  margin-bottom: 25px;
}

.cntPaging strong {
  display: inline-block;
  *display: inline;
  min-width: 34px;
  height: 34px;
  line-height: 32px;
  font-weight: normal;
  font-size: 16px;
  color: #3777bc;
  border: 1px solid #3777bc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  *zoom: 1;
  padding: 0 5px;
}

.cntPaging a {
  display: inline-block;
  *display: inline;
  min-width: 34px;
  height: 34px;
  line-height: 32px;
  font-size: 16px;
  color: #666;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  *zoom: 1;
  border: 1px solid #e6e6e6;
  margin: 0 1px;
  padding: 0 5px;
}

.cntPaging a.prev, .cntPaging a.next, .cntPaging a.first_page, .cntPaging a.last_page {
  width: 34px;
  height: 34px;
  border: 1px solid #e6e6e6;
}

.cntPaging a.first_page {
  background: url(../images/nnext.png) no-repeat center center;
  background-size: contain;
}

.cntPaging a.prev {
  margin: 0 4px 0 2px;
  background: url(../images/next.png) no-repeat center center;
  background-size: contain;
}

.cntPaging a.next {
  margin: 0 2px 0 4px;
  background: url(../images/prev.png) no-repeat center center;
  background-size: contain;
}

.cntPaging a.last_page {
  background: url(../images/pprev.png) no-repeat center center;
  background-size: contain;
}

.cntPaging a:hover {
  color: #3777bc;
  border: 1px solid #3777bc;
}

.cntPaging p {
  display: none;
  *display: inline;
  min-width: 34px;
  height: 34px;
  line-height: 34px;
  font-weight: normal;
  font-size: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  *zoom: 1;
  color: #555;
}

.cntPaging p span.act {
  color: #3777bc;
  font-weight: normal;
  min-width: 34px;
  height: 34px;
  border: 1px solid #3777bc;
  display: inline-block;
}

.cntPaging p span.no_act {
  color: #555555;
  font-weight: normal;
  min-width: 34px;
  height: 34px;
  border: 1px solid #f5f5f5;
  display: inline-block;
}

.cntPaging p.act span.bar {
  font-size: 15px;
  vertical-align: top;
}

/* top_list_tit */
h3.top_list_tit {
  font-size: 24px;
  color: #333;
}

h4.top_list_tit {
  margin-bottom: 9px;
  color: #505050;
  font-size: 18px;
  line-height: 1;
}

.list_type_01 {
  position: relative;
}

.all_list_num {
  position: absolute;
  right: 0;
  top: -20px;
  font-size: 11px;
  font-family: dotum;
}

.all_list_num span {
  color: #2c77bc;
  font-size: 13px;
  font-weight: bold;
}

/* base table */
table.table_01 {
  width: 100%;
  border-top: 2px solid #637d95;
  table-layout: fixed;
}

table.table_01 thead th {
  background: #f5f5f5;
  border-bottom: 1px solid #bec8d2;
  font-size: 13px;
  color: #8093a4;
  height: 34px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
}

table.table_01 tbody td {
  background: #fff;
  border-bottom: 1px solid #d3dae1;
  font-size: 13px;
  color: #555;
  height: 38px;
  text-align: center;
  vertical-align: middle;
  padding: 0 15px;
}

.m_cg {
  display: none;
}

table.table_01 tbody td.tit {
  text-align: left;
}

table.table_01 tbody td.tit a {
  color: #555;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  overflow: hidden;
}

table.table_01 .red {
  font-size: 11px;
  width: 31px;
  height: 17px;
  line-height: 16px;
  display: inline-block;
  margin-right: 10px;
  background: #f7666c;
  border: 1px solid #d86368;
  color: #fff;
  text-align: center;
}

table.table_01 .gray {
  font-size: 11px;
  width: 31px;
  height: 17px;
  line-height: 16px;
  display: inline-block;
  margin-right: 10px;
  background: #c2c2c2;
  border: 1px solid #b5b5b5;
  color: #fff;
  text-align: center;
}

table.table_01 tbody.AdviceListResult td.tit a {
  display: inline;
}

table.table_02 {
  width: 100%;
  border-top: 2px solid #637d95;
  table-layout: fixed;
}

table.table_02 thead th {
  background: #f5f5f5;
  border-bottom: 1px solid #bec8d2;
  font-family: dotum;
  font-size: 11px;
  color: #8093a4;
  height: 34px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
}

table.table_02 tbody td {
  background: #fff;
  border-bottom: 1px solid #d3dae1;
  font-family: dotum;
  font-size: 12px;
  color: #555;
  height: 38px;
  text-align: center;
  vertical-align: middle;
  padding: 0 15px;
}

table.table_03 .btn_area li a {
  min-width: 100px;
}

table.table_03 .tbl_tit {
  margin-bottom: 10px;
}

table.table_03 .tbl_tit li {
  float: left;
}

table.table_03 .tbl_tit li.tit {
  font-size: 20px;
  font-weight: bold;
}

table.table_03 .tbl_tit li span {
  font-size: 13px;
  display: inline-block;
  color: #2d78bc;
  font-weight: bold;
  border-left: 1px solid #ccc;
  padding-left: 10px;
  margin-left: 10px;
}

table.table_03 {
  border-top: 1px solid #999;
  width: 100%;
}

table.table_03.box_line {
  border-top: 2px solid #637D95;
  border-bottom: 1px solid #637D95;
}

table.table_03 th {
  padding: 5px 10px;
  height: 35px;
  vertical-align: middle;
  text-align: center;
  background: #f5f5f5;
  border-bottom: 1px solid #d3dae1;
  vertical-align: middle;
  color: #8093a4;
  font-size: 16px;
  font-weight: 400;
}

table.table_03 td {
  color: #111;
  padding: 5px 10px;
  border-bottom: 1px solid #d3dae1;
  height: 35px;
  vertical-align: middle;
  font-size: 13px;
  word-break: break-all;
}

table.table_03 .last {
  border-bottom: 0;
}

table.table_03 .add_txt {
  font-size: 13px;
  color: #428ebd;
  padding-top: 5px;
}

table.table_03 td input[type="checkbox"], table.table_03 td input[type="radio"] {
  vertical-align: middle;
}

table.table_03 td input[type=text] {
  width: 15%;
  text-indent: 10px;
  vertical-align: middle;
  height: 22px;
  line-height: 22px;
}

table.table_03 td input[type=password] {
  width: 15%;
  text-indent: 10px;
  height: 22px;
}

table.table_03 td select {
  width: 15%;
  height: 24px;
}

table.table_03 td.add_txtB {
  font-size: 13px;
}

table.table_03.box_line tbody tr:last-child th, table.table_03.box_line tbody tr:last-child td {
  border-bottom: none;
}

table.table_03 .line_r {
  border-right: 1px solid #d3dae1;
}

table.table_03 .line_b {
  border-bottom: 1px solid #d3dae1;
}

table.table_03 .line_l {
  border-left: 1px solid #d3dae1;
}

table.table_03 .line_t {
  border-top: 1px solid #d3dae1;
}

table .label_margin label {
  margin-left: 3px;
  margin-right: 5px;
}

table.table_03 label {
  vertical-align: baseline;
}

.table_04 {
  width: 100%;
}

.table_04 th {
  background: #F5F5F5;
  color: #333;
  border-top: 1px solid #4a5866;
  padding: 14px 18px;
  border-bottom: 1px solid #ddd;
  text-align: center;
  border-right: 1px solid #ddd;
  font-weight: bold;
  vertical-align: middle;
}

.table_04 td {
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
  padding: 15px;
  background: #fff;
  border-right: 1px solid #ddd;
  color: #777;
}

.table_04 th.last {
  border-right: 0;
}

.table_04 td.last {
  border-right: 0;
}

.table_04 td.tac {
  text-align: center;
}

.table_04 td.tar {
  text-align: right;
}

.wp20 {
  width: 20% !important;
}

.wp25 {
  width: 25% !important;
}

.wp30 {
  width: 30% !important;
}

.wp33 {
  width: 33% !important;
}

.wp40 {
  width: 40% !important;
}

.wp45 {
  width: 45% !important;
}

.wp50 {
  width: 50% !important;
}

.wp70 {
  width: 70% !important;
}

.wp80 {
  width: 80% !important;
}

.wp100 {
  width: 100% !important;
}

.w30px {
  width: 30px !important;
}

.w60px {
  width: 60px !important;
}

.w90px {
  width: 90px !important;
}

.w120px {
  width: 120px !important;
}

.w150px {
  width: 150px !important;
}

.w180px {
  width: 180px !important;
}

.w200px {
  width: 200px !important;
}

.w230px {
  width: 230px !important;
}

.w250px {
  width: 250px !important;
}

.w300px {
  width: 300px !important;
}

/* view next & prev*/
.view_bottom {
  border-top: 1px solid #637d95;
  border-bottom: 1px solid #637d95;
  margin-top: 20px;
}

.view_bottom dl {
  position: relative;
  height: 40px;
  padding-left: 80px;
  padding-right: 30px;
}

.view_bottom dt {
  color: #8093a4;
  font-weight: bold;
  font-size: 14px;
  position: absolute;
  left: 20px;
  top: 12px;
}

.view_bottom dd {
  font-size: 12px;
  color: #5d5d5d;
  line-height: 40px;
  padding-left: 5px;
}

.view_bottom dd a {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  word-wrap: break-word;
  display: block;
  overflow: hidden;
}

.view_bottom dl {
  position: relative;
  height: 40px;
  padding-left: 95px;
  padding-right: 30px;
}

.view_bottom dt {
  color: #8093a4;
  font-weight: bold;
  font-size: 13px;
  position: absolute;
  left: 20px;
  top: 11px;
}

.view_bottom dd {
  font-size: 13px;
  color: #5d5d5d;
  line-height: 40px;
}

.view_bottom dd a {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  word-wrap: break-word;
  display: block;
  overflow: hidden;
}

.view_next {
  border-bottom: 1px solid #d3dae1;
}

.view_next:hover, .view_prev:hover {
  background: #f9f9f9;
}

.view_next dt {
  background: url(../images/view_next.gif) no-repeat right center;
  padding-right: 13px;
}

.view_prev dt {
  background: url(../images/view_prev.gif) no-repeat right center;
  padding-right: 13px;
}

.view_bottom .bx-viewport {
  padding: 30px 0;
}

.view_bottom .bx-viewport a img {
  width: 100%;
}

.view_bottom .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  bottom: 5%;
}

/* view */
.list_view {
  width: 100%;
  border-top: 2px solid #637d95;
}

.view_tit {
  border-bottom: 1px solid #d3dae1;
  position: relative;
  width: auto;
  padding-right: 210px;
}

.view_tit dt {
  color: #2c77bc;
  font-size: 14px;
  font-weight: bold;
  min-height: 16px;
  padding: 14px 20px;
  line-height: 1.3em;
}

.view_tit dd {
  position: absolute;
  right: 20px;
  top: 16px;
}

.view_tit dd ul li {
  float: left;
  font-size: 14px;
  color: #555;
}

.view_tit dd {
  position: absolute;
  right: 20px;
  top: 14px;
}

.view_tit dd ul li {
  float: left;
  font-size: 13px;
  color: #555;
}

.hh_t {
  color: #8093a4;
  font-weight: bold;
}

.tr_ul .bar {
  margin: 0 15px;
  height: 11px;
  overflow: hidden;
}

.view_info {
  border-bottom: 1px solid #d3dae1;
  position: relative;
  width: auto;
  padding-right: 390px;
}

.view_info dt {
  color: #555;
  font-size: 11px;
  font-weight: bold;
  min-height: 12px;
  padding: 14px 20px;
}

.view_info dd {
  position: absolute;
  right: 20px;
  top: 16px;
}

.view_info dd ul li {
  float: left;
  font-size: 11px;
  color: #555;
}

.view_textarea {
  width: auto;
  padding: 30px 30px;
}

.view_textarea img {
  margin: 0 auto;
  max-width: 932px;
}

.view_textarea p {
  line-height: 1.3;
}

/* scr_box */
.scr_box {
  padding: 15px 0;
  width: 100%;
  border: 1px solid #d2e1ed;
  background: #e5e9ee;
  text-align: center;
}

.scr_box ul {
  display: inline-block;
  height: 24px;
}

.scr_box li {
  float: left;
  margin: 0 2px;
  font-family: dotum;
}

.scr_box li select {
  border: 1px solid #cbcbcb;
  width: 70px;
  padding-left: 5px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  vertical-align: top;
  background: #fff;
}

.scr_box li input[type="text"] {
  width: 175px;
  border: 1px solid #cbcbcb;
  height: 28px;
  line-height: 28px;
  padding: 0 5px;
  vertical-align: top;
}

.scr_box li a {
  width: 80px;
  text-align: center;
  color: #fff;
  background: #3777bc;
  display: block;
  font-size: 14px;
  height: 30px;
  line-height: 32px;
}

/* ol_arrow_tab */
.ol_arrow_tab {
  border: 1px solid #dce1e6;
  height: 39px;
  overflow: hidden;
  margin-bottom: 20px;
}

.ol_arrow_tab li {
  float: left;
  width: 25%;
  line-height: 39px;
  height: 39px;
  text-align: center;
  font-size: 14px;
  color: #5c5c5c;
  font-weight: bold;
  position: relative;
}

.ol_arrow_tab li:after {
  content: "";
  position: absolute;
  right: -16px;
  top: 0;
  width: 16px;
  height: 39px;
  background: url(../images/ol_arrow_off.png) no-repeat 0 0;
  z-index: 2;
}

.ol_arrow_tab li.act:after {
  content: "";
  position: absolute;
  right: -16px;
  top: 0;
  width: 16px;
  height: 39px;
  background: url(../images/ol_arrow_on.png) no-repeat 0 0;
  z-index: 2;
}

.ol_arrow_tab li:last-child:after {
  content: none !important;
}

.ol_arrow_tab li.act {
  background: #607e9b;
  color: #fff;
}

.ol_arrow_tab li p {
  padding: 0 20px;
}

.ol_arrow_tab.t5 li {
  width: 20%;
}

.ol_arrow_tab.t4 li {
  width: 25%;
}

.ol_arrow_tab.t3 li {
  width: 33.33%;
}

.ol_arrow_tab.t2 li {
  width: 50%;
}

/*** 검색 - 레이어 ***/
/*** 레이어 팝업 기본 헤더전용 ***/
.w_header .mc_showLayer {
  position: relative;
  z-index: 2;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.w_header .mc_showLayer .mc_btn {
  position: relative;
  cursor: pointer;
  z-index: 0;
}

.w_header .mc_showLayer .showLayer_close {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.w_header .layerPop {
  display: none;
  position: absolute;
  border: 1px solid #707070;
}

.w_header .layerPop.on {
  display: block;
}

.w_header .layerPop .pop_header {
  position: relative;
  background: #555;
  padding: 15px 25px 15px 20px;
  line-height: 1.2em;
}

.w_header .layerPop .pop_header .pop_tit {
  color: #fff;
  font-size: 14px;
  letter-spacing: -1px;
}

.w_header .layerPop .pop_header .pop_tit .disc {
  font-size: 11px;
  color: #ddd;
  letter-spacing: -1px;
}

.w_header .layerPop .pop_header .pop_tit .disc .bar {
  margin: 0 10px;
  font-size: 16px;
  line-height: 1.0em;
  vertical-align: bottom;
  color: #ddd;
}

.w_header .layerPop .pop_header .btn_area {
  position: absolute;
  right: 10px;
  top: 15px;
  padding-top: 0;
}

.w_header .layerPop .pop_header .btn_area .showLayer_close {
  position: relative;
  left: 0px;
  top: 0px;
}

.w_header .layerPop .pop_content {
  background: #fff;
  padding: 20px;
  line-height: 1.2em;
}

.w_header .layerPop .pop_content .btn_area {
  text-align: center;
}

.w_header .pointBl01 {
  color: #29aae7;
}

.w_header .quick_srch_area {
  display: none;
  position: absolute;
  right: 2px;
  top: 90px;
  background: url(../images/icon_quicksrch_arr.gif) no-repeat 85% 2px;
  width: 565px;
  padding: 7px 0 0;
  border-bottom: 2px solid #dedede;
  z-index: 1001;
}

.w_header .quick_srch_area.on {
  display: block;
}

.w_header .quick_srch_area.nullResult {
  background-position: 50% 2px;
  width: 163px;
}

.w_header .quick_srch_area:after {
  content: "";
  display: block;
  clear: both;
}

.w_header .quick_srch_area .quick_srch_inner {
  position: relative;
  background: url(../images/bg_quicksrch_inner.gif) #fff repeat-y right 0px;
  width: 100%;
  padding: 18px 0px;
  border: 1px solid #3777bc;
}

.w_header .quick_srch_area .quick_srch_inner:after {
  content: "";
  display: block;
  clear: both;
}

.w_header .quick_srch_area .quick_srch_inner .btn_close {
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
}

.w_header .quick_srch_area .quick_srch_left {
  float: left;
  width: 360px;
  padding: 0px 20px 0;
}

.w_header .quick_srch_area.nullResult .quick_srch_left {
  display: none;
}

.w_header .quick_srch_area .quick_srch_left div.noResult p {
  padding-top: 15px;
  border: none;
}

.w_header .quick_srch_area .quick_srch_left .srch_result {
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 10px;
  padding: 0px 0px 12px;
}

.w_header .quick_srch_area .quick_srch_left .srch_result:after {
  content: "";
  display: block;
  clear: both;
}

.w_header .quick_srch_area .quick_srch_left .srch_result .h2_tit_area {
  margin: 0 0 8px 0;
}

.w_header .quick_srch_area .quick_srch_left .srch_result .h2_tit_area h2.h2_tit {
  margin: 0px;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.last {
  border-bottom: 0px solid #f2f2f2;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer {
  border-bottom: 0px solid #f2f2f2;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.w_header .quick_srch_area .quick_srch_right {
  float: right;
  background: #f0f8ff;
  width: 163px;
  font-size: 12px;
}

.w_header .quick_srch_area .quick_srch_right .srch_result {
  border-top: 1px solid #d5e4f2;
  margin-top: 20px;
  padding: 20px 15px 0px;
}

.w_header .quick_srch_area h2 {
  position: absolute;
  left: 0px;
  top: 0px;
  text-indent: -9999em;
}

.w_header .quick_srch_area h2.h2_tit {
  position: relative;
  left: 0px;
  top: 0px;
  margin: 13px 0 8px 0;
  text-indent: 0em;
  font-size: 12px;
  line-height: 1.2em;
  color: #000;
  font-weight: bold;
}

.w_header .quick_srch_area h2.h2_tit.marT00 {
  margin-top: 0px !important;
}

.w_header .quick_srch_area h2.h2_tit.marB00 {
  margin-bottom: 0px !important;
}

.w_header .quick_srch_area .h2_tit_area {
  position: relative;
  margin-top: 0px;
}

.w_header .quick_srch_area .h2_tit_area h2.h2_tit {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.w_header .quick_srch_area .h2_tit_area .bar {
  margin: 0 5px 0 7px;
  *margin-left: 10px;
  font-size: 14px;
  color: #ddd;
  vertical-align: middle;
}

.w_header .quick_srch_area .h2_tit_area .add_info {
  color: #555;
  vertical-align: middle;
}

/** 검색 - 레이어(LEFT)**/
/* 검색 - 레이어(LEFT) - 페이징 */
.quick_srch_area .quick_srch_paging {
  width: 100%;
  margin: 10px 0 0px;
}

.quick_srch_area .quick_srch_paging.marT00 {
  margin-top: 0px;
}

.quick_srch_area .quick_srch_paging ul {
  text-align: center;
}

.quick_srch_area .quick_srch_paging li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-family: Verdana,Dotum;
  color: #555;
  line-height: 11px;
  font-size: 11px;
  vertical-align: baseline;
  letter-spacing: -1px;
}

.quick_srch_area .quick_srch_paging li a, .quick_srch_paging li span {
  display: inline-block;
  padding: 0px 4px 0 7px;
  *padding: 0px 7px;
  border-left: 1px solid #ddd;
  font-weight: normal;
  color: #555;
}

.quick_srch_area .quick_srch_paging li.fir a, .quick_srch_paging li.fir span {
  border: none;
  padding: 0px 4px 0 3px;
  *padding: 0px 7px;
}

.quick_srch_area .quick_srch_paging li a:hover {
  color: #3777bc;
}

.quick_srch_area .quick_srch_paging li.on span {
  font-weight: bold;
  color: #3777bc;
  text-decoration: none;
}

.quick_srch_area .quick_srch_paging li img {
  vertical-align: baseline;
}

.quick_srch_area .quick_srch_paging li.first a, .quick_srch_paging li.prev a {
  border: none;
  padding: 0px;
  *padding: 0px 3px 0 0px;
}

.quick_srch_area .quick_srch_paging li.first span, .quick_srch_paging li.prev span {
  border: none;
  padding: 0px;
  *padding: 0px 3px 0 0px;
}

.quick_srch_area .quick_srch_paging li.last a, .quick_srch_paging li.next a {
  border: none;
  padding: 0px;
  *padding: 0px 0px 0 3px;
}

.quick_srch_area .quick_srch_paging li.last span, .quick_srch_paging li.next span {
  border: none;
  padding: 0px;
  *padding: 0px 0px 0 3px;
}

/* 검색 - 레이어(LEFT) - 중고차 */
.w_header .quick_srch_area .quick_srch_left .list_type02 {
  width: 100%;
}

.w_header .quick_srch_area .quick_srch_left .list_type02:after {
  content: "";
  display: block;
  clear: both;
}

.w_header .quick_srch_area .quick_srch_left .list_type02 dl.car_list {
  float: left;
  width: 100px;
  height: auto;
  padding-right: 30px;
}

.w_header .quick_srch_area .quick_srch_left .list_type02 dl.car_list.last {
  padding-right: 0px;
}

.w_header .quick_srch_area .quick_srch_left .list_type02 dl.car_list dt span a {
  display: block;
  border: 0px solid #eee;
  width: 100px;
  height: 65px;
}

.w_header .quick_srch_area .quick_srch_left .list_type02 dl.car_list dt span a:hover {
  border: 0px solid #3777bc;
}

.w_header .quick_srch_area .quick_srch_left .list_type02 dl.car_list dt span img {
  width: 100px;
  height: 65px;
}

.w_header .quick_srch_area .quick_srch_left .list_type02 dl.car_list dt strong {
  display: block;
  height: 30px;
  margin-top: 8px;
  overflow: hidden;
  font-weight: normal;
  letter-spacing: -1px;
}

.w_header .quick_srch_area .quick_srch_left .list_type02 dl.car_list dt strong a {
  float: left;
  line-height: 15px;
  font-size: 11px;
  font-weight: bold;
  color: #555;
}

.w_header .quick_srch_area .quick_srch_left .list_type02 dl.car_list dd ul {
  margin-top: 5px;
}

.w_header .quick_srch_area .quick_srch_left .list_type02 dl.car_list dd ul li {
  line-height: 16px;
  font-size: 11px;
  letter-spacing: -1px;
}

.w_header .quick_srch_area .quick_srch_left .list_type02 dl.car_list dd ul li:first-child span {
  font-family: Verdana;
  font-size: 12px;
  vertical-align: baseline;
  line-height: 1.2em;
}

.w_header .quick_srch_area .quick_srch_left .list_type02 dl.car_list dd ul li span {
  font-size: 11px;
  color: #3777bc;
  font-weight: bold;
  letter-spacing: 0px;
}

.w_header .quick_srch_area .quick_srch_left .list_type02 dl.car_list dd ul li span.pay_type {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 33px;
  font-size: 11px;
  color: #777;
  font-family: dotum;
  font-weight: normal;
}

/* 검색 - 레이어(LEFT) - 오토카페 */
.w_header .quick_srch_area .quick_srch_left .srch_result.autocafe .autocafe_list li {
  height: 43px;
  margin-bottom: 15px;
  line-height: 1.3em;
  color: #555;
  letter-spacing: -1px;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.autocafe .autocafe_list li a {
  color: #555;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.autocafe .autocafe_list li .thumb {
  display: inline-block;
  float: left;
  margin: 2px 10px 0 0;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.autocafe .autocafe_list li .thumb img {
  display: block;
  width: 63px;
  height: 43px;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.autocafe .autocafe_list li .title {
  display: inline;
  line-height: 1.4em;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.autocafe .autocafe_list li .title .cate {
  color: #3777bc;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.autocafe .autocafe_list li .text {
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.2em;
}

/* 검색 - 레이어(LEFT) - 판매자 */
.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .quick_srch_paging {
  margin-top: 5px;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info {
  width: 360px;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info ul {
  width: 366px;
  margin: 0 6px 0px 0;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info ul:after {
  content: "";
  display: block;
  clear: both;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info ul li {
  float: left;
  margin-right: 6px;
  padding-bottom: 8px;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info dl.s_info {
  position: relative;
  background: url(../images/dealer_detail_bg.png) no-repeat left top;
  width: 169px;
  height: 54px;
  padding: 7px 3px 4px 4px;
  overflow: hidden;
  letter-spacing: -1px;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info dl.s_info dt {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 9px 0 0 9px;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info dl.s_info dt img {
  width: 39px;
  height: 44px;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info dl.s_info dd {
  height: 15px;
  overflow: hidden;
  font-size: 11px;
  color: #777;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info dl.s_info dd a {
  color: #777;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info dl.s_info dd span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 41px;
  font: normal 11px "Dotum",Verdana,sans-serif;
  color: #8093a4;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info dl.s_info .dd00 {
  position: absolute;
  right: 5px;
  top: 0px;
  height: auto;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info dl.s_info .dd01 {
  margin-left: 50px;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info dl.s_info .dd02 {
  margin-left: 50px;
  color: #888;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info dl.s_info .dd02 a {
  color: #888;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info dl.s_info .dd03 {
  margin-left: 50px;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info ul li .dealer_msg span {
  vertical-align: middle;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info ul li .dealer_msg span.thumb {
  width: 59px;
  overflow: hidden;
  margin-right: 5px;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info ul li .dealer_msg span.thumb img {
  width: 59px;
  height: 68px;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info ul li .dealer_msg span.msg {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 385px;
  line-height: 1.4em;
  color: #555;
  /*word-break:break-all; word-wrap:break-word;*/
  font-size: 13px;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info ul li .layerPop {
  left: -490px;
  top: 0px;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info ul li .layerPop dl.detail_info {
  width: 100%;
  overflow: hidden;
  margin: 11px 0 -15px;
  letter-spacing: -1px;
  color: #555;
  font-size: 13px;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info ul li .layerPop dl.detail_info dt {
  float: left;
  min-width: 95px;
  margin: 0px 10px 0px 0;
  font-weight: bold;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info ul li .layerPop dl.detail_info dd {
  float: none;
  margin: 0 0 10px 105px;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info ul li .layerPop dl.detail_info dd .name {
  margin-right: 5px;
  vertical-align: middle;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info ul li .layerPop dl.detail_info dd img {
  margin-left: 1px;
  vertical-align: middle;
}

.w_header .quick_srch_area .quick_srch_left .srch_result.dealer .s_dealer_info ul li .layerPop dl.detail_info dd .num {
  letter-spacing: 0px;
}

/** 검색 - 레이어(RIGHT) **/
/* 검색 - 레이어(RIGHT) - 공통 */
.w_header .quick_srch_area .quick_srch_right h2.h2_tit {
  margin: 0px 0 13px;
}

.w_header .quick_srch_area .quick_srch_right ul.result_list {
  margin: -5px 0;
  color: #555;
}

.w_header .quick_srch_area .quick_srch_right ul.result_list li {
  padding: 3px 0px;
  line-height: 1.3em;
  color: #555;
}

.w_header .quick_srch_area .quick_srch_right ul.result_list li a {
  color: #555;
}

/* 검색 - 레이어(RIGHT) - 자동완성 */
.w_header .quick_srch_area .quick_srch_right .srch_result.auto_complete {
  margin-top: 0px;
  padding-top: 0px;
  border-top: 0px solid #f2f2f2;
}

.w_header .quick_srch_area .quick_srch_right .srch_result.auto_complete ul.result_list {
  overflow: hidden;
  margin: -5px 0 0;
  width: 90%;
}

.w_header .quick_srch_area .quick_srch_right .srch_result.auto_complete ul.result_list li {
  background: url(../images/bg_dotline.gif) #f0f8ff repeat-x 0 top;
  width: 100%;
  cursor: pointer;
  margin-top: -1px;
  padding: 6px 0px 5px;
}

.w_header .quick_srch_area .quick_srch_right .srch_result.auto_complete ul.result_list li.resultNull {
  padding-top: 15px;
  cursor: default;
}

/* 검색 - 레이어(RIGHT) - 자주찾는 검색어 */
.w_header .quick_srch_area .quick_srch_right .srch_result .rank_list li {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 7px;
  line-height: 16px;
  vertical-align: top;
}

.w_header .quick_srch_area .quick_srch_right .srch_result .rank_list span {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 75px;
  line-height: 16px;
  color: #555;
  vertical-align: top;
}

.w_header .quick_srch_area .quick_srch_right .srch_result .rank_list span a {
  color: #555;
}

.w_header .quick_srch_area .quick_srch_right .srch_result .rank_list span.rank_num {
  position: relative;
  top: 1px;
  *top: 2px;
  width: 15px;
  margin-right: 3px;
  text-align: right;
  font-size: 11px;
  vertical-align: top;
}

.w_header .quick_srch_area .quick_srch_right .srch_result .rank_list span.rank {
  position: absolute;
  right: 0px;
  top: 2px;
  background: url(../images/icon_arr_upndown.gif) no-repeat 0px 3px;
  width: 20px;
  padding-left: 10px;
  color: #888;
  font-size: 11px;
  line-height: 1.2em;
}

.w_header .quick_srch_area .quick_srch_right .srch_result .rank_list span.rank.dw {
  background: url(../images/icon_arr_upndown.gif) no-repeat 0px -15px;
}

.w_header .quick_srch_area .quick_srch_right .srch_result .rank_list span.rank.same {
  top: 0px;
  background: url(../images/icon_same.gif) no-repeat 9px center;
  text-indent: -9999em;
}

.w_header .quick_srch_area .quick_srch_right .srch_result .rank_list span.rank.new {
  top: 0px;
  background: url(../images/icon_new.png) no-repeat 3px center;
  text-indent: -9999em;
}

/* main */
/* .main{width:1280px;margin:0 auto} */
.main .main_top {
  position: relative;
}

.main .box_left, .main .box_center, .main .box_right {
  float: left;
}

.main .box_left {
  width: 250px;
}

.main .scr_left {
  position: relative;
  margin-top: 4px;
}

.main .box_center {
  width: 710px;
  border: 1px solid #ddd;
  height: 150px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 4px;
}

.main .box_center .bx-wrapper .bx-pager,
.main .box_center.bx-wrapper .bx-controls-auto,
.main .box_left .bx-wrapper .bx-pager {
  right: 10px;
  width: auto;
  top: 10px;
  padding-top: 0;
  bottom: inherit;
}

.main .box_center .bx-wrapper .bx-pager.bx-default-pager a,
.main .box_left .bx-wrapper .bx-pager.bx-default-pager a {
  width: 8px;
  height: 8px;
}

.main .box_center img {
  width: 100%;
}

.main .box_right {
  width: 294px;
  border: 1px solid #ddd;
  height: 150px;
  background: #f5f5f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main .box_right dt {
  position: relative;
  padding: 0 30px;
  border-bottom: 1px solid #ddd;
}

.main .box_right dt p {
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  color: #3e3e3e;
  font-weight: bold;
}

.main .box_right dt p span {
  color: #2c77bc;
}

.main .box_right dt .more {
  position: absolute;
  right: 30px;
  top: 0;
  padding-right: 10px;
  color: #8c8a8c;
  font-size: 12px;
  font-weight: bold;
}

.main .box_right dt .more:after {
  content: " > ";
  position: absolute;
  right: 0;
  top: 1px;
  font-family: 'dotum';
  color: #bdbabd;
  font-weight: normal;
}

.main .box_right dd {
  border-top: 1px solid #f9f9f9;
  padding: 15px 30px;
}

.main .box_right dd ul {
  margin-bottom: 5px;
}

.main .box_right dd ul li {
  float: left;
  height: 35px;
  line-height: 35px;
  color: #000;
  font-size: 13px;
  font-weight: bold;
}

.main .box_right dd ul li.year {
  width: 90px;
}

.main .box_right dd ul li.num {
  width: 120px;
  text-align: right;
  background: #fff;
  border: 1px solid #ddd;
  padding-right: 5px;
  font-weight: bold;
  color: #2c77bc;
  font-size: 20px;
  line-height: 32px;
  font-family: 'roboto';
}

.main .box_right dd ul li.ea {
  float: right;
}

/* application_area */
.application_area.box {
  border: 1px solid #ccc;
  margin-bottom: 30px;
}

.application_area.box ul {
  padding-right: 0;
}

.application_area {
  padding: 20px 0;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.application_area ul {
  display: inline-block;
  position: initial;
}

.application_area li {
  float: left;
  color: #888;
  position: relative;
  margin: 0 3px;
  line-height: 20px;
}

.application_area li.blue_txt {
  font-family: 'roboto';
  padding-right: 60px;
}

.blue_txt {
  color: #2c77bc !important;
}

.red_txt {
  color: #ec6268 !important;
}

.application_area .org {
  color: #f57000;
}

.aping_txt {
  font-weight: bold;
  font-size: 16px;
  padding-right: 13px;
}

.aping_txt:after {
  content: " > ";
  position: absolute;
  right: 0;
  top: 2px;
  font-size: 13px;
  font-family: 'dotum';
  color: #2c77bc;
  font-weight: bold;
}

.aping_ing, .aping_total {
  padding-right: 12px;
}

.aping_total:after, .aping_ing:after {
  content: "";
  position: absolute;
  right: 0;
  top: 6px;
  width: 1px;
  height: 11px;
  font-family: 'dotum';
  border-right: 1px solid #888;
  color: #888;
  font-weight: normal;
}

.application_area ul li .more {
  position: absolute;
  padding-right: 13px;
  color: #8c8a8c;
  font-size: 12px;
  font-weight: bold;
  right: 0;
}

.ie11 .application_area ul li .more, .ie10 .application_area ul li .more, .ie9 .application_area ul li .more, .ie8 .application_area ul li .more {
  position: absolute;
  padding-right: 13px;
  color: #8c8a8c;
  font-size: 12px;
  font-weight: bold;
  right: 0;
  top: 2px;
  height: 20px;
}

.ie11 .application_area ul li .more:after, .ie10 .application_area ul li .more:after, .ie9 .application_area ul li .more:after, .ie8 .application_area ul li .more:after {
  content: " > ";
  position: absolute;
  right: 0;
  top: 0;
  font-family: 'dotum';
  color: #bdbabd;
}

.application_area ul li .more:after {
  content: " > ";
  position: absolute;
  right: 0;
  top: 1px;
  font-family: 'dotum';
  color: #bdbabd;
}

.aping_ing.bg_none:after {
  content: none;
}

.application_area.sub {
  padding: 10px 15px;
  text-align: center;
}

.application_area.sub ul {
  position: initial;
}

.application_area.sub li {
  font-size: 15px;
}

/* .application_area.sub .li_more{position:absolute;bottom:10px;right:65px} */
/* main_center */
.main .main_center {
  border: 1px solid #ddd;
  height: 340px;
  overflow: visible;
  margin-bottom: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main .main_center .left {
  width: 960px;
  float: left;
  position: relative;
}

.main .main_center .left > p {
  text-indent: 20px;
  font-size: 18px;
  letter-spacing: -0.1em;
  line-height: 38px;
  height: 38px;
}

.main .main_center .left > ul.layer_pops {
  border-top: 1px solid #ddd;
  position: relative;
}

.main .main_center .left > ul.layer_pops li {
  float: left;
  width: 240px;
  border-right: 1px solid #ddd;
  height: 252px;
  text-align: center;
  cursor: pointer;
  padding-top: 47px;
}

.main .main_center .left > ul.layer_pops li .layer_pops_con {
  position: absolute;
  left: -1px;
  top: -1px;
  border: 1px solid #ddd;
  height: 299px;
  width: 723px;
  overflow: hidden;
  background: #fff;
  display: none;
  cursor: default;
  z-index: 99;
}

.main .main_center .left > ul.layer_pops li .layer_pops_con .layer_close {
  position: absolute;
  right: 20px;
  top: 20px;
}

.main .main_center .left > ul.layer_pops li .layer_pops_con .go_page {
  position: absolute;
  right: 20px;
  bottom: 20px;
  padding-right: 17px;
  background: url(../images/btn_ico_03.gif) no-repeat right center;
  font-size: 13px;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
}

.main .main_center .left > ul.layer_pops li.last {
  border-right: none;
  width: 237px;
  padding-top: 45px;
  cursor: default;
  line-height: 1;
}

.main .main_center .left > ul.layer_pops li.last dl {
  margin-left: 22px;
  text-align: left;
  margin-bottom: 30px;
}

.main .main_center .left > ul.layer_pops li.last dt a {
  padding-right: 20px;
  background: url(../images/btn_ico_03.gif) no-repeat right center;
  font-size: 15px;
  color: #2c77bc;
  font-weight: bold;
}

.main .main_center .left > ul.layer_pops li.last dt {
  margin-bottom: 8px;
}

.main .main_center .left > ul.layer_pops li.last dd a {
  padding-left: 17px;
  background: url(../images/bl_txt_01.gif) no-repeat left center;
  font-size: 12px;
  color: #555;
}

.main .main_center .left > ul.layer_pops li.last dd {
  margin-bottom: 5px;
}

.main .main_center .left > ul.layer_pops li.last .ta_l {
  margin-left: 22px;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 12px;
  padding-left: 30px;
  background: url(../images/tel_ico.gif) no-repeat left top;
  height: 30px;
}

.main .main_center .left > ul.layer_pops li.last .ta_l span {
  font-size: 11px;
  color: #555;
}

.main .main_center .right {
  width: 300px;
  float: left;
  background: #f8f8f8;
}

.tabmenu {
  border-bottom: 1px solid #ddd;
  width: 100%;
}

.tabmenu:after {
  display: block;
  content: '';
  clear: both;
}

.tabmenu li {
  float: left;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  width: 149px;
  height: 38px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 10px;
  text-align: center;
}

.tabmenu li:first-child {
  width: 150px;
  border-right: 1px solid #ddd;
}

.tabmenu li.select {
  color: #2c77bc;
  border-bottom: 2px solid #2c77bc;
}

.clausesbox {
  position: relative;
  width: 100%;
  height: 299px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 15px;
}

.tab_contents {
  /*padding:0 20px;*/
}

.tab_contents li.info {
  color: #878787;
  font-size: 12px;
  /*line-height:1.3em;padding:12px 0;*/
  line-height: 1.5em;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  letter-spacing: -0.08em;
}

.tab_contents li.info_wr {
  border-bottom: 1px solid #ddd;
  /*padding:8px 0*/
  padding: 6px 0;
}

.tab_contents li.info_wr dt, .main .main_center .right > ul li.info_wr dd {
  float: left;
}

.tab_contents li.info_wr dt {
  font-size: 12px;
  color: #888;
  font-weight: bold;
  width: 60px;
  line-height: 27px;
}

.tab_contents li.info_wr dd {
  line-height: 27px;
}

.tab_contents li.info_wr dd input[type="text"] {
  border: 1px solid #cccccc;
  height: 27px;
  line-height: 27px;
  padding: 0 10px;
  width: 186px;
}

.tab_contents li.info_agree input[type="checkbox"] {
  vertical-align: middle;
}

.tab_contents li.info_agree {
  font-size: 12px;
  font-weight: bold;
  color: #888;
  margin: 10px 0;
  text-align: center;
  letter-spacing: -0.08em;
  line-height: 1.6em;
}

.tab_contents li.info_agree label {
  vertical-align: baseline;
  cursor: pointer;
}

.tab_contents li.info_btn a {
  background: #2c77bc;
  height: 40px;
  line-height: 40px;
  display: block;
  width: 269px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  position: absolute;
  bottom: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.tab_contents li.info_btn a span {
  font-size: 15px;
  padding: 5px 0;
  padding-right: 25px;
  background: url(../images/btn_ico_02.gif) no-repeat right center;
}

/* 서비스 소개 추가 20170807재수정*/
.about_service_layer {
  position: absolute;
  z-index: 999;
  right: 0;
  top: -1px;
}

.as_inner {
  position: relative;
}

.btn_service_toggle {
  position: absolute;
  left: -38px;
  top: 113px;
  overflow: hidden;
  width: 38px;
  height: 120px;
  background: url("../images/btn_service_open.png") no-repeat;
  outline: none;
  text-indent: -999px;
  display: none;
}

.btn_service_toggle.active {
  left: -37px;
  background: url("../images/btn_service_close.png") no-repeat;
}

.as_container {
  overflow: hidden;
  width: 0;
  background-color: #fff;
  opacity: 0;
}

[class^="as_cont_"] {
  position: relative;
  width: 960px;
  border-style: solid;
  border-color: #ddd;
}

.as_cont_map {
  height: 338px;
  background: url("../images/img_service_map30.jpg") no-repeat;
  border-width: 1px;
}

.as_cont_faq {
  display: none;
  overflow: hidden;
  padding: 50px 43px 91px;
  width: 874px;
  border-width: 0 1px 1px 1px;
  background: #fff;
}

.as_cont_faq .qu {
  cursor: pointer;
}

.as_cont_faq .answer {
  display: none;
}

.auction_step_01 {
  position: absolute;
  left: 0;
  top: 39px;
  background: #fff;
  z-index: 5;
  width: 722px;
  height: 299px;
  text-align: center;
  letter-spacing: -0.08em;
}

.auction_step_01 ul {
  height: 100%;
}

.auction_step_01 > ul > li {
  float: left;
}

.auction_step_01 ul li.best_car {
  width: 480px;
  overflow: hidden;
  height: 100%;
}

.auction_step_01 ul li.best_car dl {
  padding: 35px 42px 0;
}

.auction_step_01 ul li.best_car dt {
  text-align: left;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 18px;
}

.auction_step_01 ul li.best_car dt span {
  font-size: 13px;
  color: #777;
  font-weight: normal;
  margin-left: 15px;
}

.auction_step_01 ul li.best_car dd {
  position: relative;
  padding-left: 270px;
  padding-top: 20px;
}

.auction_step_01 ul li.best_car dd ul li.li_1 {
  width: 120px;
  height: 25px;
  line-height: 23px;
  text-align: center;
  background: url(../images/num_bg_02.gif) no-repeat 0 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin: 0 auto 12px;
}

.auction_step_01 ul li.best_car dd ul li.li_2 {
  font-size: 28px;
  color: #3595e4;
  margin-bottom: 12px;
  line-height: 28px;
}

.auction_step_01 ul li.best_car dd ul li.li_2 span {
  font-size: 13px;
  color: #777;
  margin-left: 3px;
  vertical-align: middle;
}

.auction_step_01 ul li.best_car dd ul li.li_3 {
  width: 120px;
  height: 25px;
  line-height: 23px;
  text-align: center;
  background: url(../images/num_bg_03.gif) no-repeat 0 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin: 0 auto 12px;
}

.auction_step_01 ul li.best_car dd ul li.li_4 span {
  font-size: 25px;
  vertical-align: bottom;
}

.auction_step_01 ul li.best_car dd ul li.li_4 {
  font-size: 28px;
  color: #ec6268;
  line-height: 28px;
}

.auction_step_01 ul li.best_car dd img {
  width: 240px;
  height: 180px;
  position: absolute;
  left: 0;
  top: 0;
}

.auction_step_01 ul li.auction_small_info {
  float: right;
  height: 100%;
  border-left: 1px solid #ddd;
  width: 241px;
}

.auction_step_01 ul li.auction_small_info dl {
  padding: 35px 30px 0;
}

.auction_step_01 ul li.auction_small_info dl dt {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  margin-bottom: 18px;
}

.auction_step_01 ul li.auction_small_info dl dd {
  width: 140px;
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  font-size: 13px;
  color: #777;
  background: url(../images/num_bg_01.gif) no-repeat 0 0;
  margin-bottom: 10px;
  text-align: left;
  position: relative;
}

.auction_step_01 ul li.auction_small_info dl dd a {
  display: block;
}

.auction_step_01 ul li.auction_small_info dl dd span {
  position: absolute;
  right: 20px;
  text-align: right;
  top: 0;
  font-weight: bold;
  font-size: 24px;
}

.auction_step_01 ul li.auction_small_info dl dd span.cl1 {
  color: #254890;
}

.auction_step_01 ul li.auction_small_info dl dd span.cl2 {
  color: #2c77bc;
}

.auction_step_01 ul li.auction_small_info dl dd span.cl3 {
  color: #526bbd;
}

.auction_step_01 ul li.auction_small_info p {
  font-size: 13px;
  color: #777;
}

.auction_step_02 {
  position: absolute;
  left: 0;
  top: 39px;
  background: #fff;
  z-index: 5;
  width: 722px;
  height: 299px;
  text-align: center;
  letter-spacing: -0.08em;
  overflow: hidden;
}

.auction_step_02 .list_box {
  padding: 40px;
  text-align: left;
}

.auction_step_02 .list_box li p {
  font-size: 13px;
  color: #777;
}

.auction_step_02 .list_box .ac_num {
  margin-bottom: 8px;
}

.auction_step_02 .list_box .ac_car_name {
  color: #333;
  font-weight: bold;
  margin-bottom: 15px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.3;
  height: 32px;
  overflow: hidden;
}

.auction_step_02 .list_box .ac_info_ing {
  position: relative;
  padding-left: 70px;
  height: 20px;
  line-height: 20px;
}

.auction_step_02 .list_box .ac_info_ing span {
  width: 60px;
  height: 18px;
  line-height: 16px;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 11px;
  position: absolute;
  left: 0;
  top: 0;
}

.auction_step_02 .list_box .ac_info_ing span.ing {
  border: 1px solid #226cbb;
  background: #3777bc;
}

.auction_step_02 .list_box .ac_info_ing span.end {
  border: 1px solid #999;
  background: #aaa;
}

/* main_car_list */
.car_box p.car_box_tit {
  font-size: 18px;
  font-weight: bold;
  color: #3e3e3e;
  margin-bottom: 10px;
}

.car_box_line {
  border: 1px solid #ddd;
  height: 325px;
  margin-bottom: 35px;
}

.bx_car_page {
  width: 150px;
  height: 100%;
  background: #f5f5f5;
  border-right: 1px solid #ddd;
  overflow: hidden;
}

.bx_car_page a {
  border-bottom: 1px solid #ddd;
  width: 150px;
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #7d7d7d;
  height: 36px;
  line-height: 34px;
  text-indent: 10px;
  position: relative;
  padding-left: 5px;
  border-top: 1px solid #fff;
}

.bx_car_page a:first-child {
  border-top: none;
}

.bx_car_page a.active:before {
  content: "";
  position: absolute;
  border-left: 5px solid #2c77bc;
  height: 37px;
  left: 0;
  top: -1px;
  z-index: 1px;
}

.bx_car_page, .list_box {
  float: left;
}

.list_box {
  width: 1081px;
  padding: 0 14px;
}

.list_box li.cars {
  float: left;
  margin: 0 8px;
  width: 200px;
}

.list_box ul > li {
  position: relative;
}

.list_box > ul {
  position: relative;
}

.list_box > ul > li {
  display: none;
  position: absolute;
  width: 100%;
}

.list_box > ul > li.on {
  display: block;
}

.list_box ul > li dl dd a.more {
  position: absolute;
  right: 20px;
  top: 25px;
  padding-right: 10px;
  color: #8c8a8c;
  font-size: 12px;
  font-weight: bold;
}

.list_box ul > li dl dd a.more:after {
  content: " > ";
  position: absolute;
  right: 0;
  top: 2px;
  font-family: 'dotum';
  color: #bdbabd;
}

.list_box ul li dl dt {
  font-size: 18px;
  color: #2c77bc;
  font-weight: bold;
  padding-left: 10px;
  height: 57px;
  line-height: 55px;
  letter-spacing: -0.03em;
}

.list_box ul li dl dt span {
  font-size: 13px;
  color: #000;
  vertical-align: bottom;
  position: relative;
  padding-left: 0px;
}

/*.bx_car_list li dl dt span:before{content:"";border-left:1px solid #ccc;position:absolute;left:0;top:0;height:10px;font-family:'dotum';color:#888;font-weight: normal;}*/
.cars img {
  margin-bottom: 15px;
  width: 200px;
  height: 150px;
}

.main_car_name {
  font-size: 13px;
  font-weight: bold;
  color: #555;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.2em;
  height: 32px;
}

.main_car_money1 {
  color: #7a7a7a;
  font-size: 13px;
  margin-bottom: 8px;
}

.main_car_money1 span.fwb {
  font-size: 15px;
  vertical-align: middle;
  font-family: 'roboto';
}

.main_car_money2 {
  color: #7a7a7a;
  font-size: 13px;
  font-family: 'roboto';
}

.main_car_money2 span {
  position: relative;
  padding-left: 5px;
}

.main_car_money2 span:before {
  content: "";
  border-left: 1px solid #666;
  position: absolute;
  left: 0;
  top: 5px;
  height: 10px;
  font-family: 'dotum';
  font-weight: normal;
}

/* main_bottom */
.main_bottom {
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 2px solid #919191;
}

.main_bottom > ul > li {
  float: left;
}

.main_bottom > ul > li.bottom_01 {
  width: 420px;
  border-right: 1px solid #ddd;
  padding: 25px 0;
}

.main_bottom > ul > li.bottom_02 {
  width: 420px;
  border-right: 1px solid #ddd;
  padding: 25px 0;
}

.main_bottom > ul > li.bottom_03 {
  width: 420px;
  text-align: left;
}

.main_bottom .bottom_01 dl {
  width: 280px;
  display: inline-block;
  text-align: left;
  font-size: 12px;
  background: url(../images/main_bottom_01.gif) no-repeat right 5px;
}

.main_bottom .bottom_02 dl {
  width: 280px;
  display: inline-block;
  text-align: left;
  font-size: 12px;
  background: url(../images/main_bottom_01.gif) no-repeat right 5px;
}

.main_bottom .bottom_01 dt, .main_bottom .bottom_02 dt {
  margin-bottom: 8px;
  letter-spacing: -0.15em;
}

.main_bottom .bottom_01 dt span, .main_bottom .bottom_02 dt span {
  font-weight: bold;
  font-size: 22px;
  color: #2c77bc;
}

.main_bottom .bottom_01 dd, .main_bottom .bottom_02 dd {
  line-height: 1.5em;
}

.main_bottom ul > li.bottom_03 {
  width: 420px;
  text-align: left;
}

/* 20171019 삭제예정 */
.bottom_tab dt a {
  width: 100%;
  height: 100%;
  display: block;
}

.bottom_tab dt {
  width: 50%;
  float: left;
  background: #f5f5f5;
  text-indent: 30px;
  height: 25px;
  display: block;
  line-height: 25px;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
  position: relative;
  border-left: 1px solid #ccc;
}

.bottom_tab dt:first-child {
  border-left: 0px;
}

.bottom_tab dt.active {
  background: #fff;
  border-bottom: 1px solid #fff;
}

.bottom_tab_area {
  padding: 18px 0 15px 30px;
}

.bottom_tab_area li {
  line-height: 1.3em;
  font-size: 12px;
  margin-bottom: 5px;
  width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*-------------------*/
.notice_tab_head {
  display: block;
  clear: both;
  padding: 10px 15px  5px;
}

.notice_tab_body {
  display: block;
  clear: both;
  padding: 5px 15px 10px;
}

.notice_tab_head > * {
  width: 50%;
  float: left;
  background: #f5f5f5;
  height: 25px;
  display: block;
  line-height: 25px;
  font-size: 14px;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ccc;
  font-weight: bold;
}

.notice_tab_head > *:first-child {
  border-left: 0px;
}

.notice_tab_head > *.on {
  background: #fff;
  border-bottom: 1px solid #fff;
}

.notice_tab_body > * {
  line-height: 1.6em;
  font-size: 12px;
}

/* scr_left_con_inner */
.scr_left_con_inner {
  position: absolute;
  width: 250px;
  left: 0;
  top: 0;
  background: #2c77bc;
  z-index: 100;
  text-align: center;
  padding-bottom: 10px;
  display: none;
}

.scr_left_con_inner .scr_left_con {
  text-align: left;
  border-top: 1px solid #6ba0d0;
  margin: 0 20px;
}

.scr_left_con_inner .h4_block {
  padding: 15px 0;
}

.scr_left_con_inner .h4_block h4 {
  color: #fffb28;
  font-size: 13px;
  margin-bottom: 9px;
}

.scr_left_con_inner .h4_block select {
  clear: both;
  width: 100%;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  margin-bottom: 5px;
  border: 1px solid #ddd;
}

.scr_left_con_inner .h4_block select.year {
  width: 68px;
}

.scr_left_con_inner .h4_block input[type=text] {
  width: 60px;
  height: 19px;
  padding: 2px;
  line-height: 19px;
  text-align: right;
  border: 1px solid #a1c3e1;
  vertical-align: baseline;
}

.scr_left_con_inner .h4_block span {
  color: #c0d6eb;
  font-size: 12px;
}

.scr_left_con_inner label.hidden {
  font-size: 0;
  width: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
  position: absolute;
  left: -9999px;
  text-indent: -9999em;
}

.scr_left_con_inner .search_teb li {
  float: left;
  display: block;
  width: 103px;
  margin-bottom: 10px;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
  background: #21588b;
  border: 1px solid #21588b;
  border-bottom: 1px solid #86b1d9;
  cursor: pointer;
}

.scr_left_con_inner .search_teb li a {
  color: #90acc5;
}

.scr_left_con_inner .search_teb li.over {
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 11px;
  background: #2c77bc;
  border: 1px solid #86b1d9;
  border-bottom: 1px solid #2c77bc;
}

.scr_left_con_inner .search_teb li.over a {
  color: #fff;
}

.scr_left_con_inner .search_teb a:hover {
  text-decoration: none;
}

.scr_left_con_inner .scr_left_con p {
  margin-bottom: 10px;
  color: #c0d6eb;
  font-size: 12px;
  line-height: 1.3em;
}

.scr_left_con_inner a.ls_lnk_search {
  background: #21588b;
  border: 1px solid #064b8b;
  font-size: 15px;
  color: #fffb28;
  line-height: 30px;
  height: 30px;
  width: 100%;
  display: block;
  text-align: center;
  font-weight: bold;
}

.scr_left_con_inner .btn_reset a {
  color: #c0d6eb;
  font-size: 11px;
  padding-left: 14px;
  background: url(../images/btn_sel_reset.png) no-repeat left center;
}

.scr_left_con_inner .search_btn_off {
  color: #c0d6eb;
  font-size: 11px;
  padding-left: 14px;
  background: url(../images/scr_left_close.gif) no-repeat left center;
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.quick_srch_area .cntPaging strong {
  width: 25px;
  height: 25px;
  line-height: 23px;
}

.quick_srch_area .cntPaging a {
  width: 25px;
  height: 25px;
  line-height: 23px;
}

.quick_srch_area .cntPaging a.prev, .quick_srch_area .cntPaging a.next, .quick_srch_area .cntPaging a.first_page, .quick_srch_area .cntPaging a.last_page {
  width: 25px;
  height: 25px;
}

.quick_srch_area .cntPaging {
  margin-top: 30px;
  margin-bottom: 5px;
}

.nodata {
  padding: 50px 0;
  width: 100%;
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.nodata p > span {
  padding-left: 50px;
  background: url(../images/bg_noResult01.png) no-repeat left center;
  min-height: 40px;
  display: inline-block;
  line-height: 40px;
  font-weight: bold;
}

td .nodata {
  border: none;
}

/* 반응형 탭 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  -webkit-transition-property: left, top, -webkit-transform;
  transition-property: left, top, -webkit-transform;
  transition-property: transform, left, top;
  transition-property: transform, left, top, -webkit-transform;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
}

.swiper-slide {
  float: left;
}

.tab_nav {
  height: 35px;
  margin-bottom: 15px;
  text-align: center;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #999;
}

.tab_nav.add_ch {
  padding-right: 300px;
}

.tab_nav ul {
  display: inline-block;
}

.tab_nav ul:after {
  content: "";
  display: block;
  clear: both;
  width: 0px;
  height: 0px;
}

.tab_nav .depth1 > li {
  float: left;
  background: #fff;
}

.tab_nav .depth1 > li > a {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  text-align: center;
  color: #111;
  background: #ddd;
  padding: 0 15px;
  margin-left: 1px;
  min-width: 80px;
}

.tab_nav .depth1 > li:first-child > a {
  margin-left: 0;
}

.tab_nav .depth1 > li.on > a {
  background: #255d91;
  color: #fff;
}

.swiper_con img {
  width: 100%;
}

.tab_nav .add_btns select {
  height: 28px;
  min-width: 90px;
}

.tab_nav .ta_l {
  line-height: 36px;
  font-weight: bold;
}

.tab_nav .ta_l .result_num {
  font-size: 20px;
  vertical-align: middle;
  color: #2c77bc;
  margin-left: 3px;
}

/* 20180201_안심매매상사차량 */
.tab_nav_new {
  margin-bottom: 15px;
  border-bottom: 1px solid #999;
  padding-bottom: 5px;
}

.tab_nav_new:after {
  display: block;
  content: '';
  clear: both;
}

.tab_nav_new h3 {
  text-align: left;
  line-height: 1;
  margin-bottom: 15px;
}

.tab_nav_new h3 span {
  color: #2c77bc;
  font-size: 20px;
}

.add_btns_left {
  width: 60%;
  float: left;
}

.add_btns_left select {
  width: 19%;
  height: 28px !important;
  margint-right: 1% !important;
}

.add_btns_right {
  width: 40%;
  float: right;
  text-align: right;
}

.add_btns_right input {
  height: 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.add_btns_right input.searchBox {
  border: 1px solid #ccc;
  line-height: 27px;
  padding: 0 10px;
  width: 70%;
}

/* ==========================================================================
content styles: banner
========================================================================== */
.bx-wrapper .bx-pager {
  padding-top: 0;
}

#cardt-slid01 .bx-pager {
  bottom: 0;
}

.head_banner {
  position: absolute;
  right: -138px;
  top: 33px;
  width: 113px;
  text-align: center;
}

.banner_box {
  margin-bottom: 5px;
}

#out_banner {
  position: absolute;
  top: 0;
  right: -138px;
  width: 113px;
  z-index: 100;
  text-align: center;
}

#out_banner .bx-wrapper {
  padding-bottom: 25px;
  margin-bottom: 10px;
}

#out_banner .bx-wrapper .bx-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#out_banner .bx-wrapper .bx-controls-direction a {
  margin-top: 0;
  top: 0;
}

#out_banner .bx-wrapper .bx-controls-direction a.bx-prev {
  background: url(../images/out_prev.gif) no-repeat 0 0;
  width: 15px;
  height: 15px;
  left: 23px;
  top: -16px;
}

#out_banner .bx-wrapper .bx-controls-direction a.bx-next {
  background: url(../images/out_next.gif) no-repeat 0 0;
  width: 15px;
  height: 15px;
  right: 23px;
  top: -16px;
}

.pv_box {
  margin-top: 5px;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.pv_box > p {
  background: #f5f5f5;
  text-align: center;
  letter-spacing: -0.08em;
  padding: 3px 0;
  font-size: 11px;
  line-height: 20px;
  margin-bottom: 5px;
}

.pv_box > p span {
  vertical-align: middle;
  font-size: 13px;
}

.pv_box li {
  margin-bottom: 5px;
  font-size: 12px;
}

.pv_box li img {
  width: 93px;
  height: 63px;
}

.pv_box li.nodata {
  margin-top: -6px;
  padding: 10px 0;
}

.pv_box li.nodata p {
  padding: 20px 0;
}

.pv_box .pv_btn {
  height: 15px;
  line-height: 15px;
  position: relative;
}

.pv_box .pv_btn .pv_prev {
  position: absolute;
  left: 23px;
  top: 1px;
}

.pv_box .pv_btn .pv_next {
  position: absolute;
  right: 23px;
  top: 1px;
}

.pv_box .pv_btn span.pager_c {
  text-align: center;
  font-size: 12px;
  font-family: Arial;
  font-weight: bold;
  color: #666;
}

/*0826 버튼 추가*/
.btn_area.small a {
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 11px;
  min-width: 15px;
  text-align: center;
  margin-top: 0;
  display: block;
}

.btn_area.small .ing {
  color: #fff;
  background: #2c77bc;
}

.btn_area.small .end {
  color: #fff;
  background: #aaa;
}

.btn_area.small .ready {
  color: #fff;
  background: #2cafbc;
}

.btn_area.small .red {
  color: #fff;
  background: #ec6268;
}

.btn_area.small .green {
  color: #fff;
  background: #2cafbc;
}

/* 핵 0926 */
.safari input[type="text"], .safari input[type="tel"] {
  line-height: 1 !important;
}

.safari .car_list .srch_opt.type02 ul li.input input {
  line-height: 1 !important;
}

.car_list .srch_opt.type02 ul li.input input {
  color: #555;
  line-height: 27px;
}

.car_list .srch_opt.type02 ul li.input input::-webkit-input-placeholder {
  color: #555;
  line-height: 27px;
}

.car_list .srch_opt.type02 ul li.input input::-moz-placeholder {
  color: #555;
  line-height: 27px;
}

.car_list .srch_opt.type02 ul li.input input:-ms-input-placeholder {
  color: #555;
  line-height: 27px;
}

.car_list .srch_opt.type02 ul li.input input:-moz-placeholder {
  color: #555;
  line-height: 27px;
}

.top_btn {
  position: fixed;
  right: 0;
  bottom: 0;
  display: none;
  width: 0;
  height: 0;
  z-index: -1;
}

.top_btn img {
  width: 35px;
  height: 35px;
}

.simple_qa input[type="text"]::-webkit-input-placeholder {
  color: #555;
  line-height: 36px;
}

.simple_qa input[type="text"]::-webkit-input-placeholder {
  color: #555;
  line-height: 36px;
}

.simple_qa input[type="text"]::-moz-placeholder {
  color: #555;
  line-height: 36px;
}

.simple_qa input[type="text"]:-ms-input-placeholder {
  color: #555;
  line-height: 36px;
}

.simple_qa input[type="text"]:-moz-placeholder {
  color: #555;
  line-height: 36px;
}

.layout_nomenu-header {
  display: none;
}

body.layout_nomenu .m_header {
  display: none;
}

body.layout_nomenu .layout_nomenu-header {
  display: block;
}

body.layout_nomenu .logo-area {
  text-align: center;
  background: #2d78bc;
  padding: 8px;
}

body.layout_nomenu .pts-logo-area {
  margin-bottom: -1px;
  border-bottom: 1px solid #c8c8c8;
  z-index: 1;
  position: relative;
}

/*  480 : e  */
/*  320 : e  */
body.spCs_pts .content_area {
  padding: 0;
}

/* 전체 리뉴얼 css */
.blindWrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 50;
}

.content_area {
  max-width: 1280px;
  background: #fff;
  padding: 40px 0 20px;
  position: relative;
  margin: 0 auto;
}

.content_area.fullwidth {
  max-width: 100%;
  padding: 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .content_area .out_banner_wrap {
    position: relative;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 1280px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    z-index: 10;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .content_area .out_banner_wrap {
    position: relative;
    top: 0;
    width: 100%;
    max-width: 1280px;
    z-index: 10;
    margin: 0 auto;
  }
}

#content.left {
  position: relative;
  margin-left: 230px;
  max-width: 1032px;
}

.content_area.fullwidth #content.left {
  margin: 25px auto 0;
  max-width: 1280px;
}

#out_banner_area {
  position: absolute;
  z-index: 100;
}

.content_area #out_banner_area {
  right: 0;
  top: 0;
}

.content_area.fullwidth #out_banner_area {
  top: 90px;
}

.mxWidth {
  max-width: 1280px;
  margin: 0 auto;
}

.only-pc {
  display: block !important;
}

.only-pc-il {
  display: inline-block !important;
}

.only-pc-fl {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.only-mo {
  display: none !important;
}

.only-mo-il {
  display: none !important;
}

.only-mo-fl {
  display: none !important;
}

/* PC 리뉴얼 */
/* 리뉴얼 헤더  */
.all_menu {
  max-width: 1202px;
  padding: 25px 30px;
  border: 1px solid #ccc;
  position: absolute;
  z-index: 1000;
  top: 250px;
  background: #fff;
  display: none;
}

.header_top {
  width: 100%;
  max-width: 1280px;
  height: 110px;
  background: #fff;
  margin: 0 auto;
  position: relative;
}

.w_header .header_top .logo {
  float: left;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}

.w_header .header_top .logo img {
  width: 215px;
}

.w_header .header_top .top_nav {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}

.w_header .header_top .top_nav li a {
  font-size: 13px;
  display: inline-block;
  font-family: 'notosans';
  font-weight: 400;
}

.w_header .header_top .top_nav li a img {
  margin-bottom: 10px;
}

.w_header .header_top .top_nav li.tab_alarm a img {
  margin-bottom: 6px;
}

.w_header .header_top .top_nav li a span {
  width: 100%;
  display: inline-block;
}

.w_header .header_top .top_nav li {
  float: left;
  text-align: center;
}

.w_header .header_top .top_nav li:last-child {
  background: 0;
  padding: 0;
}

.w_header .header_top .header_search {
  position: absolute;
  top: 50%;
  left: 50%;
  right: initial;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  border-bottom: 1px solid #4a81ff;
}

.w_header .header_top .header_search li {
  float: left;
  height: 40px;
  line-height: 40px;
}

.w_header .header_top .header_search li input[type="text"] {
  font-family: 'notosans';
  font-size: 17px;
  border: 0;
  width: 350px;
  padding-left: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: white;
}

.w_header .header_top .header_search li input[type="text"]::-webkit-input-placeholder {
  color: #a0a0a0;
}

.w_header .header_top .header_search li input[type="text"]:-ms-input-placeholder {
  color: #a0a0a0;
}

.w_header .header_top .header_search li input[type="text"]::-ms-input-placeholder {
  color: #a0a0a0;
}

.w_header .header_top .header_search li input[type="text"]::placeholder {
  color: #a0a0a0;
}

.w_header .header_top .header_search li.last a {
  text-indent: -99999px;
  width: 40px;
  height: 40px;
  background: url(../images/mainV2/icon_search.png) no-repeat center center;
  display: block;
}

.w_header .header_bottom_inner {
  width: 100%;
  background: white;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  height: 70px;
  overflow: hidden;
  letter-spacing: -0.03em;
}

.w_header .header_bottom {
  max-width: 1280px;
  margin: 0 auto;
}

.w_header .header_bottom .w_nav {
  display: inline-block;
}

.w_header .header_bottom .w_nav li {
  float: left;
  margin-right: 60px;
}

.w_header .header_bottom .w_nav li:last-child {
  margin-right: 0;
}

.w_header .header_bottom .w_nav li a {
  font-size: 18px;
  font-weight: 400;
  color: black;
  line-height: 70px;
  font-family: 'notosans';
}

.w_header .header_bottom .w_nav li a:hover {
  color: #4a81ff;
}

.w_header .header_bottom .nav_side {
  float: right;
}

.w_header .header_bottom .nav_side li {
  float: left;
  width: 116px;
  text-align: center;
  border-left: 0;
}

.w_header .header_bottom .nav_side li a {
  font-size: 15px;
  color: #fff;
  line-height: 54px;
}

.w_header .header_bottom .nav_side li.last {
  text-indent: -99999px;
  width: 66px;
}

.w_header .header_bottom .nav_side li.last a {
  width: 66px;
  height: 70px;
  display: block;
  background: url(../images/mainV2/icon_menu_01.png) no-repeat center center;
}

.fix_side .bx-pager {
  display: none !important;
}

.all_menu .all_menu_arrow {
  position: absolute;
  top: -3px;
  right: 38px;
  margin-top: -8px;
}

.all_menu .menu_tit {
  background: url("../images/border_dot_1.gif") repeat-x left bottom;
}

.all_menu .menu_tit h5 {
  font-size: 16px;
  color: #333;
  height: 50px;
  line-height: 50px;
}

.all_menu .menu_inner {
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
}

.all_menu .menu_inner > .depth2 + .depth2 {
  background: url("../images/border_dot_2.gif") repeat-y left top;
}

.all_menu .depth2 {
  width: 20%;
  float: left;
  min-height: 160px;
}

.all_menu .depth2 .menu_first {
  color: #444;
  font-weight: bold;
  margin-bottom: 12px;
}

.all_menu .depth2 li a {
  font-size: 12px;
}

.all_menu .depth2 .menu_first.ex {
  margin-top: 18px;
}

.all_menu .depth2 .menu_first.ex_1 {
  margin-bottom: 0;
}

.all_menu .depth2 .depth3 {
  padding: 0 20px;
  min-width: 205px;
}

.all_menu .depth2 .depth3 > li {
  margin-bottom: 5px;
}

.all_menu .depth3 > .bak_up a {
  background: url("../images/ico_vp.gif") no-repeat center left 85px;
  display: block;
}

.all_menu .depth3 > .bak_new a {
  background: url("../images/ico_new.gif") no-repeat center left 65px;
  display: block;
}

.all_menu .menu_footer {
  height: 50px;
  line-height: 50px;
  border-top: 1px solid #ccc;
  margin-top: 20px;
}

.all_menu .menu_footer li {
  float: left;
}

.all_menu .menu_footer li dl {
  float: left;
}

.all_menu .menu_footer li dt, .all_menu .menu_footer li dd {
  float: left;
}

.all_menu .menu_footer li dt {
  margin-right: 10px;
  font-weight: bold;
  color: #333;
  font-size: 12px;
}

.all_menu .menu_footer li dd {
  margin-right: 30px;
}

.all_menu_close {
  position: absolute;
  top: 13px;
  right: 20px;
}

.all_menu_close img {
  padding: 10px;
}

.dp2_menu {
  background: #f0f0f0;
  padding: 20px 0;
  font-family: 'notosans';
}

.dp2_menu .dp2_menu_wrap {
  max-width: 1280px;
  margin: 0 auto;
}

/* .dp2_menu .dp2_menu_ul li {display:inline-block; margin-right:33px; position:relative; padding-left:35px;} */
.dp2_menu .dp2_menu_ul li {
  display: inline-block;
  margin-right: 58px;
  position: relative;
}

.dp2_menu .dp2_menu_ul li:first-child {
  padding-left: 0;
}

/* .dp2_menu .dp2_menu_ul li::before {content:""; position:absolute; left:0; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); width:2px; height:70%; background:#c2c2c2;} */
.dp2_menu .dp2_menu_ul li:first-child::before {
  content: "";
  display: none;
}

.dp2_menu .dp2_menu_ul li dt a {
  font-size: 18px;
}

.dp2_menu .dp2_menu_ul li dt.on a {
  color: #4a81ff;
}

.dp2_menu.dp2_car_buy .dp2_menu_ul {
  margin-left: 122px;
}

.dp2_menu.dp2_review .dp2_menu_ul {
  margin-left: 250px;
}

.dp2_menu.dp2_event .dp2_menu_ul {
  margin-left: 374px;
}

.content_area.fullwidth .top_vs_tit {
  display: none;
}

.out_sl_banner .bnGif {
  position: relative;
  width: 110px;
  height: 110px;
  background: #8c7af8;
  color: white;
  font-size: 70px;
  border-radius: 50%;
  margin-bottom: 20px;
}

.out_sl_banner .bnGif.off {
  display: none;
}

.out_sl_banner .bnGif::after {
  content: "";
  width: 22px;
  height: 18px;
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  background: url("../images/mainV2/sideBn_02_arr.png");
}

.out_sl_banner .bnGif.off::after {
  content: "";
  display: none;
}

.out_sl_banner .bnGif span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -webkit-animation: op01 1.2s alternate infinite ease-in;
          animation: op01 1.2s alternate infinite ease-in;
}

.out_sl_banner .bnNoGif {
  display: none;
}

.out_sl_banner .bnNoGif.on {
  display: block;
}

@-webkit-keyframes op01 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes op01 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* 리뉴얼 헤더  */
/* 리뉴얼 풋터 */
.w_foot {
  width: 100%;
  max-width: 1263px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 20px;
  font-family: 'notosans';
}

.w_foot .foot_logo {
  margin-bottom: 25px;
}

.w_foot .foot_left {
  float: left;
}

.w_foot .foot_right {
  float: right;
  font-size: 12px;
  position: relative;
}

.w_foot .foot_nav {
  margin-bottom: 30px;
  display: inline-block;
}

.w_foot .foot_nav li {
  float: left;
  margin-right: 10px;
  background: url(../images/footer_bar_01.gif) no-repeat right center;
  background-size: 1px 11px;
  padding-right: 12px;
}

.w_foot .foot_nav li.first a,
.w_foot .foot_nav li.last a {
  font-weight: 500;
  font-size: 14px;
}

.w_foot .foot_nav li.last {
  padding: 0;
  background: none;
  margin-right: 0;
  font-weight: bold;
}

.w_foot .foot_nav li a {
  font-size: 14px;
  font-weight: 300;
}

.w_foot .foot_nav li a:hover {
  color: #000 !important;
}

.w_foot .foot_li_p li {
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 300;
}

.w_foot .foot_li_p li.last {
  font-weight: 200;
  margin-top: 15px;
}

.w_foot .sitemap {
  position: absolute;
  left: -217px;
}

/* .w_foot .sitemap > a{width:155px;border:1px solid #ccc;color:#555;height:32px;font-size:15px;line-height:32px;display:block;padding:0 10px;background:url(../images/footer_site.png) no-repeat right 10px center;} */
.w_foot .sitemap ul {
  font-size: 0;
  margin-top: 30px;
}

.w_foot .sitemap li {
  display: inline-block;
  width: 43px;
  height: 43px;
  margin-right: 9px;
}

.w_foot .sitemap li:last-child {
  margin-right: 0;
}

.w_foot .sitemap li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.w_foot .sitemap li a img {
  width: 100%;
}

.w_foot .foot_right dl {
  padding-left: 29px;
  padding-bottom: 13px;
  margin-top: 30px;
}

.w_foot .foot_right dl dt {
  font-size: 16px;
  font-weight: 400;
}

.w_foot .foot_right dl dd {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 300;
}

.w_foot .foot_right dl dd.num {
  margin-bottom: 15px;
  font-size: 35px;
  font-weight: 500;
}

/* 리뉴얼 풋터 */
/* PC 리뉴얼 */
/* 모바일 리뉴얼 */
.r_m_main {
  font-family: 'notosans';
}

/* 모바일 메뉴 */
#m_logo {
  width: auto;
  height: auto;
}

#m_logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#m_logo a img {
  width: 220px;
}

#m_back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

#m_back a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 20px;
  padding: 10px;
}

#m_back a img {
  width: 17px;
  height: 29px;
}

.m_header {
  display: none;
  height: 126px;
  background: white;
  z-index: 2;
  position: relative;
  line-height: 126px;
  width: 100%;
  border: 0;
}

/* .m_header .btn_mmenu{display: block;width: 20px;height: 20px;position: absolute;left: auto;top: 14px;right: 10px;} */
.m_header .btn_mmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 42px;
  height: 42px;
  position: absolute;
  left: auto;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  right: 25px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
}

/* .m_header .btn_m_scearch{display: block;width: 20px;height: 20px;position: absolute;left: auto;top: 14px;right: 40px;} */
.m_header .btn_m_scearch {
  display: block;
  width: 42px;
  height: 42px;
  position: absolute;
  left: auto;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  right: 100px;
}

/* #m_logo{width:85px;height:22px;position:absolute;left:7px;top:13px;z-index:1} */
#m_logo {
  width: 180px;
  height: 35px;
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  z-index: 1;
}

.btn_mmenu img, #m_logo img, .btn_m_scearch img {
  width: 100%;
}

.m_header .btn_mmenu {
  width: auto;
  height: auto;
}

.m_header .btn_mmenu img {
  width: 42px;
}

.m_header .m_header_top {
  position: relative;
  height: 100%;
  -webkit-transition: 0.5s, height 0;
  transition: 0.5s, height 0;
}

.m_header .m_header_top.on {
  position: fixed;
  top: 0;
  box-shadow: 5px 7px 10px 1px rgba(0, 0, 0, 0.17);
  -webkit-box-shadow: 5px 7px 10px 1px rgba(0, 0, 0, 0.17);
  width: 100%;
  background: white;
}

.m_header .m_header_top .m_top_depth {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.m_header .m_header_top .m_top_depth a {
  font-family: 'notosans';
  font-weight: 300;
  font-size: 36px;
}

.m_foot {
  display: none;
  background: #f3f7ff;
  text-align: center;
  color: white;
  font-family: 'notosans';
}

.m_foot .m_banner {
  background: #fff;
}

.m_layer .m_foot {
  background: #444;
}

.m_main_sl img {
  width: 100%;
}

.m_main_menu li {
  float: left;
  width: 50%;
}

.m_main_menu li img, .banner_main li img {
  width: 100%;
}

.m_banner .bx-wrapper .bx-pager {
  padding-top: 0;
  bottom: 0px;
}

.foot_top {
  width: 100%;
  text-align: center;
}

.foot_top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.foot_top li {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.foot_top li a {
  display: block;
  padding: 9px 0;
  color: black;
  text-align: center;
  font-size: 28px;
  font-weight: 200;
  margin: 0 10px;
}

.foot_top li:first-child a {
  margin-left: 0;
}

/* .foot_top li:first-child a{font-weight: bold;} */
.foot_top li:after {
  position: absolute;
  right: 0px;
  top: 12px;
  height: 32px;
  border-right: 1px solid black;
  content: "";
  z-index: 1;
}

.foot_top li:last-child:after {
  border-right: none;
}

.foot_bottom {
  text-align: left;
  display: inline-block;
  width: 100%;
  text-align: center;
  color: black;
}

.foot_bottom .foot_num {
  font-size: 13px;
  margin-bottom: 5px;
  color: #333;
  text-align: center;
  margin-top: 13px;
  font-weight: bold;
}

.foot_bottom .num {
  font-size: 11px;
  margin-bottom: 5px;
  color: #565555;
  text-align: center;
  font-weight: bold;
}

.foot_bottom .num span {
  color: #777;
}

.foot_bottom .CTel {
  font-size: 29px;
  font-weight: 200;
  margin-top: 20px;
}

.foot_bottom .CTel .tel {
  font-size: 36px;
  font-weight: 500;
  color: black;
  margin-right: 5px;
}

.foot_bottom .CFax {
  font-size: 27px;
  font-weight: 400;
  margin: 10px 0;
}

.foot_bottom .CInfo {
  font-size: 27px;
  font-weight: 200;
  margin: 2px 0;
}

.m_sns {
  margin: 30px 0;
}

.m_sns ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.m_sns li {
  margin-right: 30px;
}

.m_sns li a {
  width: 84px;
  height: 84px;
  display: inline-block;
}

.m_sns li.CnKakao {
  margin-left: 30px;
}

.m_sns li.CnKakao a {
  background: url("../images/mainV2/mobile/auto_kakao.png") no-repeat;
  background-size: 100% 100%;
}

.m_sns li.CnBlog a {
  background: url("../images/mainV2/mobile/auto_blog.png") no-repeat;
  background-size: 100% 100%;
}

.m_sns li.CInsta a {
  background: url("../images/mainV2/mobile/auto_insta.png") no-repeat;
  background-size: 100% 100%;
}

.footer .goPc {
  text-align: center;
}

.footer .goPc a {
  font-size: 24px;
  color: black;
  text-decoration: underline;
  font-weight: 200;
}

.footer .corpBanner {
  margin: 45px 0 85px;
}

.footer .corpBanner img.certifyList {
  width: 457px;
}

.footer .corpBanner img.patentImg {
  width: 665px;
  margin-top: 20px;
}

.m_copyright {
  display: block;
  text-align: center;
  font-size: 24px;
  color: black;
  text-align: center;
  font-weight: 200;
  margin-top: 20px;
}

.m_header {
  z-index: 100 !important;
  line-height: 1;
}

.mobile_menu {
  display: none;
  background: #f0f0f0;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  line-height: 1;
  font-family: 'notosans';
}

.mobile_menu .lnb_info {
  background: -webkit-gradient(linear, left top, left bottom, from(#87a3fb), to(#1a99df));
  background: linear-gradient(180deg, #87a3fb 0%, #1a99df 100%);
  padding: 55px 60px;
}

.mobile_menu .lnb_info .lnb_info_t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 50px;
}

/* .mobile_menu .lnb_info .info_mypage {padding-left:50px; background:url('../images/mainV2/sidemenu/icon_my.png') no-repeat; background-size:31px 33px; background-position:left center; font-size:34px; font-weight:200; display:flex; align-items:center; color:white;} */
.mobile_menu .lnb_info .info_mypage {
  padding-left: 43px;
  font-size: 30px;
  font-weight: 200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  position: relative;
}

.mobile_menu .lnb_info .info_mypage::after {
  content: '';
  width: 31px;
  height: 33px;
  background: url("../images/mainV2/sidemenu/icon_my.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.mobile_menu .lnb_info .info_viewCar {
  padding-left: 56px;
  font-size: 30px;
  font-weight: 200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  position: relative;
  margin-left: 45px;
}

.mobile_menu .lnb_info .info_viewCar::after {
  content: '';
  width: 44px;
  height: 33px;
  background: url("../images/mainV2/sidemenu/icon_viewCar.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: -2px;
  left: 0;
}

.mobile_menu .lnb_info .info_bookMark {
  padding-left: 65px;
  font-size: 30px;
  font-weight: 200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  position: relative;
  margin-left: 50px;
}

.mobile_menu .lnb_info .info_bookMark::after {
  content: '';
  width: 39px;
  height: 39px;
  background: url("../images/mainV2/sidemenu/icon_bookMark.png") no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
}

.mobile_menu .lnb_info .info_bookMark .bookMarkNum {
  font-size: 18px;
  color: white;
  padding: 7px 4px;
  background: #ffac1b;
  border-radius: 25px;
  position: absolute;
  left: 23px;
  top: -20px;
  z-index: 1;
}

.mobile_menu .lnb_info .info_entry {
  padding-left: 47px;
  font-size: 30px;
  font-weight: 200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  position: relative;
  margin-left: 50px;
}

.mobile_menu .lnb_info .info_entry::after {
  content: '';
  width: 39px;
  height: 39px;
  background: url("../images/mainV2/sidemenu/icon_alarm.png") no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
}

.mobile_menu .lnb_info .info_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile_menu .lnb_info .info_btns .info_btns_home {
  width: 47px;
  height: 47px;
  background: url("../images/mainV2/sidemenu/icon_home.png") no-repeat;
  background-size: contain;
  margin-right: 47px;
}

.mobile_menu .lnb_info .info_btns .info_btns_close {
  width: 41px;
  height: 41px;
  background: url("../images/mainV2/sidemenu/icon_close.png") no-repeat;
  background-size: contain;
}

.mobile_menu .lnb_info .lnb_info_b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* .mobile_menu .lnb_info .lnb_info_b.opt01 {justify-content:space-around;} */
/* .mobile_menu .lnb_info .info_login_txt {color:white; font-size:45px; font-weight:300; flex:5;} */
.mobile_menu .lnb_info .info_login_txt {
  color: white;
  font-size: 35px;
  font-weight: 300;
  width: 145px;
  line-height: 40px;
}

.mobile_menu .lnb_info.login .info_login_txt {
  width: 175px;
}

/* .mobile_menu .lnb_info .info_login_btn {color:white; font-size:32px; border:1px solid white; box-sizing:border-box; padding:12px 18px; font-weight:100; text-align:center;} */
.mobile_menu .lnb_info .info_login_btn {
  color: white;
  font-size: 32px;
  border: 1px solid white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 18px;
  font-weight: 100;
  height: 51px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 30px;
}

.mobile_menu .lnb_banner {
  margin-top: 40px;
  padding: 0 20px;
}

.mobile_menu .lnb_banner ul {
  width: 100%;
}

.mobile_menu .lnb_banner li {
  width: 100%;
}

.mobile_menu .lnb_banner a {
  display: inline-block;
  width: 100%;
}

.mobile_menu .lnb_banner img {
  width: 100%;
}

.mobile_menu .lnb_menu {
  margin-top: 55px;
  padding: 0 65px;
}

.mobile_menu .lnb_menu .lnb_menu_b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mobile_menu .lnb_menu .lnb_menu_b > li:last-child .lnb_menu_s {
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
}

.mobile_menu .lnb_menu .lnb_menu_b .lnb_menu_btitle {
  color: #707070;
  font-size: 27px;
}

.mobile_menu .lnb_menu .lnb_menu_s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 30px 30px 50px;
  margin-bottom: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #b1b1b1;
}

.mobile_menu .lnb_menu .lnb_menu_s.nomgbr {
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.mobile_menu .lnb_menu .lnb_menu_s > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 33.333333%;
          flex: 0 1 33.333333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mobile_menu .lnb_menu .lnb_menu_s a {
  text-align: center;
}

.mobile_menu .lnb_menu .lnb_menu_s img {
  width: 115px;
  height: 115px;
}

.mobile_menu .lnb_menu .lnb_menu_s .lnb_menu_stitle {
  font-size: 27px;
  text-align: center;
  margin-top: 20px;
}

.mobile_menu .lnb_notice {
  background: white;
  padding: 50px 64px;
}

.mobile_menu .lnb_notice .lnb_notice_t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
}

.mobile_menu .lnb_notice .lnb_notice_title {
  color: #707070;
  font-size: 27px;
}

.mobile_menu .lnb_notice .lnb_notice_more {
  color: #4a81ff;
  font-size: 27px;
}

.mobile_menu .lnb_notice .lnb_notice_b {
  overflow: hidden;
}

.mobile_menu .lnb_notice .lnb_notice_b li a {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  display: inline-block;
  font-size: 27px;
}

.mobile_menu .lnb_faq {
  width: 100%;
  padding: 22px 64px;
  margin: 28px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mobile_menu .lnb_faq ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile_menu .lnb_faq ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile_menu .lnb_faq ul li:nth-child(2) {
  border-left: 1px solid #9d9d9d;
  border-right: 1px solid #9d9d9d;
}

.mobile_menu .lnb_faq ul li a {
  font-size: 30px;
  color: #9d9d9d;
}

.mobile_menu .lnb_company {
  padding: 0 64px 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile_menu .lnb_company .lnb_company_wrap {
  width: 100%;
  padding-top: 36px;
  border-top: 1px solid #b1b1b1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile_menu .lnb_company .lnb_company_logo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.mobile_menu .lnb_company .lnb_company_logo img {
  width: 134px;
}

.mobile_menu .lnb_company ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mobile_menu .lnb_company li a {
  font-size: 27px;
  color: #9d9d9d;
  font-weight: 300;
}

.mobile_menu .goCust {
  width: 100%;
  background: #4a81ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mobile_menu .goCust a {
  display: block;
  color: white;
  font-size: 35px;
  padding: 48px 0;
  width: 100%;
  text-align: center;
}

.mobile_menu .goCust a span {
  display: inline-block;
  padding-left: 48px;
  background: url("../images/mainV2/sidemenu/icon_cust.png") no-repeat;
  background-size: 34px 34px;
  background-position: left center;
}

/* 모바일 메뉴 */
/* 리뉴얼 미디어 쿼리 */
/* ie 하위 브라우져 경고 */
.mh_update_info {
  text-align: center;
  padding: 20px;
  border-bottom: 1px solid #ccc;
  line-height: 25px;
  background: #f0f5f9;
}

.mh_update_info a {
  display: inline-block;
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #dcdcdc;
}

.mh_update_info a:hover {
  background: #2c77bc;
  color: #fff;
}

@media print {
  #content.left {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 auto !important;
  }
  .header_area {
    display: none !important;
  }
  #menu-rnb {
    display: none !important;
  }
  .dp2_menu {
    display: none !important;
  }
  .left_menu {
    display: none !important;
  }
  .footer {
    display: none !important;
  }
  .agreement_cont > .btn {
    display: none !important;
  }
}

/* 파폭핵 */
@-moz-document url-prefix() {}/* 크롬핵 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .aping_txt:after {
    content: " > ";
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 13px;
    font-family: 'dotum';
    color: #2c77bc;
    font-weight: bold;
  }
  .car_list .select_wrap select {
    width: 100%;
    height: 32px;
    padding: 0 32px 0 8px;
    border: 0;
    background: transparent url(../images/bg_select01.png) no-repeat 100% 50%;
    background-size: 32px 26px;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    font-size: 12px;
    color: #555;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
  }
  .car_list .select_wrap2 {
    display: inline-block;
    width: 82%;
    height: 32px;
    background: #fff;
  }
  .car_list .select_wrap2 select {
    width: 100%;
    height: 32px;
    padding: 0 32px 0 8px;
    border: 0;
    background: transparent url(../images/bg_select01.png) no-repeat 100% 50%;
    background-size: 32px 26px;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    font-size: 12px;
    color: #555;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
  }
  .aping_total:after, .aping_ing:after {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 1px;
    height: 11px;
    font-family: 'dotum';
    border-right: 1px solid #888;
    color: #888;
    font-weight: normal;
  }
  .auto_life_bx li dd p {
    max-height: 95px;
  }
}

@media only all and (max-width: 1280px) {
  .w_header .header_bottom .w_nav {
    margin-left: 15px;
  }
  /* .w_header .header_bottom .w_nav li{margin-right:30px;} */
  .w_header .header_bottom .w_nav li a {
    font-size: 18px;
  }
  .w_foot .foot_left {
    margin-left: 15px;
  }
  .w_foot .foot_right {
    margin-right: 15px;
  }
  .content_area {
    padding: 40px 0px;
  }
  .modal-wrap.modalPopup_sitemap .btn_modalpopupClose {
    right: 0;
  }
  .head_banner, #out_banner {
    display: none;
  }
}

/*  1024 아이패드용 임시 테스트 훈 : s  */
@media only all and (max-width: 1024px) {
  .m_layer .content_area {
    padding: 30px 0;
  }
  .m_layer #content {
    width: auto;
  }
  .m_layer #content.main {
    width: 1262px;
  }
  .m_layer .w_header {
    display: none;
  }
  .m_layer .footer {
    height: auto;
    padding: inherit;
  }
  .m_layer .w_foot {
    display: none;
  }
  .m_layer #menu-rnb {
    display: block;
  }
  .m_layer .m_header {
    display: block;
  }
  .m_layer .m_foot {
    display: block;
  }
  .m_layer .left_menu {
    display: none;
  }
  .m_layer #content {
    padding: 0 10px;
  }
  .m_layer #content.zero {
    padding: 0;
    margin-top: -10px;
  }
  .m_layer #content.left {
    margin-left: 0;
    padding: 0 10px;
    width: auto;
  }
  .m_layer .top_vs_tit.visual_sellStatus {
    display: none;
  }
}

@media only all and (max-width: 900px) {
  .nav_side li {
    width: 60px;
  }
  .nav_side li a {
    font-size: 11px;
  }
  .w_foot .sitemap {
    left: -130px;
  }
  .w_foot .sitemap > a {
    width: 100px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    display: block;
  }
  .galtab_height {
    min-height: 610px;
  }
}

@media only all and (max-width: 768px) {
  /* 2017.10.31 여기부터 수정 */
  .content_area {
    padding: 0;
  }
  .h4_tit {
    padding-top: 30px;
  }
  .top_list_tit {
    padding-top: 30px;
  }
  .faq_scr_box {
    margin-top: 10px;
  }
  .cell_step {
    display: block;
    line-height: 0;
  }
  .cell_step img {
    width: 100%;
  }
  /* 2017.10.31 여기부터 수정 */
  .nav_sub {
    display: block;
  }
  /* .content_area{padding:10px 0} */
  .top_vs_tit {
    padding: 15px 0;
    margin-bottom: 0;
  }
  #content.zero {
    padding: 0;
    margin-top: -10px;
  }
  #content {
    width: auto;
  }
  #content.main {
    width: 1262px;
  }
  .top_btn {
    position: fixed;
    right: 15px;
    bottom: 15px;
    width: 35px;
    height: 35px;
    z-index: 999;
  }
  /* layer */
  body {
    font-size: 12px;
  }
  button, input, select, textarea {
    font-size: 12px;
    /* margin-right:4px; */
  }
  .w_header {
    display: none;
  }
  .footer {
    height: auto;
    padding: inherit;
  }
  .w_foot {
    display: none;
  }
  /* #menu-rnb{display:block} */
  .m_header {
    display: block;
  }
  .m_foot {
    display: block;
  }
  .dp2_menu {
    display: none;
  }
  .left_menu {
    display: none;
  }
  #content {
    padding: 0 10px;
  }
  #content.left {
    margin-left: 0;
    padding: 0 10px;
    width: auto;
  }
  #content.left.myCarSellinfo {
    padding: 0;
  }
  .result_form {
    display: none;
  }
  /* table */
  .w_cg {
    display: none;
  }
  .m_cg {
    display: block;
  }
  table .num, table .vnum {
    display: none;
  }
  table.table_01 .tit {
    width: 70%;
  }
  table.table_01 .day {
    width: 30%;
  }
  table.table_01 .apply {
    width: 38%;
  }
  table.table_01.my_deal tbody td {
    white-space: nowrap;
  }
  .top_vs_tit.visual_sellStatus {
    display: none;
  }
  .table_02 thead {
    display: none;
  }
  table.table_02 tbody td.trs_01 {
    display: inline-block;
    padding: 10px 0;
    text-align: left;
    text-indent: 10px;
    border-bottom: 0;
    border-top: 1px solid #d3dae1;
    height: inherit;
    width: 100%;
  }
  table.table_02 tr:first-child td:first-child {
    border-top: none !important;
  }
  table.table_02 tbody td.trs_02 {
    display: inline-block;
    padding: 10px 0;
    text-align: left;
    text-indent: 10px;
    height: inherit;
    width: 100%;
  }
  table.table_02 tbody td.trs_03 {
    display: inline-block;
    padding: 10px 0;
    text-align: left;
    text-indent: 10px;
    height: inherit;
    width: 50%;
    font-size: 11px;
  }
  table.table_02 tbody td.trs_04 {
    display: inline-block;
    padding: 10px 0;
    height: inherit;
    width: 50%;
    font-size: 11px;
  }
  table.table_02 tbody td.trs_03, table.table_02 tbody td.trs_04 {
    margin-bottom: 10px;
    float: left;
  }
  /* 반응형 탭 */
  .car_list h4.top_list_tit {
    text-align: center;
    padding: 5px 0;
    background: #2d78bc;
    color: #fff;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
  }
  .tab_nav {
    margin: 10px 0;
    height: auto;
    padding-right: 0;
    border-bottom: 0;
  }
  .tab_nav.add_ch {
    padding-right: 0;
  }
  .tab_nav .add_btns {
    position: relative;
    margin: 10px 0;
    text-align: right;
    right: inherit;
    top: inherit;
  }
  .swiper-container {
    height: 30px;
    background: #ddd;
  }
  /* .tab_nav .depth1 > li a:first-child{border-left:1px solid #fff;} */
  /* .tab_nav .depth1 > li.on a:first-child{border-left:1px solid #ddd;} */
  /* .tab_nav .depth1 > li{float:left;background:#fff;width:auto} */
  /* .tab_nav .depth1 > li > a{display:inline-block;height:30px;line-height:30px;font-size:11px;letter-spacing:-0.08em;width:auto;padding:0 10px;margin-left:1px;} */
  /* .tab_nav .depth1 > li:last-child{border-right:1px solid #fff} */
  .swiper_con .v_w {
    display: none;
  }
  .swiper_con .v_m {
    display: block;
  }
  .tab_nav.im_h .add_btns {
    position: absolute;
    right: 0;
    top: 5px;
    margin: 0;
  }
  /* 20171205_gradient */
  div.gradient {
    width: 10%;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-mask-image: -webkit-gradient(linear, right 100%, left bottom, from(white), to(rgba(255, 255, 255, 0)));
    background: #fff;
  }
  /* 2018-03-06 탭메뉴 */
  .tab_nav .depth1 {
    width: 100%;
    height: 27px;
  }
  .tab_nav .depth1 > li {
    float: left;
    height: 30px;
    min-width: 100px;
  }
  .tab_nav .depth1 > li > a {
    display: inline-block;
    padding: 8px 0 0;
    background: #ddd;
    width: 100%;
    height: 100%;
    font-size: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 1;
  }
  .tab_nav .depth1 > li:first-child > a {
    margin-left: 0;
  }
  .tab_nav .depth1 > li.on > a {
    background: #255d91;
    color: #fff;
  }
  .tabM2 {
    width: 50%;
  }
  .tabM3 {
    width: 33.3%;
  }
  /* application_area sub */
  .application_area.sub {
    font-size: 15px;
  }
  .application_area.box {
    border: 1px solid #ccc;
    margin-bottom: 30px;
  }
  .application_area.box ul {
    padding-right: 0;
  }
  .application_area.box li {
    float: left;
    color: #888;
    position: relative;
    margin: 0;
    line-height: 20px;
    width: 25%;
    text-align: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5px;
  }
  .application_area.box.sub li:first-child {
    width: 100%;
    font-size: 14px;
    margin-bottom: 3px;
  }
  .application_area.box.sub li:last-child {
    width: 100%;
    text-align: right;
  }
  .aping_txt {
    font-weight: bold;
    font-size: 16px;
    padding-right: 0;
  }
  .aping_txt:after {
    content: none;
  }
  .aping_ing, .aping_total {
    padding-right: 0;
  }
  .aping_total:after, .aping_ing:after {
    content: none;
  }
  .application_area.box ul li .more {
    font-size: 12px;
  }
  .aping_ing.bg_none:after {
    content: none;
  }
  .application_area.box.sub {
    padding: 7px 7px 25px;
    background: #fcfcfc;
    text-align: center;
  }
  .application_area.box.sub ul {
    position: initial;
  }
  .application_area.box.sub li {
    font-size: 12px;
  }
  .application_area.box.sub .li_more {
    position: absolute;
    bottom: 5px;
    right: 10px;
  }
  /* paging */
  .w_paging {
    display: none;
  }
  /*.first_page,.last_page{display:none !important}*/
  .cntPaging p {
    display: inline-block;
  }
  .cntPaging p {
    min-width: 55px;
    height: 25px;
    line-height: 25px;
  }
  .cntPaging p span.act {
    font-size: 12px;
    color: #3777bc;
    font-weight: normal;
    width: 25px;
    height: 25px;
    border: 1px solid #3777bc;
    display: inline-block;
    vertical-align: top;
  }
  .cntPaging p span.no_act {
    font-size: 12px;
    color: #555555;
    font-weight: normal;
    width: 25px;
    height: 25px;
    border: 1px solid #e6e6e6;
    display: inline-block;
    vertical-align: top;
  }
  .cntPaging p.act span.bar {
    font-size: 15px;
    vertical-align: bottom;
  }
  .cntPaging a.prev, .cntPaging a.next, .cntPaging a.first_page, .cntPaging a.last_page {
    width: 27px;
    height: 27px;
    border: 1px solid #e6e6e6;
  }
  .cntPaging a.first_page {
    background: url(../images/nnext.png) no-repeat center center;
    background-size: contain;
  }
  .cntPaging a.prev {
    margin: 0 4px 0 2px;
    background: url(../images/next.png) no-repeat center center;
    background-size: contain;
  }
  .cntPaging a.next {
    margin: 0 2px 0 4px;
    background: url(../images/prev.png) no-repeat center center;
    background-size: contain;
  }
  .cntPaging a.last_page {
    background: url(../images/pprev.png) no-repeat center center;
    background-size: contain;
  }
  /* top_vs_tit */
  .top_vs_tit dl {
    background: none !important;
    height: auto;
    padding-top: 0;
    text-indent: inherit;
  }
  .top_vs_tit dt {
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
    margin-left: 0;
  }
  .top_vs_tit dd {
    text-align: center;
    line-height: 1.3em;
    font-size: 11px;
    letter-spacing: -0.03em;
    margin: 0 auto;
    width: 60%;
  }
  .top_vs_tit br {
    display: none;
  }
  .best_car_list .top_vs_tit dd br {
    display: block !important;
  }
  /* view_tit */
  .view_tit {
    padding-right: 0;
  }
  .view_tit dt {
    padding: 15px 10px;
  }
  .view_tit dd {
    position: inherit;
    right: inherit;
    top: inherit;
    padding: 0 10px 14px;
  }
  .view_info {
    display: none;
  }
  .view_bottom dl {
    padding-left: 70px;
  }
  .view_bottom dt {
    left: 10px;
  }
  .view_textarea {
    width: auto;
    padding: 10px 10px;
  }
  .view_textarea img {
    width: 100% !important;
  }
  #out_banner {
    display: none;
  }
  .nav_sub li a {
    font-size: 15px;
  }
  div.ap_contents {
    padding-top: 30px;
  }
  .scr_box {
    margin-bottom: 25px;
  }
  /* 리뉴얼 */
  #content.reviewPage {
    padding: 0 !important;
  }
  #content.event {
    padding: 0 !important;
  }
  .only-pc {
    display: none !important;
  }
  .only-pc-il {
    display: none !important;
  }
  .only-pc-fl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .only-mo {
    display: block !important;
  }
  .only-mo-il {
    display: inline-block !important;
  }
  .only-mo-fl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .content_area.fullwidth #content.left {
    margin-top: 0;
  }
  /* 리뉴얼 */
}

@media screen and (max-width: 720px) {
  .m_header {
    height: 17.5vw;
    line-height: 17.5vw;
  }
  #m_back a {
    margin-left: 2.7vw;
  }
  #m_back a img {
    width: 2.361vw;
    height: 4.027vw;
  }
  .m_header .m_header_top.on {
    top: 0;
    box-shadow: 0.694vw 0.972vw 1.38vw 0.138vw rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0.694vw 0.972vw 1.38vw 0.138vw rgba(0, 0, 0, 0.17);
  }
  .m_header .m_header_top .m_top_depth a {
    font-size: 5vw;
  }
  .content_area {
    overflow-x: hidden;
  }
  /* .mobile_menu {display:block;} */
  .mobile_menu .lnb_info {
    padding: 7.638vw 8.3vw;
  }
  .mobile_menu .lnb_info .lnb_info_t {
    margin-bottom: 6.94vw;
  }
  /* .mobile_menu .lnb_info .info_mypage {padding-left:6.944444444444445vw; background-size:4.305555555555555vw 4.583333333333333vw; font-size:4.722222222222222vw;} */
  .mobile_menu .lnb_info .info_mypage {
    padding-left: 5.972vw;
    font-size: 4.16vw;
  }
  .mobile_menu .lnb_info .info_mypage::after {
    width: 4.305vw;
    height: 4.583vw;
  }
  .mobile_menu .lnb_info .info_viewCar {
    padding-left: 7.7vw;
    font-size: 4.16vw;
    margin-left: 3.25vw;
  }
  .mobile_menu .lnb_info .info_viewCar::after {
    width: 6.1vw;
    height: 4.583vw;
    top: -0.27vw;
  }
  .mobile_menu .lnb_info .info_bookMark {
    padding-left: 9.027vw;
    font-size: 4.16vw;
    margin-left: 5.94vw;
  }
  .mobile_menu .lnb_info .info_bookMark::after {
    width: 5.416vw;
    height: 5.416vw;
  }
  .mobile_menu .lnb_info .info_bookMark .bookMarkNum {
    font-size: 2.5vw;
    padding: 0.972vw 0.5vw;
    left: 3.194vw;
    top: -2.7vw;
  }
  .mobile_menu .lnb_info .info_entry {
    padding-left: 6.527vw;
    font-size: 4.16vw;
    margin-left: 5.94vw;
  }
  .mobile_menu .lnb_info .info_entry::after {
    width: 5.416vw;
    height: 5.416vw;
  }
}

@media screen and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 0) {
  .mobile_menu .lnb_info .info_bookMark {
    margin-left: 5.04vw;
  }
  .mobile_menu .lnb_info .info_entry {
    margin-left: 5.04vw;
  }
}

@media screen and (max-width: 720px) {
  .mobile_menu .lnb_info .info_btns .info_btns_home {
    width: 6.527vw;
    height: 6.527vw;
    margin-right: 6.527vw;
  }
  .mobile_menu .lnb_info .info_btns .info_btns_close {
    width: 5.694vw;
    height: 5.694vw;
  }
  /* .mobile_menu .lnb_info .info_login_txt {font-size:6.25vw;} */
  .mobile_menu .lnb_info .info_login_txt {
    font-size: 4.861vw;
    width: 20.138vw;
    line-height: 5.5vw;
  }
  .mobile_menu .lnb_info.login .info_login_txt {
    width: 24.305vw;
    line-height: 5.8vw;
  }
  /* .mobile_menu .lnb_info .info_login_btn {font-size:4.444444444444445vw; padding:1.6666666666666667vw 2.5vw;} */
  .mobile_menu .lnb_info .info_login_btn {
    font-size: 4.4vw;
    padding: 0 2.5vw;
    height: 7.083vw;
    margin-left: 4.16vw;
  }
  .mobile_menu .lnb_banner {
    margin-top: 5.5vw;
    padding: 0 2.7vw;
  }
  .mobile_menu .lnb_menu {
    margin-top: 7.638vw;
    padding: 0 9.027vw;
  }
  .mobile_menu .lnb_menu .lnb_menu_b .lnb_menu_btitle {
    font-size: 3.75vw;
  }
  .mobile_menu .lnb_menu .lnb_menu_s {
    padding: 4.16vw 4.16vw 6.94vw;
    margin-bottom: 6.94vw;
  }
  .mobile_menu .lnb_menu .lnb_menu_s img {
    width: 15.972vw;
    height: 15.972vw;
  }
  .mobile_menu .lnb_menu .lnb_menu_s .lnb_menu_stitle {
    font-size: 3.75vw;
    margin-top: 2.7vw;
    line-height: 5vw;
  }
  .mobile_menu .lnb_notice {
    padding: 6.94vw 8.8vw;
  }
  .mobile_menu .lnb_notice .lnb_notice_title {
    font-size: 3.75vw;
  }
  .mobile_menu .lnb_notice .lnb_notice_more {
    font-size: 3.75vw;
  }
  .mobile_menu .lnb_notice .lnb_notice_t {
    margin-bottom: 4.16vw;
  }
  .mobile_menu .lnb_notice .lnb_notice_b li a {
    font-size: 3.75vw;
  }
  .mobile_menu .lnb_faq {
    padding: 3.05vw 8.8vw;
    margin: 3.8vw 0;
  }
  .mobile_menu .lnb_faq ul li a {
    font-size: 4.16vw;
  }
  .mobile_menu .lnb_company {
    padding: 0 8.8vw 5vw;
  }
  .mobile_menu .lnb_company .lnb_company_wrap {
    padding-top: 5vw;
  }
  .mobile_menu .lnb_company .lnb_company_logo img {
    width: 18.61vw;
  }
  .mobile_menu .lnb_company li a {
    font-size: 3.75vw;
  }
  .mobile_menu .goCust a {
    font-size: 4.861vw;
    padding: 6.6vw 0;
  }
  .mobile_menu .goCust a span {
    padding-left: 6.6vw;
    background-size: 4.72vw;
  }
  #m_logo a img {
    width: 30.5vw;
  }
  .m_header .btn_mmenu {
    right: 3.472vw;
  }
  .m_header .btn_mmenu img {
    width: 5.83vw;
  }
  .foot_top ul {
    margin-top: 2.7vw;
  }
  .foot_top li a {
    padding: 1.25vw 0;
    font-size: 3.8vw;
    margin: 0 1.38vw;
  }
  .foot_top li:after {
    top: 1.6vw;
    height: 4.4vw;
  }
  .foot_bottom .CTel {
    font-size: 4.027vw;
    margin-top: 2.7vw;
  }
  .foot_bottom .CTel .tel {
    font-size: 5vw;
    margin-right: 0.694vw;
  }
  .foot_bottom .CFax {
    font-size: 3.75vw;
    margin: 1.38vw 0;
  }
  .foot_bottom .CInfo {
    font-size: 3.75vw;
    margin: 0.27vw 0;
  }
  .m_copyright {
    font-size: 3.3vw;
    margin-top: 2.7vw;
  }
  .m_sns {
    margin: 4.16vw 0;
  }
  .m_sns li.CnPost {
    margin-left: 4.16vw;
  }
  .m_sns li {
    margin-right: 4.16vw;
  }
  .m_sns li a {
    width: 7.638vw;
    height: 7.638vw;
  }
  .footer .goPc a {
    font-size: 3.3vw;
  }
  .footer .corpBanner {
    margin: 6.25vw 0 11.805vw;
  }
  .footer .corpBanner img.certifyList {
    width: 73.194vw;
  }
  .footer .corpBanner img.patentImg {
    width: 81.1197916vw;
    margin-top: 2.7vw;
  }
  .holding_offerings_srch {
    height: auto;
  }
  .holding_offerings_srch .txt {
    width: 100%;
  }
  .holding_offerings_srch li {
    margin: 0 5px 10px;
  }
  .mycar_sell_info span.ty_ing1 {
    height: auto;
  }
  .mycar_sell_info span.ty_ing3 {
    height: auto;
  }
  .AdviceListResult td {
    padding: 0 !important;
  }
  .AdviceListResult td.tit a {
    display: inline-block !important;
  }
  .scr_box .flexbox {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .scr_box .flexbox li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .scr_box .flexbox li:nth-child(2) {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
  .scr_box .flexbox li select {
    width: 100% !important;
  }
  .scr_box .flexbox li input {
    width: 100% !important;
  }
  .scr_box .flexbox li a {
    width: 100% !important;
  }
}

@media only all and (max-width: 640px) {
  .imageblock {
    width: 100% !important;
    height: 100% !important;
  }
  .nodata {
    padding: 30px 0;
  }
  .application_area.box li {
    width: 50%;
  }
  .galtab_height {
    min-height: auto;
  }
  table.table_03 td input[type=text] {
    margin-bottom: 5px;
  }
}

@media only all and (max-width: 480px) {
  #m_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    height: auto;
  }
  #m_logo a {
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #m_logo a img {
    vertical-align: middle;
  }
  .m_header .btn_m_scearch {
    width: 30px;
    height: 30px;
    right: 70px;
  }
  .m_header .btn_mmenu {
    width: 30px;
    height: 30px;
  }
  .top_vs_tit dd {
    margin: 0 auto;
    width: 90%;
  }
  table.table_03 th, table.table_03 td {
    font-size: 11px !important;
  }
  .scr_box li input[type="text"] {
    width: 115px;
  }
  .view_bottom dt {
    font-size: 11px;
  }
  .view_bottom dd {
    font-size: 11px;
  }
  .ap_state_chk .chk_img_area h4.top_list_tit {
    font-size: 20px;
  }
  .ap_state_chk .chk_img_area dt img {
    max-width: 150px;
  }
  .mycar_sell_info .ap_state_chk {
    padding: 0 15px 20px;
  }
}

@media only all and (max-width: 414px) {
  #m_logo {
    width: 95px;
    left: 20px;
  }
  .m_header .btn_m_scearch {
    width: 26px;
    height: 26px;
    right: 60px;
  }
  .m_header .btn_mmenu {
    width: 26px;
    height: 26px;
  }
}

@media only all and (max-width: 375px) {
  #m_logo {
    width: 85px;
    left: 18px;
  }
  .m_header .btn_m_scearch {
    width: 24px;
    height: 24px;
    right: 55px;
  }
  .m_header .btn_mmenu {
    width: 24px;
    height: 24px;
  }
}

/* 리뉴얼 미디어 쿼리 */
/* 전체 리뉴얼 css */
/* @import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css"); */
/*m_main  is  2016.05.16*/
.content_area.m_main {
  padding: 0;
}

.m_main .m_banner {
  margin: 0;
}

.m_main .m_banner_slide li img {
  width: 100%;
}

.m_main .m_banner_slide li {
  float: left;
}

/* .m_main #myCarSellCounsell{margin:10px;border:1px #ddd solid;} */
.m_main #myCarSellCounsell input:focus {
  outline: #535454 1px solid;
}

.m_main #myCarSellCounsell button:focus, .m_main #myCarSellCounsell select:focus {
  outline: #2d78bc 1px solid;
}

/* .m_main #myCarSellCounsell .simpleCounsel .cont_simpleCounsel{background-color:#f5f5f5; padding:10px; border-top:1px #ddd solid;} */
.m_main #myCarSellCounsell .simpleCounsel label > input {
  vertical-align: middle;
}

.m_main #myCarSellCounsell .simpleCounsel h5 {
  background-size: 20px auto;
  height: 44px;
  line-height: 44px;
  margin: 0 10px;
  color: #2d78bc;
  font-size: 18px;
  font-weight: bold;
}

.m_main #myCarSellCounsell .simpleCounsel h5 > span {
  color: #555;
}

.m_main #myCarSellCounsell .simpleCounsel .cont_simpleCounsel h6 {
  line-height: 16px;
  font-size: 12px;
  font-weight: bold;
}

.m_main #myCarSellCounsell .simpleCounsel .cont_simpleCounsel > .counsel_btn {
  font-size: 16px;
  font-weight: bold;
}

.m_main #myCarSellCounsell input[type="text"]:last-child {
  margin-bottom: 0 !important;
}

.m_main #myCarSellCounsell input[type="text"] {
  padding: 10px 0;
  text-indent: 10px;
  border-radius: 3px;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #dddddd;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.m_main #myCarSellCounsell .input_focus {
  border: 1px #f00 solid;
}

/* .m_main #myCarSellCounsell label{padding:10px 0; display: inline-block; font-size:12px; font-weight:bold} */
.m_main .agree_area .chk_area {
  float: left;
}

.m_main .agree_area .agree_chk2 {
  margin-left: 10px;
}

.m_main .goBtn {
  padding: 8px 0;
  display: block;
  border-radius: 2px;
  text-align: center;
  display: block;
  border: none;
  width: 100%;
}

.m_main .goBtn > *:first-child {
  display: inline-block;
  line-height: 20px;
}

.m_main .goBtn > *:first-child:after {
  content: '\00a0';
  background: url(../images/icon/go.png) no-repeat right -10px 50%;
  display: inline-block;
  line-height: 20px;
  background-size: 20px auto;
  width: 25px;
  position: absolute;
}

.m_main a.blue-bg, .m_main .blue-bg {
  background: #2d78bc;
  color: #fff;
}

.m_main #myCarSellCounsell .simpleCounsel .cont_simpleCounsel .priv2 {
  color: #2d78bc !important;
  font-size: 11px;
  font-weight: bold;
}

/* 온라인 경쟁입찰*/
.m_main .goServ2 {
  padding: 0 10px;
}

.m_main .goServ2 a {
  position: relative;
  display: block;
  height: 44px;
  width: 100%;
  text-align: center;
  display: block;
  background: url(../images/mAuction.png) no-repeat 32% 50% #8392a5;
  line-height: 44px;
  background: #8392a5;
}

.m_main .goServ2 a span {
  padding-left: 36px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: url(../images/mAuction.png) no-repeat left center #8392a5;
  background-size: 23px auto;
}

/* 내차사기 */
.m_main #carbuyMenu {
  margin: 10px;
  border: 1px #d9d9d9 solid;
}

.m_main #carbuyMenu h5 {
  background: url(../images/mCarbuy.png) no-repeat right 50%;
  background-size: 20px auto;
  height: 44px;
  line-height: 44px;
  margin: 0 10px;
  color: #2d78bc;
  font-size: 16px;
  font-weight: bold;
}

.m_main #carbuyMenu .carbuyList {
  border-top: 1px #ddd solid;
  overflow: hidden;
  background-color: #f5f5f5;
  font-family: HeadExtraBold;
  font-size: 12px;
}

.m_main #carbuyMenu .carbuyList ul li {
  width: 33.3%;
  float: left;
}

.m_main #carbuyMenu .carbuyList ul li:first-child {
  overflow: hidden;
  border-left: 0 none !important;
}

.m_main #carbuyMenu .carbuyList ul li a {
  padding: 12px;
  display: block;
  border-left: 1px solid #ddd;
  letter-spacing: -1px;
  background: url(../images/go3.png) no-repeat 86% 50%;
  background-size: 20px auto;
}

.m_main #carbuyMenu .carbuyList ul li:first-child a {
  border-left: 0 none !important;
}

.m_main .tickerBox {
  position: relative;
  margin: 7px 10px;
  border: 1px solid #ddd;
  padding: 0 10px 0 65px;
  overflow: hidden;
  height: 36px;
  line-height: 36px;
}

.m_main .tickerBox .tit {
  position: absolute;
  left: 10px;
  top: 0;
  font-weight: bold;
  color: #535454;
  font-size: 11px;
}

.m_main .tickerBox .ticker {
  color: #e26000;
  position: relative;
}

.m_main .tickerBox .notice li {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  padding: 0 30px 0 0;
  line-height: 36px;
  height: 36px;
}

.m_main .tickerBox a.updown {
  position: absolute;
  right: 6px;
  top: 0;
  background: url(../images/updown.png) no-repeat 50% 50%;
  background-size: 10px auto;
  width: 20px;
  height: 36px;
  display: block;
}

/*bx-slide*/
.tickerBox .bx-wrapper .bx-prev {
  display: none;
  background: none;
}

.tickerBox .bx-wrapper .bx-next {
  right: -9px;
  background: none;
}

.m_main .m_banner .bx-wrapper .bx-pager, .m_main .m_banner .bx-wrapper .bx-controls-auto {
  bottom: -20px;
  padding-top: 0;
}

.m_main .m_banner .bx-wrapper .bx-pager.bx-default-pager a {
  width: 8px;
  height: 8px;
}

.m_main .m_banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .m_main .m_banner .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #007cfc;
  border: none;
}

.m_main .m_banner .bx-wrapper .bx-pager.bx-default-pager a {
  background: #3e4750;
  border: none;
}

/* 공지사항 notice */
.notice .top_vs_tit dl {
  background: url(../images/vs_notice_01.jpg) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 공지사항 */
.auction_step .top_vs_tit dl {
  background: url(../images/visual_auction.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 온라인경매입찰 */
.event .top_vs_tit dl {
  background: url(../images/vs_event_01.jpg) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 이벤트 */
.member_agreement .top_vs_tit dl {
  background: url(../images/visual_clause.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 이용약관 */
.memberBenefit .top_vs_tit dl {
  background: url(../images/visual_benefit.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 오토인사이드 서비스 */
.review_notice .top_vs_tit dl, .review_area .top_vs_tit dl {
  background: url(../images/visual_thx.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 후기 */
.best_car_list .top_vs_tit dl {
  background: url(../images/visual_benefit.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 이달의 최고차량 */
.faq .top_vs_tit dl {
  background: url(../images/visual_faq.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 고객센터 */
.car_list .top_vs_tit dl {
  background: url(../images/vs_notice_01.jpg) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 고객센터 */
.top_vs_tit.visual_usedcar_price dl {
  background: url(../images/visual_usedcar_price.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 중고차 구매시세 */
.top_vs_tit.visual_findID dl {
  background: url(../images/visual_findID.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 아이디 찾기 */
.top_vs_tit.visual_findPW dl {
  background: url(../images/visual_findPW.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 비밀번호 찾기 */
.top_vs_tit.visual_myinfoManage dl {
  background: url(../images/visual_myinfoManage.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 내 정보 관리 */
.top_vs_tit.visual_lease dl {
  background: url(../images/visual_lease.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 리스승계 등록하기 */
.top_vs_tit.visual_lease_manage dl {
  background: url(../images/visual_lease_manage.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 등록 리스승계 관리 */
.top_vs_tit.visual_login dl {
  background: url(../images/visual_login.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 로그인 */
.top_vs_tit.visual_monition dl {
  background: url(../images/visual_monition.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 법적고지 */
.top_vs_tit.visual_mypage dl {
  background: url(../images/visual_mypage.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 마이페이지 */
.top_vs_tit.visual_online dl {
  background: url(../images/visual_online.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 이용문의 내역 */
.top_vs_tit.visual_online_auction dl {
  background: url(../images/visual_online_auction.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 경쟁입찰 판매 */
.ai_policy_h .top_vs_tit dl {
  background: url(../images/visual_privacy.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 개인정보처리방침 */
.top_vs_tit.visual_payment dl {
  background: url(../images/visual_payment.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 결제내역 */
.top_vs_tit.visual_price dl {
  background: url(../images/visual_price.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 내차판매시세 */
.top_vs_tit.visual_sellSelf dl {
  background: url(../images/visual_sellSelf.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 내차 직접 등록 */
.top_vs_tit.visual_sellStatus dl {
  background: url(../images/visual_sellStatus.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 내차팔기 신청현황 */
.top_vs_tit.visual_talk dl {
  background: url(../images/visual_talk.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 오토인사이드 talk */
.top_vs_tit.visual_theme dl {
  background: url(../images/visual_theme.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 테마로 보는 차량 */
.top_vs_tit.visual_usedcar_price dl {
  background: url(../images/visual_usedcar_price.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 중고차 검색 */
.top_vs_tit.visual_usedCarManage dl {
  background: url(../images/visual_usedCarManage.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 등록 중고차 관리 */
.top_vs_tit.visual_usedCarReg dl {
  background: url(../images/visual_usedCarReg.gif) no-repeat 0 0;
  background-size: 100% 100%;
}

/* 중고차 등록하기 */
/* end_event */
table.table_02 tbody td.trs_02 {
  text-align: left;
}

table.table_02 tbody td.trs_02 a {
  color: #555;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  overflow: hidden;
}

.box_list {
  margin-left: -12px;
}

.event .box_list .box_area {
  height: 275px;
  min-height: inherit;
}

/* .event .box_list_inner{border-top:2px solid #2c77bc;padding-top:15px;} */
.event .box_list_inner.ing_evt .box_list .box_area {
  height: 240px;
}

.box_list .boxitem {
  overflow: hidden;
  float: left;
  width: 33.33%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'notosans';
}

.ing_evt .box_list {
  font-size: 0;
  text-align: center;
}

.ing_evt .box_list .boxitem {
  float: none;
  display: inline-block;
  text-align: left;
}

.box_list .box_area {
  margin: 0 0 13px 12px;
  border: 1px solid #e5e5e5;
  letter-spacing: -0.05em;
  min-height: 275px;
}

.box_list .box_area .txtBox_bottom {
  min-height: 19px;
  padding: 10px 0;
  text-align: center;
  background: #fafafa;
  border-top: 1px solid #e0e0e0;
}

.box_list .box_area .box_top {
  position: relative;
  padding: 20px;
}

.box_list .box_area .box_top .box_img {
  margin: 0 auto;
  max-width: 300px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.box_list .box_area .box_top .box_img img {
  width: 100% !important;
}

.box_img_tit {
  position: relative;
  width: auto;
  padding-right: 53px;
  margin-top: 20px;
}

.box_img_tit dt {
  font-size: 18px;
  font-weight: 400;
  width: 85%;
  letter-spacing: -0.08em;
  overflow: hidden;
  height: 23px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.box_img_tit dd {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  background: #aaaaaa;
  color: #fff;
  font-size: 11px;
  text-align: center;
  padding: 4px 9px;
}

.box_img_tit dd.ing {
  font-size: 14px;
  color: white;
  background: #4a81ff;
  font-weight: 300;
}

.box_list .box_area .box_top .box_img_tit p.tit_ing {
  margin-bottom: 10px;
  color: #66b6ad;
  font-size: 16px;
}

.box_list .box_area .box_top .box_img_tit p.tit {
  padding: 0 30px;
  height: 60px;
  font-size: 15px;
  color: #111;
  line-height: 1.5em;
  font-weight: bold;
}

.box_list .box_area .box_bottom .txtBox {
  margin: 0 20px;
  padding: 12px 0;
  font-size: 13px;
  line-height: 1.2em;
  border-top: 1px solid #e7e7e7;
  color: #111;
}

.box_list .box_area .box_bottom .txtBox dl {
  padding: 2px 0;
  position: relative;
  padding-left: 80px;
}

.box_list .box_area .box_bottom .txtBox dt {
  position: absolute;
  left: 0;
  font-size: 15px;
  background: url(../images/header_bar_01.gif) no-repeat right center;
  width: 78px;
  font-weight: 200;
}

.box_list .box_area .box_bottom .txtBox dd {
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-weight: 200;
  padding-left: 10px;
}

.box_list .box_area .box_bottom .txtBox dd.result {
  color: #4a81ff;
}

.box_list .box_area .box_bottom .txtBox a {
  width: 150px;
  height: 18px;
  line-height: 18px;
  display: block;
  background: url(../images/btn_bg_01.gif) repeat-x left center;
  border: 1px solid #cecfce;
  color: #555;
  font-size: 13px;
  text-align: center;
  margin-top: 10px;
}

.box_list .box_area .box_bottom .txtBox a:hover {
  border: 1px solid #226cbb;
}

.box_list .box_area .box_bottom .txtBox a span {
  background: url(../images/btn_ico_01.gif) no-repeat right center;
  padding-right: 7px;
}

.event .view_info .txtBox a {
  width: 150px;
  height: 18px;
  line-height: 18px;
  display: block;
  background: url(../images/btn_bg_01.gif) repeat-x left center;
  border: 1px solid #cecfce;
  color: #555;
  font-size: 13px;
  text-align: center;
  margin-top: -5px;
  vertical-align: top;
  margin-left: 5px;
}

.event .view_info .txtBox a:hover {
  border: 1px solid #226cbb;
}

.event .view_info .txtBox a span {
  background: url(../images/btn_ico_01.gif) no-repeat right center;
  padding-right: 7px;
}

.event .ing_evt {
  margin-bottom: 82px;
}

.event .scr_box {
  border: 0 !important;
  background: none !important;
  padding: 67px 0 105px;
}

.event .scr_box li select {
  font-family: 'notosans';
  font-weight: 200;
}

.event .scr_box li select option {
  font-weight: 200;
}

.event .scr_box li a {
  font-family: 'notosans';
  font-weight: 200;
  color: white;
  background: #4a81ff;
}

.event .cntPaging {
  margin: 0;
}

.event .list_type_01 {
  margin-bottom: 120px;
}

.event .table_02 {
  border-top: 1px solid #4a81ff;
}

.event .table_02 th {
  font-family: 'notosans';
  font-size: 18px;
  font-weight: 200;
  color: #4a81ff;
  padding: 7px 0;
}

.event .table_02 td {
  font-family: 'notosans';
  font-size: 18px;
  font-weight: 200;
  padding: 7px 0;
}

.event .table_02 td.sort02 {
  text-align: left;
}

.event .list_view {
  font-family: 'notosans';
  margin-bottom: 100px;
}

.event .view_tit {
  border-bottom: 1px solid #4a81ff;
}

.event .view_tit dt {
  font-size: 22px !important;
  color: #4a81ff;
}

.event li {
  font-size: 15px !important;
}

.event .hh_t {
  font-weight: 200;
}

.event li.bar {
  height: 16px;
}

.event .view_textarea p {
  text-align: center;
}

.event .view_info {
  border-bottom: 1px solid #4a81ff;
}

.event .view_info dt {
  font-size: 15px;
  font-weight: 500;
}

.event .view_info dd {
  top: 14px;
}

.event .view_bottom {
  border-top: 1px solid #4a81ff;
  border-bottom: 1px solid #4a81ff;
}

.event .view_bottom dt {
  font-weight: 300;
}

.event .view_bottom dd {
  font-weight: 300;
}

.event .btn_area li a {
  background: #4a81ff;
  color: white;
  border: 0;
  font-weight: 300;
}

/*20160509 윤이슬 이용약관*/
.member_agreement .top_vs_tit dl {
  background: url(../images/vs_notice_01.jpg) no-repeat 0 0;
  background-size: 100% 100%;
}

.member_agreement .h4_tit {
  line-height: 1.5em;
  float: left;
  font-size: 20px;
}

.member_agreement .btn {
  position: absolute;
  right: 0;
  top: -30px;
}

.member_agreement select {
  border: 1px solid #ccc;
  margin-right: 5px;
}

.member_agreement a {
  border: 1px solid #ccc;
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
  display: inline-block;
  vertical-align: top;
}

.member_agreement .agreement_cont {
  border-top: 1px solid #ccc;
  position: relative;
}

.member_agreement .agreement_cont .clause {
  margin: 30px 0px 17px;
  color: #3777bc;
  font-size: 18px;
  font-weight: bold;
}

.member_agreement .agreement_cont .article {
  margin: 10px 0;
  font-size: 15px;
  font-weight: bold;
}

.member_agreement .agreement_cont ul {
  margin: 5px 0 5px 20px;
  line-height: 1.4em;
}

.member_agreement .agreement_cont li {
  line-height: 1.4em;
  font-size: 13px;
  margin-bottom: 5px;
  text-indent: -13px;
}

.member_agreement .agreement_cont p {
  margin-bottom: 10px;
  line-height: 1.4em;
  font-size: 14px;
}

.member_agreement .agreement_cont dd {
  margin-bottom: 10px;
  line-height: 1.5em;
  font-size: 14px;
  padding-left: 20px;
  text-indent: -16px;
}

/* 윤이슬 개인정보처리방침*/
.ai_policy_h .top_vs_tit dl {
  background: url(../images/vs_notice_01.jpg) no-repeat 0 0;
  background-size: 100% 100%;
}

.ai_policy_h .top_policy {
  line-height: 1.8em;
  margin-top: 40px;
}

.ai_policy_h .ai_policy_cont .table_of_contents {
  margin-top: 20px;
  margin-bottom: 40px;
}

.ai_policy_h .ai_policy_cont .table_of_contents li {
  margin: 5px 0;
}

.ai_policy_h .ai_policy_cont .table_of_contents li a {
  color: blue;
  line-height: 20px;
  font-weight: bold;
  color: #3777bc;
}

.ai_policy_h .ai_policy_cont {
  color: #5d5d5d;
  line-height: 1.3em;
  font-size: 13px;
  border-top: 1px solid #ccc;
  position: relative;
}

.ai_policy_h .ai_policy_cont .btn {
  position: absolute;
  right: 0;
  top: -30px;
}

.ai_policy_h .ai_policy_cont select {
  border: 1px solid #ccc;
  margin-right: 5px;
}

.ai_policy_h dt.article {
  font-weight: bold;
  line-height: 1.4em;
  margin-top: 40px;
  margin-bottom: 5px;
  font-size: 16px;
}

.ai_policy_h .detailcon_area > p {
  padding: 7px 0px;
  line-height: 1.5em;
  font-size: 13px;
}

.ai_policy_h .detailcon_area dl dd {
  padding: 5px;
}

.ai_policy_h .detailcon_area dl dd p {
  padding: 0 20px;
  text-indent: -17px;
  font-weight: bold;
}

.ai_policy_h .detailcon_area dl dd ul {
  margin-left: -15px;
  margin-top: 5px;
}

.ai_policy_h .detailcon_area dl dd ul > li {
  padding-left: 20px;
  font-weight: normal;
  padding-bottom: 8px;
}

.ai_policy_h .detailcon_area dl dd dl ul > li {
  padding-left: 40px;
  font-weight: normal;
  padding-bottom: 8px;
  text-indent: -21px;
}

.ai_policy_h .policy_table {
  width: 100%;
  border-left: 1px solid #cbd2da;
  border-bottom: 1px solid #cbd2da;
  margin-top: 10px;
  margin-bottom: 30px;
}

.ai_policy_h .policy_table th {
  background: #F5F5F5;
  color: #8093A4;
  border-right: 1px solid #cbd2da;
  border-top: 1px solid #cbd2da;
  padding: 14px 18px;
}

.ai_policy_h .detailcon_area dl dd ul li ol li {
  margin-left: 10px;
  margin-bottom: 5px;
  position: relative;
  padding-left: 16px;
}

.ai_policy_h .detailcon_area dl dd ul li ol li span {
  position: absolute;
  left: 0px;
  top: -2px;
}

.ai_policy_h .detailcon_area dl dd ul > li > ol {
  margin-top: 10px;
}

.ai_policy_h .detailcon_area li a {
  color: #3777bc;
}

.ai_policy_h .detailcon_area li a:hover, .row_dl dd a:hover {
  border-bottom: 1px solid #3777bc;
}

.ai_policy_h .policy_table td {
  border-right: 1px solid #ccc;
  text-align: center;
  border-top: 1px solid #ccc;
  vertical-align: middle;
  padding: 15px;
  background: #fff;
}

.row_dl {
  margin-top: 20px;
}

.row_dl dt {
  font-weight: bold;
  font-size: 13px;
  color: #3071b9;
}

.row_dl dd {
  margin-top: 5px;
}

.row_dl dd a {
  color: #3777bc;
}

/* company 회사소개 is */
.company .ah_intro .h4_tit {
  font-size: 24px;
  padding-bottom: 20px;
  background: url("../images/intro_bar.gif") no-repeat left bottom;
  display: inline-block;
  margin-bottom: 20px;
  font-weight: bold;
}

.company .ah_intro .p_tit {
  font-size: 20px;
  color: #2c77bc;
  margin-bottom: 30px;
  line-height: 25px;
  font-weight: bold;
}

.company .ah_intro .intro_cont {
  font-size: 15px;
  color: #777;
  margin-bottom: 50px;
  line-height: 1.6;
}

.company .ai_history li + li {
  margin-top: 10px;
}

.company .ai_history .month {
  width: 45px;
  float: left;
  padding-left: 15px;
  height: 30px;
  line-height: 20px;
}

.company .ai_history .month_cont {
  float: left;
  line-height: 20px;
}

.company .ai_history .p_tit {
  color: #2c77bc;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 30px;
  background: url("../images/autoinside_logo.jpg") no-repeat left 210px top;
}

.company .ai_history .p_tit.history span {
  font-size: 22px;
  color: #2c77bc;
}

.company .ai_history dl {
  border-top: 1px solid #ededed;
  position: relative;
  padding: 25px 0;
  overflow: hidden;
}

.company .ai_history dt {
  position: absolute;
  top: 27px;
  left: 0;
  width: 67px;
  margin-right: 20px;
  font-size: 30px;
  font-weight: bold;
  color: #333;
}

.company .ai_history dd {
  font-size: 16px;
  padding-left: 67px;
}

.company .ai_history dd .cont_ul li {
  height: 30px;
  clear: both;
}

.company .ai_history span {
  color: #aaa;
  padding: 5px 0;
}

/*사업영역*/
.company .business_area {
  max-width: 1030px;
  margin: 0 auto;
}

.company .ah_intro .p_tit.m_20 {
  margin-bottom: 20px;
}

.company .ah_intro .intro_cont.m_30 {
  margin-bottom: 30px;
}

.company .cont_box {
  margin-bottom: 50px;
  border: 1px solid #ddd;
  background: #fafafa;
  padding: 0;
}

.company .cont_box .business_img {
  margin: 0 auto;
  max-width: 1030px;
}

.company .cont_box .business_img img {
  width: 100%;
}

.company .cont_box .business_img img.m {
  display: none;
  width: 40%;
  margin: auto;
}

.company .division .p_tit {
  font-size: 20px;
  color: #2c77bc;
  margin-bottom: 12px;
  font-weight: bold;
}

.company .division .p_tit span {
  font-size: 12px;
  margin-left: 8px;
  display: inline-block;
}

.company .left_area, .company .right_area {
  width: 50%;
  border-right: 1px solid #e8e8e8;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.company .right_area {
  position: relative;
}

.company .left_area {
  border-left: 1px solid #e8e8e8;
}

.company .division .division_cont {
  padding: 0 30px;
}

.company .division_cont dl {
  position: relative;
  overflow: hidden;
  margin-bottom: 6px;
}

.company .division_cont .business_dt {
  margin-bottom: 3px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
}

.company .division_cont .business_dd {
  margin-bottom: 10px;
  font-size: 13px;
  color: #666;
  font-weight: bold;
}

.company .division_cont .business_dd ul {
  list-style: circle;
}

.company .division_cont .business_dd ul li {
  line-height: 20px;
  margin-bottom: 3px;
}

/*경매이야기*/
.company .num_story .p_tit {
  font-size: 20px;
  color: #2c77bc;
  margin-bottom: 30px;
  font-weight: bold;
}

.company .num_story .num {
  font-size: 30px;
  color: #444;
  font-weight: bold;
  margin-bottom: 10px;
}

.company .num_story .num_cont {
  font-size: 13px;
  color: #555;
  margin-bottom: 55px;
}

.company .num_story .num_cont p {
  line-height: 20px;
}

.company .num_story .num_cont p > span {
  color: #2c77bc;
}

/*센터소개*/
.company .center_intro .cont_box.division .division_cont {
  margin-bottom: 0;
  padding: 0;
  width: 50%;
}

.company .center_intro .division .division_cont {
  margin-bottom: 40px;
}

.company .center_intro .division .divi_cnt {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  background: #2c77bc;
  padding: 8px 20px;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 40px;
}

.company .center_intro .division .main_num {
  position: absolute;
  top: 15px;
  left: 175px;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: -2px;
}

.company .center_intro .division .main_num span {
  color: #2c77bc;
  margin-left: 5px;
  font-size: 15px;
}

.division_cont .map {
  border: 1px solid #ddd;
}

.company .cont_box.division .division_cont {
  width: 40%;
  float: left;
}

.company .cont_box.division .division_cont .map {
  width: 100%;
  border: 1px solid #c7c7c8;
  background: #555;
}

.company .map img {
  width: 100%;
}

.company .cont_box.division .location {
  margin: 0;
  position: relative;
  overflow: hidden;
  width: 40%;
  margin-left: 20px;
  float: left;
  padding-top: 30px;
}

.company .cont_box.division dl {
  margin-bottom: 10px;
}

.company .cont_box.division .tit {
  font-size: 13px;
  color: #2d77bd;
  width: 33px;
  margin-bottom: 10px;
}

.company .cont_box.division .cont {
  font-size: 13px;
  color: #555;
  margin-bottom: 25px;
  line-height: 1.3em;
}

.company .center_intro .division_cont dl {
  margin-bottom: 6px;
  margin-top: 15px;
}

.company .division_cont .tit {
  font-size: 13px;
  color: #2d77bd;
  width: 33px;
  position: absolute;
  left: 0;
  top: -1px;
}

.company .division_cont .cont {
  font-size: 13px;
  color: #555;
  padding-left: 33px;
  line-height: 1.3em;
}

.company .dl_box {
  min-height: 47px;
}

.company .center_intro .cont_box.division .division_cont .map {
  margin-top: 0;
  border: 0;
  border-right: 1px solid #ddd;
}

.company .m_cont_box {
  display: none;
}

/*login*/
.body.login {
  background: white;
}

.login .top_vs_tit dl {
  background: url(../images/vs_login_03.jpg) no-repeat 0 0;
  background-size: 100% 100%;
}

.delay_box {
  padding-top: 40px;
  border-top: 1px solid #ddd;
  background: url(../images/delay_box_bg.gif) no-repeat 90% bottom;
}

.delay_box p.top_txt {
  font-size: 34px;
  color: #2c77bc;
  font-weight: bold;
  margin-bottom: 20px;
  letter-spacing: -0.05em;
}

.delay_box p.sub_txt {
  font-size: 26px;
  color: #818181;
  font-weight: bold;
  margin-bottom: 25px;
  letter-spacing: -0.05em;
}

.delay_box .summit_info p.down_tit {
  margin-bottom: 20px;
}

.tabmenu_area {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #607e9b;
}

.tabmenu_area ul li {
  float: left;
}

.tabmenu_area ul li.first a {
  border: 1px solid #ddd;
  border-bottom: 0px solid #ddd;
}

.tabmenu_area ul li.first.on a {
  background: #607e9b;
  border: 1px solid #607e9b;
  border-left: 0px solid #607e9b;
  border-bottom: 0px solid #607e9b;
  color: #fff;
  font-weight: bold;
}

.tabmenu_area ul li a {
  background: #f5f5f5;
  padding: 11px 30px 9px;
  border: 1px solid #ddd;
  border-left: 0px solid #ddd;
  border-bottom: 0px solid #ddd;
  line-height: 1.2em;
  cursor: pointer;
  display: inline-block;
  color: #777;
}

.tabmenu_area ul li a:hover {
  background: #607e9b;
  color: #fff;
  border: 1px solid #607e9b;
  border-bottom: 0;
}

.tabmenu_area ul li.on a {
  background: #607e9b;
  border: 1px solid #607e9b;
  border-left: 0px solid #607e9b;
  border-bottom: 0px solid #607e9b;
  color: #fff;
  font-weight: bold;
}

.tabcon_area {
  border-bottom: 1px solid #d3dae1;
  overflow: hidden;
}

.tabcon_area.vs_visible {
  visibility: visible;
  padding: 30px 0px;
}

.tabcon_area.vs_hidden {
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  position: absolute;
  left: -99999px;
}

.tabcon_area .loginbar_align {
  padding: 0 20px;
  overflow: hidden;
}

.tabcon_area .inner_left {
  width: 46%;
  float: left;
}

.tabcon_area .inner_left dl {
  position: relative;
  margin-bottom: 10px;
}

.tabcon_area .form_area dt {
  width: 80px;
  position: absolute;
  top: 7px;
  font-weight: bold;
  color: #555;
  font-size: 13px;
}

.tabcon_area .form_area dd {
  padding-left: 80px;
}

.tabcon_area .form_area dd input {
  border: 1px solid #d3dae1;
  height: 30px;
  line-height: 30px;
  border: 1px solid #d3dae1;
}

.tabcon_area .form_area dd input.input_type01 {
  width: 100%;
  text-indent: 10px;
}

.tabcon_area .form_area dd input.input_w {
  width: 20%;
  text-indent: 10px;
}

.tabcon_area .form_area dd input.input_w2 {
  width: 40%;
  text-indent: 10px;
}

.tabcon_area .inner_left .dd_disc {
  padding-left: 80px;
  margin-top: 5px;
  font-size: 11px;
  color: #555;
  text-align: left;
}

.tabcon_area .inner_left .dd_disc li {
  float: left;
  padding-right: 7px;
  margin-right: 7px;
  background: url(../images/header_bar_01.gif) no-repeat right 4px;
  background-size: 1px 11px;
}

.tabcon_area .inner_left .dd_disc li:last-child {
  background: none;
}

.tabcon_area .inner_left .dd_disc li a {
  font-size: 14px;
  vertical-align: middle;
}

.tabcon_area .inner_left .dd_disc li label {
  color: #000;
  line-height: 1;
  vertical-align: middle;
  font-size: 14px;
}

.tabcon_area .inner_left .dd_disc li a.blue {
  color: #3777bc;
  font-weight: bold;
}

.tabcon_area .inner_left .caut {
  display: none;
}

.tabcon_area .inner_left .caut li {
  padding-left: 9px;
  text-indent: -9px;
  margin-bottom: 7px;
  color: #2c77bb;
  letter-spacing: -2px;
  font-size: 11px;
  line-height: 14px;
}

.tabcon_area .inner_right {
  width: 54%;
  float: left;
  border-left: 1px solid #d3dae1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px;
}

.tabcon_area .inner_right .r_slide_area {
  margin: 0 auto;
  width: 100%;
  max-width: 479px;
}

.tabcon_area .inner_right ul li {
  float: left;
}

.tabcon_area .inner_right ul li img {
  width: 100%;
}

.tabcon_area .inner_right ul li a {
  display: block;
}

.login .form_area dd.input_join {
  padding-left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.login .tabcon_area .form_area dd.input_sms {
  padding-right: 88px;
}

.login .tabcon_area .form_area dd a.btn_sms {
  width: 80px;
  height: 30px;
  line-height: 30px;
  display: block;
  background: #2d78bc;
  text-align: center;
  color: #fff;
  font-size: 14px;
  border: 1px solid #20629f;
}

.find_PW .caution, .find_ID .caution {
  border-top: 0;
}

.login .caution {
  border-bottom: 0;
  padding: 25px 15px 0;
  margin-top: 30px;
}

.login .caution ul li {
  margin-bottom: 5px;
}

.login .caution ul li:last-child {
  margin-bottom: 0;
}

.pwStatus {
  margin-bottom: 12px;
  font-size: 11px;
  display: inline-block;
  color: #ec6268;
}

.pwStatusConfirm {
  margin-bottom: 7px;
  font-size: 11px;
  display: inline-block;
  color: #ec6268;
}

/* 공통 버튼 */
.btn_area {
  position: relative;
  padding: 10px 0 30px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}

.btn_area ul {
  display: inline-block;
}

.btn_area li {
  margin: 0 4px;
  float: left;
}

.btn_area li a {
  display: inline-block;
  padding: 10px 15px;
  color: #fff;
  background: #2d78bc;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  border: 1px solid #20629f;
  min-width: 40px;
  height: auto;
}

.btn_area.one ul {
  display: inherit;
}

.btn_area.one li {
  margin: 0 auto;
  float: none;
}

.btn_area.one li a {
  display: inline-block;
  padding: 10px 15px;
  color: #fff;
  background: #2d78bc;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid #20629f;
}

.btn_area li.brown a {
  background: #8c8c8c !important;
  border: 1px solid #757575 !important;
}

.btn_area li.gray a {
  background: #888 !important;
  border: 1px solid #888 !important;
}

.caution {
  color: #65839F;
  letter-spacing: -1px;
  padding: 20px 15px 18px;
  border-bottom: 1px solid #d3dae1;
  font-size: 12px;
  border-top: 1px solid #d3dae1;
}

.caution .caution_tit {
  margin-bottom: 8px;
  padding-left: 15px;
  color: #8093a4;
  background: url("../images/old/caution_img_07.png") no-repeat 0 3px;
}

.caution ul li {
  margin: 0 0 5px 0;
  line-height: 1.3em;
  padding-left: 15px;
  text-indent: -11px;
}

.caution ul li.first {
  font-weight: bold;
}

.caution ul li span.blue {
  color: #3777bc;
  font-weight: bold;
}

.form_area .input_area span {
  height: 20px;
  line-height: 26px;
}

/* 20171121 버튼스타일추가 */
div.btnArea {
  width: 100%;
  margin: 10px 0 5px;
}

div.btnArea a {
  display: block;
  width: 100%;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #2d78bc;
  border: 1px solid #20629f;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

/*find_ID*/
.find_ID .top_vs_tit dl {
  background: url(../images/vs_findID_03.jpg) no-repeat 0 0;
  background-size: 100% 100%;
}

.find_ID .full_area {
  width: 100%;
}

.tabcon_area .full_area .id_tit p {
  text-align: left;
}

.tabcon_area .full_area p {
  text-align: center;
}

.tabcon_area .full_area p.txtA {
  font-weight: bold;
  font-size: 18px;
  color: #555;
  padding: 30px 20px 0;
  line-height: 22px;
}

.tabcon_area .full_area p.txtB {
  font-size: 11px;
  color: #555;
  line-height: 15px;
}

.tabcon_area .full_area .form_area {
  position: relative;
  max-width: 380px;
  margin: 0 auto;
  margin-bottom: 10px;
}

/*find_PW*/
.find_PW .top_vs_tit dl {
  background: url(../images/vs_findID_03.jpg) no-repeat 0 0;
  background-size: 100% 100%;
}

.find_PW_result .top_vs_tit dl {
  background: url(../images/vs_findID_03.jpg) no-repeat 0 0;
  background-size: 100% 100%;
}

.find_PW_result {
  min-width: 1032px;
}

.find_PW_result .p_tit {
  position: relative;
  margin-bottom: 15px;
}

.find_PW_result .p_tit .p_tit_con li {
  float: left;
  padding-right: 10px;
  font-weight: bold;
}

.find_PW_result .p_tit .p_tit_con li + li {
  border-left: 1px solid #ccc;
  padding-left: 10px;
}

.find_PW_result .p_tit .pa_p {
  position: absolute;
  top: 0;
  right: 0;
}

.find_PW_result .step01 .pw_cont_box {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 30px 0;
}

.find_PW_result .pw_cont_box {
  padding: 30px 0;
  text-align: center;
}

.find_PW_result .pw_cont_box .pw_cont_ul li {
  width: 50%;
  float: left;
  text-align: center;
}

.find_PW_result .pw_cont_box .pw_cont_ul li + li {
  border-left: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.find_PW_result .pw_cont_box dt {
  margin-bottom: 10px;
}

.find_PW_result .pw_cont_box dt img {
  width: 84px;
}

.find_PW_result .pw_cont_box dd {
  min-height: 70px;
}

.find_PW_result .pw_cont_box p {
  font-weight: bold;
  margin-bottom: 10px;
}

.find_PW_result .pw_cont_box .txt01 {
  font-size: 25px;
  color: #555;
}

.find_PW_result .pw_cont_box .txt02 {
  font-size: 13px;
  color: #888;
}

.find_PW_result .pw_cont_box .txt03 {
  font-size: 16px;
  color: #2c77bc;
}

.find_PW_result .pw_cont_box .txt06 {
  font-size: 12px;
  color: #333;
  width: 280px;
  text-align: left;
  margin: 0 auto;
  line-height: 1.5;
}

.find_PW_result .pw_cont_box .btn_area li a {
  min-width: 60px;
}

.find_PW_result .pw_cont_box .input_txt {
  color: #111;
  font-size: 12px;
  margin-left: -70px;
  margin-bottom: 10px;
}

.find_PW_result .pw_cont_box .input_txt.v2 {
  margin-left: -83px;
}

.find_PW_result .pw_cont_box .input_txt input {
  height: 24px;
  width: 25%;
  vertical-align: middle;
}

.find_PW_result .pw_cont_box02 {
  background: url("../images/qna.png") no-repeat top 40px left 170px;
  padding: 30px 0;
  position: relative;
}

.find_PW_result .pw_cont_box02 .box02_cont {
  width: 535px;
  margin: 0 auto;
}

.find_PW_result .pw_cont_box02 .txt04 {
  font-size: 30px;
  color: #333;
  margin-bottom: 10px;
  font-weight: bold;
}

.find_PW_result .pw_cont_box02 .txt04 span {
  font-size: 15px;
  color: #888;
}

.find_PW_result .pw_cont_box02 .txt05 {
  font-size: 35px;
  color: #2c77bc;
  font-weight: bold;
}

.find_PW_result .pw_cont_box02 .txt05 span {
  font-size: 22px;
  margin-left: 20px;
}

.find_PW_result .pw_cont_box02 .btn_area {
  position: absolute;
  top: 65px;
  right: 140px;
}

.find_PW_result .step01, .find_PW_result .step02, .find_PW_result .step03, .find_PW_result .step04, .find_PW_result .step05 {
  margin-bottom: 30px;
}

.find_PW_result .step02 .pw_cont_box .txt03 {
  margin-bottom: 20px;
}

.line {
  border: 1px solid #000;
}

.find_ID_result .top_vs_tit dl {
  background: url(../images/vs_findID_03.jpg) no-repeat 0 0;
  background-size: 100% 100%;
}

.find_ID_result {
  min-width: 1032px;
}

.find_ID_result .pw_cont_box {
  padding: 30px 0;
  text-align: center;
}

.find_ID_result .pw_cont_box .pw_cont_ul li {
  width: 50%;
  float: left;
  text-align: center;
}

.find_ID_result .pw_cont_box .pw_cont_ul li + li {
  border-left: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.find_ID_result .pw_cont_box dt {
  margin-bottom: 10px;
}

.find_ID_result .pw_cont_box dt img {
  width: 84px;
}

.find_ID_result .pw_cont_box dd {
  min-height: 70px;
}

.find_ID_result .pw_cont_box p {
  margin-bottom: 10px;
  font-weight: bold;
}

.find_ID_result .pw_cont_box .txt01 {
  font-size: 25px;
  color: #333;
}

.find_ID_result .pw_cont_box .txt02 {
  font-size: 13px;
  color: #888;
}

.find_ID_result .pw_cont_box .txt03 {
  font-size: 16px;
  color: #2c77bc;
}

.find_ID_result .pw_cont_box .txt06 {
  font-size: 12px;
  color: #333;
  width: 280px;
  text-align: left;
  margin: 0 auto;
  line-height: 1.5;
}

.find_ID_result .pw_cont_box .txt07 {
  font-size: 20px;
  color: #333;
  font-weight: bold;
}

.find_ID_result .pw_cont_box .btn_area li a {
  min-width: 60px;
}

.find_ID_result .step01, .find_ID_result .step02 {
  margin-bottom: 30px;
}

.find_ID_result .step02 .pw_cont_box .txt03 {
  margin-bottom: 20px;
}

/* autoinside_talk */
.autoinside_talk .tabmenu_area ul li {
  float: left;
  width: 20%;
}

.autoinside_talk .tabmenu_area ul li a {
  padding: 11px 0 9px;
  display: block;
  text-align: center;
}

.autoinside_talk .scr_box {
  padding: 11px 0 9px;
  display: block;
  text-align: center;
}

/* 통합검색  */
/*.srch_area div.d_select{position:relative; display:inline-block; zoom:1; *display:inline; vertical-align:middle; z-index:3; text-align:left;}*/
.srch_area div.d_select select {
  border: 4px solid #3777bc;
  height: 37px;
  border-right: 0;
  line-height: 26px;
  padding-left: 5px;
}

/**** 검색결과 없음 ****/
.noResult p {
  padding: 30px 0px;
  text-align: center;
}

.noResult span {
  background: url(../images/search/bg_noResult01.png) no-repeat 0 0;
  padding: 14px 0 12px 50px;
  line-height: 1.3em;
  color: #555;
  font-weight: bold;
}

div.noResult p {
  border-top: 1px solid #ddd;
}

/**** 검색버튼 ****/
.btn_srch {
  background: #8c8c8c;
  min-width: 80px;
  *padding: 0px 1px 0px;
  line-height: 30px;
  border: 1px solid #757575;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.srch_total .btn_more {
  background: url(../images/icon_arr_more.gif) #fff no-repeat right 2px;
  display: inline-block;
  zoom: 1;
  padding-right: 10px;
  line-height: 1.2em;
  font-size: 12px;
  color: #555;
  border-bottom: 1px solid #555;
}

.h3_tit_area {
  position: relative;
  margin: 40px 0px 20px;
}

h3.h3_tit {
  font-size: 16px;
  line-height: 1.2em;
  color: #000;
  font-weight: bold;
  letter-spacing: -1px;
}

.h3_tit_area h3.h3_tit {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 0px;
  position: relative;
  margin-right: 4px;
}

.h3_tit_area .add_info {
  color: #555;
  position: relative;
  padding-left: 8px;
}

.h3_tit_area .add_info:before {
  content: "";
  border-left: 1px solid #ccc;
  height: 15px;
  left: 0px;
  top: 4px;
  position: absolute;
}

.h3_tit.add_bar {
  padding-left: 8px;
}

.h3_tit.add_bar:before {
  content: "";
  border-left: 1px solid #ccc;
  height: 15px;
  left: 0px;
  top: 3px;
  position: absolute;
}

/**** 상단 검색 박스 ****/
.srch_box_area {
  margin-bottom: 25px;
}

.srch_area {
  background: #d8e8f8;
  padding: 20px 0;
  text-align: center;
}

.srch_area > ul {
  display: inline-block;
}

.srch_area > ul > li {
  float: left;
}

.srch_area span, .srch_area p, .srch_area div {
  font-size: 12px;
  letter-spacing: 0px;
  color: #888;
  font-size: 11px;
  vertical-align: middle;
  text-align: left;
}

.srch_area .d_select .dropdownlist p strong {
  color: #525552;
}

.srch_area .check_text {
  margin-left: 10px;
  line-height: 34px;
}

.srch_area .check_text label {
  cursor: pointer;
  font-size: 12px;
  color: #888;
}

.srch_area .check_text input {
  vertical-align: middle;
}

.srch_area .addTermsSrch_area {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding-left: 10px;
  z-index: 4;
  margin-top: 9px;
}

.srch_area .addTermsSrch_area .addTermsSrch {
  right: 30px;
  top: 49px;
  z-index: 4;
}

.srch_area .addTermsSrch_area .addTermsSrch dl.addTerms {
  width: 100%;
  letter-spacing: -1px;
  color: #555;
  position: relative;
  padding-left: 80px;
}

.srch_area .addTermsSrch_area .addTermsSrch dl.addTerms dt {
  position: absolute;
  left: 0;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 8px;
}

.srch_area .addTermsSrch_area .addTermsSrch dl.addTerms dd {
  margin-bottom: 8px;
}

.srch_area .addTermsSrch_area .addTermsSrch dl.addTerms dd .input_e {
  text-align: right;
}

.srch_area .addTermsSrch_area .addTermsSrch dl.addTerms dd.price .input_e {
  font-weight: bold;
  color: #3777bc;
}

.srch_area .addTermsSrch_area .addTermsSrch dl.addTerms dd .ckBoxList_ul li {
  min-width: 46px;
  margin-right: 5px;
  height: 18px;
  margin-bottom: 3px;
}

.srch_area .addTermsSrch_area .addTermsSrch dl.addTerms dd .ckBoxList_ul li input {
  vertical-align: middle;
}

.srch_area .addTermsSrch_area .addTermsSrch dl.addTerms dd .ckBoxList_ul li label {
  vertical-align: bottom;
  font-size: 13px;
}

.srch_area .d_input {
  background: #fff;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 24px;
  padding: 3px 30px 2px 15px;
  border: 4px solid #3777bc;
  border-left: 0px solid #3777bc;
  vertical-align: middle;
  letter-spacing: 0px;
  z-index: 3;
}

.srch_area .d_input input {
  height: 20px;
  border: 1px solid #fff;
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  color: #3777bc;
}

.srch_area .d_input .autoComp_open {
  position: absolute;
  right: 0px;
  top: 0px;
  background: url(../images/bg_auto_complete.gif) #fff no-repeat left 0px;
  cursor: pointer;
  width: 30px;
  height: 29px;
}

.srch_area .d_input .autoComp_open.on {
  background-image: url(../images/bg_auto_complete_on.gif);
}

.srch_area .d_input .autoComp_open span {
  display: block;
  text-indent: -9999em;
}

.srch_area .d_input .auto_complete {
  background: #fff;
  position: absolute;
  top: 29px;
  left: 0;
  width: 99.7%;
  border: 1px solid #3777bc;
  border-top: 1px solid #3777bc;
  cursor: pointer;
  z-index: 3;
}

.srch_area .d_input .auto_complete ul {
  max-height: 215px;
  overflow: auto;
  padding: 3px 0;
}

.srch_area .d_input .auto_complete ul li {
  padding: 5px 5px 5px 8px;
  font-size: 12px;
}

.srch_area .d_input .auto_complete ul li:hover {
  background: #E5F2FF;
}

.srch_area .d_input .auto_complete ul li strong {
  color: #3777bc;
}

.srch_area .d_input .auto_complete ul li.resultNull {
  padding-top: 7px;
  padding-bottom: 7px;
  cursor: default;
}

.srch_area .d_input .auto_complete ul li.resultNull:hover {
  background: #fff;
}

/**** 상단 검색결과 카테고리별 카운팅 박스 ****/
.srch_total .srch_result_cate {
  margin-top: 25px;
}

.srch_total .srch_result_cate .total {
  padding-bottom: 17px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2em;
  color: #555;
  letter-spacing: -1px;
}

.srch_total .srch_result_cate .total .count {
  color: #29aae7;
  vertical-align: bottom;
  font-size: 20px;
  font-family: 'roboto';
}

.srch_total .srch_result_cate .byCategory {
  width: 100%;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 13px 0 15px;
}

.srch_total .srch_result_cate .byCategory ul li {
  float: left;
  width: 25%;
  color: #555;
  vertical-align: middle;
  text-indent: 10px;
  padding: 3px 0;
}

.srch_total .srch_result_cate .byCategory ul li .count {
  font-size: 13px;
  font-weight: bold;
}

.srch_total .srch_result_cate .byCategory ul li a {
  color: #555;
  font-size: 13px;
}

.srch_total .srch_result_cate .byCategory ul li.on {
  font-weight: bold;
}

.srch_total .srch_result_cate .byCategory ul li.on .count {
  color: #29aae7;
}

/* 판매자 결과 */
.sch_car_infos {
  position: relative;
  min-height: 165px;
  background: #f4f4f4;
  padding: 30px;
}

.sch_car_infos .car_img {
  position: absolute;
  left: 30px;
  top: 30px;
  border: 1px solid #ccc;
  width: 253px;
  height: 162px;
}

.sch_car_infos .car_img img {
  width: 100%;
  height: 100%;
}

.car_img_info {
  margin-left: 290px;
}

.car_img_info p {
  font-size: 20px;
  font-weight: bold;
  font-family: 'roboto';
  margin-top: 12px;
}

.block1 {
  float: left;
  width: 35%;
  margin-right: 3%;
  border-right: 1px solid #ddd;
  margin-top: 20px;
  min-height: 55px;
}

.block2 {
  float: left;
  width: 60%;
  margin-top: 20px;
}

.car_img_info ul {
  margin-top: 20px;
}

.car_img_info ul li {
  float: left;
  margin-right: 5px;
}

.car_img_info ul li select {
  width: 220px;
  height: 30px;
  line-height: 30px;
}

.car_img_info ul li + li select {
  width: 300px;
}

.car_img_info ul li a {
  width: 80px;
  line-height: 30px;
  padding: 0 5px;
  color: #fff;
  text-align: center;
  display: block;
  background: #8c8c8c;
  font-weight: bold;
}

.block1 dl + dl {
  margin-top: 8px;
}

.car_img_info dl dt, .car_img_info dt dd {
  float: left;
}

.car_img_info dl dt {
  width: 100px;
  font-weight: bold;
}

.car_img_info dl.s_info {
  width: 40%;
  float: left;
  margin-right: 2%;
  font-size: 13px;
}

.car_img_info dl.s_info dt {
  width: 70px;
  color: #888;
  font-weight: bold;
}

.car_img_info dl.s_info dt, .car_img_info dl.s_info dd {
  margin-bottom: 3px;
}

.seller_info {
  position: relative;
  width: 1262px;
}

.seller_info .left_con {
  float: left;
  width: 1040px;
}

.seller_info .right_con {
  float: right;
  width: 160px;
  border: 1px solid #ccc;
  padding: 20px;
  margin-left: 20px;
}

.seller_info .box_car_ltem .box_cararea {
  height: 400px;
}

.rank_list.i_search {
  margin-bottom: 15px;
}

.seller_info_con {
  background: #f4f4f4;
  padding: 20px;
  margin-bottom: 20px;
}

.seller_info_con p.tit_txt {
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: bold;
}

.seller_info_con .cont_area li {
  float: left;
}

.seller_info_con .cont_area .cont_1 {
  width: 100px;
  height: 100px;
}

.seller_info_con .cont_area .cont_1 img {
  width: 100%;
  height: 100%;
}

.seller_info_con .cont_area .cont_2 {
  width: 40%;
  margin-left: 20px;
}

.seller_info_con .cont_area .cont_2.v1 {
  width: 100%;
  margin-left: 0px;
  margin: 10px 0;
}

.seller_info_con .cont_area .cont_2.v1 dt {
  left: 0;
  top: 2px;
}

.seller_info_con .cont_area .cont_2 dl {
  position: relative;
  margin-bottom: 5px;
}

.seller_info_con .cont_area .cont_2.v1 dl {
  margin: 15px 0;
}

.seller_info_con .cont_area .cont_2 dt {
  width: 100px;
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  color: #8093a4;
}

.seller_info_con .cont_area .cont_2 dd {
  padding-left: 100px;
  font-size: 14px;
}

.seller_info_con .cont_area .cont_2 dd a {
  background: #fff;
  border: 1px solid #ccc;
  padding: 0 5px;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
}

.seller_info_con .map_api {
  width: 100%;
  background: #fff;
  height: 300px;
}

.seller_info .div_dealer_info {
  border-bottom: 1px solid #ddd;
}

.srch_tab_area {
  margin-top: 10px;
}

.srch_result .srch_tab {
  width: 100%;
}

.srch_result .srch_tab li {
  float: left;
  width: 33%;
}

.srch_result .srch_tab li.first a {
  border-left: 1px solid #d2d2d2;
}

.srch_result .srch_tab li a {
  display: block;
  border: 1px solid #d2d2d2;
  text-align: center;
  border-bottom: 1px solid #8093a4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 0;
  border-left: 0;
  height: 19px;
  font-size: 11px;
  background: #eee;
  line-height: 17px;
}

.srch_result .srch_tab li.on a {
  border: 1px solid #8093a4;
  border-bottom: 0;
  height: 19px;
  margin-left: -1px;
  font-weight: bold;
}

.srch_result h2 {
  font-size: 15px;
  color: #111;
}

.srch_result .rank_list li {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 7px;
  line-height: 16px;
  vertical-align: top;
  font-size: 12px;
}

.srch_result .rank_list span {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 100px;
  line-height: 16px;
  color: #555;
  vertical-align: top;
}

.srch_result .rank_list span a {
  color: #555;
}

.srch_result .rank_list span.rank_num {
  position: relative;
  top: 1px;
  *top: 2px;
  width: 15px;
  margin-right: 3px;
  text-align: right;
  font-size: 11px;
  vertical-align: top;
}

.srch_result .rank_list span.rank {
  position: absolute;
  right: 0px;
  top: 2px;
  background: url(../images/icon_arr_upndown.gif) no-repeat 0px 3px;
  width: 20px;
  padding-left: 10px;
  color: #888;
  font-size: 11px;
  line-height: 1.2em;
}

.srch_result .rank_list span.rank.dw {
  background: url(../images/icon_arr_upndown.gif) no-repeat 0px -15px;
}

.srch_result .rank_list span.rank.same {
  top: 0px;
  background: url(../images/icon_same.gif) no-repeat 9px center;
  text-indent: -9999em;
}

.srch_result .rank_list span.rank.new {
  top: 0px;
  background: url(../images/icon_new.png) no-repeat 3px center;
  text-indent: -9999em;
}

/* 내차사기 낙찰시세 상단 검색 */
.holding_offerings_srch {
  background: #f4f4f4;
  padding: 15px 20px;
  text-align: center;
  height: 36px;
  margin-bottom: 20px;
}

.holding_offerings_srch ul {
  display: inline-block;
}

.holding_offerings_srch li {
  float: left;
  line-height: 36px;
  height: 36px;
  margin: 0 5px;
}

.holding_offerings_srch li select {
  height: 36px;
  line-height: 36px;
  width: 100%;
  vertical-align: top;
}

.holding_offerings_srch li.s_1 {
  width: 120px;
}

.holding_offerings_srch li.s_2 {
  width: 120px;
}

.holding_offerings_srch li.s_3 {
  width: 120px;
}

.holding_offerings_srch li.s_4 {
  width: 200px;
}

.holding_offerings_srch .txt {
  font-size: 16px;
}

.holding_offerings_srch .btn_li a {
  height: 36px;
  line-height: 36px;
  background: #8c8c8c;
  text-align: center;
  padding: 0 15px;
  min-width: 50px;
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: bold;
}

/*** 레이어 팝업 ***/
.layerPop {
  display: none;
  position: absolute;
  border: 1px solid #707070;
}

.layerPop.on {
  display: block;
}

.layerPop .pop_header {
  position: relative;
  background: #555;
  padding: 15px 25px 15px 20px;
  line-height: 1.2em;
}

.layerPop .pop_header .pop_tit {
  color: #fff;
  font-size: 14px;
  letter-spacing: -1px;
}

.layerPop .pop_header .pop_tit .disc {
  font-size: 11px;
  color: #ddd;
  letter-spacing: -1px;
}

.layerPop .pop_header .pop_tit .disc .bar {
  margin: 0 10px;
  font-size: 16px;
  line-height: 1.0em;
  vertical-align: bottom;
  color: #ddd;
}

.layerPop .pop_header .showLayer_close {
  position: absolute;
  right: 20px;
  top: 13px;
}

.layerPop .pop_content {
  background: #fff;
  padding: 20px;
  line-height: 1.2em;
}

.layerPop .pop_content .btn_area {
  text-align: center;
}

/*** 검색결과없음 ***/
.srch_total .no_srch_result {
  padding: 20px 0px 40px;
  color: #555;
  line-height: 1.5em;
  font-size: 13px;
  border-top: 1px solid #ddd;
}

.srch_total .no_srch_result .list li.btn {
  margin-top: 15px;
}

.srch_total .no_srch_result .list li.btn a {
  height: 32px;
  line-height: 32px;
  color: #fff;
  background: #666;
  display: inline-block;
  padding: 0 10px;
  margin-right: 5px;
}

.btn_total_scr {
  display: inline-block;
  padding: 0 15px;
  color: #fff;
  background: #2d78bc;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  height: 37px;
  line-height: 37px;
}

.seller_info .mc_btn {
  height: 18px;
  line-height: 17px;
  display: block;
  background: url(../images/btn_bg_01.gif) repeat-x left center;
  border: 1px solid #cecfce;
  color: #000;
  font-size: 12px;
  text-align: center;
  padding: 0 10px;
}

.buy_car_list {
  font-size: 0;
  letter-spacing: -1px;
}

.linked_car_list {
  font-size: 0;
  letter-spacing: -1px;
}

.end_buy_car_list {
  font-size: 0;
  letter-spacing: -1px;
}

.bestCarList {
  font-size: 0;
}

.box_car_list {
  margin-left: -15px;
}

.box_car_ltem {
  width: 25%;
  margin-bottom: 20px;
  -webkit-transition: all 0.5s ease;
  display: inline-block;
  vertical-align: top;
  transition: all 0.5s ease;
}

.box_car_ltem .box_cararea {
  padding: 0 0 10px 15px;
  position: relative;
  letter-spacing: -0.08em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.box_car_ltem .box_cararea a {
  display: block;
}

.box_car_ltem .box_cararea dl {
  border: 1px solid #ddd;
  padding-bottom: 5px;
  display: block;
}

.box_car_ltem .box_cararea dl:hover {
  border: 1px solid #365571;
}

.box_car_ltem .box_cararea dl dt, .box_car_ltem .box_cararea dl dd {
  padding: 0 10px;
}

.box_car_ltem .box_cararea dl dd ul li.mark {
  width: 100% !important;
}

.box_car_ltem .box_cararea dl.type1 dt.car_img {
  margin-bottom: 15px;
  position: relative;
  padding: 0;
  max-width: 100% !important;
}

.box_car_ltem .box_cararea dl.type1 dt.car_img img {
  width: 100%;
  max-height: inherit;
}

.box_car_ltem .box_cararea dl.type1 dt.car_img .mark_certification {
  position: absolute;
  right: 8px;
  top: 9px;
  width: 57px;
}

.box_car_ltem .box_cararea dl.type1 dt.car_img .mark_certification img {
  width: 100%;
}

.box_car_ltem .box_cararea dl.type1 dd.in_l {
  min-height: 20px;
  overflow: hidden;
  border-bottom: 1px solid #dedede;
  padding-bottom: 15px;
  margin-bottom: 11px;
}

.box_car_ltem .box_cararea dl.type1 dd.in_l .blue_txt {
  font-size: 19px;
}

.box_car_ltem .box_cararea dl.type1 dd.in_l .sub_tit .blue_txt {
  font-size: 15px;
  vertical-align: bottom;
}

.box_car_ltem .box_cararea dl.type1 dd.in_l .wp100 {
  text-align: right;
  font-size: 14px;
}

.box_car_ltem .box_cararea dl.type1 dd.in_l .wp100 .blue_txt {
  font-size: 15px;
  vertical-align: bottom;
}

.box_car_ltem .box_cararea dl.type1 dd.mark_area .blue_mark {
  margin-bottom: 2px;
}

.box_car_ltem .box_cararea dl.type1 dd.in_l2 {
  border-bottom: 1px solid #dedede;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.box_car_ltem .box_cararea dl.type1 dd.in_l2 p {
  height: 42px;
  overflow: inherit;
  font-size: 18px;
}

.box_car_ltem .box_cararea dl.type1 dd.in_l2 ul {
  margin-top: 7px;
}

.box_car_ltem .box_cararea dl.type1 dd.in_l li {
  line-height: 18px;
  width: 40%;
}

.box_car_ltem .box_cararea dl.type1 dd.in_l li + li {
  text-align: right;
  width: 60%;
}

/* .box_car_ltem .box_cararea dl.type1 dd.in_l li + li span{font-size:18px;} */
.box_car_ltem .box_cararea dl.type1 dd.in_l2 li {
  line-height: 18px;
  width: 40%;
}

.box_car_ltem .box_cararea dl.type1 dd.in_l2 li + li {
  text-align: right;
  width: 60%;
}

.box_car_ltem .box_cararea dl.type1 dd.in_l2 li + li span {
  font-size: 18px;
}

.box_car_ltem .box_cararea dl.type1 dd.car_img_tit {
  font-size: 18px;
  color: #111;
  margin-bottom: 7px;
  position: relative;
}

.box_car_ltem .box_cararea dl.type1 dd.car_img_tit p {
  height: 46px;
  overflow: hidden;
  font-size: 17px;
  letter-spacing: -0.5px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.box_car_ltem .box_cararea dl.type1 dd {
  margin-bottom: 5px;
}

.box_car_ltem .box_cararea dl.type1 dd ul li {
  width: 50%;
  float: left;
  font-size: 13px;
  color: #777;
  letter-spacing: -0.5px;
}

.box_car_ltem .box_cararea dl.type1 dd ul li + li {
  width: 50%;
}

.box_tab_car {
  margin-bottom: 8px;
  position: relative;
}

.add_btns {
  position: absolute;
  right: 0;
  top: 2px;
}

.box_tab_car li {
  float: left;
  text-align: center;
  padding: 8px 25px;
  background: #ddd;
  margin-left: 5px;
  font-size: 15px;
  letter-spacing: -0.03em;
  cursor: pointer;
}

.box_tab_car li.act {
  color: #fff;
  background: #255d91;
}

.box_tab_car li:first-child {
  margin-left: 0;
}

.btn_basic {
  height: 23px;
  line-height: 22px;
  display: inline-block;
  background: #f5f5f5;
  border: 1px solid #cecfce;
  color: #000;
  font-size: 12px;
  text-align: center;
  padding: 0 10px;
  vertical-align: middle;
}

.sub_tit {
  display: block;
  font-size: 14px;
  margin-top: 2px;
}

.box_car_ltem .box_cararea dl.type2 dt.car_img {
  margin-bottom: 15px;
  position: relative;
  padding: 0;
}

.box_car_ltem .box_cararea dl.type2 dt.car_img img {
  width: 100%;
  max-height: 165px;
}

.box_car_ltem .box_cararea dl.type2 dd.car_img_tit {
  font-size: 18px;
  color: #111;
  margin-bottom: 15px;
  position: relative;
}

.box_car_ltem .box_cararea dl.type2 dd {
  margin-bottom: 5px;
}

.box_car_ltem .box_cararea dl.type2 dd ul li {
  width: 30%;
  float: left;
  font-size: 15px;
  color: #777;
}

.box_car_ltem .box_cararea dl.type2 dd ul li + li {
  width: 70%;
  text-align: left;
}

.box_car_ltem .box_cararea dl.type3 dt.car_img {
  margin-bottom: 15px;
  position: relative;
  padding: 0;
}

.box_car_ltem .box_cararea dl.type3 dt.car_img img {
  width: 100%;
  max-height: 165px;
}

.box_car_ltem .box_cararea dl.type3 dd.car_img_tit {
  font-size: 18px;
  color: #111;
  margin-bottom: 15px;
  position: relative;
}

.box_car_ltem .box_cararea dl.type3 dd {
  margin-bottom: 5px;
}

.box_car_ltem .box_cararea dl.type3 dd ul li {
  width: 30%;
  float: left;
  font-size: 15px;
  color: #777;
}

.box_car_ltem .box_cararea dl.type3 dd ul li + li {
  width: 70%;
  text-align: left;
}

.box_view_list {
  margin-bottom: 40px;
}

.box_view_list li.box_view_ltem {
  width: 50%;
  float: left;
  margin-bottom: 10px;
}

.box_view_list li.box_view_ltem dl {
  display: block;
  position: relative;
  padding-left: 210px;
  padding-right: 30px;
  height: 120px;
  padding-bottom: 5px;
}

.box_view_list li.box_view_ltem dl .img {
  width: 100%;
  max-width: 165px;
  position: absolute;
  left: 0;
  top: 0;
}

.box_view_list li.box_view_ltem dl .img img {
  width: 100%;
}

.box_view_list li.box_view_ltem dl .tit {
  font-size: 18px;
  font-weight: normal;
  color: #255d91;
  margin-bottom: 5px;
}

.box_view_list li.box_view_ltem dl .txt {
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 1.6;
  color: #989898;
}

.box_view_list li.box_view_ltem dl .date {
  font-size: 13px;
  color: #B9B9B9;
  text-align: right;
}

/* 오토뉴스 */
/* 오토라이프 auto_life */
.auto_life .box_view_list li.box_view_ltem {
  width: 100%;
  float: none;
  margin-bottom: 15px;
}

.auto_life .box_view_list li.box_view_ltem .box_cararea a {
  vertical-align: middle;
  display: table;
  min-height: 135px;
  width: 100%;
}

.auto_life .box_view_list li.box_view_ltem dl .img img {
  max-width: 165px;
  max-height: 120px;
}

.auto_life .box_view_list li.box_view_ltem dl {
  display: table-cell;
  vertical-align: middle;
  padding-left: 190px;
  height: 115px;
  border-bottom: 1px solid #ddd;
}

.auto_life .box_view_list li.box_view_ltem dl .txt {
  font-size: 14px;
  word-break: break-all;
}

.auto_life .box_view_list li.box_view_ltem dl .date {
  text-align: left;
}

.auto_life_bx {
  margin-bottom: 15px;
  padding-bottom: 40px;
  border-bottom: 1px solid #ddd;
  margin-top: 15px;
}

.auto_life_bx li {
  position: relative;
  height: auto;
}

.auto_life_bx li dl {
  position: relative;
}

.auto_life_bx li dt {
  float: left;
  width: 100%;
  margin-right: 2%;
  min-height: 100px;
}

.auto_life_bx li dt img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.auto_life_bx li dt > a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.auto_life_bx li dt > a::before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../images/test_bg.png");
  background-repeat: repeat-x;
  background-size: 20px 100%;
  z-index: 2;
}

.auto_life_bx li dd {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 1.3;
  margin-top: 0px;
  height: 100%;
}

.auto_life_bx li dd p {
  overflow: hidden;
  font-size: 13px;
  font-family: dotum;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  display: none;
  color: white;
  max-height: 200px !important;
  margin-top: 5px;
}

.auto_life_bx li:hover dd h3 {
  display: none;
}

.auto_life_bx li:hover .listBlind {
  display: block;
}

.auto_life_bx li:hover dd p {
  display: block;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 10px;
}

.auto_life_bx li dd h3 {
  margin-bottom: 10px;
  color: #607e9b;
  font-size: 16px;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  display: -webkit-box;
  line-height: 1.5;
  position: absolute;
  bottom: 0;
}

.auto_life_bx li dd h3 a {
  color: white;
}

.auto_life_bx li .more {
  display: none;
  position: absolute;
  right: 0;
  bottom: 2px;
  padding-right: 11px;
  color: #8c8a8c;
  font-size: 13px;
  font-weight: bold;
}

.auto_life_bx li .more:after {
  content: " > ";
  position: absolute;
  right: 0;
  top: 0px;
  font-family: 'dotum';
  color: #bdbabd;
}

.auto_life_bx li .explain_box {
  display: inline-block;
  position: absolute;
  left: 20px;
  width: 85%;
  z-index: 3;
  bottom: 0px;
}

.auto_life_bx .bx-wrapper .bx-pager, .auto_life_bx .bx-wrapper .bx-controls-auto {
  padding-top: 0;
  bottom: -30px;
  z-index: 50;
}

.auto_life_bx .bx-wrapper .bx-pager.bx-default-pager a {
  width: 8px;
  height: 8px;
}

.auto_life .nodata {
  border: 0;
}

.auto_life .box_view_list li.box_view_ltem dl {
  border-bottom: 1px solid #ececec;
}

.tab_nav .depth1 > li > a {
  margin-right: 5px !important;
  background: #f4f4f4 !important;
}

.tab_nav .depth1 > li.on > a {
  background: #255d91 !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #2c77bc !important;
}

.tab_nav {
  border-bottom: 1px solid #b6b6b6 !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #b6b6b6 !important;
}

.auto_life_bx li .listBlind {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: black;
  opacity: 0.5;
  z-index: 2;
}

.bx-wrapper .bx-loading {
  z-index: 0 !important;
}

.tab_new_style {
  margin-top: 16px !important;
  margin-bottom: 0 !important;
}

.list_view {
  border-top: none !important;
}

.view_tit dt {
  font-weight: normal !important;
  font-size: 20px !important;
  padding-top: 18px !important;
  padding-bottom: 8px !important;
}

.view_tit dd {
  top: 21px !important;
}

.autoCafeMore {
  padding: 20px 0 !important;
}

.scr_box {
  border: none !important;
  background: #f3f6f9 !important;
}

/*registerStep*/
.step_box {
  background: #f4f4f4;
  padding: 15px 0;
  text-align: center;
  margin: 30px 0;
  overflow: hidden;
}

.step_box ul {
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
}

.step_box li {
  float: left;
  width: 25%;
  text-indent: 30px;
  font-size: 30px;
  font-weight: bold;
  color: #888;
}

.step_box li + li {
  background: url("../images/bg_rightArr.gif") no-repeat left center;
}

.step_box li span {
  display: block;
  font-size: 15px;
}

.step_box li.on {
  color: #2d78bc;
}

.registerStep .h3_tit_area {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
  margin-bottom: 20px;
}

.registerStep .h3_tit_area h3 {
  width: 86px;
  float: left;
  position: relative;
}

.registerStep .h3_tit_area h3::after {
  content: '';
  background: url(../images/header_bar_01.gif) no-repeat center center;
  width: 1px;
  height: 15px;
  display: inline-block;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 4px;
}

.registerStep .h3_tit_area span {
  float: left;
  padding-left: 10px;
  font-size: 13px;
  line-height: 20px;
  height: 20px;
}

.registerStep .agree_chk {
  position: relative;
  background: #f4f4f4;
  margin: 20px 0;
  height: 36px;
}

.registerStep .agree_chk.v1 {
  background: #fff;
  margin-bottom: 20px;
}

.registerStep .agree_chk p {
  padding: 10px 15px;
  font-size: 12px;
}

.registerStep .agree_chk.v1 p {
  padding: 10px 0;
}

.registerStep .agree_chk .ac_ul {
  position: absolute;
  top: 6px;
  right: 15px;
}

.registerStep .agree_chk .ac_ul input {
  margin: 5px;
  vertical-align: middle;
}

.registerStep .agree_chk .ac_ul li {
  float: left;
  margin-left: 15px;
  font-size: 12px;
}

.registerStep .agree_area {
  position: relative;
}

.registerStep .agree_area h4 {
  font-size: 14px;
  margin-bottom: 10px;
}

.registerStep .agree_area .agree_box {
  padding: 10px 20px;
  border: 1px solid #d3dae1;
  overflow-y: auto;
  max-height: 150px;
}

.registerStep .member_agreement .agreement_cont {
  border-top: 0;
}

.registerStep table {
  font-size: 12px;
}

.registerStep .btn_area li a {
  min-width: 100px;
}

.registerStep .info_area {
  margin: 20px 0;
}

.registerStep .info_area .tbl_tit {
  margin-bottom: 10px;
  line-height: 26px;
}

.registerStep .info_area .tbl_tit li {
  float: left;
}

.registerStep .info_area .tbl_tit li.tit {
  font-size: 20px;
  font-weight: bold;
}

.registerStep .info_area .tbl_tit li span {
  font-size: 13px;
  position: relative;
  display: inline-block;
  color: #2d78bc;
  font-weight: bold;
  padding-left: 10px;
  margin-left: 10px;
}

.registerStep .info_area .tbl_tit li span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 1px;
  height: 15px;
  border-left: 1px solid #ccc;
}

.registerStep .info_tbl_01 {
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  width: 100%;
}

.registerStep .info_tbl_01 th {
  height: 45px;
  text-align: left;
  background: #f5f5f5;
  border-bottom: 1px solid #999;
  vertical-align: middle;
  padding: 0 10px;
  color: #888;
  font-size: 13px;
}

.registerStep .info_tbl_01 td {
  padding: 10px;
  border-bottom: 1px solid #999;
  vertical-align: middle;
}

.registerStep .info_tbl_01 .last {
  border-bottom: 0;
}

.registerStep .info_tbl_01 td .add_txt {
  font-size: 13px;
  color: #428ebd;
  padding-top: 5px;
}

.registerStep .info_tbl_01 td input[type=text] {
  width: 15%;
  text-indent: 10px;
  height: 22px;
  line-height: 22px;
}

.registerStep .info_tbl_01 td input[type=password] {
  width: 15%;
  text-indent: 10px;
  height: 22px;
  line-height: 22px;
}

.registerStep .info_tbl_01 td select {
  width: 15%;
  height: 24px;
  line-height: 24px;
}

.registerStep .info_tbl_01 td.add_txtB {
  font-size: 13px;
}

.registerStep .info_tbl_01 td span {
  margin-right: 10px;
}

.registerStep .info_tbl_01 td .hint_p {
  margin-bottom: 10px;
}

.registerStep .info_tbl_01 td .hint_label {
  margin-right: 10px;
  font-weight: bold;
  font-size: 13px;
}

.registerStep .input_btn {
  color: #fff;
  background: #888;
  font-size: 11px;
  padding: 0 10px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
}

.registerStep .delay_box {
  padding-top: 0;
  margin-bottom: 30px;
  border-top: 0;
}

/* step1 */
.registerStep .step01_area {
  width: 100%;
  min-width: 1262px;
  margin-bottom: 40px;
}

.registerStep .step01_area .left_area {
  background: url("../images/register01_02.jpg") no-repeat 0 0;
  float: left;
  width: 540px;
  height: 476px;
}

.registerStep .step01_area .left_area dl {
  padding: 273px 0 20px 55px;
}

.registerStep .step01_area .left_area dt {
  font-size: 24px;
  color: #555;
  font-weight: bold;
  margin-bottom: 20px;
}

.registerStep .step01_area .left_area dt span {
  font-weight: bold;
  color: #2c77bc;
  font-size: 54px;
}

.registerStep .step01_area .left_area dd {
  font-size: 16px;
  color: #555;
}

.registerStep .step01_area .right_area {
  background: url("../images/register01_bg_03.jpg") no-repeat 0 0;
  float: left;
  width: 540px;
  width: 720px;
  height: 476px;
}

.registerStep .step01_area .right_area .right_inner {
  padding: 30px 40px;
}

.registerStep .step01_area .right_area .right_inner .depth {
  position: relative;
  display: inline-block;
  width: 100%;
}

.registerStep .step01_area .right_area .right_inner .depth.v2 {
  margin-top: 15px;
}

.registerStep .step01_area .right_area .right_inner .pa {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 13px;
  color: #777;
  font-weight: bold;
}

.registerStep .step01_area .right_area .right_inner .depth li {
  float: left;
  width: 50%;
}

.registerStep .step01_area .right_area .right_inner .depth dl {
  padding: 20px;
}

.registerStep .step01_area .right_area .right_inner .depth dt {
  font-size: 24px;
  color: #333;
  font-weight: bold;
  margin-top: 8px;
  margin-bottom: 10px;
}

.registerStep .step01_area .right_area .right_inner .depth dt p {
  background: url("../images/black_arrow.gif") no-repeat right center;
  display: inline-block;
  padding-right: 10px;
}

.registerStep .step01_area .right_area .right_inner .depth dd {
  font-size: 13px;
  color: #777;
}

.registerStep .benefit .p_tit {
  color: #2c77bc;
  font-weight: bold;
  font-size: 20px;
  margin: 17px 0;
}

.registerStep .benefit li {
  color: #333;
  font-weight: bold;
  font-size: 15px;
}

.registerStep .reference .p_tit {
  color: #333;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 26px;
}

.registerStep .reference li {
  float: left;
  padding: 0 40px;
  width: 33.3%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.registerStep .reference li + li {
  border-left: 1px solid #ddd;
}

.registerStep .reference dl {
  position: relative;
}

.registerStep .reference dt {
  position: absolute;
  width: 55px;
  color: #5a7593;
  font-weight: bold;
  font-size: 38px;
  margin-top: -10px;
}

.registerStep .reference dd {
  padding-left: 55px;
}

.registerStep .reference dd .p_tit {
  font-weight: bold;
  color: #333;
  font-size: 15px;
  margin-bottom: 10px;
}

.registerStep .reference dd .p_tit span {
  color: #5a7593;
}

.registerStep .reference dd .p_cont {
  color: #777;
  font-size: 13px;
}

/* step4 */
.registerStep .h3_tit_area.v2 {
  margin-bottom: 0;
}

.registerStep .welcome {
  padding: 40px 0;
}

.registerStep .welcome .p_wel01 {
  font-size: 32px;
  color: #2c77bc;
  margin-bottom: 10px;
  line-height: 32px;
}

.registerStep .welcome .p_wel02 {
  font-size: 16px;
  color: #777;
}

.registerStep .complete_area {
  background: #f9f9ed;
  border: 1px solid #e6e4cf;
}

.registerStep .complete_area .p01 {
  font-size: 14px;
  color: #777;
  margin: 26px 0 7px;
}

.registerStep .complete_area .p02 {
  font-size: 26px;
  color: #333;
  font-weight: bold;
}

.registerStep .complete_area p {
  text-align: center;
}

.registerStep .complete_area ul {
  padding: 26px 100px;
}

.registerStep .complete_area li {
  float: left;
  width: 25%;
  text-align: center;
  min-height: 120px;
}

.registerStep .complete_area li + li {
  border-left: 1px solid #eaece1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.registerStep .complete_area li dt {
  margin-bottom: 10px;
}

.registerStep .complete_area li dd .p03 {
  font-size: 18px;
  font-weight: bold;
  color: #2c77bc;
}

.registerStep .complete_area li dd .span03 {
  font-size: 13px;
  color: #777;
}

.registerStep .btn_area.register04 li a {
  background: #2d78bc url("../images/btn_arrow_03.gif") no-repeat right 35px center;
}

.registerStep .btn_area.register04 li a {
  min-width: 140px;
}

/* 차량리스트 상단 */
/*** 웹검색 ***/
.car_list .detail_srch_wrap {
  margin-bottom: 60px;
}

.car_list .detail_srch_wrap .chBox {
  vertical-align: sub;
}

.car_list .detail_srch_wrap .s_option input[type="checkbox"] {
  vertical-align: middle;
}

.car_list .detail_srch_wrap label {
  font-size: 12px;
}

.car_list .detail_srch_wrap .s_model {
  position: relative;
  left: 0;
  top: -1px;
  border-top: 2px solid #41668d;
  overflow: hidden;
}

.car_list .detail_srch_wrap .s_model dt {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #bababa;
  color: #fff;
  text-align: center;
  z-index: 0;
}

.car_list .detail_srch_wrap .s_model dt.on {
  background: #587795;
  z-index: 1;
}

.car_list .detail_srch_wrap .s_model dt.on span {
  border-color: #41658e;
}

.car_list .detail_srch_wrap .s_model dt li {
  width: 25%;
  float: left;
  height: 38px;
  line-height: 34px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #a4a4a7;
}

.car_list .detail_srch_wrap .s_model dt li.on {
  background: #587795;
  z-index: 1;
  border: 1px solid #41658e;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.car_list .detail_srch_wrap .s_model dd {
  float: left;
  padding-top: 65px;
  font-size: 14px;
  font-weight: bold;
  color: #8093a4;
  text-align: center;
}

.car_list .detail_srch_wrap .s_model dd label {
  cursor: pointer;
}

.car_list .detail_srch_wrap .s_model dd.tab_b {
  display: none;
}

.car_list .detail_srch_wrap .s_model dd.dd1 {
  width: 20%;
}

.car_list .detail_srch_wrap .s_model dd.dd2 {
  width: 20%;
}

.car_list .detail_srch_wrap .s_model dd.dd3 {
  width: 25%;
}

.car_list .detail_srch_wrap .s_model dd.dd4 {
  width: 35%;
}

.car_list .detail_srch_wrap .s_model dd ul {
  height: 210px;
  font-size: 12px;
  font-weight: normal;
  color: #555;
  border: 1px solid #d3dae1;
  margin-top: 4px;
  margin-left: -1px;
  padding: 10px 5px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
}

.car_list .detail_srch_wrap .s_model dd ul li {
  padding-left: 10px;
  line-height: 1.5em;
  vertical-align: middle;
}

.car_list .detail_srch_wrap .s_model dd ul li input {
  vertical-align: sub;
  margin-right: 3px;
}

.car_list .detail_srch_wrap .s_model dd.dd1 ul {
  margin-left: 0px;
}

.car_list .detail_srch_wrap .s_model dd.dd1 ul li {
  padding-left: 0px;
}

.car_list .detail_srch_wrap .s_model dd.dd1 ul li span {
  display: block;
  padding: 1px 0 0 5px;
  cursor: pointer;
  line-height: 1.43em;
  *line-height: 1.2em;
}

.car_list .detail_srch_wrap .s_model dd.dd1 ul li span:hover {
  background: #587795;
  color: #fff;
  font-weight: bold;
}

.car_list .detail_srch_wrap .s_model dd.dd1 ul li span.on {
  background: #587795;
  color: #fff;
  font-weight: bold;
}

.car_list .detail_srch_wrap .s_model dd.dd2 ul li {
  padding-left: 0px;
}

.car_list .detail_srch_wrap .s_model dd.dd2 ul li span {
  display: block;
  padding: 1px 0 0 5px;
  cursor: pointer;
  line-height: 1.43em;
  *line-height: 1.2em;
}

.car_list .detail_srch_wrap .s_model dd.dd2 ul li span:hover {
  background: #587795;
  color: #fff;
  font-weight: bold;
}

.car_list .detail_srch_wrap .s_model dd.dd2 ul li span.on {
  background: #587795;
  color: #fff;
  font-weight: bold;
}

.car_list .detail_srch_wrap .s_model dd.dd3 ul li span {
  display: block;
  padding: 1px 0 0 5px;
  cursor: pointer;
  line-height: 1.43em;
  *line-height: 1.2em;
}

.car_list .detail_srch_wrap .s_model dd.dd3 ul li span:hover {
  background: #587795;
  color: #fff;
  font-weight: bold;
}

.car_list .detail_srch_wrap .s_model dd.dd4 ul li span {
  display: block;
  padding: 1px 0 0 5px;
  cursor: pointer;
  line-height: 1.43em;
  *line-height: 1.2em;
}

.car_list .detail_srch_wrap .s_model dd.dd4 ul li span:hover {
  background: #587795;
  color: #fff;
  font-weight: bold;
}

.car_list .detail_srch_wrap .s_model dd ul li span .count {
  display: inline-block;
  font-size: 11px;
  color: #8292a6;
}

.car_list .detail_srch_wrap .s_model dd ul li span:hover .count {
  color: #fff;
  font-weight: normal;
}

.car_list .detail_srch_wrap .s_model dd ul li span.on .count {
  color: #fff;
  font-weight: normal;
}

.car_list .detail_srch_wrap .s_model dd ul img {
  margin-right: 10px;
}

.car_list .detail_srch_wrap .s_model dd.dd1 ul {
  background: url(../images/dd1_bg.gif) repeat-y right top;
}

.car_list .detail_srch_wrap .s_part {
  padding: 20px 0;
  border: 1px solid #d3dae1;
  border-top: none;
  color: #555;
}

.car_list .detail_srch_wrap .s_part th {
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  color: #555;
  height: 40px;
  text-align: left;
  padding-left: 10px;
}

.car_list .detail_srch_wrap .s_part td {
  font-size: 11px;
  font-weight: normal;
  padding-left: 10px;
  vertical-align: middle;
}

.car_list .detail_srch_wrap .s_part td span {
  vertical-align: sub;
}

.car_list .detail_srch_wrap .s_part input.input_e {
  border: 1px solid #cbcbcb;
  text-align: right;
  color: #555;
}

.car_list .detail_srch_wrap .s_part select {
  color: #555;
  width: 22%;
}

.car_list .detail_srch_wrap .s_part ul:after {
  content: "";
  display: block;
  clear: both;
}

.car_list .detail_srch_wrap .s_part ul li {
  float: left;
  height: 19px;
  margin-right: 14px;
  line-height: 19px;
  vertical-align: middle;
}

.car_list .detail_srch_wrap .s_part li img {
  margin-right: 3px;
  line-height: 19px;
}

.car_list .detail_srch_wrap .s_part .td4 select {
  width: 66%;
}

.car_list .detail_srch_wrap .s_part .td5 input {
  width: 38%;
  height: 20px;
  line-height: 20px;
  margin-right: 3px;
}

.car_list .detail_srch_wrap .s_part .td6 input {
  width: 73px;
  height: 20px;
  line-height: 20px;
}

.car_list .detail_srch_wrap .s_color {
  position: relative;
  height: auto;
  border: 1px solid #d3dae1;
  border-top: none;
  font-size: 11px;
  overflow: hidden;
  color: #555;
}

.car_list .detail_srch_wrap .s_color h4 {
  padding: 10px 0 10px 10px;
  font-size: 12px;
  font-weight: bold;
  color: #555;
}

.car_list .detail_srch_wrap .s_color p {
  position: absolute;
  font-size: 11px;
}

.car_list .detail_srch_wrap .s_color .p1 {
  left: 55px;
  top: 10px;
}

.car_list .detail_srch_wrap .s_color .p2_open {
  right: 10px;
  top: 0px;
  cursor: pointer;
}

.car_list .detail_srch_wrap .s_color p span {
  color: #3777bc;
  font-size: 11px;
  font-weight: bold;
}

.car_list .detail_srch_wrap .s_color ul.optionList {
  padding-left: 50px;
  padding-right: 10px;
  padding-bottom: 20px;
  display: inline-block;
}

.car_list .detail_srch_wrap .s_color ul.optionList li {
  width: 123px;
  margin-right: 15px;
  float: left;
  line-height: 20px;
  letter-spacing: -1px;
  margin-bottom: 5px;
}

.car_list .detail_srch_wrap .s_color ul.optionList li span.check input {
  width: 14px;
  height: 14px;
  margin-right: 5px;
  vertical-align: middle;
}

.car_list .detail_srch_wrap .s_color ul.optionList li label {
  font-size: 12px;
  color: #434445;
  cursor: pointer;
}

.car_list .detail_srch_wrap .s_area {
  position: relative;
  height: auto;
  border: 1px solid #d3dae1;
  border-top: none;
  color: #555;
  font-size: 11px;
  overflow: hidden;
}

.car_list .detail_srch_wrap .s_area h4 {
  padding: 10px 0 10px 10px;
  font-size: 12px;
  font-weight: bold;
  color: #555;
}

.car_list .detail_srch_wrap .s_area p {
  position: absolute;
  font-size: 11px;
}

.car_list .detail_srch_wrap .s_area p.p1 {
  left: 55px;
  top: 10px;
}

.car_list .detail_srch_wrap .s_area p.p2_open {
  right: 10px;
  top: 0;
  cursor: pointer;
}

.car_list .detail_srch_wrap .s_area p span {
  color: #3777bc;
  font-size: 11px;
  font-weight: bold;
}

.car_list .detail_srch_wrap .s_area ul {
  padding-left: 50px;
  padding-right: 10px;
  padding-bottom: 20px;
  display: inline-block;
}

.car_list .detail_srch_wrap .s_area ul li {
  width: 50px;
  margin-right: 30px;
  float: left;
  line-height: 19px;
  height: 19px;
  vertical-align: middle;
}

.car_list .detail_srch_wrap .s_area ul li img {
  margin-right: 5px;
}

.car_list .detail_srch_wrap .s_option {
  position: relative;
  height: auto;
  border: 1px solid #d3dae1;
  padding-bottom: 42px;
  border-top: none;
  border-bottom: none;
  color: #555;
  font-size: 11px;
}

.car_list .detail_srch_wrap .s_option h4 {
  padding: 10px 0 10px 10px;
  font-size: 12px;
  font-weight: bold;
  color: #555;
}

.car_list .detail_srch_wrap .s_option p {
  position: absolute;
  font-size: 11px;
}

.car_list .detail_srch_wrap .s_option p.p1 {
  width: 80%;
  background: #fff;
  left: 55px;
  top: 10px;
  z-index: 1;
}

.car_list .detail_srch_wrap .s_option p.p2_open {
  right: 10px;
  top: 0;
  z-index: 1;
  cursor: pointer;
}

.car_list .detail_srch_wrap .s_option p.p3 {
  right: 15px;
  bottom: 10px;
  line-height: 1.2em;
  vertical-align: middle;
  z-index: 0;
  letter-spacing: -1px;
}

.car_list .detail_srch_wrap .s_option p.p3 span {
  background: url(../images/btn_initial.gif) no-repeat left 5px;
  padding-left: 13px;
  font-size: 13px;
}

.car_list .detail_srch_wrap .s_option p.p3 a {
  color: #555;
}

.car_list .detail_srch_wrap .s_option p.p3 a:hover {
  text-decoration: none;
  color: #3777bc;
}

.car_list .detail_srch_wrap .s_option > ul {
  padding: 0 50px 0 50px;
}

.car_list .detail_srch_wrap .s_option > ul > li {
  float: left;
  color: #8093a4;
  line-height: 2em;
  font-weight: bold;
  font-size: 16px;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.car_list .detail_srch_wrap .s_option li ul {
  width: 100%;
  margin-right: 20px;
  font-weight: normal;
  color: #555;
}

.car_list .detail_srch_wrap .s_option li ul li {
  margin-bottom: 5px;
  line-height: 1.2;
  width: 24%;
  float: left;
  padding: 0 0.5%;
  position: relative;
}

.car_list .detail_srch_wrap .s_option li ul li img {
  margin-right: 5px;
}

.car_list .detail_srch_wrap .s_option li ul li div.label_info {
  position: absolute;
  background: #fff;
  z-index: 5;
  left: 0;
  top: 28px;
  border: 2px solid #2c77bc;
  padding: 7px 10px 7px 10px;
  font-size: 12px;
  min-width: 220px;
  display: none;
  border-radius: 5px;
}

.car_list .detail_srch_wrap .s_option li ul li div.label_info:after {
  content: "";
  width: 14px;
  height: 9px;
  background: url(../images/icon_helpbox_arr.gif) no-repeat 0 0;
  position: absolute;
  left: 20px;
  top: -9px;
}

.car_list .detail_srch_wrap .s_option li ul li div.label_info a img {
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 5px;
}

.car_list .detail_srch_wrap .s_result {
  margin: 0;
  padding: 0;
  height: 71px;
  background: url(../images/detail_result_bg_01.gif) repeat-x left top;
  position: relative;
  border: 2px solid #98abbe;
}

.car_list .s_result li.li_1 {
  color: #fff;
  font-size: 20px;
  padding-left: 22px;
  background: url(../images/header_search.png) no-repeat left center;
  position: absolute;
  left: 50px;
  top: 22px;
  font-weight: bold;
}

.car_list .s_result li.li_2 {
  border: 1px solid #0a0d10;
  background: url(../images/detail_result_bg_02.gif) repeat-x left center;
  height: 39px;
  width: 200px;
  position: absolute;
  left: 220px;
  top: 16px;
  text-align: right;
}

.car_list .s_result li.li_2 p {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  line-height: 39px;
  padding: 0 10px;
}

.car_list .s_result li.li_2 p span {
  font-size: 20px;
}

.car_list .s_result li.li_3 {
  position: absolute;
  right: 20px;
  top: 15px;
}

.car_list .s_result li.li_3 a {
  background: #efedef;
  width: 150px;
  text-align: center;
  display: block;
  height: 39px;
  line-height: 39px;
  color: #2e5273;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid #576f99;
}

.car_list .tab_nav.mobilecar_cnt {
  display: none;
}

.bt_c8 {
  border-top: 1px solid #c8c8c8;
}

/*** 색상 ***/
span.car_color01 {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-left: -4px;
  border: 1px solid #DEDEDC;
  line-height: 12px;
  width: 22px;
  height: 12px;
  position: relative;
  vertical-align: middle;
}

span.car_color02 {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-left: -4px;
  border: 1px solid #DEDEDC;
  line-height: 11px;
  width: 22px;
  height: 13px;
  background: #444641;
}

span.car_color02 span {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 11px;
  height: 13px;
  vertical-align: baseline;
}

span.car_color01.clr_10 {
  background: #fff;
}

/*흰색*/
span.car_color01.clr_11 {
  background: #f9f8fa;
}

/*진주색*/
span.car_color01.clr_12 {
  background: #ced1d3;
}

/*은색*/
span.car_color01.clr_14 {
  background: #5b5b5b;
}

/*회색*/
span.car_color01.clr_15 {
  background: #73717c;
}

/*펄회색*/
span.car_color01.clr_16 {
  background: #000;
}

/*검정색*/
span.car_color01.clr_17 {
  background: #f90000;
}

/*빨강색*/
span.car_color01.clr_18 {
  background: #a54728;
}

/*주황색*/
span.car_color01.clr_19 {
  background: #f9fd00;
}

/*노란색*/
span.car_color01.clr_20 {
  background: #96b85c;
}

/*연두색*/
span.car_color01.clr_21 {
  background: #00ca00;
}

/*녹색*/
span.car_color01.clr_22 {
  background: #72909c;
}

/*하늘색*/
span.car_color01.clr_23 {
  background: #124180;
}

/*청색*/
span.car_color01.clr_24 {
  background: #44293b;
}

/*보라색*/
span.car_color01.clr_25 {
  background: #7d0080;
}

/*자주색*/
span.car_color01.clr_26 {
  background: #e8c8ce;
}

/*분홍색*/
span.car_color01.clr_27 {
  background: #3c3624;
}

/*갈색*/
span.car_color01.clr_28 {
  background: #807438;
}

/*금색*/
span.car_color02.clr_29 span {
  background: #fff;
}

/*흰색투톤*/
span.car_color02.clr_30 span {
  background: #f9f8fa;
}

/*진주색투톤*/
span.car_color02.clr_31 span {
  background: #bbbec0;
}

/*은색투톤*/
span.car_color02.clr_32 span {
  background: #3c3624;
}

/*갈색투톤*/
span.car_color02.clr_33 span {
  background: #807438;
}

/*금색투톤*/
span.car_color02.clr_34 span {
  background: #000;
}

/*검정투톤*/
span.car_color01.clr_35 {
  background: #212121;
}

/*쥐색*/
span.car_color01.clr_38 {
  background: #aaaeb7;
}

/*티타늄실버*/
span.car_color01.clr_40 {
  background: #c2b299;
}

/*다크베이지*/
span.car_color01.clr_41 {
  background: #25262b;
}

/*다크그레이*/
span.car_color01.clr_42 {
  background: #141d29;
}

/*다크블루*/
/* 모바일 검색 */
.m_srch_wrap_area {
  margin: 0 -10px;
  background: #eee;
  padding: 10px 0;
  display: none;
}

/*** select_tab ***/
.m_srch_wrap_area .select_tab {
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #eee;
  overflow: hidden;
}

.m_srch_wrap_area .select_tab li {
  float: left;
  width: 50%;
  background: #fff;
}

.m_srch_wrap_area .select_tab li.on {
  background: #2d78bc;
}

.m_srch_wrap_area .select_tab li.on a {
  color: #fff;
}

.m_srch_wrap_area .select_tab li a {
  display: block;
  padding: 7px 0 6px 0;
  text-align: center;
  border: 1px solid #c1c1c1;
  border-left: 0;
  font-size: 12px;
  letter-spacing: -1px;
  height: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1;
}

.m_srch_wrap_area .select_tab li:first-child a {
  border-left: 1px solid #c1c1c1;
}

.m_srch_wrap_area .select_tab li.depth_tab.on a {
  color: #fff;
}

.m_srch_wrap_area .select_tab li.depth_tab.on {
  background: #587795;
}

.m_srch_wrap_area .select_tab li.depth_tab {
  background: #d9d9d9;
}

.m_srch_wrap_area .select_tab.t3 li {
  float: left;
  width: 33.3%;
}

.m_srch_wrap_area .select_tab.t4 li {
  float: left;
  width: 25%;
}

.car_list .disc_exc {
  text-align: right;
  margin-bottom: 5px;
}

.car_list .disc_exc span {
  padding-left: 13px;
  background: url(../images/dot_01.gif) no-repeat left center;
  font-size: 12px;
}

.car_list .srch_wrap_area_fix {
  padding: 10px;
  background: #eee;
}

.car_list .srch_wrap_area {
  background: #393839;
  margin: 10px 10px 0;
}

.car_list .srch_wrap {
  padding: 0 10px 20px;
}

.car_list .srch_wrap .btn_goSrch {
  margin-top: 12px;
}

.car_list .srch_wrap .check {
  font-size: 11px;
  color: #ddd;
}

.car_list .srch_opt > li {
  padding-bottom: 5px;
}

.car_list .srch_opt > li.last {
  padding-bottom: 0;
}

.car_list .srch_opt.type02 ul {
  width: 100%;
  overflow: hidden;
}

.car_list .srch_opt.type02 ul li {
  display: block;
  float: left;
  width: 45.5%;
}

.car_list .srch_opt.type02 ul li.and {
  width: 9%;
  font-size: 20px;
  text-align: center;
  line-height: 26px;
  color: #ccc;
}

.car_list .srch_opt.type02 ul li.to {
  float: right;
}

.car_list .nodata {
  border: 0;
}

.car_list .srch_opt.type02 ul li.input input::-webkit-input-placeholder {
  color: #555;
}

.car_list .srch_opt.type02 ul li.input input::-moz-placeholder {
  color: #555;
}

.car_list .srch_opt.type02 ul li.input input:-ms-input-placeholder {
  color: #555;
}

.car_list .srch_opt.type02 ul li.input input:-moz-placeholder {
  color: #555;
}

.car_list .select_wrap {
  display: block;
  position: relative;
  height: 32px;
  padding: 0;
  background: #fff;
}

.car_list .select_wrap select {
  width: 100%;
  height: 32px;
  padding: 0 0 0 8px;
  border: 0;
  vertical-align: top;
  font-size: 12px;
  color: #555;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}

.car_list .select_wrap2 {
  display: inline-block;
  width: 82%;
  height: 32px;
  background: #fff;
}

.car_list .select_wrap2 select {
  width: 100%;
  height: 32px;
  padding: 0 0 0 8px;
  border: 0;
  vertical-align: top;
  font-size: 12px;
  color: #555;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}

.car_list .wrap_mask {
  background: url(../images/bg/bg_mask70p.png) 0 0;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.car_list .wrap_mask.type02 {
  background: url(../images/bg/bg_blank.png) 0 0;
}

.car_list .btn_goSrch.type05 {
  border: 1px solid #3071b9;
}

.car_list .btn_goSrch.type05 a {
  background: #3071b9;
  border: 1px solid #3071b9;
}

.car_list .btn_goSrch.type05.on {
  border-color: #3071b9;
}

.car_list .btn_goSrch.type05.on a {
  background: #3071b9;
}

.car_list .btn_goSrch {
  border: 1px solid #3071b9;
}

.car_list .btn_goSrch a {
  display: block;
  height: 28px;
  line-height: 26px;
  border: 1px solid #77a1d1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #3071b9;
  font-size: 13px;
  color: #fff;
  text-align: center;
}

.car_list .btn_goSrch a span {
  display: inline-block;
  margin-left: 2px;
  width: 11px;
  height: 11px;
  background: url(../images/icon.png) no-repeat 0 -38px;
  background-size: 320px auto;
  vertical-align: middle;
  text-indent: -9999em;
}

.car_list .srch_opt.type02 ul li.input {
  position: relative;
  color: #fff;
}

.car_list .srch_opt.type02 ul li.input input {
  width: 100%;
  height: 27px;
  line-height: 27px;
  padding: 0 40px 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0;
  vertical-align: middle;
}

.car_list .srch_opt.type02 ul li.input span.unit {
  position: absolute;
  right: 10px;
  top: 0;
  display: block;
  width: 30px;
  line-height: 27px;
  color: #bababa;
  text-align: center;
  font-size: 11px;
}

/*** 검색조건설정 버튼(on/off) ***/
.car_list .btn_srchSet {
  position: relative;
  padding: 8px 10px;
  height: 17px;
  line-height: 1.2em;
  font-size: 14px;
  color: #fff;
}

.car_list .btn_srchSet span.bul {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 33px;
  height: 33px;
  background: url(../images/btn_ico.png) no-repeat -69px 1px;
  background-size: 320px auto;
  text-indent: -9999em;
}

.car_list .btn_srchSet.on a span.bul {
  background-position: -103px 0;
}

/* 차동차 리스트 dl높이 반응형 */
/* 181211 리스트 높이 수정 */
/* .car_list .box_car_ltem .box_cararea dl.type1{min-height:395px;} */
.display_sd .box_car_ltem .box_cararea dl.type1 {
  min-height: 355px;
}

/* .car_list .hd_list .box_car_ltem .box_cararea dl.type1{min-height:347px;} */
/* 프로세스 is */
.auctionCurrState {
  width: 1262px;
}

.auctionCurrState .top_vs_tit dl {
  background: url(../images/vs_findID_03.jpg) no-repeat 0 0;
  background-size: 100% 100%;
  height: 124px;
}

.auctionCurrState .top_vs_tit dd span {
  color: #2d78bc;
}

.auctionCurrState .top_vs_tit dd.state_dd {
  font-weight: bold;
  font-size: 18px;
}

.auctionCurrState .top_vs_tit dd.date {
  font-size: 14px;
}

.auctionCurrState .h3_area {
  position: relative;
  margin: 10px 0;
}

.auctionCurrState .h3_area h3 {
  font-size: 20px;
}

.auctionCurrState .h3_area span {
  color: #2d78bc;
}

.auctionCurrState .h3_area p {
  position: absolute;
  top: 8px;
  left: 180px;
  color: #2d78bc;
  font-weight: bold;
}

.auctionCurrState .state_box {
  width: 100%;
  margin-bottom: 40px;
}

.auctionCurrState .state_box li {
  width: 33.3%;
  float: left;
  padding: 25px 0;
}

.auctionCurrState .state_box li.bg_1 {
  background: #8093a4;
}

.auctionCurrState .state_box li.bg_2 {
  background: #a7b4c0;
}

.auctionCurrState .state_box li dl {
  text-align: center;
  color: #fff;
  font-weight: bold;
}

.auctionCurrState .state_box li dl dt {
  font-size: 18px;
}

.auctionCurrState .state_box li dl dd span {
  font-size: 30px;
}

.auctionCurrState .state_box li dl dd span.num_st {
  color: #6DE7EB;
}

.auctionCurrState .state_box li dl dd {
  font-size: 20px;
}

.auctionCurrState .carsell_reason {
  position: relative;
  margin-bottom: 40px;
  height: auto;
}

.auctionCurrState .carsell_reason img {
  width: 100%;
}

.auctionCurrState .carsell_process img {
  width: 100%;
  margin-bottom: 40px;
}

.auctionCurrState .carsell_reason ul {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.auctionCurrState .carsell_reason li {
  display: block;
  vertical-align: middle;
}

.auctionCurrState .carsell_reason li .reason_con dt {
  color: #fffb28;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 15px;
}

.auctionCurrState .carsell_reason li .reason_con dd span {
  color: #fffb28;
}

.auctionCurrState .carsell_reason li .reason_con dd {
  color: #fff;
  font-weight: bold;
  display: block;
  height: auto;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.5;
}

.auctionCurrState .carsell_reason li .reason_con dd .dd_cont {
  height: auto;
}

.auctionCurrState .carsell_reason li a .reason_con {
  visibility: hidden;
  padding: 15px;
}

.auctionCurrState .carsell_reason li a {
  position: absolute;
  width: 25%;
  height: 100%;
  overflow: hidden;
  display: block;
}

.auctionCurrState .carsell_reason li.trust a {
  left: 0;
}

.auctionCurrState .carsell_reason li.price a {
  left: 25%;
}

.auctionCurrState .carsell_reason li.fast a {
  left: 50%;
}

.auctionCurrState .carsell_reason li.easy a {
  left: 75%;
}

.auctionCurrState .carsell_reason li.trust a:hover {
  background: #2c77bc;
}

.auctionCurrState .carsell_reason li.trust a:hover .reason_con {
  visibility: visible;
}

.auctionCurrState .carsell_reason li.price a:hover {
  background: #2c77bc;
}

.auctionCurrState .carsell_reason li.price a:hover .reason_con {
  visibility: visible;
}

.auctionCurrState .carsell_reason li.fast a:hover {
  background: #2c77bc;
}

.auctionCurrState .carsell_reason li.fast a:hover .reason_con {
  visibility: visible;
}

.auctionCurrState .carsell_reason li.easy a:hover {
  background: #2c77bc;
}

.auctionCurrState .carsell_reason li.easy a:hover .reason_con {
  visibility: visible;
}

.auctionCurrState .carsell_faq .dt_q {
  min-height: 20px;
  border: 1px solid #ccc;
  padding: 20px 20px 20px 60px;
  position: relative;
  border-bottom: 0;
  font-weight: bold;
  color: #888;
}

.auctionCurrState .carsell_faq .dt_q a {
  color: #888;
}

.auctionCurrState .carsell_faq .dt_q a:hover {
  color: #2d78bc;
}

.auctionCurrState .carsell_faq .dt_q.last {
  border-bottom: 1px solid #ccc;
}

.auctionCurrState .carsell_faq .dt_q .aq {
  font-size: 30px;
  position: absolute;
  top: 7px;
  left: 25px;
}

.auctionCurrState .carsell_faq .dd_ans {
  min-height: 50px;
  background: #eee;
  padding: 20px 40px 20px 60px;
  position: relative;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.auctionCurrState .carsell_faq .dd_ans.last {
  border-bottom: 1px solid #ccc;
  border-top: 0;
}

.auctionCurrState .carsell_faq .dd_ans .aq {
  font-size: 30px;
  position: absolute;
  top: 7px;
  left: 25px;
}

.auctionCurrState .carsell_faq .dd_ans span {
  color: #2d78bc;
}

.auctionCurrState .carsell_faq .dd_ans .ans_tit {
  font-weight: bold;
  color: #444;
}

.auctionCurrState .carsell_faq .dd_ans .ans_con {
  margin-bottom: 20px;
  font-size: 15px;
  color: #888;
}

.auctionCurrState .carsell_faq .dd_ans .list li {
  font-size: 14px;
}

.auctionCurrState .carsell_faq .dd_ans .ul_a li {
  float: left;
  margin-right: 30px;
}

.auctionCurrState .carsell_faq .dd_ans .ul_a a {
  color: #2d78bc;
}

.auctionCurrState .tab_nav {
  margin-bottom: 0;
  position: relative;
}

.auctionCurrState .tab_nav p.pa {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
}

.auctionCurrState table.table_01 {
  border: 1px solid #ccc;
  border-top: 0;
  border-bottom: 0;
}

.auctionCurrState .table_01 td span.state {
  display: inline-block;
  background: #34952C;
  color: #fff;
  padding: 0 7px;
  font-weight: bold;
  height: 18px;
  line-height: 20px;
}

.auctionCurrState .table_01 td span.state.v2 {
  background: #1C4FC3;
}

.auctionCurrState .table_01 td span.state.v3 {
  background: #ccc;
}

.auctionCurrState .table_01 th {
  border-left: 1px solid #ccc;
}

.auctionCurrState .table_01 th:first-child {
  border-left: 0;
}

.auctionCurrState .table_01 td {
  border-left: 1px solid #ccc;
}

.auctionCurrState .table_01 td:first-child {
  border-left: 0;
}

/* 차량전시 상세 */
.car_name {
  background: #323846;
  color: #fff;
  font-size: 18px;
  position: relative;
  letter-spacing: -0.03em;
  margin-bottom: 25px;
  padding: 16px 30px 16px 30px;
}

.car_name.clone {
  display: none;
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 20;
}

.car_name .car_name_inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.car_name .car_name_inner > div {
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.car_name .car_name_inner > div .car_tit_info {
  font-size: 0;
}

.car_name.on .car_name_inner {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 20;
  padding: 16px 0;
  background: #323846;
}

.car_name.on .car_name_inner > div {
  padding: 0 30px;
}

.car_name.on .car_name_inner > div .car_tit_info {
  font-size: 16px;
  font-weight: 400;
  margin-left: 20px;
}

.car_name dt {
  font-weight: bold;
}

.car_name dd {
  position: absolute;
  right: 0px;
  top: 3px;
}

.car_name.on dd {
  right: 30px;
}

.car_name dd ul li {
  float: left;
  text-align: right;
  font-size: 14px;
  margin-left: 10px;
  padding-left: 13px;
  background: url(../images/car_view_bar_01.gif) no-repeat left center;
}

.car_name dd ul li:first-child {
  margin-left: 0;
  background: none;
}

.car_name dd ul li span {
  padding: 0 3px;
}

/* ========상단 정보 ======== */
.view_top_area {
  /* margin-bottom:95px; */
}

/* == 좌측 정보  == */
.view_left {
  width: 55.5%;
  float: left;
  max-width: 700px;
  position: relative;
}

.view_left .bookMark {
  position: absolute;
  bottom: 21px;
  right: 26px;
  width: 40px;
  height: 38px;
}

.view_left .bookMark .btn_bookMark {
  background: url("../images/mainV2/auc/icon_star_off_gal.png") no-repeat;
  background-size: 100%;
  width: 98%;
  height: 100%;
  display: inline-block;
}

.view_left .bookMark.on .btn_bookMark {
  background: url("../images/mainV2/auc/icon_star_on_gal.png") no-repeat;
  background-size: 100%;
}

.for_pager {
  position: relative;
}

.view_left .control_arrow .arrow_prev {
  display: block;
  z-index: 10;
  width: 30px;
  height: 50px;
  text-indent: -9999px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 1px;
  margin-top: -16px;
  background: #333 url(../images/prev_off.png) no-repeat center center;
  background-size: contain;
  opacity: 0.3;
}

.view_left .control_arrow .arrow_next {
  display: block;
  z-index: 10;
  width: 30px;
  height: 50px;
  text-indent: -9999px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 1px;
  margin-top: -16px;
  background: #333 url(../images/next_off.png) no-repeat center center;
  background-size: contain;
  opacity: 0.3;
}

.view_left .control_arrow .arrow_prev:hover {
  background: #333 url(../images/prev_off.png) no-repeat center center;
  background-size: contain;
  opacity: 0.8;
}

.view_left .control_arrow .arrow_next:hover {
  background: #333 url(../images/next_off.png) no-repeat center center;
  background-size: contain;
  opacity: 0.8;
}

/* .view_left .car_box .over_box img{width:100%;height:100%} */
.view_left .car_box .over_box li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
}

.view_left .car_box .over_box img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

.car_box .view {
  margin-bottom: 15px;
}

.car_box .view > a {
  display: none;
  max-width: 700px;
  height: 525px;
}

/* .car_box .view > a img{width:100%} */
.car_box .view > a img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* .car_box .view > a.act{display:block} */
.car_box .view > a.act {
  display: block;
  text-align: center;
}

.car_top_sl {
  overflow: hidden;
}

.car_top_sl li {
  float: left;
  width: 10%;
  max-width: 68px;
  height: 46px;
  margin: 0 2px 2px 0;
  text-align: center;
}

.car_top_sl li.on img {
  border: 3px solid #2870c8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.car_box_banner {
  margin-top: 0;
  width: 55.2%;
  display: inline-block;
  vertical-align: middle;
}

/* .car_box_banner li{float:left;width:50%} */
.car_box_banner a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.car_box_banner a img {
  width: 80%;
  opacity: 0;
}

.car_box_explain {
  display: inline-block;
  width: 41%;
  height: 100%;
  vertical-align: middle;
}

/* == 우측 정보  == */
.view_right {
  float: right;
  border: 1px solid #cccccc;
  width: 43%;
  letter-spacing: -0.08em;
  min-height: 100px;
  position: relative;
}

.view_right > * {
  padding: 4px 39px;
}

.view_right > .top {
  padding: 20px 39px 0;
}

.car_name_info {
  padding-bottom: 20px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 20px;
}

.lease_infos {
  border: 1px solid #ddd;
  padding: 10px 20px;
}

.lease_infos dl {
  float: left;
  width: 50%;
  margin: 4px 0;
  font-size: 13px;
}

.lease_infos dl dt {
  padding-left: 2px;
  padding-right: 2px;
}

.car_list_view .view_right > .top .car_name_info dt {
  text-align: center;
}

.view_right > .top .main_info {
  margin-bottom: 12px;
  display: inline-block;
}

.view_right > .top .main_info li {
  float: left;
  font-weight: bold;
  font-size: 22px;
  letter-spacing: -0.05em;
  background: url(../images/dot_02.gif) no-repeat left center;
  padding-left: 5px;
  margin-left: 5px;
  color: #333;
}

.view_right > .top .main_info li.li_1 {
  background: none;
  padding-left: 0;
  margin-left: 0;
}

.view_right > .top .sub_info {
  margin-bottom: 2px;
}

.view_right > .top .sub_info li {
  float: left;
  font-size: 14px;
  letter-spacing: -0.03em;
  background: url(../images/footer_bar_01.gif) no-repeat left center;
  padding-left: 9px;
  margin-left: 9px;
  color: #333;
}

.view_right > .top .sub_info li:first-child {
  background: none;
  margin-left: 0;
  padding-left: 0;
}

.view_right > .top .etc {
  float: right;
}

.view_right > .top .etc li {
  float: left;
  letter-spacing: -0.03em;
  margin-left: 19px;
}

.view_right > .top .etc li a {
  color: #777;
  font-size: 14px;
  border-bottom: 1px solid #777;
}

.view_right > .top .etc li.li_1 {
  background: url(../images/ico_car_view_01.gif) no-repeat right center;
  padding-right: 21px;
}

.view_right > .top .etc li.li_2 {
  background: url(../images/ico_car_view_02.gif) no-repeat right center;
  padding-right: 21px;
}

/* 차량 정보 */
.car_money_info {
  position: relative;
  padding-left: 185px;
  min-height: 55px;
  margin-bottom: 20px;
}

.car_money_info dt {
  font-weight: bold;
  font-size: 14px;
  color: #777;
  position: absolute;
  left: 0;
  max-width: 190px;
  height: 30px;
  line-height: 30px;
}

.car_money_info dt span {
  font-size: 28px;
  vertical-align: sub;
}

.car_money_info .dd_1 ul {
  position: relative;
  padding-right: 75px;
}

.car_money_info .dd_1 li {
  float: left;
  line-height: 30px;
}

.car_money_info .dd_1 li.li_1 {
  font-size: 14px;
  color: #777;
  font-weight: bold;
  padding-right: 18px;
  margin-right: 15px;
  height: auto;
  line-height: inherit;
  margin-top: 9px;
  display: block;
  position: relative;
}

.car_money_info .dd_1 li.li_1 span {
  background: url(../images/ico_car_view_09.gif) no-repeat right center;
  position: absolute;
  right: 0;
  top: 3px;
  width: 13px;
  height: 13px;
  display: block;
  cursor: pointer;
  text-indent: -9999px;
}

.car_money_info .dd_1 li.li_1 .li_a {
  font-weight: normal;
  position: absolute;
  top: 25px;
  width: 250px;
  min-height: 30px;
  z-index: 50;
  background: #fff;
  border: 2px solid #2c77bc;
  padding: 7px 10px 7px 10px;
  display: none;
}

.car_money_info .dd_1 li.li_1 .li_a:after {
  content: "";
  width: 14px;
  height: 9px;
  background: url(../images/icon_helpbox_arr.gif) no-repeat 0 0;
  position: absolute;
  left: 55px;
  top: -9px;
}

.car_money_info .dd_1 li.li_2 {
  color: #777;
  letter-spacing: -0.08em;
}

.car_money_info .dd_1 li.li_2 span {
  font-size: 28px;
  font-weight: bold;
}

.car_money_info .dd_1 li.li_3 {
  position: absolute;
  right: 0;
  top: 9px;
  float: none;
}

.car_money_info .dd_1 li.li_3 a {
  width: 70px;
  background: #717171;
  text-align: center;
  color: #fff;
  font-size: 11px;
  display: block;
  height: 18px;
  line-height: 16px;
}

.dd_2 p {
  color: #777;
  font-size: 13px;
  text-align: left;
  letter-spacing: -0.03em;
}

.btn_org {
  width: 100%;
  height: 44px;
  line-height: 44px;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: url(../images/car_view_bg_01.gif) repeat-x left center;
  display: block;
}

.btn_org span.won {
  background: url(../images/ico_car_view_07.gif) no-repeat left center;
  padding-left: 25px;
}

.car_money_info.v2 {
  min-height: 30px;
}

/*170105 차량 상세페이지 버튼 추가*/
.car_btn_inquiry {
  font-size: 0;
}

.car_btn_inquiry .btn_yew {
  display: inline-block;
  width: calc((100% / 2) - 8px);
  height: 44px;
  border: 1px solid #ddd;
  font-weight: bold;
  color: #444;
  text-align: center;
  background-color: #ffe954;
}

.car_btn_inquiry .btn_yew + .btn_yew {
  margin-left: 11px;
}

.car_btn_inquiry .btn_yew span.won {
  display: inline-block;
  line-height: 44px;
  background: url(/images/ico_car_view_07_re.png) no-repeat left 14px;
  padding-left: 25px;
  font-size: 14px;
}

/* .box2st:AFTER:{clear: both;} */
.box2st > * {
  width: calc((100%/2) - 10px);
  padding: 5px;
  display: inline-block;
  font-size: 0;
}

.box2st > * > * {
  font-size: 12px;
}

.btn_sb00 {
  color: #444;
  display: block;
  text-align: center;
  background: #e5eef7;
  height: 30px;
  line-height: 30px;
}

/* 판매자 */
.sell_info {
  margin-top: 20px;
}

.sell_info .top {
  border: 1px solid #ddd;
  padding: 15px 20px;
  margin-bottom: 25px;
}

.sell_info .top li {
  float: left;
}

.sell_info .top li.li_1 {
  color: #777;
  margin-right: 20px;
}

.sell_info .top li.li_1 span {
  color: #444;
}

.sell_info .top li.li_2 {
  float: left;
  width: 48%;
}

.sell_info .top li.li_2 + li.li_2 {
  padding-left: 10px;
}

.sell_info .top li.li_2 a {
  height: 30px;
  line-height: 30px;
  min-width: 128px;
  width: 100%;
  display: block;
  border: 1px solid #ccc;
  display: inline-block;
  font-size: 12px;
  text-align: center;
  background: #e5eef7;
}

.sell_info .bottom {
  padding-left: 110px;
  position: relative;
  min-height: 100px;
}

.sell_info .bottom p {
  width: 85px;
  height: 105px;
  position: absolute;
  left: 10px;
}

.sell_info .bottom p img {
  width: 100%;
  height: 100%;
}

.sell_info .bottom dl {
  margin-top: 8px;
  position: relative;
  /* padding-right:92px; */
}

.sell_info .bottom dl dt, .sell_info .bottom dl dd {
  float: left;
}

.sell_info .bottom dl dt {
  font-size: 13px;
  width: 90px;
  color: #777;
}

.sell_info .bottom dl dd {
  font-size: 13px;
  color: #777;
  letter-spacing: 0.1px;
}

.sell_info .bottom dl dd.blue_txt {
  font-size: 18px;
}

.sell_info .bottom dl dd a {
  position: absolute;
  right: 10px;
  border: 1px solid #ccc;
  width: 70px;
  color: #777;
  height: 18px;
  line-height: 16px;
  font-size: 11px;
  text-align: center;
}

.sell_info .bottom dl.imp {
  margin-top: 0;
}

.sell_info .bottom dl.imp dt, .bottom dl.imp dd {
  color: #333;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}

/* .view_right > .bottom{padding:40px;background:#f5f5f5;margin-top:30px; box-sizing:border-box; height:300px;} */
.view_right > .bottom > * {
  margin-bottom: 4px;
}

.view_right > .bottom ul.inputs li {
  float: left;
  width: 49%;
}

.view_right > .bottom ul.inputs li + li {
  float: right;
}

.view_right > .bottom input[type="text"] {
  width: 100%;
  padding: 0 10px;
  border: 1px solid #ccc;
  height: 40px;
  line-height: 32px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.view_right > .bottom textarea {
  border: 1px solid #ccc;
  padding: 13px 10px;
  width: 100%;
  height: 110px;
  font-size: 14px;
  color: #777;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* margin-top:10px;margin-bottom:20px; */
}

.view_right > .bottom .btn_area {
  padding-top: 0;
}

.view_right > .bottom .btn_area a {
  width: 100%;
  padding: 0;
  line-height: 38px;
  height: 38px;
}

/*170105 차량 상세페이지 버튼 관련 변경 */
.car_btn_inquiry + .sell_info .top li.li_2 {
  width: calc((100% / 2) - 6px);
}

/* ========하단 정보 ======== */
.car_view_tab li.act {
  position: relative;
  z-index: 5;
  border-right: 1px solid #666;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-bottom: 1px solid #fff;
}

.car_view_tab li.act a {
  color: #111;
  font-size: 16px;
  font-weight: bold;
}

.view_tab1_con .check_area {
  margin-top: 40px;
}

.view_tab1_con .check_area li {
  float: left;
  text-align: center;
  width: 14.2%;
  min-height: 215px;
}

.view_tab1_con .check_area li + li {
  border-left: 1px solid #e6e6e6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.view_tab1_con .check_area dt {
  margin-bottom: 20px;
}

.view_tab1_con .check_area li .p_tit {
  font-size: 14px;
  font-weight: bold;
  color: #111;
  height: 35px;
  line-height: 17px;
  margin-bottom: 15px;
}

.view_tab1_con .check_area li .p_on {
  font-size: 13px;
  font-weight: bold;
  color: #2d78bc;
}

.view_tab1_con .check_area li .p_off {
  font-size: 13px;
  font-weight: normal;
  color: #c7c7c7;
}

.view_tab2_con .option_area {
  margin: 40px 0;
}

.view_tab2_con .option_area li {
  float: left;
  text-align: center;
  width: 11.1%;
}

.view_tab2_con .option_area dt.op_img {
  margin-bottom: 19px;
}

.view_tab2_con .option_area dd.op_info {
  font-size: 14px;
  color: #999;
  margin-bottom: 10px;
}

.view_tab2_con .option_area dd.op_info.on {
  color: #333;
}

.view_tab2_con .option_area .op_more {
  float: right;
}

.view_tab2_con .option_detail {
  border-top: 1px solid #ddd;
}

.view_tab2_con .option_detail > li + li {
  border-top: 1px solid #ebebeb;
}

.view_tab2_con .option_detail dl {
  position: relative;
  padding: 15px 0;
  min-height: 15px;
}

.view_tab2_con .option_detail dt {
  font-size: 14px;
  color: #6787a3;
  width: 135px;
  position: absolute;
  font-weight: bold;
}

.view_tab2_con .option_detail dd {
  padding-left: 135px;
}

.view_tab2_con .option_detail dd .detail_inner li {
  color: #888;
  float: left;
  font-size: 13px;
  margin-bottom: 5px;
  position: relative;
}

.view_tab2_con .option_detail dd .detail_inner li.op_more {
  float: right;
}

.view_tab2_con .option_detail dd .detail_inner li span {
  margin-right: 12px;
  padding-right: 12px;
  display: inline;
  background: url("../images/car_view_bar_01.gif") no-repeat right 5px;
}

.view_tab2_con .option_detail dd .detail_inner li:last-child span {
  background: none;
  padding-right: 0;
  margin-right: 0;
}

.detail_inner li div.label_info {
  position: absolute;
  background: #fff;
  z-index: 6;
  left: 0;
  top: 28px;
  border: 2px solid #2c77bc;
  padding: 7px 10px 7px 10px;
  font-size: 12px;
  min-width: 220px;
  display: none;
  border-radius: 5px;
}

.detail_inner li div.label_info:after {
  content: "";
  width: 14px;
  height: 9px;
  background: url(../images/icon_helpbox_arr.gif) no-repeat 0 0;
  position: absolute;
  left: 20px;
  top: -9px;
}

.detail_inner li div.label_info.on:after {
  left: auto;
  right: 40px;
}

.detail_inner li div.label_info a img {
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 5px;
}

.m_tit {
  display: none;
}

/* .view_tab2_con{margin-bottom:50px;} */
.view_tab3_con {
  margin-bottom: 50px;
  text-align: center;
}

.view_tab3_con .bone_tit dl {
  position: relative;
  border-bottom: 2px solid #637d95;
  padding-bottom: 10px;
  margin-bottom: 30px;
  text-align: left;
}

.view_tab3_con .bone_tit dt {
  font-size: 18px;
  font-weight: bold;
  color: #505050;
}

.view_tab3_con .bone_tit dd {
  position: absolute;
  right: 0;
  bottom: -45px;
  border: 1px solid #ccc;
  padding: 5px 8px;
  font-size: 13px;
  color: #777;
  border-top: none;
}

.view_tab3_con .bone_tit dd li {
  padding-left: 18px;
  background: url(../images/ico_car_view_04.gif) no-repeat left 3px;
  font-weight: bold;
}

.view_tab3_con .bone_tit dd li + li {
  background: url(../images/ico_car_view_05.gif) no-repeat left 3px;
}

.view_tab3_con img {
  max-width: 800px;
}

.view_tab3_con .btn_area a {
  width: 240px;
  line-height: 36px;
  color: #fff;
  background: url(../images/car_view_bg_02.gif) repeat-x left center;
  display: inline-block;
}

.view_tab3_con .btn_area a span {
  padding-left: 30px;
  background: url(../images/ico_car_view_08.gif) no-repeat left center;
}

/* .view_tab4_con{margin-bottom:50px;} */
.view_tab4_con dl {
  margin-bottom: 20px;
  font-size: 14px;
  color: #888;
}

.view_tab4_con dt {
  margin-bottom: 15px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
}

.view_tab4_con dd {
  line-height: 2;
}

.view_tab5_con .tbl_type02 {
  position: relative;
  width: 100%;
}

.view_tab5_con .tbl_type02 .p1 {
  padding-left: 10px;
  background: url(../images/icon/icon_check.png) no-repeat left center;
  position: absolute;
  right: 0px;
  top: -20px;
  font-size: 11px;
  letter-spacing: -1px;
  white-space: nowrap;
}

.view_tab5_con .tbl_type02 .p2 {
  position: absolute;
  right: 0px;
  top: -30px;
}

.view_tab5_con .tbl_type02 ul.ico li {
  display: inline-block;
  text-align: center;
  font-size: 11px;
  height: 16px;
  line-height: 14px;
  padding: 0px 3px;
  margin-right: 3px;
  background: #3082b4;
  color: #fff;
}

.view_tab5_con .tbl_type02 table {
  width: 100%;
  border-top: 2px solid #637D95;
  border-bottom: 1px solid #BEC8D2;
  border-collapse: inherit;
  *border-collapse: collapse;
  border-spacing: inherit;
}

.view_tab5_con .tbl_type02 table th, .view_tab5_con .tbl_type02 table td {
  border-bottom: 1px solid #d3dae1;
}

.view_tab5_con .tbl_type02 table th {
  padding: 13px 0 13px 25px;
  text-align: left;
  background: #f5f5f5;
  color: #525252;
}

.view_tab5_con .tbl_type02 table tr.rowspan th {
  border-bottom: none;
}

.view_tab5_con .tbl_type02 table td {
  padding: 10px 0 10px 15px;
  border-bottom: 1px solid #D3DAE1;
  font-size: 14px;
  color: #555;
  line-height: 1.3em;
  vertical-align: middle;
}

.view_tab5_con .tbl_type02 table td label {
  margin-right: 10px;
}

.view_tab5_con .tbl_type02 table tr.last th, .view_tab5_con .tbl_type02 table tr.last td {
  border-bottom: none;
}

.view_tab5_con .tbl_type02 table th.bg_on {
  background: #f5f5f5 url(../images/icon/icon_check.png) no-repeat 13px center;
}

.view_tab5_con .tbl_type02 table ul.radioList_ul li.li1 {
  background: url(../images/bg/bar_1x19.gif) no-repeat left 2px;
  padding-left: 15px;
  padding-bottom: 1px;
  line-height: 1.0em;
  font-size: 11px;
  color: #555;
}

.view_tab5_con .tbl_type02 table ul.radioList_ul li.li1 select {
  height: 22px;
  padding: 2px 0 3px;
  vertical-align: middle;
  position: relative;
  *top: 3px;
  color: #555;
}

.view_tab5_con .tbl_type02 table td.td_color ul li {
  float: left;
  height: 19px;
  line-height: 19px;
  vertical-align: middle;
  margin-right: 10px;
  letter-spacing: -1px;
  font-size: 11px;
}

.view_tab5_con .tbl_type02 table td.td_color ul li img {
  margin-right: 4px;
}

.view_tab5_con .tbl_type02 table.bd_type01 {
  border-top: 1px solid #d3dae1;
  border-bottom: 1px solid #d3dae1;
}

.view_tab5_con .bul_type01 {
  margin-top: 7px;
}

.view_tab5_con .bul_type01 li {
  margin-bottom: 5px;
  font-size: 14px;
  color: #737573;
}

.view_tab5_con .car_desZone {
  margin-top: 25px;
}

.view_tab5_con .car_desZone .tbl_type02 {
  width: 49.5%;
}

.view_tab5_con .lease_Details p.title {
  margin-bottom: 10px;
  color: #828282;
  font-weight: bold;
}

.view_tab5_con .div_leaseCost {
  padding-top: 40px;
}

.view_tab5_con .div_leaseCost .title {
  padding-bottom: 15px;
}

.view_tab5_con .div_leaseCost .leaseC_con {
  position: relative;
  width: 100%;
  height: 280px;
  background: #f7f7f7;
  overflow: hidden;
}

.view_tab5_con .div_leaseCost .img_leaseCost {
  position: absolute;
  left: 30px;
  top: 10px;
}

.view_tab5_con .div_leaseCost .leaseC_con dl {
  position: relative;
  margin-left: 350px;
  max-width: 616px;
  height: 55px;
  padding: 10px 7px 5px 70px;
  border-bottom: 1px dashed #cdcdcd;
}

.view_tab5_con .div_leaseCost .leaseC_con dl dt {
  position: absolute;
  left: 0;
}

.view_tab5_con .div_leaseCost .leaseC_con dl dd {
  font-size: 13px;
  font-weight: bold;
}

.view_tab5_con .div_leaseCost .leaseC_con dl dd + dd {
  font-weight: normal;
}

.view_tab5_con .div_leaseCost .leaseC_con dl dd.leaseC_tit {
  padding-bottom: 5px;
}

/* ===========================================

tabmenu 클릭시 위치찾아 스크롤이동_20171222

=========================================== */
.top_icon {
  display: block;
  width: 100%;
  height: 15px;
  text-align: right;
  margin-top: 30px;
}

.tabList {
  position: relative;
  overflow: hidden;
  width: 100%;
  /* margin-top:90px; */
}

.car_view_tab.tabBt {
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 100%;
  max-width: 1262px;
  z-index: 109;
}

.car_view_tab.tabBt li {
  float: left;
  width: 25%;
  border: 1px solid #666;
  border-right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.car_view_tab.tabBt li:last-child {
  border-right: 1px solid #666;
}

.car_view_tab.tabBt li a {
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #666;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
}

.car_view_tab.tabBt li.viewon a {
  background: #2d78bc;
  border: 1px solid #2d78bc;
  color: #fff;
}

.tabview_Box {
  padding-top: 80px;
}

.tabview_Box h3 {
  font-size: 20px;
  margin-bottom: 15px;
}

.tabview_Box h3 span {
  width: 4px;
  height: 4px;
  background: #2d78bc;
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px 5px 0;
}

.tabview_Box p.expl {
  background: #f7f7f7;
  padding: 15px;
  line-height: 1.5;
  min-height: 50px;
}

.boneBox {
  margin-bottom: 0;
  border: 1px solid #e6e6e6;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.boneBox .bone_tit:after {
  display: block;
  content: "";
  clear: both;
}

.boneBox .bone_tit h4 {
  font-size: 16px;
  color: #637D95;
  float: left;
}

.boneBox .carMap_box {
  border: 0;
}

.bone_iconbox {
  float: right;
  border: 1px solid #e6e6e6;
  padding: 8px;
}

.bone_iconbox li {
  padding-left: 18px;
  background: url(../images/ico_car_view_04.gif) no-repeat left 3px;
}

.bone_iconbox li + li {
  background: url(../images/ico_car_view_05.gif) no-repeat left 3px;
}

.view_tab3_con .bone_tit dd {
  position: absolute;
  right: 0;
  bottom: -45px;
  border: 1px solid #ccc;
  padding: 5px 8px;
  font-size: 13px;
  color: #777;
  border-top: none;
}

.online_car_list.carList01 .bookMark {
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 40px;
  height: 38px;
  padding: 15px;
}

.online_car_list.carList01 .bookMark .btn_bookMark {
  background: url("../images/mainV2/auc/icon_star_off_gal.png") no-repeat;
  background-size: 40px 38px;
  width: 40px;
  height: 38px;
  display: inline-block;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px;
}

.online_car_list.carList01 .bookMark.on .btn_bookMark {
  background: url("../images/mainV2/auc/icon_star_on_gal.png") no-repeat;
  background-size: 40px 38px;
  background-position: center;
}

.my_notice_car_list .box_car_ltem .bookMark {
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 40px;
  height: 38px;
  padding: 15px;
}

.my_notice_car_list .box_car_ltem .bookMark .btn_bookMark {
  background: url("../images/mainV2/auc/icon_star_off_gal.png") no-repeat;
  background-size: 40px 38px;
  width: 40px;
  height: 38px;
  display: inline-block;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px;
}

.my_notice_car_list .box_car_ltem .bookMark.on .btn_bookMark {
  background: url("../images/mainV2/auc/icon_star_on_gal.png") no-repeat;
  background-size: 40px 38px;
  background-position: center;
}

.my_pub_car_list .box_car_ltem .bookMark {
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 40px;
  height: 38px;
  padding: 15px;
}

.my_pub_car_list .box_car_ltem .bookMark .btn_bookMark {
  background: url("../images/mainV2/auc/icon_star_off_gal.png") no-repeat;
  background-size: 40px 38px;
  width: 40px;
  height: 38px;
  display: inline-block;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px;
}

.my_pub_car_list .box_car_ltem .bookMark.on .btn_bookMark {
  background: url("../images/mainV2/auc/icon_star_on_gal.png") no-repeat;
  background-size: 40px 38px;
  background-position: center;
}

.bmMsg {
  opacity: 0;
  width: 540px;
  text-align: center;
  position: fixed;
  padding: 29px 0;
  right: 20px;
  bottom: 100px;
  color: white;
  background: #ff7b66;
  border-radius: 10px;
  z-index: 10;
  font-size: 22px;
  font-family: 'notosans';
}

.bmMsg .bmMsgClose {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 13px;
  right: 16px;
  background: url("../images/mainV2/auc/icon_close_w.png") no-repeat;
  background-size: contain;
}

/* 상담 테이블 & 비로그인 */
.faq .use_inquiry h4 {
  margin-top: 10px;
}

.faq .inquiry_box_area {
  margin-top: 20px;
}

.faq .inquiry_box {
  float: left;
  background: #f4f4f4;
  width: 48%;
  padding: 30px 0;
  margin: 0 auto;
}

.faq .inquiry_box .p_tit {
  font-size: 22px;
  margin-bottom: 10px;
  padding: 0 10px;
  text-align: center;
}

.faq .inquiry_box .p_cont {
  font-size: 13px;
  color: #505050;
  margin-bottom: 10px;
  padding: 0 10px;
  text-align: center;
  font-weight: bold;
}

.faq .inquiry_box.v2 {
  float: right;
}

.faq table.table_03 td select {
  min-width: 100px;
}

.num_box {
  padding: 10px 0;
}

.num_box ul {
  width: 100%;
}

.num_box > ul > li {
  width: 50%;
  float: left;
}

.num_box ul li dl {
  position: relative;
  padding-left: 65px;
  margin-bottom: 2px;
}

.num_box ul li dl dt {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 22px;
}

.num_box ul li dl dd ul li {
  float: left;
  padding-right: 3px;
}

.num_box ul li dl dd ul li.li_1 {
  padding-right: 1px;
  width: 25%;
}

.num_box ul li dl dd ul li.li_2 {
  position: relative;
  padding-left: 15px;
  width: 30%;
}

.num_box ul li dl dd ul li.li_2:after {
  content: "-";
  position: absolute;
  left: 5px;
  top: 3px;
}

.num_box ul li dl dd ul li select {
  width: 100%;
  min-width: inherit !important;
}

.num_box ul li dl dd ul li input[type="text"] {
  width: 100%;
  text-indent: 10px;
  padding: 0;
}

.faq table.table_03 td p {
  color: #4b8cb4;
  font-weight: normal;
  margin-top: 5px;
}

.faq table.table_03 td textarea {
  width: 100%;
}

.faq .btn_area a {
  min-width: 106px;
}

/* 마이페이지 차량 리스트 chang_list */
.ac_top_notice {
  background: #e3f2fe;
  border: 1px solid #c2e0f8;
  padding: 25px 20px;
  color: #111;
}

.ac_top_notice li {
  padding-left: 55px;
  position: relative;
  margin-top: 15px;
}

.ac_top_notice li:first-child {
  margin-top: 0;
}

.ico_cus {
  background: url(../images/old/ico_car_view_02.gif) no-repeat left 4px;
  padding-left: 17px;
}

.ico_ac1 {
  display: block;
  line-height: 18px;
  height: 20px;
  color: #fff;
  text-align: center;
  padding: 0 2px;
  position: absolute;
  left: 0;
  top: 0;
  background: #4a95da;
  min-width: 40px;
  font-size: 11px;
}

.ico_ac2 {
  display: block;
  line-height: 18px;
  height: 20px;
  color: #fff;
  text-align: center;
  padding: 0 2px;
  position: absolute;
  left: 0;
  top: 0;
  background: #5b6ab7;
  min-width: 40px;
  font-size: 11px;
}

.ico_ac3 {
  display: block;
  line-height: 18px;
  height: 20px;
  color: #fff;
  text-align: center;
  padding: 0 2px;
  position: absolute;
  left: 0;
  top: 0;
  background: #de7963;
  min-width: 40px;
  font-size: 11px;
}

.btn_area li.white a {
  background: #fff;
  border: 1px solid #555;
  color: #555;
}

.change_list {
  margin-top: 30px;
}

.change_list dl {
  margin-bottom: 20px;
}

.change_list dt {
  padding: 0 10px;
  height: 36px;
  line-height: 36px;
  background: #f5f5f5;
  border-top: 1px solid #637d95;
  border-bottom: 1px solid #bec8d2;
  color: #637daf;
  font-weight: bold;
}

.change_list dt.ct > ul {
  position: relative;
}

.change_list dt.ct > ul > li {
  float: left;
  text-align: center;
}

.change_list dd.ch_con {
  border-bottom: 1px solid #bec8d2;
}

.change_list dd.ch_con > ul {
  min-height: 20px;
  padding: 10px 130px 10px 15px;
  position: relative;
}

.change_list dd.ch_con > ul > li {
  float: left;
  min-height: 20px;
  line-height: 20px;
}

.change_list dd.ch_con > ul.t1 {
  padding: 10px 10px;
}

.change_list dd.ch_con > ul.t1 .btns {
  position: inherit;
  right: inherit;
  margin: 0;
  top: inherit;
}

.change_list .part {
  width: 25%;
  word-break: break-all;
}

.change_list .part.mp5 {
  width: 5%;
}

.change_list .part.mp10 {
  width: 10%;
}

.change_list .part.mp15 {
  width: 15%;
}

.change_list .part.mp20 {
  width: 20%;
}

.change_list .part.mp25 {
  width: 25%;
}

.change_list .part.mp30 {
  width: 30%;
}

.change_list .part.mp35 {
  width: 35%;
}

.change_list .part.mp40 {
  width: 40%;
}

.change_list .part.mp45 {
  width: 45%;
}

.change_list .part.mp50 {
  width: 50%;
}

.change_list .part.mp55 {
  width: 55%;
}

.change_list .part.mp60 {
  width: 60%;
}

.change_list .part.mp65 {
  width: 65%;
}

.change_list .part.mp70 {
  width: 70%;
}

.change_list .part.mp75 {
  width: 75%;
}

.change_list .part.mp100 {
  width: 100%;
}

.change_list .num {
  position: relative;
  padding-left: 55px;
  margin-right: 30px;
  width: 220px;
}

.change_list .btns {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -13px;
}

.change_list .btns li {
  display: inline-block;
}

.change_list .btns .state {
  padding: 0 5px;
  height: 22px;
  line-height: 20px;
  color: #fff;
  font-size: 11px;
  min-width: 45px;
  text-align: center;
  margin-top: 0;
}

.change_list .btns .ing {
  color: #fff;
  background: #2c77bc;
}

.change_list .btns .end {
  color: #fff;
  background: #aaa;
}

.change_list .btns .ready {
  color: #fff;
  background: #2cafbc;
}

.change_list .btns .red {
  color: #fff;
  background: #ec6268;
}

.change_list .btns .green {
  color: #fff;
  background: #2cafbc;
}

.change_list .btns .white a {
  padding: 0 5px;
  height: 20px;
  color: #555;
  background: #fff;
  font-size: 11px;
  border: 1px solid #555;
  display: block;
}

li.noti {
  width: 100%;
}

li.noti > ul {
  width: 60%;
  float: left;
}

li.noti > ul + ul {
  width: 40%;
}

li.noti ul li {
  text-align: left;
  margin-bottom: 5px;
}

li.noti ul li:last-child {
  margin-bottom: 0;
}

li.noti ul li p {
  padding: 0 10px 0 100px;
  position: relative;
}

li.noti ul li p:before {
  width: 85px;
  padding-right: 5px;
  background: url(../images/header_bar_01.gif) no-repeat right 5px;
  font-weight: bold;
}

li.noti ul li.li_1 p:before {
  content: "회차";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

li.noti ul li.li_2 p:before {
  content: "차량명";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

li.noti ul li.li_3 p:before {
  content: "입찰시각";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

li.noti ul li.li_4 p:before {
  content: "관리센터";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

li.noti ul li.li_5 p:before {
  content: "입찰가(만원)";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

li.noti ul li.li_6 p:before {
  content: "입찰수정";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

li.noti ul li.li_7 p:before {
  content: "낙찰가(만원)";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

li.noti ul li.li_8 p:before {
  content: "출품번호";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

li.noti ul li.li_9 p:before {
  content: "입찰시각";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

li.noti ul li.li_10 p:before {
  content: "경매시작";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

.my_ac_info dl {
  position: relative;
}

.my_ac_info > dl > dt {
  padding: 0 60px 0 10px;
  height: 36px;
  line-height: 36px;
  background: #f5f5f5;
  border-top: 1px solid #637d95;
  border-bottom: 1px solid #bec8d2;
  color: #637daf;
  font-weight: bold;
}

.my_ac_info dd.btn {
  position: absolute;
  right: 0;
  top: 0;
}

.my_ac_info dd.btn a {
  position: absolute;
  right: 10px;
  top: 3px;
  background: url(../images/dl_close.png) no-repeat center center;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
}

.my_ac_info dd.btn a.on {
  background: url(../images/dl_open.png) no-repeat center center;
}

.my_ac_info dd.con > p {
  padding: 10px 10px;
}

.ac_table {
  border-top: 1px solid #637d95;
  padding: 15px 0;
}

.my_ac_info {
  margin-bottom: 40px;
}

.my_ac_info .ac_table > dl {
  border: 1px solid #ddd;
  position: relative;
}

.my_ac_info .ac_table > dl.head {
  border-top: 0;
  border-bottom: 0;
}

.my_ac_info .ac_table > dl.body {
  border-top: 0;
}

.my_ac_info .ac_table > dl:after {
  content: "";
  width: 1px;
  height: 100%;
  display: block;
  border-left: 1px solid #ddd;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
}

.my_ac_info .ac_table > dl dt {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  text-align: center;
  min-height: 14px;
  padding: 10px 0;
}

.my_ac_info .ac_table > dl dt ul li {
  width: 50%;
  float: left;
  text-align: center;
}

.my_ac_info .ac_table > dl dd {
  background: #fff;
  border-top: 1px solid #ddd;
  text-align: center;
  min-height: 14px;
  padding: 10px 0;
}

.my_ac_info .ac_table > dl dd ul li {
  width: 50%;
  float: left;
  text-align: center;
}

.my_ac_info .change_list {
  margin-top: 0;
  margin-bottom: 0;
}

.my_ac_info .change_list dl {
  border-top: 1px solid #637d95;
  margin-bottom: 0;
}

.reset {
  position: relative;
  padding: 10px 100px 10px 10px;
  line-height: 1.5;
}

.reset .btn_reset {
  position: absolute;
  display: block;
  font-size: 12px;
  padding: 0 5px;
  height: 24px;
  line-height: 22px;
  border: 1px solid #115390;
  right: 15px;
  top: 50%;
  margin-top: -12px;
  text-align: center;
  background: #2c77bc;
  color: #fff;
}

.reset .btn_reset span {
  padding-left: 15px;
  background: url(../images/btn_sel_reset.png) no-repeat left center;
}

/* 20171122_체크박스 */
div.agree_area {
  padding: 10px 0 20px;
}

ul.chkArea {
  display: inline-block;
}

ul.chkArea li:nth-child(1) {
  margin-bottom: 10px;
}

input.chkhide {
  display: none;
}

label.chkstyle {
  font-size: 12px;
}

label.chkstyle span:nth-child(1) {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/display/chk-box.png) 0 0 no-repeat;
  vertical-align: middle;
  margin: -2px 3px 0 0;
}

input.chkhide:checked + label.chkstyle span {
  background-position: -16px 0;
}

/* 나의 정보관리 */
.my_mod .withdrawal_p {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
}

.my_mod .withdrawal_p > span.blue_txt {
  font-weight: bold;
}

.my_mod table.table_03 td {
  padding: 10px 15px;
  height: inherit;
  font-size: 16px;
}

.my_mod table.table_03 td li {
  margin-bottom: 3px;
}

.my_mod .withdrawal_ul {
  margin-bottom: 30px;
}

.my_mod table.table_03 td p.txt_p {
  margin-top: 5px;
}

.my_mod table.table_03 td li {
  margin-bottom: 3px;
}

.my_mod .pop_table td {
  background: #e5eef7;
  height: 85px;
}

.my_mod .pop_table td.bgf {
  background: #fff;
  border: 2px solid #e5eef7;
  color: #888;
}

.my_mod .pop_table {
  border: none;
}

.mypage_etc {
  margin-bottom: 30px;
}

.mypage_etc li {
  text-indent: -7px;
  padding-left: 9px;
}

.mypage .box_car_ltem .box_cararea dl {
  height: 395px;
}

.mypage .change_list {
  margin-top: 0;
}

.mypage .change_list dt {
  height: auto;
  line-height: 1.3;
  padding-top: 10px;
  padding-bottom: 10px;
}

.mypage .ch_con:hover {
  background: #e5eef7;
}

.mypage .withdrawal_p {
  margin-bottom: 10px;
}

/* 2017-02-01 추가 */
.mypage .content {
  position: relative;
}

.mypage_menu {
  position: absolute;
  z-index: 10;
  width: 170px;
  -webkit-transform: translate(-260px, 0);
          transform: translate(-260px, 0);
}

.mypage_menu .list {
  width: 100%;
  border-radius: 15px;
  background: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 15px 9px 15px -3px rgba(0, 0, 0, 0.14);
          box-shadow: 15px 9px 15px -3px rgba(0, 0, 0, 0.14);
  margin-bottom: 20px;
  padding: 0 30px;
  overflow: hidden;
}

.mypage_menu .item {
  margin-bottom: 30px;
  position: relative;
}

.mypage_menu .item:first-child {
  margin-top: 30px;
}

.mypage_menu .item a {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #222;
  position: relative;
  padding-left: 10px;
}

.mypage_menu .item.on a {
  padding-left: 22px;
  color: #004eff;
  font-weight: 400;
}

.mypage_menu .item.on a::before {
  content: '';
  width: 15px;
  height: 12px;
  background: url("../images/display/img_list_chk_on_pc.png") no-repeat;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.use_qa {
  margin-top: 35px;
}

.use_qa dl {
  border: 2px solid #e5eef7;
}

.use_qa dt {
  background: #e5eef7;
  padding: 15px 20px;
}

.use_qa dt p {
  font-size: 16px;
  margin-bottom: 5px;
}

.use_qa dt ul li {
  float: left;
  padding-right: 23px;
  position: relative;
  color: #535a62;
}

.use_qa dt ul li:after {
  content: "";
  width: 1px;
  height: 10px;
  border-left: 1px solid #a9b3bd;
  display: block;
  position: absolute;
  right: 10px;
  top: 6px;
}

.use_qa dt ul li:last-child {
  padding-right: 0;
}

.use_qa dt ul li:last-child:after {
  content: none;
}

.use_qa dt ul li span {
  font-weight: bold;
  margin-right: 10px;
  color: #111;
}

.use_qa dl dd {
  background: #fff;
  padding: 20px 20px;
}

.guest_use {
  border-bottom: 1px solid #e5eef7;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.adm_use div.answerContent {
  background: url(../images/adm_use_bg.gif) no-repeat 15px top;
  min-height: 40px;
  padding-left: 80px;
}

/* my_charge */
.my_charge .my_nav {
  padding: 0;
}

.my_charge .my_nav h4 {
  float: left;
}

.my_charge .my_nav ul {
  float: right;
}

.my_charge .my_nav ul li {
  float: left;
  margin-left: 5px;
}

.my_charge .withdrawal_ul li {
  padding-left: 10px;
  text-indent: -10px;
  margin-bottom: 5px;
  color: #888;
}

/* 마이페이지 0711 승급 */
.my_nav {
  position: relative;
  margin-top: 30px;
  padding-right: 100px;
}

.my_nav .top_list_tit > span {
  margin-left: 10px;
}

.my_nav .more {
  position: absolute;
  right: 0;
  bottom: 10px;
  padding-right: 11px;
  color: #8c8a8c;
  font-size: 13px;
  font-weight: bold;
}

.my_nav .more:after {
  content: " > ";
  position: absolute;
  right: 0;
  top: 0px;
  font-family: 'dotum';
  color: #bdbabd;
}

.add_btns .more {
  position: relative;
  right: 0;
  bottom: 0;
  padding-right: 11px;
  color: #8c8a8c;
  font-size: 13px;
  font-weight: bold;
}

.add_btns .more:after {
  content: " > ";
  position: absolute;
  right: 0;
  top: 2px;
  font-family: 'dotum';
  color: #bdbabd;
}

.my_bottom_banner {
  margin-top: 30px;
}

.my_bottom_banner li {
  float: left;
  margin-right: 2%;
  width: 32%;
}

.my_bottom_banner li:last-child {
  margin-right: 0;
}

.my_bottom_banner li a img {
  width: 100%;
  max-width: 330px;
}

.my_class_up dl {
  padding-left: 200px;
  position: relative;
  margin-bottom: 40px;
}

.my_class_up dl dt {
  width: 200px;
  height: 100%;
  border: 1px solid #105097;
  background: #256bac;
  font-size: 28px;
  letter-spacing: -0.08em;
  line-height: 90px;
  text-align: center;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.my_class_up dd {
  background: #7d7d7d;
  min-height: 92px;
  position: relative;
}

.my_class_up dd p {
  height: 37px;
  line-height: 37px;
  border-bottom: 1px solid #707070;
  padding-left: 20px;
  font-size: 13px;
  color: #fff;
}

.my_class_up dd p span {
  color: #88dfff;
  margin-right: 13px;
}

.my_class_up dd ul {
  padding-left: 20px;
  margin-top: 8px;
  padding-right: 150px;
  color: #d4d4d4;
  padding-bottom: 7px;
}

.my_class_up dd ul li {
  font-size: 14px;
}

.my_class_up dd ul li div {
  display: inline;
  margin-right: 35px;
  font-size: 14px;
}

.my_class_up dd ul li div span {
  font-size: 14px;
}

.my_class_up dd ul li span {
  width: 60px;
  display: inline-block;
  font-size: 14px;
}

.my_class_up dd a.btn_class {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: block;
  border: 1px solid #105097;
  background: #256bac;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 0 10px;
  height: 30px;
  line-height: 28px;
}

.my_class_up dd ul.auc_ul li {
  width: 50%;
  float: left;
  min-height: 20px;
}

.my_class_up dd ul.auc_ul li span {
  min-width: 105px;
  display: inline-block;
  padding-right: 10px;
  position: relative;
}

.my_class_up dd ul.auc_ul li span:after {
  content: ":";
  position: absolute;
  right: 4px;
}

/* 20171128 마이페이지 main */
.myInfo_Box {
  width: 100%;
  position: relative;
  margin-bottom: 40px;
  background: #256bac;
}

.myInfo_Box h3 {
  width: 200px;
  font-size: 28px;
  letter-spacing: -0.08em;
  text-align: center;
  color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -18px;
  font-weight: normal;
}

.myInfo_Box .myInfo_Txt {
  margin-left: 200px;
  background: #7d7d7d;
  border-left: 1px solid #105097;
}

.myInfo_Box .myInfo_Txt p {
  border-bottom: 1px solid #707070;
  padding: 12px 20px;
  font-size: 13px;
  color: #fff;
}

.myInfo_Box .myInfo_Txt p span {
  color: #88dfff;
  margin-right: 10px;
  font-weight: bold;
  font-size: 15px;
}

.myInfo_Box .myInfo_Txt ul {
  padding: 12px 20px 7px;
}

.myInfo_Box .myInfo_Txt ul li {
  color: #fff;
  margin-bottom: 5px;
}

.myInfo_Box .myInfo_Txt ul li span.listTit {
  width: 113px;
  display: inline-block;
  position: relative;
  margin-right: 8px;
  padding-left: 10px;
}

.myInfo_Box .myInfo_Txt ul li span.listTit:before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 3px;
  height: 3px;
  background: #d4d4d4;
}

.myInfo_Box .myInfo_Txt ul li span.listTit:after {
  content: ":";
  position: absolute;
  right: 0;
  top: -2px;
}

.myInfo_Box .myInfo_Txt ul li span.list_add {
  display: inline-block;
  width: calc(100% - 135px);
  vertical-align: top;
  word-break: break-all;
}

.auclist_L {
  width: 40%;
  float: left;
}

.auclist_R {
  width: 60%;
  float: right;
}

/* 모바일 전화 문의 */
.call_box {
  padding: 20px 10px;
}

.exit_text, .talk_signup {
  width: 80%;
  height: 200px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

table textarea {
  width: 80%;
  height: 200px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

p.line_p {
  line-height: 24px;
}

.textZipCd, .textRdstAddr {
  vertical-align: sub;
}

/* 0927 제휴사 추가 */
#content.partner {
  padding: 0 0 !important;
}

#content.partner .content_area {
  background: #eee;
  padding-top: 0;
}

/* #content.partner img{width:100%;vertical-align: top;} */
#content.partner .tab_pt {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background: #fff;
}

#content.partner .tab_pt ul li {
  float: left;
  width: 33.33%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #d9d9d9;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

#content.partner .tab_pt ul li:last-child {
  border-right: 0;
}

#content.partner .tab_pt ul li a {
  color: #999;
}

#content.partner .tab_pt ul li.on a {
  color: #333;
}

#content.partner .pt_banner {
  background: #eaf4ff;
}

#content.partner .pt_banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  bottom: 3%;
  padding-top: 0;
}

#content.partner .review_notice .review_area ul {
  margin-top: 0;
  border-top: 0;
}

/* #content.partner .m_simple_counsel{background:#eeeeee;padding:5px;border-top:1px solid #d9d9d9;} 
#content.partner #myCarSellCounsell{background:#fff}
#content.partner #myCarSellCounsell > p{font-size:14px;font-weight: bold;color:#222;text-align: center;margin:20px 0 15px 0;}*/
#content.partner .review_notice {
  padding: 5px;
  background: #f8f8f8;
}

#content.partner .review_area {
  background: #fff;
  border: 1px solid #d9d9d9;
}

#content.partner .review_notice .review_area li {
  margin: 0 5px;
  padding: 0 8px;
}

#content.partner .review_notice .review_area li:last-child {
  background: none;
}

#content.partner .review_notice .review_area dl {
  padding: 10px 0;
}

#content.partner .pt_note {
  padding: 25px 10px;
  background: #161c29;
}

#content.partner .pt_note p.tit {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding-bottom: 15px;
  text-align: center;
  border-bottom: 1px solid #5c616a;
}

#content.partner .pt_note ul {
  padding: 0 10px;
  margin-top: 15px;
}

#content.partner .pt_note ul li {
  text-indent: -14px;
  padding-left: 15px;
  font-size: 10px;
  color: #fff;
  margin-bottom: 5px;
}

/* ============================================================== 20171211 기아레드멤버스 ==============================================================*/
#content.partner .m_simple_counsel {
  background: #f8f8f8;
}

#content.partner #myCarSellCounsell {
  font-family: 'notosans';
}

#content.partner #myCarSellCounsell > p {
  font-size: 14px;
  color: #000;
  padding: 20px 0;
  line-height: 1;
  width: 100%;
  text-align: center;
  font-weight: 400;
}

#content.partner #myCarSellCounsell > p.redTit {
  font-size: 18px;
}

#content.partner .partner_top_logo img {
  width: 100%;
}

div.m_event_step {
  margin: 0 auto 20px;
}

div.m_event_step.popupWrap {
  position: relative;
}

div.m_event_step.stepadd {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

div.m_event_step h4 {
  font-size: 13px;
  font-weight: 500;
  color: #333;
  text-align: left;
  line-height: 1;
  margin-bottom: 10px;
}

div.m_event_step h4 span {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #2c77bc;
  margin: 4px 5px 0 0;
  vertical-align: top;
}

ul.m_product_list {
  text-align: center;
  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
}

ul.m_product_list:after {
  display: block;
  content: '';
  clear: both;
}

ul.m_product_list li {
  display: inline-block;
  width: 180px;
  text-align: center;
}

ul.m_product_list li.product2 {
  margin: 0 10px;
}

ul.m_product_list li a {
  display: inline-block;
  font-size: 12px;
  color: #8d8d8d;
  border-bottom: 1px solid #8d8d8d;
  margin-top: 5px;
  outline: none;
  line-height: 23px;
  background-color: transparent;
}

ul.m_product_list li a span {
  display: inline-block;
  background: url(../images/partner/arrow_nor.png) 0 0 no-repeat;
  width: 5px;
  height: 8px;
  margin: 7px 0 0 4px;
  vertical-align: top;
  background-size: 100%;
}

ul.m_product_list li.on a,
ul.m_product_list li a:hover {
  color: #2c77bc;
  border-bottom: 1px solid #2c77bc;
}

ul.m_product_list li.on a span,
ul.m_product_list li a:hover span {
  background: url(../images/partner/arrow_chk.png) 0 0 no-repeat;
  background-size: 100%;
}

/* radio butoon */
ul.m_product_list li label {
  display: block;
  position: relative;
  cursor: pointer;
}

ul.m_product_list li label span {
  display: inline-block;
  width: 100%;
  height: 210px;
  color: #8d8d8d;
  font-size: 14px;
  padding-top: 145px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
}

ul.m_product_list li.on label span {
  color: #000;
}

ul.m_product_list li label input {
  position: absolute;
  left: -9999em;
}

ul.m_product_list li.product1 label span {
  background-image: url(../images/partner/product_01_off.png);
}

ul.m_product_list li.product2 label span {
  background-image: url(../images/partner/product_02_off_mo.png);
}

ul.m_product_list li.product3 label span {
  background-image: url(../images/partner/product3_off_mo.png);
}

ul.m_product_list li.product1.on label span {
  background-image: url(../images/partner/product_01_on.png);
}

ul.m_product_list li.product2.on label span {
  background-image: url(../images/partner/product_02_on_mo.png);
}

ul.m_product_list li.product3.on label span {
  background-image: url(../images/partner/product3_on_mo.png);
}

/* ul.m_product_list li.product3.on a, ul.m_product_list li.product3 a:hover {color:#8d8d8d; border-bottom:1px solid #8d8d8d;} */
/* ul.m_product_list li.product3.on a span, ul.m_product_list li.product3 a:hover span {background: url(../images/partner/arrow_nor.png) 0 0 no-repeat; background-size:100%;} */
/* 상품상세팝업 */
div.popBG {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 9;
}

div.m_product_popup {
  display: none;
  width: 50%;
  height: 50%;
  padding: 24px 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  z-index: 102;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  overflow-y: scroll;
}

div.m_product_popup img {
  max-width: 100%;
  width: 100%;
}

div.m_popTit {
  width: 100%;
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

div.m_popTit:after {
  display: block;
  content: '';
  clear: both;
}

div.m_popTit h3 {
  font-size: 18px;
  color: #333;
  font-weight: 500;
  float: left;
  line-height: 1;
  font-family: 'notosans';
}

div.m_popTit button {
  width: 15px;
  height: 15px;
  background: transparent url(../images/partner/pop_close.png) 0 0 no-repeat;
  float: right;
  text-indent: -99999px;
  outline: none;
  margin-top: 2px;
  background-size: 100%;
}

div.m_detail_txt {
  margin-top: 15px;
}

div.m_detail_txt.bdline {
  padding-bottom: 15px;
  background: url(../images/partner/dot_line.png) 0 bottom no-repeat;
}

div.m_detail_txt h4 {
  font-size: 15px;
  color: #333;
  font-family: 'notosans';
  line-height: 1;
  margin-bottom: 10px;
  font-weight: 500;
}

div.m_detail_txt ul li {
  font-size: 13px;
  color: #333;
  font-family: 'notosans';
  line-height: 1.5;
  word-break: break-all;
}

div.m_detail_txt ul li span {
  display: inline;
  vertical-align: top;
  padding-left: 3px;
  font-size: 13px;
}

/* 배송주소 */
div.m_event_step div.m_data_input span.m_addBox {
  display: block;
  width: 100%;
  position: relative;
}

div.m_event_step div.m_data_input span.m_addBox input {
  padding-right: 85px !important;
}

div.m_event_step div.m_data_input button {
  width: 70px;
  height: 26px;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  background: #888;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  position: absolute;
  right: 5px;
  top: 5px;
}

.chkArea .blue {
  color: #2c77bc;
}

/* ============================================================== // 20171211 기아레드멤버스 ==============================================================*/
/* main_banner */
.main_center .left .bx-wrapper .bx-pager {
  bottom: 0;
}

/* .main_center .competi_m_banner li{cursor: move} */
/* 1013 메일수신동의 페이지 */
.mailRefusal_con {
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 20px;
}

.mailRefusal img {
  width: 100%;
}

.mailRefusal_con ul {
  display: inline-block;
  margin-top: 20px;
}

.mailRefusal_con ul li {
  float: left;
  margin-right: 5px;
  line-height: 30px;
}

.mailRefusal_con ul li input {
  height: 30px;
  line-height: 30px;
  padding-left: 7px;
}

.mailRefusal_con ul li select {
  height: 32px;
  line-height: 32px;
  width: 150px;
  padding-left: 5px;
}

.box_car_ltem .box_cararea dl.type1 dd.mark_area.in_l {
  height: auto;
}

.main .blue_mark,
.my_car_list .blue_mark {
  display: inline-block;
  width: 47px;
  height: 20px;
  overflow: hidden;
  background: #2986d3;
  color: #fff;
  font-size: 11px !important;
  text-align: center;
  margin: 0 1px 1px 0;
  float: left;
  padding: 3px 0;
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.blue_mark.t1 {
  background: #2986d3;
  margin-left: 0;
}

.blue_mark.t2 {
  background: #0065ba;
}

.blue_mark.t3 {
  background: #556ebf;
}

.blue_mark.t4 {
  background: #5f55bf;
}

.blue_mark.t5 {
  background: #008db5;
}

.blue_mark.t6 {
  background: #517a9c;
}

.ready_layer {
  position: relative;
}

.ready_layer:before {
  content: '차량사진을 준비중 입니다.';
  position: absolute;
  background: url(../images/ico_no_layer.png) no-repeat top center;
  background-size: 38px 37px;
  color: #c3c4c3;
  display: block;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  z-index: 11;
  padding-top: 45px;
  margin-top: -32px;
}

.ready_layer:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/img_no_layer.png) repeat;
  z-index: 10;
}

.view.ready_layer:before {
  font-size: 22px;
  background-size: 68px 68px;
  padding-top: 80px;
  margin-top: -54px;
}

h5.bj_t {
  font-size: 22px;
  color: #333;
}

.bid_join_1 {
  margin-top: 60px;
}

.join2_cont_inner {
  padding: 40px 30px;
}

.bid_join_2 {
  border-bottom: 1px solid #ddd;
  padding: 40px 30px;
}

.bid_join_2 .j2_p1 {
  font-size: 16px;
  color: #777;
  margin: 15px 0 30px 0;
}

.bid_join_2 .j2_p2 {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  margin-bottom: 15px;
}

.join2_cont {
  float: left;
  width: 57%;
}

.join2_cont .instructions_list li {
  padding-left: 15px;
  text-indent: -15px;
  color: #777;
}

.bid_join_2 .instructions_list li a {
  color: #2c77bc;
}

.bid_join_2 .btn_area {
  float: right;
  padding-top: 0;
}

.bid_join_2 .btn_area li {
  float: none;
  margin-bottom: 5px;
}

.bid_join_2 .btn_area li a {
  min-width: 250px;
  background: #1d4d79;
  color: #fff;
}

.bid_join_3 {
  position: relative;
  border-bottom: 1px solid #ddd;
}

.bid_join_3 dl {
  position: relative;
  padding: 40px 30px;
}

.bid_join_3 dt {
  width: 230px;
  float: left;
}

.bid_join_3 dd.dd_ct {
  float: left;
  width: 32%;
}

.bid_join_3 dd.dd_rt {
  float: right;
  padding-top: 0;
}

.bid_join_3 .btn_area {
  padding-top: 0;
}

.bid_join_3 .btn_area li {
  float: none;
  margin-bottom: 5px;
}

.bid_join_3 .btn_area li a {
  min-width: 180px;
  background: #fff;
  border: 1px solid #1d4d79;
  color: #1d4d79;
  font-size: 15px;
}

.bid_join_4 {
  position: relative;
  border-bottom: 1px solid #ddd;
}

.bid_join_4 dl {
  position: relative;
  padding: 40px 30px;
}

.bid_join_4 dt {
  width: 230px;
  float: left;
}

.bid_join_4 dd.dd_ct {
  float: left;
}

.bid_join_4 dd.dd_rt {
  float: right;
  padding-top: 0;
}

.bid_join_4 .btn_area {
  padding-top: 0;
}

.bid_join_4 .btn_area li {
  float: none;
  margin-bottom: 5px;
}

.bid_join_4 .btn_area li a {
  min-width: 180px;
  background: #fff;
  border: 1px solid #1d4d79;
  color: #1d4d79;
  font-size: 15px;
}

/* 2017-02-01 매매상사 내차 팔기 추가 */
.mypage .banner_area {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.mypage .banner_area [class^="bnr_"] {
  width: 100%;
  height: 160px;
  background-repeat: no-repeat;
}

.mypage .banner_area .bnr_01 {
  background-image: url("../images/mypage/bnr_my_deal_01.jpg");
}

.mypage .banner_area .bnr_02 {
  background-image: url("../images/mypage/bnr_my_deal_02.jpg");
}

.mypage .banner_area .bnr_03 {
  background-image: url("../images/mypage/bnr_my_deal_03.jpg");
}

.mypage .banner_area .bnr_04 {
  background-image: url("../images/mypage/bnr_my_deal_04.jpg");
}

.tab_nav.myCarDeal_tab {
  margin-top: 44px;
}

.table_03.myCarDeal th {
  text-align: left;
}

.table_03.myCarDeal .select_area {
  display: inline-block;
}

.table_03.myCarDeal .car_number input[type="text"], .table_03.myCarDeal .car_number label {
  margin-right: 10px;
}

.table_03.myCarDeal textarea {
  width: 100%;
}

.myCarDeal_bottom {
  padding: 20px;
  text-align: center;
}

.myCarDeal_bottom .mcd_li {
  display: inline-block;
  padding: 0 5px;
}

.myCarDeal_bottom .btn_view {
  display: inline-block;
  padding: 0 5px;
  text-align: center;
  color: #2d78bc;
  line-height: 1.5;
  text-decoration: underline;
}

/* 2017-02-07 레이어 팝업 배너 추가 */
.bnr_ad_fxed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
}

.bnr_ad_area {
  position: relative;
  margin: 0 auto;
  min-width: 1024px;
  max-width: 1262px;
}

.bnr_ad_area .bnr_pos_w {
  position: absolute;
  top: 200px;
  left: -270px;
}

.bnr_ad_area .bnr_pos_w02 {
  position: absolute;
  top: 450px;
  left: -270px;
}

.bnr_ad_area .bnr_cont {
  position: relative;
}

.bnr_ad_area .btn_bnr_close {
  position: absolute;
  right: 21px;
  top: 25px;
  display: block;
  width: 25px;
  height: 25px;
  background: url("../images/main/btn_bnr_close.png") no-repeat;
}

.p_area.mobileOff {
  display: block;
}

.p_area.mobileOn {
  display: none;
}

.date.mobileOff {
  display: block;
}

.date.mobileOn {
  display: none;
}

#inform_box00 {
  font-size: 12px;
  text-align: center;
  padding: 1em;
  margin: 1em 0;
  display: inline-block;
  width: auto;
  background: url("../images/display/car_view_banner_190221.jpg") #f1f1f1 no-repeat;
  background-size: 52% 100%;
  background-position: 20px 0;
}

#inform_box00 dl {
  padding: 1em;
  display: inline-block;
  text-align: left;
  width: 95%;
  background: #fff;
}

#inform_box00 dt {
  margin-bottom: 4px;
  color: #2c77c0;
  font-weight: bold;
}

#inform_box00 dd {
  color: #777;
}

.inform_box00X {
  background: #f1f1f1 !important;
  width: 100% !important;
}

.pop_aion {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(0, 0, 0, 0.8);
}

.pop_aion_inn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  text-align: right;
}

.pop_aion_inn > a {
  display: inline-block;
}

.pop_aion img {
  width: 71.6145833333vw;
}

.pop_aion .pop_aion_btns {
  font-size: 0;
  background: white;
  border-top: 0.1302083vw solid #444;
}

.pop_aion .pop_aion_btns a {
  display: inline-block;
  width: 50%;
  text-align: center;
  height: 9.114583vw;
  line-height: 9.114583vw;
  font-size: 2.60416vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'notosans';
}

.pop_aion .pop_aion_btns a:first-child {
  border-right: 0.1302083vw solid #444;
}

.sellMyCar {
  width: 1280px;
  margin: 0 auto;
}

.sellMyCar input {
  font-family: 'Pretendard';
}

.sellMyCar .introForm .introTop {
  width: 100%;
  height: 1393px;
  background: url("../images/mainV2/ad/ad_bg_pc01.png") no-repeat;
  position: relative;
}

.sellMyCar .introForm.hasKia .introTop {
  height: 2080px;
  background: url("../images/mainV2/ad/ad_bg_pc02.png") no-repeat;
}

.sellMyCar .introForm .introBtm {
  max-height: 325px;
  background: url("../images/mainV2/ad/ad_bg_btm.png") no-repeat;
  background-size: cover;
}

.sellMyCar .introForm .introBtm.maxH01 {
  max-height: 385px;
}

.sellMyCar .introForm .introBtm.maxH02 {
  max-height: 465px;
}

.sellMyCar .introForm .introLogo {
  position: absolute;
  top: 130px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}

.sellMyCar .adForm {
  width: 1080px;
  /*  margin-top:-430px;  */
  position: relative;
  top: -210px;
  margin-left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  background: white;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 48px 50px 42px 85px;
}

.sellMyCar .introForm.hasKia .adForm {
  top: -440px;
}

.sellMyCar .introForm.hasKia .introBtm {
  max-height: 545px;
}

.sellMyCar .introForm.hasKia .adForm {
  bottom: 50px;
}

.sellMyCar .adForm .formInfo {
  float: left;
}

.sellMyCar .adForm .formList {
  display: inline-block;
  margin-left: 110px;
  width: 580px;
}

.sellMyCar .adForm .formList .stepTitle {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 30px;
}

.sellMyCar .adForm .formList .stepTitle.off {
  display: none;
}

.sellMyCar .adForm .formList .stepInfo li {
  position: relative;
}

.sellMyCar .adForm .formList .stepInfo li input[type="text"] {
  width: 100%;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
  padding-bottom: 18px;
  border: none;
  font-weight: 300;
  border-bottom: 2px solid #909090;
  margin-bottom: 28px;
}

.sellMyCar .adForm .formList .stepInfo li input[type="text"]::-webkit-input-placeholder {
  color: #d8d8d8;
  font-weight: 200;
}

.sellMyCar .adForm .formList .stepInfo li input[type="text"]::-moz-placeholder {
  color: #d8d8d8;
  font-weight: 200;
}

.sellMyCar .adForm .formList .stepInfo li input[type="text"]:-ms-input-placeholder {
  color: #d8d8d8;
  font-weight: 200;
}

.sellMyCar .adForm .formList .stepInfo li input[type="text"]:-moz-placeholder {
  color: #d8d8d8;
  font-weight: 200;
}

.sellMyCar .adForm .formList .stepInfo li .btnCard {
  position: absolute;
  right: 10px;
  top: -7px;
}

.sellMyCar .adForm .formList .stepInfo li .btnCard a {
  padding: 10px 58px;
  font-size: 20px;
  color: white;
  background: #535150;
  border-radius: 30px;
}

.sellMyCar .adForm .formList .stepGift .giftWrap {
  margin-bottom: 40px;
}

.sellMyCar .adForm .formList .stepGift ul {
  font-size: 0;
}

.sellMyCar .adForm .formList .stepGift li {
  position: relative;
  display: inline-block;
  margin: 0 12px;
}

.sellMyCar .adForm .formList .stepGift li .productImgWrap {
  padding-bottom: 30px;
}

.sellMyCar .adForm .formList .stepGift li .productTit {
  font-size: 15px;
  margin-bottom: 15px;
}

.sellMyCar .adForm .formList .stepGift li .productBtn {
  font-size: 13px;
  color: #bbb;
  display: block;
  text-align: left;
}

.sellMyCar .adForm .formList .stepGift li .productBtn::after {
  content: "";
  background: url("../images/mainV2/ad/icon_arr.png") no-repeat;
  background-size: contain;
  width: 5px;
  height: 11px;
  display: inline-block;
  margin-left: 7px;
}

.sellMyCar .adForm .formList .stepGift li label {
  display: block;
  width: 100%;
  text-align: center;
}

.sellMyCar .adForm .formList .stepGift li input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.sellMyCar .adForm .formList .stepGift li input[type="radio"] + label {
  background: url("../images/mainV2/ad/icon_chkOff.png") no-repeat;
  background-size: 12px 12px;
  background-position: 99% 0;
}

.sellMyCar .adForm .formList .stepGift li input[type="radio"]:checked + label {
  background: url("../images/mainV2/ad/icon_chkOn.png") no-repeat;
  background-size: 12px 12px;
  background-position: 99% 0;
}

.sellMyCar .adForm .formList .stepAddr li {
  position: relative;
}

.sellMyCar .adForm .formList .stepAddr li .addrBtn {
  position: absolute;
  right: 10px;
  top: -7px;
}

.sellMyCar .adForm .formList .stepAddr li .addrBtn a {
  padding: 10px 58px;
  font-size: 20px;
  color: white;
  background: #535150;
  border-radius: 30px;
}

.sellMyCar .adForm .formList .stepAddr li input[type="text"] {
  width: 100%;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
  padding-bottom: 18px;
  border: none;
  font-weight: 300;
  border-bottom: 2px solid #909090;
  margin-bottom: 28px;
}

.sellMyCar .adForm .formList .stepAddr li input[type="text"]::-webkit-input-placeholder {
  color: #d8d8d8;
  font-weight: 200;
}

.sellMyCar .adForm .formList .stepAddr li input[type="text"]::-moz-placeholder {
  color: #d8d8d8;
  font-weight: 200;
}

.sellMyCar .adForm .formList .stepAddr li input[type="text"]:-ms-input-placeholder {
  color: #d8d8d8;
  font-weight: 200;
}

.sellMyCar .adForm .formList .stepAddr li input[type="text"]:-moz-placeholder {
  color: #d8d8d8;
  font-weight: 200;
}

.sellMyCar .adForm .formList .stepChk .privacyBtn {
  display: inline-block;
  margin-left: 20px;
  margin-right: 53px;
}

.sellMyCar .adForm .formList .stepChk .privacyBtn a {
  font-size: 15px;
  text-decoration: underline;
  cursor: pointer;
}

.sellMyCar .adForm .formList .stepChk .checkArea {
  display: inline-block;
}

.sellMyCar .adForm .formList .stepChk .checkArea li {
  display: inline-block;
  position: relative;
}

.sellMyCar .adForm .formList .stepChk .checkArea li:first-child {
  margin-right: 20px;
}

.sellMyCar .adForm .formList .stepChk .checkArea input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.sellMyCar .adForm .formList .stepChk .checkArea label {
  padding-left: 20px;
  cursor: pointer;
  position: relative;
}

.sellMyCar .adForm .formList .stepChk .checkArea label span {
  font-size: 15px;
  color: #9c9c9c;
}

.sellMyCar .adForm .formList .stepChk .checkArea label .strTxt {
  color: #222;
}

.sellMyCar .adForm .formList .stepChk .checkArea input[type="checkbox"] + label::after {
  content: "";
  background: url("../images/mainV2/ad/icon_chkOff02.png") no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.sellMyCar .adForm .formList .stepChk .checkArea input[type="checkbox"]:checked + label::after {
  content: "";
  background: url("../images/mainV2/ad/icon_chkOn02.png") no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.sellMyCar .adForm .formList .stepReg {
  margin-top: 50px;
  text-align: center;
}

.sellMyCar .adForm .formList .stepReg a {
  font-size: 20px;
  color: white;
  padding: 15px 55px;
  background: #535150;
  display: inline-block;
  border-radius: 30px;
}

.sellMyCar input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  background-color: transparent;
}

.sellMyCar .introReview {
  padding: 0 40px;
}

.sellMyCar .introReview .reviewTit {
  margin: 100px 0 90px;
}

.sellMyCar .introReview .reviewList .reviewItem {
  position: relative;
  margin-bottom: 95px;
}

.sellMyCar .introReview .reviewList .reviewItem::after {
  content: "";
  display: block;
  clear: both;
}

.sellMyCar .introReview .reviewList .reviewItem:last-child {
  margin-bottom: 0;
}

.sellMyCar .introReview .reviewList .itemL {
  position: relative;
  display: inline-block;
  float: left;
  z-index: 10;
}

.sellMyCar .introReview .reviewList .itemL::after {
  content: "";
  display: block;
  clear: both;
}

.sellMyCar .introReview .reviewList .itemL .rvcarImg {
  width: 569px;
  height: 425px;
  position: relative;
  top: -30px;
}

.sellMyCar .introReview .reviewList .itemL .rvcarImg::after {
  content: "";
  display: block;
  clear: both;
}

.sellMyCar .introReview .reviewList .itemL .rvcarImg img {
  width: 100%;
  height: 100%;
}

.sellMyCar .introReview .reviewList .itemL .reviewIco {
  position: absolute;
  right: 30px;
  bottom: 50px;
}

.sellMyCar .introReview .reviewList .itemL .reviewIco img {
  width: 120px;
}

.sellMyCar .introReview .reviewList .itemR {
  width: 825px;
  height: 430px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 253px;
  position: absolute;
  right: 0;
  top: 0;
  background: #fafafa;
}

.sellMyCar .introReview .reviewList .itemR .itemCon {
  margin-top: 70px;
  padding-right: 60px;
}

.sellMyCar .introReview .reviewList .itemR .itemRT {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
}

.sellMyCar .introReview .reviewList .itemR .itemRT > div:first-child {
  font-size: 22px;
  color: #4a81ff;
  font-weight: 500;
  margin-bottom: 5px;
}

.sellMyCar .introReview .reviewList .itemR .itemRT > div:last-child span:first-child {
  float: left;
  font-size: 22px;
  font-weight: 500;
}

.sellMyCar .introReview .reviewList .itemR .itemRT > div:last-child span:last-child {
  float: right;
  font-size: 18px;
  font-weight: 400;
}

.sellMyCar .introReview .reviewList .itemR .itemRT > div:last-child::after {
  content: "";
  display: block;
  clear: both;
}

.sellMyCar .introReview .reviewList .itemR .itemRB {
  font-weight: 300;
}

.sellMyCar .introReview .reviewList .itemR .itemRB > div:first-child {
  font-size: 16px;
  color: #666;
  line-height: 1.4;
  height: 7em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.sellMyCar .introReview .reviewList .itemR .itemRB > div:last-child {
  font-size: 15px;
  color: #c1c1c1;
  position: absolute;
  bottom: 70px;
}

.sellMyCar .introReview .moreReview {
  margin-top: 60px;
  margin-bottom: 125px;
  text-align: center;
}

.sellMyCar .introReview .moreReview a {
  font-size: 20px;
  color: white;
  background: #535150;
  padding: 14px 59px;
  display: inline-block;
  border-radius: 30px;
}

.sellMyCar label img {
  pointer-events: none;
}

div.popBG {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 20;
}

div.product_popup {
  display: none;
  width: 610px;
  padding: 40px 40px 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 103;
}

div.popTit {
  width: 100%;
  border-bottom: 1px solid #333;
  padding-bottom: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

div.popTit:after {
  display: block;
  content: '';
  clear: both;
}

div.popTit h3 {
  font-size: 30px;
  color: #333;
  font-weight: normal;
  float: left;
  line-height: 30px;
  font-family: 'KiaM';
}

div.popTit button {
  width: 30px;
  height: 30px;
  background: transparent url(../images/partner/pop_close.png) 0 0 no-repeat;
  float: right;
  text-indent: -99999px;
  outline: none;
}

div.detail_txt {
  margin-top: 30px;
}

div.detail_txt.bdline {
  padding-bottom: 24px;
  background: url(../images/partner/dot_line.png) 0 bottom no-repeat;
}

div.detail_txt h4 {
  font-size: 22px;
  color: #333;
  font-family: 'kiaM';
  line-height: 22px;
  margin-bottom: 18px;
  font-weight: normal;
}

div.detail_txt ul li {
  font-size: 15px;
  color: #333;
  font-family: 'kiaL';
  line-height: 23px;
}

div.detail_txt ul li span {
  display: inline-block;
  padding-left: 17px;
  margin-top: -20px;
  font-size: 15px;
}

/*  1280 : s  */
@media only all and (max-width: 1280px) {
  .top_block1 {
    width: 69%;
  }
  .top_block2 {
    width: 30.5%;
  }
  .ing_car_info dl.dl_ing_car_info > dd.info2 li dl dt {
    font-size: 13px;
  }
  .ing_car_info dl.dl_ing_car_info > dd.info2 li dl dd {
    font-size: 23px;
  }
  .simple_qa li.li_3 label {
    letter-spacing: -0.03em;
    font-size: 12px;
  }
  .online_car_tab ul {
    width: 100%;
  }
  .online_car_tab li {
    width: 24.12%;
    margin: 0 0.5%;
  }
  .top_block1 .online_qm ul {
    margin-left: 145px;
  }
  .online_car_tab li {
    font-size: 16px;
  }
  /**/
  .best_numone li.best_car {
    width: 100%;
  }
  .best_numone li.best_car p {
    float: none;
    width: auto;
    text-align: center;
  }
  .best_numone li.best_car p img {
    width: 100%;
    height: inherit;
  }
  .best_car_info {
    float: none;
    width: 100%;
  }
  .now_exit_car .online_car_list ul.clearfix > li:first-child {
    margin: 10px 0.2%;
  }
  .now_exit_car .online_car_list ul.clearfix > li {
    margin: 10px 0.2%;
  }
  .now_exit_car .online_car_list li .car_info_bottom dd li {
    font-size: 13px;
  }
  .tab_nav.no_action_tab {
    text-align: left;
  }
  .tab_nav.no_action_tab .swiper-container {
    background: #fff;
  }
  /* 2017-02-07 레이어 팝업 배너 추가 */
  .bnr_ad_area {
    display: none;
  }
}

/*  1280 : e  */
/*  1024 : s  */
@media only all and (max-width: 1024px) {
  /* 마이페이지 승급 */
  .my_class_up dl {
    padding-left: 0;
    margin-bottom: 20px;
  }
  .my_class_up dl dt {
    position: inherit;
    width: auto;
    font-size: 18px;
    height: 30px;
    line-height: 28px;
  }
  .my_class_up dd {
    min-height: 110px;
  }
  .my_class_up dd p {
    padding-left: 10px;
    font-size: 10px;
  }
  .my_class_up dd p span {
    font-size: 12px;
  }
  .my_class_up dd ul {
    margin-top: 10px;
    padding-right: 0;
    padding-left: 10px;
  }
  .my_class_up dd ul li div {
    display: block;
    margin-top: 3px;
  }
  .my_class_up dd a.btn_class {
    position: inherit;
    right: inherit;
    bottom: inherit;
    margin-top: 10px;
    text-align: center;
  }
  .mypage .box_car_ltem .box_cararea dl {
    height: 340px;
  }
  /* 20171128 마이페이지 main */
  .myInfo_Box h3 {
    width: 100%;
    font-size: 18px;
    position: inherit;
    margin-top: 0;
    padding: 8px 0 6px;
  }
  .myInfo_Box .myInfo_Txt {
    margin-left: 0;
    border-left: 0;
    border-top: 1px solid #105097;
  }
  .myInfo_Box .myInfo_Txt p {
    padding: 10px 15px;
    font-size: 12px;
  }
  .myInfo_Box .myInfo_Txt p span {
    font-size: 14px;
  }
  .myInfo_Box .myInfo_Txt ul {
    padding: 15px 15px 10px;
  }
  .myInfo_Box .myInfo_Txt ul li {
    font-size: 13px;
  }
  .myInfo_Box .myInfo_Txt ul li span.listTit {
    width: 105px;
  }
  .myInfo_Box .myInfo_Txt ul li span.list_add {
    width: calc(100% - 130px);
  }
  #inform_box00 {
    background: url("../images/display/car_view_banner_190221_02.jpg") #f1f1f1 no-repeat;
    background-size: 50% 100%;
    background-position: 20px 0;
  }
}

/*  1024 : e  */
/*  768 : s  */
@media only all and (max-width: 768px) {
  /* event */
  .event .trs_01:before {
    content: "기간 :";
    margin-right: 5px;
  }
  .event .trs_02:before {
    content: "제목 :";
    margin-right: 5px;
    float: left;
  }
  .event .trs_03:before {
    content: "발표일 :";
    margin-right: 5px;
  }
  .event .trs_04:before {
    content: "조회수 :";
    margin-right: 5px;
  }
  .event .table_02 .trs_01 {
    height: inherit;
    width: 100%;
  }
  .event .table_02 .trs_02 {
    height: inherit;
    width: 100%;
  }
  .event .table_02 .trs_03 {
    height: inherit;
    width: 50%;
    font-size: 11px;
  }
  .event .table_02 .trs_04 {
    height: inherit;
    width: 45%;
    padding-right: 5%;
    text-align: right;
    font-size: 11px;
  }
  .event .table_02 .trs_02 p {
    float: left;
    width: 70%;
    text-indent: 0;
  }
  .event .view_info {
    display: block;
    padding: 15px 10px;
  }
  .event .view_info dt {
    padding: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .event .view_info dd {
    position: inherit;
    right: inherit;
    top: inherit;
  }
  .event .view_info dd .bar {
    display: none;
  }
  .event .view_info dd ul li {
    float: none;
    margin-top: 5px;
  }
  .event .view_info .txtBox a {
    margin-left: 0;
    margin-top: 10px;
  }
  /* 이용약관 */
  .re_print .m_acd {
    display: none;
    color: #5D5D5D;
    padding: 10px;
    background: #f8f8f8;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .member_agreement.re_print h4.top_list_tit {
    display: none;
  }
  .member_agreement.re_print .btn a {
    display: none;
  }
  .member_agreement.re_print .agreement_cont {
    margin: 0 -10px;
  }
  .member_agreement.re_print .agreement_cont .clause {
    padding: 10px;
    display: block;
    background: url(../images/open.png) no-repeat right 10px center;
    background-size: 10px auto;
    margin: -1px auto;
    color: #555;
    font-size: 12px;
    border: 1px solid #ddd;
    cursor: pointer;
  }
  .member_agreement.re_print .agreement_cont dd, .member_agreement .agreement_cont .article {
    font-size: 12px;
  }
  .member_agreement.re_print .agreement_cont dt {
    font-size: 12px;
  }
  .member_agreement.re_print .agreement_cont p {
    font-size: 12px;
  }
  .member_agreement.re_print .agreement_cont ul {
    margin: 5px 0 5px 10px;
  }
  .member_agreement.re_print .btn {
    position: inherit;
    right: inherit;
    top: inherit;
    margin: 10px;
  }
  .member_agreement.re_print .agreement_cont select {
    background: #eee;
    width: 100%;
    height: 32px;
    width: 100%;
  }
  .member_agreement.re_print h4.top_list_tit {
    display: none;
  }
  .member_agreement.re_print .btn a {
    display: none;
  }
  .member_agreement.re_print .agreement_cont {
    margin: 0 -10px;
  }
  .member_agreement.re_print .agreement_cont .clause {
    padding: 10px;
    display: block;
    background: url(../images/open.png) no-repeat right 10px center;
    background-size: 10px auto;
    margin: -1px auto;
    color: #555;
    font-size: 12px;
    border: 1px solid #ddd;
    cursor: pointer;
  }
  .member_agreement.re_print .agreement_cont dd, .member_agreement.re_print .agreement_cont .article {
    font-size: 12px;
  }
  .member_agreement.re_print .agreement_cont dt {
    font-size: 12px;
  }
  .member_agreement.re_print .agreement_cont p {
    font-size: 12px;
  }
  .member_agreement.re_print .agreement_cont ul {
    margin: 5px 0 5px 10px;
  }
  .member_agreement.re_print .btn {
    position: inherit;
    right: inherit;
    top: inherit;
    margin: 10px;
  }
  .member_agreement.re_print .agreement_cont select {
    background: #eee;
    width: 100%;
    height: 32px;
    width: 100%;
  }
  .top_policy br {
    display: none;
  }
  .ai_policy_h .top_policy {
    margin: 20px 0;
    padding: 0 10px;
    font-size: 11px;
  }
  .ai_policy_h h4.top_list_tit {
    display: none;
  }
  .ai_policy_h .ai_policy_cont {
    margin: 0 -10px;
  }
  .ai_policy_h .ai_policy_cont select {
    background: #eee;
    width: 100%;
    height: 32px;
    width: 100%;
  }
  .ai_policy_h .ai_policy_cont .btn {
    position: inherit;
    right: inherit;
    top: inherit;
    margin: 10px;
  }
  .table_of_contents {
    display: none;
  }
  .ai_policy_cont > dl > dt.article {
    padding: 10px;
    display: block;
    background: url(../images/open.png) no-repeat right 10px center;
    background-size: 10px auto;
    margin: -1px auto;
    color: #555;
    font-size: 12px;
    border: 1px solid #ddd;
    cursor: pointer;
  }
  .ai_policy_cont > dl > dd.detailcon_area {
    display: none;
    color: #5D5D5D;
    padding: 10px;
    background: #f8f8f8;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .row_dl {
    margin-top: 20px;
    padding: 0 10px;
  }
  /*company*/
  .company .left_area, .company .right_area {
    width: 100%;
    border: 0;
    float: none;
    padding: 0;
  }
  .company .cont_box {
    border: 0;
    background: none;
    min-height: inherit;
    padding: 0;
    margin-bottom: 15px;
  }
  .company .division .division_cont {
    padding: 0;
  }
  .company .division .p_tit {
    margin-bottom: 30px;
  }
  .company .center_intro .division .p_tit {
    margin-bottom: 10px;
  }
  .company .cont_box.division .division_cont {
    width: 100%;
    margin-bottom: 0;
  }
  .company .center_intro .cont_box.division .division_cont {
    width: 100%;
  }
  .company .cont_box.division .location {
    width: 100%;
    margin-left: 0;
    padding-top: 15px;
  }
  .company .cont_box.division dl {
    margin-bottom: 10px;
  }
  .company .cont_box.division .tit {
    position: static;
    margin-bottom: 10px;
  }
  .company .cont_box.division .cont {
    padding-left: 0;
    margin-bottom: 10px;
  }
  .company .center_intro .division_cont dl {
    margin-bottom: 8px;
  }
  .company .ai_history .month_cont {
    width: 63%;
    font-size: 12px;
  }
  .company .ai_history span {
    color: #555;
  }
  .company .ai_history dl {
    padding: 15px 0;
  }
  .company .ai_history dt {
    top: 15px;
  }
  .company .ai_history .p_tit {
    background: none;
  }
  .company .dl_box {
    min-height: inherit;
  }
  /* 20170518 */
  .company .m_cont_box {
    display: block;
  }
  /*login*/
  .login .tabmenu_area ul li {
    width: 50%;
    text-align: center;
  }
  .login .tabmenu_area ul li a {
    width: 100%;
    padding: 11px 0 9px;
  }
  .login .tabmenu_area {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
  }
  .login .tabmenu_area ul li.first a {
    border: 1px solid #ddd;
    border-bottom: 0px solid #ddd;
    color: #999;
    border-left: 0;
  }
  .login .tabmenu_area ul li.first.on a {
    background: #eee;
    border: 1px solid #ddd;
    border-left: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
    color: #000;
    font-weight: bold;
  }
  .login .tabmenu_area ul li a {
    background: #fff;
    padding: 11px 0 9px;
    border: 1px solid #ddd;
    border-left: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
    color: #999;
  }
  .login .tabmenu_area ul li.on a {
    background: #eee;
    border: 1px solid #ddd;
    border-left: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
    color: #000;
  }
  .login .tabcon_area.on {
    background: #eee;
    margin-top: -1px;
  }
  .login .tabcon_area .inner_left {
    width: 100%;
  }
  .login .tabcon_area .inner_left .id_tit {
    display: none;
  }
  .login .tabcon_area .inner_left .pw_tit {
    display: none;
  }
  .login .tabcon_area .inner_left dd {
    padding-left: 0;
  }
  .login .tabcon_area .inner_right {
    display: none;
  }
  .login .tabcon_area .inner_left .dd_disc {
    padding-left: 0;
  }
  .login .tabcon_area .inner_left .dd_disc li {
    display: none;
  }
  .login .tabcon_area .inner_left .dd_disc li.fir {
    display: block;
  }
  .login .tabcon_area .form_area dd input.input_type01 {
    width: 100%;
  }
  .login .form_area .input_area .input_w {
    display: block;
    width: 100%;
  }
  .login .form_area .input_area .type_n {
    display: none;
  }
  .login .form_area .input_area span {
    display: none;
  }
  .login .tabcon_area .btn_area {
    width: 100%;
  }
  .login .tabcon_area .btn_area li {
    width: 100%;
  }
  .login .tabcon_area .btn_area li a {
    display: block;
    background: #98a716;
    border: 1px solid #98a716;
  }
  .login .tabcon_area .inner_left .caut {
    display: block;
    margin-top: 10px;
  }
  .login .caution {
    display: none;
  }
  /* tabmenu 클릭시 위치찾아 스크롤이동_20171222 */
  .top_icon {
    display: none;
  }
  .tabview_Box {
    padding: 0;
  }
  .tabview_Box h3 {
    font-size: 14px;
  }
  /* 20171128 마이페이지 main */
  .myInfo_Box .myInfo_Txt ul li {
    float: none;
    width: 100%;
  }
  .review_area .review dt textarea {
    height: 180px;
  }
  /* 20181212 추가 수정 */
  .online_car_list li .car_info_top dt {
    max-width: 100% !important;
  }
  .box_car_ltem .box_cararea dl.type1 dt.car_img div {
    max-width: 100% !important;
  }
  #inform_box00 dl {
    width: auto;
    margin-top: 0;
  }
  #inform_box00 {
    background: #eee;
  }
  .car_box_explain {
    width: 100%;
  }
  .auto_life .tab_nav {
    height: 30px !important;
  }
  .car_list .nodata .noData {
    margin-top: 5vw !important;
    padding-bottom: 7.302083vw !important;
  }
  .car_list .nodata img {
    width: 54.9479166vw !important;
  }
  .car_list .nodata .noTxt01 {
    font-size: 4.90625vw !important;
    margin-top: -8.5104166vw !important;
    margin-bottom: 1.3020833vw !important;
  }
  .car_list .nodata .noTxt02 {
    font-size: 3.65520833vw !important;
  }
  /*login*/
  .login .tabmenu_area ul li {
    width: 50%;
    text-align: center;
  }
  .login .tabmenu_area ul li a {
    width: 100%;
    padding: 11px 0 9px;
  }
  .login .tabmenu_area {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
  }
  .login .tabmenu_area ul li.first a {
    border: 1px solid #ddd;
    border-bottom: 0px solid #ddd;
    color: #999;
    border-left: 0;
  }
  .login .tabmenu_area ul li.first.on a {
    background: #eee;
    border: 1px solid #ddd;
    border-left: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
    color: #000;
    font-weight: bold;
  }
  .login .tabmenu_area ul li a {
    background: #fff;
    padding: 11px 0 9px;
    border: 1px solid #ddd;
    border-left: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
    color: #999;
  }
  .login .tabmenu_area ul li.on a {
    background: #eee;
    border: 1px solid #ddd;
    border-left: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
    color: #000;
  }
  .login .tabcon_area.on {
    background: #eee;
    margin-top: -1px;
  }
  .login .tabcon_area .inner_left {
    width: 100%;
  }
  .login .tabcon_area .inner_left .id_tit {
    display: none;
  }
  .login .tabcon_area .inner_left .pw_tit {
    display: none;
  }
  .login .tabcon_area .inner_left dd {
    padding-left: 0;
  }
  .login .tabcon_area .inner_right {
    display: none;
  }
  .login .tabcon_area .inner_left .dd_disc {
    padding-left: 0;
  }
  .login .tabcon_area .inner_left .dd_disc li {
    display: none;
  }
  .login .tabcon_area .inner_left .dd_disc li.fir {
    display: block;
  }
  .login .tabcon_area .form_area dd input.input_type01 {
    width: 100%;
  }
  .login .form_area .input_area .input_w {
    display: block;
    width: 100%;
  }
  .login .form_area .input_area .type_n {
    display: none;
  }
  .login .form_area .input_area span {
    display: none;
  }
  .login .tabcon_area .btn_area {
    width: 100%;
  }
  .login .tabcon_area .btn_area li {
    width: 100%;
  }
  .login .tabcon_area .btn_area li a {
    display: block;
    background: #98a716;
    border: 1px solid #98a716;
  }
  .login .tabcon_area .inner_left .caut {
    display: block;
    margin-top: 10px;
  }
  .login .caution {
    display: none;
  }
  .tabcon_area .inner_left .caut li {
    letter-spacing: 0;
    font-size: 14px;
  }
  .sellMyCar {
    width: 100%;
    overflow: hidden;
  }
  .sellMyCar .introForm .introTop {
    height: 207.361111vw;
    background: url("../images/mainV2/ad/ad_bg_mo01.png");
    background-size: 100%;
  }
  .sellMyCar .introForm.hasKia .introTop {
    height: 403.611111vw;
    background: url("../images/mainV2/ad/ad_bg_mo02.png");
    background-size: 100%;
  }
  .sellMyCar .introForm .introBtm {
    max-height: 59.027778vw;
  }
  .sellMyCar .introForm.hasKia .introBtm {
    max-height: 115.805556vw;
  }
  .sellMyCar .introForm .introBtm.maxH01 {
    max-height: 72.2223vw;
  }
  .sellMyCar .introForm .introBtm.maxH02 {
    max-height: 86.8055556vw;
  }
  @supports (-webkit-overflow-scrolling: touch) {
    .sellMyCar .introForm .introBtm {
      max-height: 65.027778vw;
    }
    .sellMyCar .introForm.hasKia .introBtm {
      max-height: 121.805556vw;
    }
    .sellMyCar .introForm .introBtm.maxH01 {
      max-height: 78.2223vw;
    }
    .sellMyCar .introForm .introBtm.maxH02 {
      max-height: 92.8055556vw;
    }
  }
  .sellMyCar .introForm .introLogo {
    top: 16.5vw;
  }
  .sellMyCar .introForm .introLogo.hasKia {
    top: 14.5vw;
  }
  .sellMyCar .introForm .introLogo img {
    width: 68.056vw;
  }
  .sellMyCar .adForm {
    width: 94.4444vw;
    padding: 6.80555555vw 4.1666667vw 8.333334vw;
    top: -55.5556vw;
  }
  .sellMyCar .introForm.hasKia .adForm {
    top: -120.83333vw;
    bottom: initial;
  }
  .sellMyCar .adForm .formInfo {
    display: none;
  }
  .sellMyCar .adForm .formList {
    margin-left: 0;
    width: 100%;
  }
  .sellMyCar .adForm .formList .stepTitle {
    font-size: 3.88889vw;
    margin-bottom: 2.777vw;
  }
  .sellMyCar .adForm .formList .moFormInfo {
    text-align: center;
    margin-bottom: 8.333334vw;
  }
  .sellMyCar .adForm .formList .moFormInfo img {
    width: 74.1666667vw;
  }
  .sellMyCar .adForm .formList .stepInfo li input[type="text"] {
    font-size: 3.19444446vw;
    padding-left: 2.7777vw;
    padding-bottom: 4.166667vw;
    margin-bottom: 4.166667vw;
  }
  .sellMyCar .adForm .formList .stepInfo li .btnCard {
    top: -0.4166667vw;
    right: 0;
  }
  .sellMyCar .adForm .formList .stepInfo li .btnCard a {
    font-size: 3.75vw;
    padding: 2.3611111vw 7.2222222vw;
    border-radius: 40px;
  }
  @supports (-webkit-overflow-scrolling: touch) {
    .sellMyCar .adForm .formList .stepInfo li .btnCard {
      top: 0.4166667vw;
    }
  }
  .sellMyCar .adForm .formList .stepChk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sellMyCar .adForm .formList .stepChk .checkArea label .strTxt {
    margin-right: 1.3888888vw;
  }
  .sellMyCar .adForm .formList .stepChk .privacyBtn {
    margin-left: 3.0555555vw;
  }
  .sellMyCar .adForm .formList .stepChk .privacyBtn a {
    font-size: 2.777777vw;
  }
  .sellMyCar .adForm .formList .stepChk .checkArea {
    margin-left: 3.0555555vw;
    margin-top: 3.472223vw;
  }
  .sellMyCar .adForm .formList .stepChk .checkArea ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sellMyCar .adForm .formList .stepChk .checkArea label {
    font-size: 2.7777vw;
    padding-left: 7.2222vw;
  }
  .sellMyCar .adForm .formList .stepChk .checkArea label span {
    vertical-align: top;
  }
  .sellMyCar .adForm .formList .stepChk .checkArea input[type="checkbox"] + label::after {
    width: 4.44445vw;
    height: 4.44445vw;
  }
  .sellMyCar .adForm .formList .stepChk .checkArea input[type="checkbox"]:checked + label::after {
    width: 4.44445vw;
    height: 4.44445vw;
  }
  .sellMyCar .adForm .formList .stepChk .checkArea li:first-child {
    margin-bottom: 3.472223vw;
  }
  .sellMyCar .adForm .formList .stepReg {
    margin-top: 7.2222vw;
  }
  .sellMyCar .adForm .formList .stepReg a {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 3.1944446vw 0;
    font-size: 3.75vw;
  }
  .sellMyCar .adForm .formList .stepGift ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sellMyCar .adForm .formList .stepGift .giftWrap {
    margin-bottom: 11.11111vw;
  }
  .sellMyCar .adForm .formList .stepGift li {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    margin: 0;
    text-align: center;
    max-width: 41.66664vw;
  }
  .sellMyCar .adForm .formList .stepGift li:last-child {
    margin-top: 9.72221vw;
  }
  .sellMyCar .adForm .formList .stepGift li .productTit {
    font-size: 3.33335vw;
    margin-bottom: 2.7777vw;
  }
  .sellMyCar .adForm .formList .stepGift li .productImgWrap {
    padding-bottom: 4.16667vw;
  }
  .sellMyCar .adForm .formList .stepGift li .productBtn {
    font-size: 3.194446vw;
    text-align: center;
  }
  .sellMyCar .adForm .formList .stepGift li .productBtn::after {
    width: 1.25vw;
    height: 2.777777vw;
    margin-left: 1.527777vw;
  }
  .sellMyCar .adForm .formList .stepGift li input[type="radio"] + label {
    background-size: 3.1944446vw 3.1944446vw;
  }
  .sellMyCar .adForm .formList .stepGift li input[type="radio"]:checked + label {
    background-size: 3.1944446vw 3.1944446vw;
  }
  .sellMyCar .adForm .formList .stepGift li input#product1 + label .productImg {
    width: 16.99vw;
  }
  .sellMyCar .adForm .formList .stepGift li input#product2 + label .productImg {
    width: 17.36111vw;
  }
  .sellMyCar .adForm .formList .stepGift li input#product3 + label .productImg {
    width: 12.11111vw;
  }
  .sellMyCar .adForm .formList .stepAddr li input[type="text"] {
    font-size: 3.19444446vw;
    padding-left: 2.7777vw;
    padding-bottom: 4.166667vw;
    margin-bottom: 4.166667vw;
  }
  .sellMyCar .adForm .formList .stepAddr li .addrBtn {
    right: 1.3888888vw;
    top: -0.97222222vw;
  }
  .sellMyCar .adForm .formList .stepAddr li .addrBtn a {
    font-size: 3.75vw;
    padding: 2.777vw 6.94445vw;
    border-radius: 40px;
  }
  .sellMyCar .introReview {
    padding: 0;
  }
  .sellMyCar .introReview .reviewTit {
    margin: 11.1111vw 0 6.94445vw 0;
  }
  .sellMyCar .introReview .reviewTit img {
    width: 100%;
  }
  .sellMyCar .introReview .reviewList .reviewItem {
    margin-bottom: 8.33334vw;
  }
  .sellMyCar .introReview .reviewList .itemL {
    float: none;
    width: 86.1111vw;
    height: 64.722223vw;
    margin-left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
  }
  .sellMyCar .introReview .reviewList .itemL .rvcarImg {
    width: 100%;
    height: 100%;
    top: initial;
  }
  .sellMyCar .introReview .reviewList .itemL .reviewIco {
    right: 5.55555vw;
    bottom: 5.555555vw;
  }
  .sellMyCar .introReview .reviewList .itemL .reviewIco img {
    width: 20.8333333vw;
  }
  .sellMyCar .introReview .reviewList .itemR {
    padding: 13.334vw 8.3334vw 6.9445vw 11.111vw;
    position: relative;
    right: initial;
    top: -6.1111vw;
    width: 97.2223vw;
    height: 97.2223vw;
  }
  .sellMyCar .introReview .reviewList .itemR .itemCon {
    margin-top: 0;
    padding-right: 0;
  }
  .sellMyCar .introReview .reviewList .itemR .itemRT {
    padding-bottom: 4.16667vw;
    margin-bottom: 5.55555vw;
  }
  .sellMyCar .introReview .reviewList .itemR .itemRT > div:first-child {
    font-size: 4.583333vw;
    margin-bottom: 1.38888888vw;
  }
  .sellMyCar .introReview .reviewList .itemR .itemRT > div:last-child span:first-child {
    font-size: 4.583333vw;
  }
  .sellMyCar .introReview .reviewList .itemR .itemRT > div:last-child span:last-child {
    font-size: 3.4722223vw;
  }
  .sellMyCar .introReview .reviewList .itemR .itemRB > div:first-child {
    font-size: 4.027777778vw;
  }
  .sellMyCar .introReview .reviewList .itemR .itemRB > div:last-child {
    font-size: 3.61111vw;
    bottom: 6.94445vw;
  }
  .sellMyCar .introReview .moreReview {
    margin: 8.33334vw 0 12.5vw;
  }
  .sellMyCar .introReview .moreReview a {
    width: 84.44444vw;
    padding: 3.19444446vw 0;
    font-size: 3.75vw;
  }
}

/*  768 : e  */
/*  640 : s  */
@media only all and (max-width: 640px) {
  /* 자동차 기준*/
  .box_car_ltem {
    width: 50%;
    margin-bottom: 15px;
  }
  .box_car_ltem .box_cararea dl.type1 dt.car_img {
    margin-bottom: 15px;
  }
  .box_car_ltem .box_cararea dl.type1 dt.car_img .mark_certification {
    right: 5px;
    top: 5px;
    width: 40px;
  }
  .box_car_ltem .box_cararea dl.type1 dd.car_img_tit {
    font-size: 14px;
  }
  .box_car_ltem .box_cararea dl.type1 dd ul > li {
    font-size: 12px;
  }
  .sub_tit {
    font-size: 11px;
  }
  .box_car_ltem .box_cararea dl.type2 dt.car_img {
    margin-bottom: 15px;
  }
  .box_car_ltem .box_cararea dl.type2 dd.car_img_tit {
    font-size: 14px;
  }
  .box_car_ltem .box_cararea dl.type2 dd ul li {
    font-size: 12px;
  }
  .box_car_ltem .box_cararea dl.type3 dt.car_img {
    margin-bottom: 15px;
  }
  .box_car_ltem .box_cararea dl.type3 dd.car_img_tit {
    font-size: 14px;
  }
  .box_car_ltem .box_cararea dl.type3 dd ul li {
    font-size: 12px;
  }
  .best_numone li.best_car p {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  /* 차동차 리스트 dl높이 반응형 */
  .car_list .box_car_ltem .box_cararea dl.type1 {
    min-height: 395px;
  }
  .display_sd .box_car_ltem .box_cararea dl.type1 {
    height: 395px;
  }
  .car_list .hd_list .box_car_ltem .box_cararea dl.type1 {
    min-height: 340px;
  }
  .car_list .hd_list .box_car_ltem .box_cararea dl.type1 dd.clearfix.in_l > ul {
    position: relative;
  }
  .car_list .hd_list .box_car_ltem .box_cararea dl.type1 dd.clearfix.in_l > ul li:nth-child(2) .sub_tit {
    position: absolute;
    width: 100%;
    right: 0;
  }
  /**/
  li.noti ul li p {
    padding: 0 10px 0 75px;
    font-size: 10px;
  }
  li.noti ul li {
    text-align: left;
    margin-bottom: 0px;
  }
  li.noti > ul {
    width: 100%;
    float: none;
  }
  li.noti > ul + ul {
    width: 100%;
  }
  li.noti ul li p:before {
    width: 65px;
    padding-right: 2px;
    background: url(../images/header_bar_01.gif) no-repeat right 5px;
    font-weight: bold;
  }
  .mypage .change_list dd .part {
    width: 25%;
    min-width: 200px;
  }
  .company .center_intro .center_tit {
    padding: 10px 0;
    width: 100%;
    text-align: center;
  }
  .best_car_list .box_car_ltem .box_cararea dl {
    height: 350px;
  }
  .best_box_inner {
    padding: 5px;
  }
  /* 내차팔기 신청현황*/
  .ing_state .state_tit {
    font-size: 13px;
  }
  /* event */
  .event .box_list .box_area {
    height: 265px;
  }
  /* change_list 0928 */
  .change_list.btn_fix .btns {
    margin-top: -25px;
  }
  .change_list.btn_fix .btns li {
    display: block;
  }
  /* 1028 추가 */
  .online_car_list li .car_info_bottom dd li.fect.cycle p {
    height: 18px;
    line-height: 18px;
  }
  .view_left .tail_area li {
    width: 40px;
  }
  .mark_certification {
    right: 13px;
    top: 8px;
    width: 55px;
  }
  /* 2017-03-08 인증마크 추가 */
  .view.ready_layer:before {
    font-size: 12px;
    background-size: 38px 37px;
    padding-top: 45px;
    margin-top: -32px;
  }
  .now_exit_car .now_info dl {
    padding-right: 0;
  }
  .now_exit_car .now_info dt {
    font-size: 16px;
  }
  .now_exit_car .now_info dd {
    position: inherit;
    right: 0;
    top: 0;
    font-size: 12px;
    margin-top: 5px;
  }
  .now_exit_car .now_info {
    margin-top: 20px;
  }
  .now_info a.btn_excel {
    top: 10px;
  }
  /* 20171128 마이페이지 main */
  .myInfo_Box .myInfo_Txt p {
    padding: 10px;
  }
  .myInfo_Box .myInfo_Txt ul {
    padding: 10px 10px 5px;
  }
  .myInfo_Box .myInfo_Txt ul li {
    font-size: 12px;
  }
  .myInfo_Box .myInfo_Txt ul li span.listTit {
    width: 95px;
  }
  .myInfo_Box .myInfo_Txt ul li span.listTit:before {
    top: 5px;
  }
  .myInfo_Box .myInfo_Txt ul li span.list_add {
    width: calc(100% - 120px);
  }
  /* 20171211 red members */
  ul.m_product_list li {
    width: 120px;
  }
  ul.m_product_list li label span {
    height: 140px;
    padding-top: 95px;
    font-size: 12px;
  }
  div.m_detail_txt ul li span {
    padding-left: 15px;
    margin-top: -18px;
  }
  .ing_state .option_area li.on::after,
  .ing_state .option_area li::after {
    height: 18px;
    margin-top: -35px;
  }
}

/*  640 : e  */
/*  480 : s  */
@media only all and (max-width: 480px) {
  .top_vs_tit dd {
    margin: 0 auto;
    width: 90%;
  }
  .box_car_ltem {
    width: 50%;
    margin-bottom: 5px;
  }
  .box_car_ltem .box_cararea dl.type1 dd.car_img_tit p {
    min-height: 32px;
  }
  .box_car_ltem .box_cararea dl.type1 dd.car_img_tit {
    font-size: 12px;
  }
  .box_car_ltem .box_cararea dl.type1 dd ul > li {
    font-size: 11px;
  }
  .sub_tit {
    font-size: 10px;
  }
  .box_car_ltem .box_cararea dl.type2 dd.car_img_tit {
    font-size: 12px;
  }
  .box_car_ltem .box_cararea dl.type2 dd ul > li {
    font-size: 10px;
  }
  .box_car_ltem .box_cararea dl.type3 dd.car_img_tit {
    font-size: 12px;
  }
  .box_car_ltem .box_cararea dl.type3 dd ul > li {
    font-size: 10px;
  }
  .box_view_list li.box_view_ltem dl {
    padding-left: 0;
    padding-right: 0;
    height: auto;
  }
  .box_view_list li.box_view_ltem dl .img {
    position: inherit;
    left: inherit;
    top: inherit;
    margin-bottom: 5px;
    max-width: inherit;
  }
  .mypage .box_car_ltem .box_cararea dl {
    height: 330px;
  }
  .mypage .box_car_ltem .box_cararea dl.type1 {
    height: 305px;
  }
  /* 차동차 리스트 dl높이 반응형 */
  .car_list .box_car_ltem .box_cararea dl.type1 {
    min-height: 305px;
  }
  /* 0906 수정 */
  .display_sd .box_car_ltem .box_cararea dl.type1 {
    height: 460px;
  }
  .car_list .hd_list .box_car_ltem .box_cararea dl.type1 {
    min-height: 270px;
  }
  /* 이달의 최고차량 */
  .best_numone li.best_car {
    text-align: center;
  }
  .best_numone li.best_car p {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: none;
  }
  .best_numone {
    padding-left: 10px;
    padding-top: 135px;
  }
  .best_numone li.tit {
    text-align: center;
    position: absolute;
    left: 0;
    top: 10px;
    right: 0;
    margin-top: 0;
  }
  .best_numone li.tit p {
    font-size: 20px;
    margin-top: 0;
  }
  .best_car_info {
    float: none;
    display: inline-block;
  }
  .best_numone li.best_car dl {
    margin-top: 5px;
  }
  .best_numone li.best_car dt {
    width: 75px;
  }
  .best_car_list .box_car_ltem .box_cararea dl {
    height: auto;
  }
  .best_car_list .box_car_ltem .box_cararea dl.type1 dd.btn li a span {
    padding-right: 0;
  }
  .best_car_list .box_car_ltem .box_cararea dl.type1 dd.btn li a span:after {
    content: none;
  }
  .best_car_list .box_car_ltem .box_cararea dl.type1 dd ul.date_money li.li_2 p.vs {
    min-width: 50px;
    margin-top: 3px;
  }
  .best_car_list .box_car_ltem .box_cararea dl.type1 dd ul.date_money li.li_2 p.money {
    min-width: inherit;
    text-align: center;
    font-size: 13px;
  }
  .best_car_list .box_car_ltem .box_cararea dl.type1 dd ul.date_money li.li_2 {
    text-align: center;
  }
  /* 오토라이프 */
  .auto_life .box_view_list li.box_view_ltem dl .img img {
    max-width: inherit;
    max-height: inherit;
  }
  .auto_life .box_view_list li.box_view_ltem dl {
    padding-left: 0;
    height: auto;
  }
  .auto_life .box_view_list li.box_view_ltem dl .txt {
    font-size: 14px;
    height: 63px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    margin-top: 5px;
  }
  .auto_life .box_view_list li.box_view_ltem dl .tit {
    font-size: 18px;
    margin-top: 10px;
  }
  .auto_life_bx {
    padding-bottom: 40px;
    display: none;
  }
  .auto_life_bx li {
    height: auto;
  }
  .auto_life_bx li:hover dd p {
    height: auto;
    margin-bottom: 20px;
  }
  .auto_life_bx li:hover dd h3 {
    display: block;
  }
  .auto_life_bx li:hover .listBlind {
    display: none;
  }
  .auto_life_bx li:hover dd p {
    display: none;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
  }
  .auto_life_bx li dt {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }
  .auto_life_bx li dt img {
    width: 100%;
  }
  .auto_life_bx li dd {
    float: none;
    width: 100%;
    font-size: 14px;
    line-height: 1.3;
  }
  .auto_life_bx li dd h3 {
    margin-bottom: 20px;
    color: #607e9b;
  }
  .auto_life_bx li .more {
    display: none;
  }
  .auto_life_bx .bx-wrapper .bx-pager, .auto_life_bx .bx-wrapper .bx-controls-auto {
    top: inherit;
    bottom: -25px;
    width: 100%;
    right: inherit;
  }
  .box_view_list {
    margin-top: 15px;
  }
  /* 차량전시 상세 */
  .car_name {
    font-size: 13px;
  }
  .car_name dd ul li {
    font-size: 11px;
  }
  .view_tab2_con {
    margin-bottom: 20px;
  }
  .view_tab2_con .option_area li {
    width: 33.33%;
  }
  .view_tab2_con .option_detail dt {
    position: inherit;
    margin-bottom: 10px;
  }
  .view_tab2_con .option_detail dd {
    padding-left: 0;
  }
  .view_tab2_con .option_detail dd .detail_inner li span {
    margin-right: 8px;
    padding-right: 8px;
  }
  .view_tab2_con .option_area dt.op_img img {
    max-width: 50px;
  }
  .view_tab2_con .option_area dd.op_info {
    font-size: 10px;
  }
  .view_tab4_con dl {
    font-size: 11px;
    line-height: 1.3;
  }
  .view_tab4_con dt {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .online_list_view .view_tab1_con .term_area ul li {
    float: left;
    width: 50%;
  }
  .online_top_tab ul {
    height: 50px;
  }
  .online_top_tab li {
    font-size: 10px;
    height: 35px;
    line-height: 35px;
    text-align: center;
  }
  .online_top_tab li.act:after, .online_top_tab li:hover:after {
    width: 100%;
    right: 0;
  }
  .online_list_box .online_car_tab {
    margin-top: 0;
    height: 45px;
  }
  .online_car_tab li {
    font-size: 10px;
    height: 32px;
    line-height: 32px;
  }
  .online_car_list {
    margin-top: 15px;
  }
  .online_scr_box dl dt {
    font-size: 15px;
    line-height: 1.5;
    padding: 5px 15px;
    height: auto;
  }
  .online_scr_box dl dt span {
    font-size: 12px;
    display: block;
    margin-left: 0;
  }
  .online_car_list > ul.clearfix > li {
    max-width: inherit;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5px;
    margin-left: 0;
    margin-bottom: 15px;
  }
  .online_car_list li .car_info_top {
    padding-bottom: 10px;
  }
  .online_car_list li .car_info_bottom dt {
    margin-bottom: 10px;
    font-size: 14px;
    min-height: 36px;
    letter-spacing: 0;
  }
  .online_car_list li .car_info_top dt {
    margin-bottom: 15px;
  }
  .online_car_list li .car_info_top dt .mark_certification {
    right: 5px;
    top: 5px;
    width: 40px;
  }
  /* 2017-03-08 추가 */
  .online_car_list li .car_info_top dd {
    font-size: 14px;
    height: 38px;
  }
  .online_car_list li .car_info_top dd span {
    font-size: 14px;
  }
  .online_car_list li .car_info_top .ico {
    width: 35px;
    height: 35px;
    right: 5px;
    top: 3px;
  }
  .online_car_list li .car_info_bottom dd li {
    font-size: 11px;
  }
  .online_car_list li .car_info_bottom dd li.fect {
    font-size: 14px;
  }
  .online_car_list li .car_info_bottom dt:first-child {
    min-height: 38px;
  }
  /* online_list_view */
  .online_list_view .view_info_01 dl dd {
    padding: 15px 10px;
  }
  .online_list_view .view_info_01 dl dt, .online_list_view .view_info_02 dl dt {
    margin-bottom: 10px;
  }
  .online_list_view .view_info_01 dl dt, .online_list_view .view_info_02 dl dt {
    font-size: 18px;
  }
  .online_list_view .btn_area a {
    width: 100%;
    padding: 0;
  }
  .online_list_view .view_right > .top .inner_box .inner_left {
    width: 100%;
  }
  .online_list_view .view_right > .top .inner_box .inner_left dl dd {
    text-align: right;
  }
  .online_list_view .view_right > .top .inner_box .inner_right {
    width: 100%;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #ddd;
  }
  .online_list_view .view_right > .top .inner_box .inner_right dl dd {
    text-align: right;
  }
  .online_list_view .view_right > .top .car_info {
    margin-left: -147px;
  }
  .online_list_view .view_right > .bottom .btn_area li.v1 {
    width: 100%;
    margin-bottom: 3px;
  }
  .online_list_view .view_right > .bottom .btn_area li.v2 {
    width: 100%;
  }
  .online_list_view .view_right > .bottom .btn_area li.v3 {
    margin-top: 3px;
  }
  .online_list_view .view_tab2_con .p_tit {
    margin-bottom: 3px;
  }
  /* 내차사기 480 */
  .my_car_list .online_car_list > ul.clearfix > li {
    width: 100%;
    max-width: inherit;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5px;
    margin-left: 0;
    margin-bottom: 15px;
  }
  .my_car_list .online_car_list > ul.clearfix > li {
    margin-bottom: 10px;
    padding: 0;
  }
  /* 마이페이지 */
  .my_nav .top_list_tit > span {
    margin-left: 0;
    display: block;
    margin-top: 5px;
  }
  .mypage .change_list dd .part {
    width: 100% !important;
  }
  .change_list .max_bid_list dd.ch_con > ul {
    padding: 10px 10px 10px 10px;
  }
  .change_list .max_bid_list .btns {
    top: inherit;
    margin-top: 0;
    bottom: 5px;
    font-size: 10px;
  }
  .change_list .max_bid_list .btns li {
    display: block;
  }
  /* faq */
  .faq table.table_03 td.td_emil select {
    width: 45%;
  }
  .faq table.table_03 td.td_mail input {
    width: 45%;
  }
  .faq table.table_03 td.td_mail input.m480 {
    margin-top: 3px;
  }
  /* 내차팔기 신청현황  0921*/
  .ing_state .option_area dt.op_img img {
    max-width: 50px;
  }
  .ing_state .option_area dd.op_info {
    font-size: 10px;
  }
  .ing_state .option_area li dd.op_info {
    height: 30px;
    width: 55px;
  }
  .mycar_ing_info .table_03 {
    padding: 10px 0;
  }
  .mycar_ing_info .table_03 td {
    padding: 0 20px;
  }
  .mycar_ing_info .table_03 td .p_stl_01 {
    font-size: 12px;
    margin-bottom: 7px;
  }
  .mycar_ing_info .table_03 td .p_stl_02 {
    font-size: 12px;
    margin-bottom: 8px;
  }
  .mycar_ing_info .table_03 td .p_stl_03 {
    font-size: 11px;
  }
  .mycar_sell_info .ap_state_chk {
    padding: 0 25px 20px;
  }
  .mix_gray {
    height: 36px;
    line-height: 36px;
  }
  .mix_gray p {
    font-size: 12px;
  }
  .mix_gray p span {
    font-size: 22px;
  }
  .option_area_type2 li {
    width: 33.33%;
  }
  .view_right.mix > .top .main_info li {
    width: 50%;
    float: left;
  }
  .mix_info_area li dt, .mix_info_area li dd {
    font-size: 11px;
  }
  .mix_p_tit {
    font-size: 14px;
  }
  .mix_cycle li {
    width: 25%;
    margin: 0;
    padding: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mix_cycle li img {
    width: 100%;
  }
  .mix .car_money_info {
    margin-bottom: 10px;
  }
  .mix .car_money_info .dd_1 li {
    float: none;
    text-align: left;
    width: auto;
  }
  .mix .car_money_info .dd_1 li.mix_li_1 {
    width: 55px;
    margin-bottom: 10px;
  }
  .mix .car_money_info .dd_1 ul {
    padding-right: 0;
  }
  .mix .car_money_info .dd_1 li.mix_li_3 span.str {
    font-size: 11px;
  }
  .mix .car_money_info .dd_1 li.mix_li_3 {
    font-size: 11px;
  }
  .box_car_ltem .box_cararea dl.type1 dd.mark_area .blue_mark span {
    font-size: 9px;
  }
  .now_exit_car .online_top_tab li a {
    font-size: 9px;
    letter-spacing: -0.08em;
  }
  .now_exit_car .online_car_list li .car_info_bottom {
    min-height: 160px;
  }
  .btn_fav {
    padding: 0 5px;
  }
  .bid_join_3 dl {
    padding: 40px 0;
  }
  .bid_join_3 .btn_area li a {
    min-width: inherit;
    width: 100px;
    font-size: 10px;
  }
  .now_exit_car .online_car_list li .car_info_bottom dd.btn_fav li {
    font-size: 11px;
  }
  .now_exit_car .online_car_list li .car_info_bottom dd.btn_fav li span.nums {
    font-weight: bold;
    font-size: 13px;
    vertical-align: middle;
  }
  .now_exit_car .online_car_list li .car_info_bottom dd.btn_fav li + li span {
    display: none;
  }
  .now_exit_car .online_car_list li .car_info_bottom dd.btn_fav li + li {
    text-align: right;
  }
  .now_exit_car .online_car_list li .car_info_bottom dd.btn_fav li + li img {
    vertical-align: middle;
    padding-right: 5px;
  }
  .car_box .view > a img {
    max-height: 360px;
  }
  .date.mobileOff {
    display: none;
  }
  .date.mobileOn {
    display: block;
  }
  .online_car_list.carList01 .bookMark {
    bottom: 0.6510416vw;
    right: 0.6510416vw;
  }
  .online_car_list.carList01 .bookMark .btn_bookMark {
    background-size: 6.2083vw 5.947916vw;
  }
  .online_car_list.carList01 .bookMark.on .btn_bookMark {
    background-size: 6.2083vw 5.947916vw;
  }
  .my_notice_car_list .box_car_ltem .bookMark {
    bottom: 0.6510416vw;
    right: 0.6510416vw;
  }
  .my_notice_car_list .box_car_ltem .bookMark .btn_bookMark {
    background-size: 6.2083vw 5.947916vw;
  }
  .my_notice_car_list .box_car_ltem .bookMark.on .btn_bookMark {
    background-size: 6.2083vw 5.947916vw;
  }
  .my_pub_car_list .box_car_ltem .bookMark {
    bottom: 0.6510416vw;
    right: 0.6510416vw;
  }
  .my_pub_car_list .box_car_ltem .bookMark .btn_bookMark {
    background-size: 6.2083vw 5.947916vw;
  }
  .my_pub_car_list .box_car_ltem .bookMark.on .btn_bookMark {
    background-size: 6.2083vw 5.947916vw;
  }
  .view_left .bookMark {
    bottom: 3.734375vw;
    right: 4.385416vw;
    width: 6.2083vw;
    height: 5.947916vw;
  }
}

/*  480 : e  */
/*  430 : s  */
@media only all and (max-width: 430px) {
  ul.m_product_list li {
    width: 110px;
  }
  ul.m_product_list li label span {
    padding-top: 88px;
  }
}

/*  430 : e  */
/*  400 : s  */
@media only all and (max-width: 400px) {
  ul.m_product_list li {
    width: 105px;
  }
}

/*  400 : e  */
/*  380 : s  */
@media only all and (max-width: 380px) {
  ul.m_product_list li {
    width: 100px;
  }
  ul.m_product_list li label span {
    padding-top: 80px;
  }
}

/*  380 : e  */
/*  375 : s  */
@media only all and (max-width: 375px) {
  .car_list .box_car_ltem .box_cararea dl.type1 {
    min-height: 290px;
  }
  .display_sd .box_car_ltem .box_cararea dl.type1 {
    height: 290px;
  }
  .best_car_list .box_car_ltem .box_cararea dl {
    height: 245px;
  }
  .mypage .box_car_ltem .box_cararea dl.type1 {
    height: 290px;
  }
  .car_list .hd_list .box_car_ltem .box_cararea dl.type1 {
    min-height: 260px;
  }
  /* 161207 개인정보 처리 취급방식 변경 */
  .main_online .simple_qa li.li_3 label {
    letter-spacing: -1px;
  }
  .main_online .simple_qa li.li_3 a {
    font-size: 12px;
  }
  .ap_state_chk .ap_state_inp dd li:after {
    left: 4px;
  }
  /* 20171211 red members */
  ul.m_product_list li {
    width: 108px;
  }
  ul.m_product_list li label span {
    height: 126px;
    padding-top: 85px;
  }
  #inform_box00 {
    padding: 0.5em;
  }
  #inform_box00 dl {
    padding: 0.5em;
  }
}

/*  375 : e  */
/*  360 : s  */
@media only all and (max-width: 360px) {
  .company .center_intro .division .main_num {
    top: 50px;
    left: 0;
  }
  .lease_infos dl {
    font-size: 11px;
  }
  .lease_infos dl:nth-child(2), .lease_infos dl:nth-child(4) {
    text-align: right;
  }
  .car_list .box_car_ltem .box_cararea dl.type1 {
    min-height: 285px;
  }
  .display_sd .box_car_ltem .box_cararea dl.type1 {
    height: 285px;
  }
  .car_list .hd_list .box_car_ltem .box_cararea dl.type1 {
    min-height: 255px;
  }
  .best_car_list .box_car_ltem .box_cararea dl {
    height: 240px;
  }
  .last_info_car dd b {
    width: 127px;
  }
  .mypage .box_car_ltem .box_cararea dl.type1 {
    height: 285px;
  }
  .online_car_list li .car_info_bottom dd li.fect {
    font-size: 11px;
  }
  .mix_info_area {
    margin: 15px 0 0 0;
  }
  .mix_info_area li {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .mix_info_area li dd:before {
    content: ":";
    display: inline-block;
    margin-right: 10px;
  }
  .mix_info_area li dl {
    padding-left: 80px;
  }
  .mix_info_area li p.mix_dealer a {
    left: inherit;
    right: 0;
  }
  .box_car_ltem .box_cararea dl.type1 dd.mark_area .blue_mark {
    width: 50%;
  }
  .online_car_list li .car_info_bottom dd li.fect.cycle p {
    height: 14px;
    line-height: 14px;
  }
  .now_exit_car .online_car_list li .car_info_bottom {
    min-height: 145px;
  }
  .now_exit_car .online_car_list li .car_info_bottom dd li {
    font-size: 10px;
  }
  .now_exit_car .online_car_list li .car_info_bottom dt:first-child {
    font-size: 12px;
    min-height: 29px;
  }
  .now_exit_car .online_car_list li .car_info_bottom dt:nth-child(2) {
    font-size: 12px;
  }
  /* 161207 개인정보 처리 취급방식 변경*/
  .m_simple_counsel .agree_area {
    letter-spacing: -1px;
  }
  .main_online .simple_qa li.li_3 div.chk_agr2 {
    padding-left: 5px;
  }
  .car_box .view > a img {
    max-height: 330px;
  }
}

/*  360 : e  */
@media only all and (max-width: 320px) {
  .car_list .box_car_ltem .box_cararea dl.type1 {
    min-height: 270px;
  }
  .display_sd .box_car_ltem .box_cararea dl.type1 {
    height: 270px;
  }
  .best_car_list .box_car_ltem .box_cararea dl {
    height: 225px;
  }
  .best_car_list .box_car_ltem .box_cararea dl.type1 dd.btn li a {
    font-size: 10px;
  }
  .best_car_list .box_car_ltem .box_cararea dl.type1 dd ul.date_money li.li_2 p.money {
    font-size: 10px;
  }
  .mypage .box_car_ltem .box_cararea dl.type1 {
    height: 270px;
  }
  .car_list .hd_list .box_car_ltem .box_cararea dl.type1 {
    min-height: 240px;
  }
  /* 161207 개인정보 처리 취급방식 변경 */
  .simple_qa {
    padding: 10px;
  }
  .simple_qa li.li_3,
  .simple_qa li.li_3 a {
    font-size: 12px;
  }
  .m_main .chk_area {
    font-size: 0;
  }
  .m_simple_counsel .cont_simpleCounsel .chk_area input[type=checkbox] {
    vertical-align: top;
    margin-top: 11px;
    margin-bottom: 9px;
  }
  .m_main .agree_area .agree_chk2 {
    margin-left: 3px;
  }
  .main_online .simple_qa li.li_3 {
    height: 55px;
  }
  .main_online .simple_qa li.li_3 div.chk_area {
    float: none;
  }
  .main_online .simple_qa li.li_3 div.chk_agr2 {
    float: right;
  }
  .main_online .simple_qa li.li_3 a {
    clear: both;
    float: none;
  }
  .ap_state_chk .ap_state_inp dd select {
    padding-left: 0;
  }
  .ap_state_chk .ap_state_inp dd li:after {
    left: 3px;
  }
  /* 20171129 리스승계 금액 버튼 */
  .m_srch_wrap_area .select_tab.m320_Btn li {
    width: 50%;
  }
  .m_srch_wrap_area .select_tab.m320_Btn li:nth-child(1) a,
  .m_srch_wrap_area .select_tab.m320_Btn li:nth-child(2) a {
    border-bottom: 0;
  }
  .m_srch_wrap_area .select_tab.m320_Btn li:nth-child(3) a {
    border-left: 1px solid #c1c1c1;
  }
  /* 20171211 red members */
  ul.m_product_list li {
    width: 90px;
  }
  ul.m_product_list li label span {
    height: 105px;
    padding-top: 66px;
  }
}

/*  320 : e  */
/* ie8 hack */
@media \0screen {
  .iMore {
    left: 0 !important;
    top: 0 !important;
  }
}

/* 20170824 이유있는오토인사이드 이미지영역/hover 익스9부터적용 */
div.reason_bgBox {
  width: 100%;
  height: 258px !important;
  background: url(../images/bg_auctionWhy.gif) no-repeat 0 0;
}

/* 20170825 후기페이지 레이아웃 수정 line_1673*/
.reviewBox h3 {
  background: url("../images/review_ico_04_03.gif") no-repeat 0 2px;
  font-weight: normal;
  color: #666;
  padding-left: 20px;
}

.reviewBox h3 span.fwb {
  font-size: 15px;
  color: #2c77bc;
}

.reviewBox h3 span.date {
  font-size: 12px;
}

div.reviewPhoto {
  display: none;
}

.reviewBox em {
  color: #888;
}

.reviewBox p {
  line-height: 18px;
}

/* 20180330_대구 성능 점검센터 이전안내 팝업 */
div.popBG {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 101;
}

#bnr_pop {
  display: none;
  z-index: 102;
  position: relative;
}

#bnr_Close {
  display: block;
  background: url(../images/main/icon_close_x.png) 0 0 no-repeat;
  background-size: contain;
  width: 25px;
  height: 23px;
  position: absolute;
  top: 5px;
  right: -30px;
  text-indent: -99999px;
  outline: none;
  -webkit-outline: none;
}

/* ========================모달팝업======================= */
.modal-wrap {
  overflow: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1px;
  z-index: 10001;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.modal-wrap .modal-content {
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 800px;
  background: #fff;
  border: 1px solid #acacac;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.modal-wrap .head {
  width: 100%;
  padding: 20px 30px;
  font-size: 18px;
  color: #111;
  background: #f9f9f9;
  border-bottom: 1px solid #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.modal-wrap .pop_content {
  padding: 0;
  -webkit-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
}

.modal-wrap .btn_modalpopupClose {
  display: block;
  position: absolute;
  top: 11px;
  right: 11px;
}

.modal-wrap .btn_modalpopupClose img {
  width: 20px;
  height: 20px;
}

.modal-wrap.car_history .btn_modalpopupClose {
  top: 20px;
  right: 20px;
}

.modal-wrap input[type="text"] {
  text-indent: 10px;
  height: 40px;
  line-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.modal-wrap input[type="password"] {
  text-indent: 10px;
  height: 40px;
  line-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.overlay {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  z-index: 10000;
}

.modal-wrap .pop_content .pop_header {
  text-align: left;
  height: 46px;
  line-height: 46px;
  font-size: 18px;
  color: #fff;
  background: #555;
  padding: 0 20px;
}

.modal-wrap .pop_body {
  padding: 20px;
}

.modal-wrap.modalPopup_mc_sh .modal-content {
  max-width: 500px;
}

.modal-wrap.hot_mark .modal-content {
  max-width: 500px;
}

/* =====================일반팝업====================== */
.popup_basic .pop_head {
  background: url(../images/old/bg_header.gif) repeat-x left top;
  height: 60px;
  padding: 0 15px;
  position: relative;
}

.popup_basic .pop_head h2 {
  line-height: 60px;
  color: #fff;
  font-size: 16px;
  text-align: left;
}

.popup_basic .pop_close {
  position: absolute;
  right: 15px;
  top: 20px;
}

.popup_basic .pop_close img {
  width: 20px;
  height: 20px;
}

.popup_basic .pop_body {
  padding: 20px 0;
}

/**/
.pop_body.notice {
  padding: 20px 10px;
}

/*comparision*/
.pop_body.comparison {
  padding: 10px;
}

.pop_body.comparison .pop_table_02 tbody td {
  padding: 0 10px;
  text-align: left;
}

.pop_body.comparison .pop_table_02 tbody td.blue_txt {
  font-weight: bold;
}

/* 아디찾기  */
.pop_body.find_pop_id h3 {
  font-size: 16px;
  margin: 10px 0;
  text-indent: 10px;
  line-height: 1;
}

.pop_table {
  width: 100%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.pop_table td {
  text-align: center;
  background: #eee;
  height: 50px;
  vertical-align: middle;
}

.pop_table td ul {
  display: inline-block;
}

.pop_table td ul li {
  float: left;
}

.pop_table td span {
  color: #2d78bc;
  font-weight: bold;
  display: inline-block;
}

.pop_table td input.id_srch {
  margin: 0 10px;
}

.pop_table td input {
  vertical-align: middle;
  height: 20px;
}

.pop_table td .btn_srch {
  background: #888;
  color: #fff;
  height: 20px;
  line-height: 22px;
  padding: 0 10px;
  display: inline-block;
}

/* detail_price */
.pop_body.detail_price {
  padding: 20px;
}

.pop_body.detail_price .blue_txt {
  color: #2c77bc;
  margin-bottom: 10px;
}

.pop_table_02 {
  width: 100%;
  border-bottom: 1px solid #cbd2da;
  margin-bottom: 30px;
  border-top: 1px solid #999;
}

.pop_table_02 th {
  background: #F5F5F5;
  color: #8093A4;
  border-right: 1px solid #cbd2da;
  border-top: 1px solid #cbd2da;
  padding: 10px 0;
  vertical-align: middle;
}

.pop_table_02 td {
  border-right: 1px solid #ccc;
  text-align: center;
  border-top: 1px solid #ccc;
  vertical-align: middle;
  height: 40px;
  background: #fff;
}

.pop_table_02 th.last {
  border-right: 0;
}

.pop_table_02 td.last {
  border-right: 0;
}

.pop_table_01 {
  border-top: 1px solid #999;
  width: 100%;
}

.pop_table_01 th {
  text-align: left;
  background: #f5f5f5;
  border-bottom: 1px solid #999;
  vertical-align: middle;
  padding: 0 10px;
  color: #888;
  font-size: 13px;
}

.pop_table_01 td {
  padding: 10px;
  border-bottom: 1px solid #999;
}

.pop_table_01 .last {
  border-bottom: 0;
}

.pop_table_01 td input {
  height: 22px;
  vertical-align: middle;
}

.pop_table_01 td input[type=text] {
  width: 15%;
  padding: 0 10px;
}

.pop_table_01 td input[type=password] {
  width: 15%;
  padding: 0 10px;
}

.pop_table_01 td select {
  width: 20%;
  height: 24px;
}

.pop_table_01 td span {
  margin-right: 10px;
}

/* photo_register */
.pop_body.photo_register {
  padding: 15px;
}

.pop_body.photo_register .pop_table td {
  height: 100px;
}

.pop_body.photo_register .pop_table td .bd {
  border: 1px solid #ccc;
  padding: 3px;
  background: #fff;
  margin-bottom: 10px;
}

.pop_body.photo_register .bottom_ul {
  margin-top: 15px;
}

.pop_body.photo_register .bottom_ul li {
  color: #555;
}

.pop_body.photo_register .bottom_ul span {
  font-weight: bold;
}

/* bidding */
.pop_body.bidding {
  padding: 15px;
}

.pop_body.bidding .pop_table_02 td.extra {
  padding: 5px;
}

.pop_body.bidding .pop_table_02 td dt {
  float: left;
}

.pop_body.bidding .pop_table_02 td dd {
  float: left;
  padding: 20px 0 0 15px;
  width: 45%;
}

.pop_body.bidding .pop_table_02 td dd p {
  text-align: left;
}

.pop_body.bidding .pop_table_02 td dd .dd_span {
  color: #fff;
  background: #64a5cb;
  display: inline-block;
  border: 1px solid #427ca1;
  margin-right: 5px;
}

.pop_body.bidding .pop_table_02 td.top {
  font-weight: bold;
  color: #2c77bb;
}

/* customize_car */
.pop_body.customize_car {
  padding: 15px;
}

.pop_body.customize_car .pop_h3 {
  position: relative;
}

.pop_body.customize_car .pop_h3 span {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
}

.pop_body.customize_car h3 {
  margin: 20px 0 5px;
}

.pop_body.customize_car .pop_table_01 .td_w select {
  width: 100%;
}

.pop_body.customize_car .pop_table_01 .chk_list li {
  width: 20%;
  float: left;
}

/* calculator */
.pop_body.calculator {
  padding: 48px 30px 40px 30px;
}

.pop_body.calculator .bottom_area {
  position: relative;
}

.pop_body.calculator .bottom_area .btn_reset {
  position: absolute;
  top: 10px;
  right: 10px;
}

.pop_body.calculator .bottom_area .txt {
  padding-top: 10px;
}

.pop_body.calculator .fw_bold {
  font-weight: bold;
}

.pop_body.calculator .pop_table_01 td input {
  color: #2c77bc;
  text-align: right;
  font-weight: bold;
}

.pop_body.calculator .blue_txt {
  color: #2c77bc;
  margin-bottom: 10px;
}

.pop_body.calculator .pop_table_02 {
  margin-top: 30px;
  margin-bottom: 0;
}

.pop_body.calculator .btn_reset {
  z-index: 2;
}

.pop_body.calculator .btn_reset a span {
  background: url("../images/reset_03.gif") no-repeat left center;
  padding-left: 15px;
}

.pop_body.calculator .btn_reset.v2 a span {
  background: url("../images/search_03.gif") no-repeat left center;
  padding-left: 15px;
}

.pop_body.calculator .btn_area li span {
  background: url("../images/header_search.png") no-repeat left center;
  padding-left: 25px;
}

.pop_body.calculator .btn_area {
  padding-top: 0;
  margin-top: 40px;
}

/* calculator_return */
.pop_body.calculator_return {
  padding: 15px;
}

.pop_body.calculator_return .p_tit {
  padding: 10px;
}

.pop_body.calculator_return .pop_box {
  background: #ecf5fe;
  border: 1px solid #cfdbe7;
  height: 43px;
  line-height: 43px;
}

.pop_body.calculator_return .pop_box p {
  color: #3d72a4;
  font-weight: bold;
  text-indent: 10px;
}

.pop_body.calculator_return .bottom_info {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  margin-top: 35px;
}

.pop_body.calculator_return .bottom_info ul {
  padding: 10px;
}

.pop_body.calculator_return .bottom_info li {
  padding-left: 10px;
  text-indent: -10px;
  line-height: 1.5;
  color: #888;
}

/*허위매물신고*/
.pop_body.false {
  padding: 10px;
}

.pop_body.false table.pop_table_01 .titarea input {
  padding: 0;
  width: 100%;
}

.pop_body.false table.pop_table_01 .contarea textarea {
  width: 100%;
  min-height: 60px;
}

.pop_body.false .pop_table_01 td input {
  vertical-align: top;
}

.pop_body.false .btn_area li a {
  min-width: 50px;
}

.pop_body.false .bottom_area {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

.pop_body.false .bottom_area li {
  color: #666;
  margin-bottom: 5px;
}

/*매매상사지도보기*/
.pop_body.dealer_map {
  padding: 10px;
  position: relative;
}

.pop_body.dealer_map .p_tit {
  font-size: 18px;
  color: #555;
  margin-bottom: 10px;
  font-weight: bold;
  background: url("../images/icon_arrow.gif") no-repeat left center;
  text-indent: 15px;
}

.pop_body .pa_print {
  position: absolute;
  right: 10px;
  top: 10px;
}

.pop_body .pa_print a {
  border: 1px solid #999;
  background: #fffbff;
  display: inline-block;
  padding: 5px 10px;
}

.pop_body .pa_print span {
  background: url("../images/ico_car_view_02.gif") no-repeat left center;
  padding-left: 20px;
}

.pop_body.dealer_map .dealer {
  border-top: 1px solid #637d95;
  border-bottom: 1px solid #637d95;
  position: relative;
  padding: 10px;
  margin-bottom: 20px;
}

.pop_body.dealer_map .dealer .pa_img {
  position: absolute;
  top: 10px;
  left: 10px;
}

.pop_body.dealer_map .dealer .pa_img img {
  width: 60px;
  height: 70px;
}

.pop_body.dealer_map .dealer .dealer_info {
  padding-left: 80px;
}

.pop_body.dealer_map .dealer .dealer_info dl {
  position: relative;
  min-height: 25px;
}

.pop_body.dealer_map .dealer .dealer_info dt {
  position: absolute;
  width: 110px;
  color: #8093a4;
  font-weight: bold;
}

.pop_body.dealer_map .dealer .dealer_info dd {
  padding-left: 110px;
}

.pop_body.dealer_map .dealer .dealer_info dd .blue_txt {
  font-weight: bold;
}

.pop_body.dealer_map .dealer .dealer_info dd .nm {
  border: 1px solid #999;
  background: #96831d;
  padding: 0 5px;
  font-size: 11px;
  color: #fff;
  letter-spacing: -1.5px;
  line-height: 18px;
  display: inline-block;
}

.pop_body.dealer_map .dealer .dealer_info dd .btn_w {
  border: 1px solid #999;
  background: #fffbff;
  padding: 0 5px;
  font-size: 11px;
  display: inline-block;
  height: 15px;
}

.pop_body.dealer_map .trade_boss table {
  border-top: 1px solid #637d95;
  width: 100%;
}

.pop_body.dealer_map .trade_boss table th {
  text-align: left;
  color: #8093a4;
  padding: 10px;
  border-bottom: 1px solid #d3dae1;
}

.pop_body.dealer_map .trade_boss table th.last {
  border-bottom: 0;
}

.pop_body.dealer_map .trade_boss table td {
  text-align: left;
  padding: 10px;
  border-bottom: 1px solid #d3dae1;
}

.pop_body.dealer_map .trade_boss table td.map img {
  max-width: 500px;
  width: 100%;
}

.pop_body.dealer_map .trade_boss table td.last {
  border-bottom: 0;
}

.pop_body.dealer_map .trade_boss .caution {
  color: #000;
}

.pop_body.dealer_map .trade_boss .caution .caution_p {
  margin-bottom: 10px;
  color: #8093a4;
  font-weight: bold;
}

/*인쇄하기*/
.pop_body.car_list_view {
  padding: 10px;
  position: relative;
}

.pop_body.car_list_view h3 {
  background: url("../images/icon_arrow.gif") no-repeat left center;
  text-indent: 20px;
  border-bottom: 1px solid #333;
  padding-bottom: 5px;
  font-size: 18px;
}

.pop_body.car_list_view .option {
  font-weight: bold;
  padding: 20px;
}

.pop_body.car_list_view .view_top_area {
  margin-top: 35px;
  margin-bottom: 20px;
}

.pop_body.car_list_view .car_name {
  background: #fff;
  border: 1px solid #ccc;
}

.pop_body.car_list_view .car_name dt p {
  color: #323846;
  float: left;
}

.pop_body.car_list_view .car_name dd ul {
  color: #323846;
  float: right;
}

.pop_body.car_list_view .pa_print.v2 {
  position: absolute;
  top: 96%;
  left: 50%;
}

.pop_body.car_list_view .view_tab1_con .check_area li .p_tit {
  font-size: 12px;
}

.pop_body.car_list_view .view_tab1_con .check_area li .p_on {
  font-size: 13px;
}

.pop_body.car_list_view .view_tab1_con .check_area li .p_off {
  font-weight: normal;
}

.pop_body.car_list_view .view_left {
  width: 49%;
  float: left;
}

.pop_body.car_list_view .view_left .car_box img {
  width: 100%;
}

.pop_body.car_list_view .view_right {
  float: right;
  width: 49%;
  min-height: 209px;
}

.pop_body.car_list_view .view_right > .top {
  padding: 0 0;
}

.pop_body.car_list_view .view_right > .top .main_info {
  float: left;
  width: 50%;
  margin-bottom: 0;
}

.pop_body.car_list_view .view_right > .top .sub_info {
  float: right;
  width: 50%;
}

.pop_body.car_list_view .view_right > .top .sub_info li {
  background: none;
  padding-left: 0;
  margin-left: 0;
  font-size: 12px;
  float: none;
  margin-bottom: 5px;
  text-align: left;
}

.pop_body.car_list_view .view_right > .top .main_info li {
  background: none;
  padding-left: 0;
  margin-left: 0;
  font-size: 12px;
  float: none;
  margin-bottom: 5px;
  font-weight: normal;
  text-align: left;
}

.pop_body.car_list_view .view_right > .top .main_info li.li_1:before {
  content: "연식 :";
  width: 42%;
  margin-right: 5px;
  display: inline-block;
  font-weight: bold;
}

.pop_body.car_list_view .view_right > .top .main_info li.li_2:before {
  content: "주행거리 :";
  width: 42%;
  margin-right: 5px;
  display: inline-block;
  font-weight: bold;
}

.pop_body.car_list_view .view_right > .top .main_info li.li_4:before {
  content: "연료 :";
  width: 42%;
  margin-right: 5px;
  display: inline-block;
  font-weight: bold;
}

.pop_body.car_list_view .view_right > .top .main_info li.li_5:before {
  content: "배기량 :";
  width: 42%;
  margin-right: 5px;
  display: inline-block;
  font-weight: bold;
}

.pop_body.car_list_view .view_right > .top .sub_info li:nth-child(1):before {
  content: "변속기 :";
  width: 42%;
  margin-right: 5px;
  display: inline-block;
  font-weight: bold;
}

.pop_body.car_list_view .view_right > .top .sub_info li:nth-child(2):before {
  content: "차량번호 :";
  width: 42%;
  margin-right: 5px;
  display: inline-block;
  font-weight: bold;
}

.pop_body.car_list_view .view_right > .top .sub_info li:nth-child(3):before {
  content: "차색 :";
  width: 42%;
  margin-right: 5px;
  display: inline-block;
  font-weight: bold;
}

.pop_body.car_list_view .view_right > .top .sub_info li:nth-child(4):before {
  content: "엔진 :";
  width: 42%;
  margin-right: 5px;
  display: inline-block;
  font-weight: bold;
}

.pop_body.car_list_view .car_name_info {
  padding: 15px 10px;
  margin-bottom: 7px;
  background: #fff;
}

.pop_body.car_list_view .car_money_info {
  min-height: inherit;
  padding: 0 15px;
  margin-bottom: 14px;
  text-align: right;
}

.pop_body.car_list_view .car_money_info dt {
  height: 15px;
  line-height: 20px;
  font-size: 12px;
}

.pop_body.car_list_view .car_money_info dt span {
  font-size: 20px;
}

.pop_body.car_list_view .car_money_info dd {
  display: none;
}

.pop_body.car_list_view .view_top_area .btn_org {
  display: none;
}

.pop_body.car_list_view .sell_info .top {
  display: none;
}

.pop_body.car_list_view .sell_info .bottom {
  background: #fff;
  padding-top: 15px;
  padding-bottom: 0;
  min-height: inherit;
}

.pop_body.car_list_view .sell_info .bottom dl {
  padding-right: 0;
}

.pop_body.car_list_view .view_right > .bottom {
  display: none;
  padding-left: 0;
}

.pop_body.car_list_view .sell_info {
  margin-top: 10px;
  border-top: 1px solid #ccc;
}

.pop_body.car_list_view .sell_info .bottom dl {
  padding-right: 5%;
}

.pop_body.car_list_view .sell_info .bottom dl dt {
  width: 33%;
  font-size: 12px !important;
}

.pop_body.car_list_view .sell_info .bottom dl dd:nth-child(2) {
  float: right;
  width: 60%;
  text-align: right;
  font-size: 11px;
}

.pop_body.car_list_view .sell_info .bottom dl dd:nth-child(3) {
  display: none;
}

.pop_body.car_list_view .view_bottom_area .car_view_tab {
  display: none;
}

.pop_body.car_list_view .view_tab4_con {
  padding: 20px;
}

/* 0526 윤이슬 주소검색 */
.modal-wrap.pop_zip .modal-content {
  max-width: 600px;
}

table.pop_table_zip {
  width: 100%;
  border-top: 2px solid #637d95;
  table-layout: fixed;
}

table.pop_table_zip thead th {
  background: #f5f5f5;
  border-bottom: 1px solid #bec8d2;
  font-family: dotum;
  font-size: 11px;
  color: #8093a4;
  height: 34px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
}

table.pop_table_zip tbody td {
  background: #fff;
  border-bottom: 1px solid #d3dae1;
  font-family: dotum;
  font-size: 12px;
  color: #555;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  padding: 0 15px;
}

table.pop_table_zip tbody td.tit {
  text-align: left;
}

table.pop_table_zip tbody td.tit a {
  color: #555;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  overflow: hidden;
}

table.pop_table_zip .red {
  width: 31px;
  height: 17px;
  line-height: 19px;
  display: inline-block;
  margin-right: 10px;
  background: #f7666c;
  border: 1px solid #d86368;
  color: #fff;
  text-align: center;
}

table.pop_table_zip .gray {
  width: 31px;
  height: 17px;
  line-height: 19px;
  display: inline-block;
  margin-right: 10px;
  background: #c2c2c2;
  border: 1px solid #b5b5b5;
  color: #fff;
  text-align: center;
}

table.pop_table_zip.adr_t_stl tbody td {
  padding: 0 15px;
  vertical-align: middle;
}

.pop_zip .adr_form h1, .pop_zip h1 {
  padding: 5px 0;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0;
}

.pop_zip .adr_table {
  margin-top: 20px;
}

.pop_zip .adr_table .addr_list {
  margin-bottom: 10px;
}

.pop_zip .adr_table p {
  font-size: 14px;
}

.pop_zip .adr_table p a span {
  font-size: 14px;
}

.pop_zip .adr_t_stl td p {
  padding: 8px 0;
  font-size: 14px;
}

.pop_zip .adr_t_stl td ul li {
  margin-bottom: 5px;
}

.pop_zip .adr_t_stl span.btn_search {
  background: #2c77bc;
  text-align: center;
  height: 30px;
  line-height: 30px;
  display: block;
  width: 100%;
  margin-top: 5px;
}

.pop_zip .adr_t_stl span.btn_search a {
  color: #fff;
  display: block;
  font-size: 14px;
}

.pop_zip .adr_t_stl select {
  height: 26px;
  width: 100%;
}

.adr_t_stl input[type="radio"] {
  vertical-align: sub;
}

.adr_t_stl input[type="text"] {
  height: 26px;
  width: 100%;
  line-height: 26px;
}

.pop_zip {
  padding: 10px;
}

.pop_zip table.pop_table_zip {
  border-bottom: 2px solid #637d95;
}

.pop_zip table.pop_table_zip tbody td {
  border-bottom: 0;
}

.pop_zip table.pop_table_zip tbody td label {
  font-size: 14px;
  vertical-align: middle;
}

.pop_zip table.pop_table_zip tbody .selectAddress td {
  border-bottom: 1px solid #e4e4e4;
}

.pop_zip table.pop_table_zip tbody .selectAddress td img {
  vertical-align: sub;
}

.pop_zip .addr_list {
  border-bottom: 1px solid #ccc;
  height: 300px;
  overflow-y: scroll;
}

.pop_zip .addr_list table.pop_table_zip {
  border: 0;
  height: 100%;
}

.pop_zip .addr_list table.pop_table_zip td {
  line-height: 30px;
  color: #2c76bc;
}

.pop_zip .addr_list .table_01 {
  border-top: 0;
}

.pop_zip .adr_th td {
  background: #eee;
}

.pop_zip .adr_t_stl td {
  background: #eee;
}

.modal-wrap.simple_buy_counsel .modal-content {
  max-width: 360px;
}

/* 성능점검 팝업 하단 */
.pop_bottom_etc dd {
  font-size: 20px;
  letter-spacing: -0.08em;
}

.pop_bottom_etc dd.ta_r {
  font-size: 16px;
}

.pop_bottom_etc dd span {
  width: 210px;
  display: inline-block;
}

/* 입찰자 등록 및 수정 */
.pop_body.mod {
  padding: 20px 10px;
}

/* */
.join_info_pop .pop_body .p_tit {
  font-size: 15px;
  color: #111;
  margin-bottom: 10px;
  font-weight: bold;
  background: url("../images/icon_arrow.gif") no-repeat left 5px;
  padding-left: 15px;
}

.info_step p {
  font-size: 13px;
  color: #555;
}

.info_step p strong {
  font-size: 14px;
  color: #111;
}

.info_step {
  margin-bottom: 15px;
}

.info_blue_box {
  background: #f5f5f5;
  padding: 15px;
  margin-bottom: 10px;
  position: relative;
}

.info_blue_box p {
  color: #8093a4;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 8px;
}

.info_blue_box ul > li {
  text-indent: -13px;
  padding-left: 10px;
  font-weight: bold;
  margin-bottom: 5px;
}

.info_blue_box ul > li.sub {
  text-indent: 0;
  font-weight: normal;
}

.info_blue_box span {
  text-indent: 0;
  margin-left: 10px;
}

.info_blue_box div {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

.info_blue_box div a {
  background: #5d7283;
  display: inline-block;
  padding: 0 10px;
  color: #fff;
  height: 24px;
  line-height: 22px;
  font-size: 12px;
}

/* 내차팔기 신청현황*/
/* .pop_body.appli_state{padding: 15px;} */
.pop_body.appli_state table.pop_box {
  border-top: 1px solid #637d95 !important;
  border-bottom: 1px solid #637d95 !important;
}

.pop_body.appli_state .car_tit {
  font-size: 30px;
  color: #2c77bc;
  font-weight: bold;
  margin-bottom: 30px;
}

.pop_body.appli_state .state_tit {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 30px;
}

.pop_body.appli_state .pop_appli_step1 {
  border-bottom: 1px solid #637d95;
}

.pop_body.appli_state .pop_appli_step1 .pop_table_02 {
  border-top: 1px solid #637d95;
  border-bottom: none;
  margin-bottom: 0;
}

.pop_body.appli_state .pop_appli_step1 .pop_table_02 td {
  padding: 10px 10px;
  height: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pop_body.appli_state .pop_appli_step1 .pop_table_02 td img {
  width: 100%;
  max-width: 320px;
}

.pop_body.appli_state .pop_appli_step3 .table_03 th {
  border-right: 1px solid #d3dae1;
}

.pop_body.appli_state .pop_appli_step3 .table_03 td {
  text-align: center;
  border-right: 1px solid #d3dae1;
}

.pop_body.appli_state.online_list_view .pop_appli_step4.view_tab1_con {
  border: 0;
  padding: 0;
  position: relative;
}

.table_03.sun th {
  border-right: 1px solid #d3dae1;
}

.table_03.sun td {
  text-align: center;
  border-right: 1px solid #d3dae1;
}

/* 입찰 ID 추가 안내  */
.pop_body.pop_acution_info {
  padding: 30px;
}

.pop_body.pop_acution_info p.blue_txt {
  letter-spacing: -0.05em;
  line-height: 1.5;
}

.pop_acution_info dl {
  position: relative;
  padding-left: 220px;
  min-height: 110px;
}

.pop_acution_info dt {
  position: absolute;
  left: 0;
  top: 0;
}

.pop_acution_info dd.tit {
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 15px;
}

.pop_acution_info dd.sub_tit {
  letter-spacing: -0.05em;
  line-height: 1.6;
  font-size: 14px;
}

.pop_acution_info th {
  color: #000;
}

.pop_acution_info .btn_area a {
  width: 200px;
}

/* popup_scroll box */
.pop_body.mute {
  padding: 15px;
}

.pop_body.mute .pop_table_02 td {
  padding: 0 10px;
}

.pop_scroll_box {
  padding: 10px 20px;
  border: 1px solid #d3dae1;
  overflow-y: auto;
  max-height: 150px;
  min-height: 100px;
  margin: 15px 0;
  overflow-y: scroll;
}

.mute_p {
  font-size: 17px;
}

.modal-wrap.absentee .modal-content {
  max-width: 600px;
}

/* 1024 :: start */
@media only all and (max-width: 1024px) {
  .modal-wrap .modal-content {
    max-width: 800px;
  }
}

/* 768 :: start */
@media only all and (max-width: 768px) {
  .modal-wrap .modal-content {
    max-width: 768px;
  }
  .popup_basic .pop_body.ai_policy_h .ai_policy_cont {
    margin: 0 auto;
  }
  .pop_body.pop_carhistory .ch_box {
    background: #fff;
    border: 2px solid #999;
    width: auto;
    height: auto;
  }
  .pop_body.pop_carhistory .ch_box p {
    padding: 10px;
  }
  .info_blue_box span {
    display: block;
    margin-left: 0;
    margin-top: 5px;
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .pop_appli_step4 .m_cg a {
    background: #1d4d79;
    color: #fff;
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
  .modal-wrap.modalPopup_chart_m .modal-content {
    max-width: 520px;
  }
  .term_area_m ul {
    padding: 15px;
  }
  .term_area_m p {
    font-weight: bold;
    font-size: 16px;
    color: #333;
    min-width: 80px;
  }
  .term_area_m ul li {
    float: left;
    width: 33%;
    text-align: center;
  }
  .term_area_m ul li p {
    padding-left: 45px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    text-align: left;
  }
  .term_area_m ul li.term01 p {
    background: url("../images/Term01.png") no-repeat left center;
  }
  .term_area_m ul li.term02 p {
    background: url("../images/Term02.png") no-repeat left center;
  }
  .term_area_m ul li.term03 p {
    background: url("../images/Term03.png") no-repeat left center;
  }
  .term_area_m ul li.term04 p {
    background: url("../images/Term04.png") no-repeat left center;
  }
  .term_area_m ul li.term05 p {
    background: url("../images/Term05.png") no-repeat left center;
  }
  .term_area_m ul li.term06 p {
    background: url("../images/Term06.png") no-repeat left center;
  }
  .term_area_m ul li.term07 p {
    background: url("../images/Term07.png") no-repeat left center;
  }
  .pop_body.bidding .pop_table_02.media_table {
    border-top: 0;
  }
  .pop_body.bidding .pop_table_02.media_table th {
    display: none;
  }
  .pop_body.bidding .pop_table_02.media_table td {
    width: 100%;
    display: inline-block;
    height: inherit;
    padding: 10px 0;
    border-right: 0;
    text-align: left;
  }
  .pop_body.bidding .pop_table_02.media_table td.extra dl {
    display: inline-block;
    padding-left: 70px;
  }
  .pop_body.bidding .pop_table_02.media_table td.medi_date:before {
    content: '입찰일 : ';
    width: 70px;
    display: inline-block;
  }
  .pop_body.bidding .pop_table_02.media_table td.extra:before {
    content: '차량명 : ';
    width: 70px;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0;
  }
  .pop_body.bidding .pop_table_02.media_table td.medi_year:before {
    content: '연식 : ';
    width: 70px;
    display: inline-block;
  }
  .pop_body.bidding .pop_table_02.media_table td.medi_km:before {
    content: '주행거리 : ';
    width: 70px;
    display: inline-block;
  }
  .pop_body.bidding .pop_table_02.media_table td.medi_color:before {
    content: '색상 : ';
    width: 70px;
    display: inline-block;
  }
  .pop_body.bidding {
    padding: 15px;
  }
  .pop_body.bidding .pop_table_02 td.extra {
    padding: 5px;
  }
  .pop_body.bidding .pop_table_02 td dt {
    float: none;
  }
  .pop_body.bidding .pop_table_02 td dd {
    float: none;
    margin-top: 10px;
    padding: 0;
    width: 100%;
  }
  /* 768 : e */
}

/* 720 :: start */
@media only all and (max-width: 720px) {
  /* 내차팔기 나의신청현황 차량성능사고이력확인 */
  .applyClose {
    width: 5.83333vw;
    height: 5.83333vw;
    top: 5.55555vw;
  }
  .popup_basic .appli_state .carNm {
    font-size: 5.833vw;
    margin-bottom: 6.9445vw;
  }
  .popup_basic .appli_state .appli_carInfoWrap {
    padding: 8.334vw 9.722vw;
  }
  .popup_basic .appli_state .appli_carImg {
    width: 75.97223vw;
    height: 57.22vw;
  }
  .popup_basic .appli_state .appli_carImg .carouselBtn a {
    width: 7.778vw;
    height: 13.3334vw;
  }
  .popup_basic .appli_state .appli_carInfo {
    width: 75.97223vw;
    padding: 5.833vw 5.41667vw;
    margin-top: 5.555vw;
  }
  .popup_basic .appli_state .appli_carInfo li {
    padding-left: 3.6111vw;
    margin-bottom: 4.30555vw;
  }
  .popup_basic .appli_state .appli_carInfo li::before {
    width: 1.3277vw;
    height: 1.3277vw;
  }
  .popup_basic .appli_state .appli_carInfo li .infoTit {
    font-size: 3.75vw;
    width: 24.58333vw;
  }
  .popup_basic .appli_state .appli_carInfo li .infoCon {
    font-size: 3.75vw;
  }
  .popup_basic .appli_state .historyWrap {
    margin-top: 13.889vw;
  }
  .popup_basic .appli_state .appliTit {
    font-size: 5vw;
    margin-bottom: 6.9445vw;
  }
  .popup_basic .appli_state .historyWrap .historyCon {
    padding: 8.334vw;
  }
  .popup_basic .appli_state .historyWrap .historyCon li {
    width: 21.3332vw;
    margin-right: 4.4445vw;
  }
  .popup_basic .appli_state .historyWrap .historyCon li:nth-child(5) {
    margin-right: 5.4445vw;
  }
  .popup_basic .appli_state .historyWrap .historyCon li:nth-child(4),
  .popup_basic .appli_state .historyWrap .historyCon li:nth-child(5),
  .popup_basic .appli_state .historyWrap .historyCon li:nth-child(6),
  .popup_basic .appli_state .historyWrap .historyCon li:last-child {
    margin-top: 11.8055vw;
  }
  .popup_basic .appli_state .historyWrap .countNum {
    width: 5.5555vw;
    height: 5.5555vw;
    font-size: 3.19446vw;
  }
  .popup_basic .appli_state .historyWrap .itemTit {
    font-size: 3.689vw;
    letter-spacing: -0.3778vw;
  }
  .popup_basic .appli_state .historyWrap .itemPrice {
    font-size: 3.27223vw;
  }
  .popup_basic .appli_state .fnWrap {
    margin-top: 13.889vw;
  }
  .popup_basic .appli_state .fnWrap .fnCon li:first-child {
    margin-bottom: 4.1667vw;
  }
  .popup_basic .appli_state .fnWrap .fnCon li:nth-child(2) {
    margin-bottom: 4.1667vw;
  }
  .popup_basic .appli_state .fnWrap .fnTit {
    font-size: 4.1667vw;
    padding: 5.9722vw 0 1.80556vw;
  }
  .popup_basic .appli_state .fnWrap .fnTxt {
    font-size: 4.1667vw;
    padding: 1.80556vw 0 5.9722vw;
  }
  .popup_basic .appli_state .pop_appli_step4 {
    margin-top: 13.889vw;
  }
  .popup_basic .appli_state .applyClose02 {
    font-size: 4.4444vw;
    padding: 2.7777vw 0;
    width: 44.722222vw;
  }
  /* 내차팔기 나의신청현황 차량성능사고이력확인 */
}

@media only all and (max-width: 480px) {
  /* 신청현황 팝업 */
  .pop_body.appli_state .pop_appli_step1 .pop_table_02.tb_img {
    float: none;
    width: 100%;
  }
  .pop_body.appli_state .pop_appli_step1 .pop_table_02.tb_img th {
    width: 100%;
    display: block;
  }
  .pop_body.appli_state .pop_appli_step1 .pop_table_02.tb_img td {
    width: 100%;
    display: block;
    border-right: none;
  }
  .term_area_m ul li {
    width: 50%;
  }
}

/* 320 : s */
@media only all and (max-width: 360px) {
  .modal-wrap .modal-content {
    max-width: 320px;
  }
  .cmps_tit > p {
    letter-spacing: -1px;
  }
  .popup_basic .pop_head h2.h2_long_tit {
    font-size: 14px;
  }
  .cmps_info.cmps_chg .process_ser02 li,
  .cmps_info.cmps_chg .process_ser02 li:last-child {
    text-align: center;
  }
  .cmps_info.cmps_chg .process_ser02 li p {
    padding: 0;
    background-image: none;
  }
  .cmps_free .process_ser01 li span {
    display: inline-block;
  }
  /* 납입금 계산기 리뉴얼 */
  .calculator .monthPer .selYear {
    font-size: 17px;
  }
}