﻿@charset "utf-8";

/********** common **********/
.section.comm2 .inner_wrap{

	width: 1000px;
    background-color: #fff;
    padding: 0px 0 28px;
    margin: 0px auto;

}

#content {
    position: relative;
    overflow: hidden;
    line-height: 1.75;
}

#content h3 {
    margin-bottom: 20px;
}

#content .section {
    position: relative;
    clear: both;
    width: 1080px;
    margin: 0 auto;
    overflow: hidden;
}

#content .section2 {
    position: relative;
    clear: both;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.right_inner_section {
    width: 710px;
}

/*이용방법, 후기, 자주찾는질문*/
#content .section.comm {
    width: 998px;
    border: 1px solid #e4e4e4;
    border-top: 2px solid #606060;
    padding: 40px 40px 34px;
}

#content .section > .bdr_tit {
    display: block;
    font-size: 25px;
    font-weight: 500;
    color: #232323;
    margin-bottom: 5px;
    letter-spacing: -1px;
}

#content .section.comm .left_menu {
    float: left;
    width: 150px;
    overflow: hidden
}

#content .section.comm .left_menu .left_menu_list {
    overflow: hidden;
    margin-bottom: 20px;
    padding-left: 10px;
}

#content .section.comm .left_menu .left_menu_list li {
    height: 40px;
    font-size: 16px;
}

#content .section.comm .left_menu .left_menu_list li a {
    color: #232323;
    font-size: 17px;
    font-weight: 400;
}

#content .section.comm .left_menu .left_menu_list li.on a {
    color: #da0019;
    font-weight: 500;
}

#content .section.comm .left_menu .left_menu_list li:hover a {
    color: #da0019;
}

#content .section.comm .left_menu .sns_area {
    border-top: 1px solid #ccc;
    padding-top: 35px;
}

#content .section.comm .left_menu .sns_area p {
    margin-top: 5px;
}

#content .section.comm .right_con_area {
    float: right;
    width: 800px;
    overflow: hidden
}

#content .section.comm .right_con_area > strong {
    display: block;
    margin-bottom: 20px;
}

#content .section.comm .right_con_area > .bdr_tit {
    font-size: 25px;
    font-weight: 500;
    letter-spacing: -1px;
}

#content .section.comm .right_con_area .post_line {
    position: relative;
}

#content .section.comm .right_con_area .post_line > p {
    font-size: 16px;
    color: #232323
}

#content .section.comm .right_con_area .post_line > .ctrl_area {
    position: absolute;
    top: -10px;
    right: 0;
}

#content .section.comm .right_con_area .post_line > .ctrl_area > strong {
    display: block;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

#content .section.comm .right_con_area .post_line > .ctrl_area > ul {
    overflow: hidden
}

#content .section.comm .right_con_area .post_line > .ctrl_area > ul > li {
    float: left;
    cursor: pointer;
}

#content .section.comm .right_con_area .post_line .slide_wrap {
    height: 258px;
    overflow: hidden
}

/*갤러리형 리스트*/
.new_gallery_list {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    width: 710px
}

.new_gallery_list li {
    position: relative;
    float: left;
    overflow: hidden;
    width: 168px;
    margin: 10px 0 10px 10px;
    border: 1px solid #d2d2d2;
    background: #fff;
}

.new_gallery_list li:first-child {
    margin-left: 0
}

.new_gallery_list li:hover {
    /* border:1px solid #232323; */
}

.new_gallery_list li:hover .title {
    cursor: pointer
}

.new_gallery_list li input[type="checkbox"] {
    margin-bottom: 4px;
}

.new_gallery_list li .thumb {
    overflow: hidden;
    width: 168px;
    height: 110px;
}

.new_gallery_list li .thumb a {
    display: list-item;
    display: inline\0;
    height: 162px;
    line-height: 162px;
    list-style: none;
    background-color: #fff;
}

.new_gallery_list .thumb img {
    width: 168px !important;
    height: 110px;
    vertical-align: top;
}

.new_gallery_list .info {
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    color: #888;
    font-size: 11px;
}

.new_gallery_list li .cover_layer {
    display: none;
}

.new_gallery_list li:hover .cover_layer {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 168px;
    height: 110px;
    background: rgba(0,0,0,0.6);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000)";
    /* padding: 5px; */
    cursor: pointer;
}

.new_gallery_list li:hover .view_detail {
    position: relative;
    width: 152px;
    height: 97px;
    margin: 5px auto;
    border: 1px solid #f2f2f2;
}

.new_gallery_list li:hover .view_detail img {
    position: absolute;
    top: 20px;
    left: 56px;
}

.new_gallery_list li .title {
    margin-bottom: 10px;
    /* padding: 0 5px; */
}

.new_gallery_list li .title a:link {
    text-decoration: none
}

.new_gallery_list li .title a:hover {
    text-decoration: none
}

.new_gallery_list li .title a:active {
    text-decoration: none
}

.new_gallery_list li .title a:visited {
    text-decoration: none
}

.new_gallery_list li .title strong {
    display: block;
    width: 210px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'Nanum Gothic';
    background: url(/images/sub/sub_ico01.gif) no-repeat left 3px;
    font-size: 14px;
    font-weight: 700;
    color: #232323;
    padding-left: 18px;
}

.new_gallery_list li .title span {
    display: block;
    width: 150px;
    height: 50px;
    overflow: hidden;
    line-height: 17px;
    font-size: 12px;
    font-weight: 500;
    color: #666;
    padding: 0 10px;
    margin-top: 10px;
    font-family: 'Nanum Gothic';
}

.new_gallery_list li .date {
    position: relative;
    padding-left: 5px;
    height: 35px;
    line-height: 35px;
    font-weight: 300;
    color: #434343;
    border-top: 1px solid #e3e3e3;
}

.new_gallery_list li .date > span {
    position: absolute;
    top: 6px;
    right: 0;
    display: block;
    border: 1px solid #444;
    background-color: #545454;
    color: #fff;
    font-weight: 400;
    width: 62px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

.new_gallery_list li .date > span a {
    color: #fff;
}

.new_gallery_list li.notice {
    background: #fffef0;
}

.new_gallery_list li.notice .title a {
    font-weight: bold;
    color: #000;
}

.list_status {
    border-top: 1px #ccc solid;
    padding: 5px 0;
    font-family: 'Nanum Gothic';
    font-weight: 500;
    font-size: 12px;
    margin: 0 10px;
    height: 25px;
}

.list_status > span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 25px;
    /* margin-left: 10px; */
    /* padding-left: 23px; */
    color: #323232;
    height: 25px;
}

.list_status > .reply {
    float: left;
}

.list_status > .view_num {
    float: left;
}

.list_status > .write_date {
    float: right;
}

/*내차 시세*/
.my_car_area {
    text-align: center;
    padding: 15px
}

.graph1 {
    margin-bottom: 25px
}

.car_estimate {
    position: relative;
    margin-top: 50px;
}

.car_estimate > strong {
    display: block;
    font-size: 25px;
    font-weight: 500;
    color: #232323;
    margin-bottom: 5px;
    letter-spacing: -1px;
}

.car_estimate p {
    font-size: 15px;
    color: #232323;
    font-weight: 400;
    line-height: 20px
}

.car_estimate p span {
    color: #d8001b
}

.car_estimate ul {
    position: absolute;
    top: 5px;
    right: 0;
    overflow: hidden;
    border: 1px solid #232323;
}

.car_estimate ul li {
    font-weight: 500;
    height: 40px;
    border-top: 1px solid #232323;
}

.car_estimate ul li:first-child {
    border-top: none
}

.car_estimate ul li strong {
    display: block;
    float: left;
    background-color: #232323;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    padding: 10px 20px;
    color: #fff;
}

.car_estimate ul li span {
    display: block;
    float: left;
    color: #232323;
    text-align: right;
    padding: 8px 15px;
    font-size: 15px;
    line-height: 20px;
}

.car_estimate ul li span font {
    color: #da0019;
    font-size: 22px;
}

.graph2 {
    margin-top: 25px;
}

/*한줄평가 롤링*/
.post_tab_con {
    position: relative
}

.short_post {
    position: relative
}

.short_post > strong {
    display: block;
    float: left;
}

.short_rolling {
    position: relative;
    height: 38px;
    background-color: #ecf0f3;
    border-top: 1px solid #dbe3e9;
    border-bottom: 1px solid #dbe3e9;
}

.short_rolling > ul {
    position: absolute;
    top: 0;
    left: 20px;
    z-index: 99;
}

.short_rolling > ul > li {
    color: #666;
    font-size: 13px;
    width: 480px;
    line-height: 38px;
}

.short_rolling > ul > li > a {
    position: relative;
    display: block
}

.short_rolling strong {
    display: block;
    float: left;
    color: #666;
    font-weight: normal;
}

.short_rolling strong span {
    display: block;
    float: left;
    color: #666;
    margin-right: 5px;
}

.short_rolling strong em {
    display: block;
    float: left;
    width: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #29aee8;
}

.short_rolling font {
    display: inline-block;
    width: 290px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 20px;
}

.short_more_btn {
    position: absolute;
    right: 0;
    top: 0px;
}

/*상담리스트*/
.section_list {
    position: relative;
    width: 1000px;
    margin: 50px auto 0;
}

.section_list .list_tab {
    font-size: 13px;
    color: #666;
    height: 34px;
}

.section_list .list_tab span {
    display: inline-block;
    border-left: 1px solid #656565;
    padding: 0 5px 0 8px;
    font-family: 'Nanum Gothic';
    font-weight: 700;
    line-height: 10px;
    cursor: pointer;
}

.section_list .list_tab span:first-child {
    border: none;
    padding-left: 0;
}

.section_list .list_tab span.on {
    color: #e00;
}

.top_sch {
    position: absolute;
    right: 0;
    top: -11px;
    /* height: 50px; width: 352px;*/
}

.top_sch select {
    float: left;
    /* line-height: 33px; */
    padding: 2px 2px;
    height: 35px !important;
    border: 1px solid #e0e0e0;
    width: 100px;
}

.input_inner {
    position: relative;
    float: left;
}

.input_inner img {
    position: absolute;
    top: 9px;
    right: 10px;
    cursor: pointer;
}

.top_sch input {
    vertical-align: middle;
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-left: 0;
    height: 31px;
    width: 250px;
}

.section_list .btn_area {
    text-align: right;
}

/* 게시판 목록 */
.bbs_list_sell {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 12px;
    width: 100%;
    color: #888;
    border-top: 1px solid #aaa;
    text-align: center;
    margin-bottom: 20px;
}

.bbs_list_sell thead th {
    font-family: 'Nanum Gothic';
    height: 35px;
    line-height: 35px;
    background-color: #f4f4f4;
    color: #232323;
    border-bottom: 1px solid #dedede;
}

.bbs_list_sell tbody td {
    font-family: 'Nanum Gothic';
    border-bottom: 1px solid #eceaea;
    padding: 5px 5px;
    line-height: 28px;
}

.bbs_list_sell a {
    color: #333;
    font-size: 12px;
}

.bbs_list_sell a:hover {
    color: #f00;
}

.bbs_list_sell .clr_red {
    color: #f00 !important;
}

.bbs_list_sell .clr_brown {
    color: #b6794c !important;
}

.bbs_list_sell .clr_green {
    color: #7FB057;
}

.bbs_list_sell tr:hover {
    background: #f9f9f9;
}

/*한줄 남기기 레이어창*/
.wrt_box {
    position: absolute;
    top: 400px;
    left: 50%;
    margin: 10px 0 20px -355px;
    padding: 20px;
    overflow: hidden;
    background-color: #f9f9f9;
    border: 1px solid #c8c8c8;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    zoom:1;z-index: 9999;
}

.wrt_box .wrt_box2 {
    padding-top: 0
}

.wrt_box .cb_blind {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

.wrt_usr_area .cb_section {
    width: 668px;
    /* margin:10px 0 8px; */
    zoom:1;}

.wrt_usr_area .cb_section:after {
    display: block;
    overflow: hidden;
    clear: both;
    content: ''
}

table.cb_section td {
    border: 0;
}

table.cb_section .td_sty input {
    height: 40px;
    border-radius: 8px;
    margin-right: 5px;
    font-size: 13px;
    padding: 0px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 1px solid #c8c8c8;
    width: 140px;
    line-height: 40px;
    color: #8c8c8c;
}

table.cb_section .td_sty {
    padding-bottom: 8px;
}

table.cb_section textarea {
    width: 100% !important;
    padding-left: 0;
    text-indent: 6px;
    line-height: 36px;
    height: 70px;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    box-sizing: border-box;
    resize: none;
}

.wrt_btn_area {
    text-align: center
}

/*이용방법*/
.youtube_area {
    margin-top: 20px
}

.call_bann {
    margin: 20px 0 40px;
    text-align: center;
}

.jc_use {
    overflow: hidden;
}

.jc_use li {
    overflow: hidden;
    margin-bottom: 30px;
}

.jc_use li > .img_area {
    float: left;
}

.jc_use li > .guide_txt {
    float: left;
    margin-left: 20px;
}

.jc_use li > .guide_txt p {
    margin-bottom: 5px;
}

.jc_use li > .guide_txt span {
    display: block;
    font-family: '돋움','Dotum';
    font-size: 12px;
    color: #666;
}

/*자주찾는 질문
.faq_tab {margin: 30px 0 15px;;overflow:hidden;}
.faq_tab li {float:left;width: 33.333%;}
.faq_tab li a {display:block;background-color: #f7f7f7;color: #484848;line-height:35px;height: 35px;border-width:1px 1px 1px 0;border-style: solid;border-color:#e9e9e9;font-size: 16px;font-family: 'AritaSB';text-align: center;}
.faq_tab li:first-child a {border-left:1px solid #e9e9e9;}
.faq_tab li.on a {background-color: #fff;color: #14abed;height:35px;text-align: center;line-height: 35px;border: 1px solid #14abed;border-bottom: none;}*/
/*.faq_list_area {position:relative;overflow:hidden;border-top: 1px dashed #ccc;border-bottom:1px dashed #ccc;margin-bottom: 25px;}
.faq_list_area dt {display:block;border-top:1px dashed #ccc;padding: 20px 40px 20px 10px;line-height:20px;font-size: 18px;font-family: 'AritaSB';background:url(/image/sub/arrow_open.gif) no-repeat 680px 32px; color: #14abed;cursor:pointer;}
.faq_list_area dt:first-child {border-top:0}
.faq_list_area dt.on .q_img{display:inline-block;width: 35px;height: 35px;line-height: 35px;text-align: center;font-size: 18px;margin-right: 10px;border: 1px solid #14abed;color: #14abed;}
.faq_list_area dt .q_img{display:inline-block;width: 35px;height: 35px;line-height: 35px;text-align: center;font-size: 18px;margin-right: 10px;border:1px solid #696969;color:#3f3f3f;}
.faq_list_area dd .a_img{display:inline-block;width: 35px;height: 35px;line-height: 35px;text-align: center;vertical-align: top;font-size: 18px;margin-right: 10px;background-color: #14abed;border: 1px solid #14abed;color:#fff;}
.faq_list_area dd .a_con {display:inline-block;line-height: 25px;font-size: 14px;}
.faq_list_area dd {display:none;}
.faq_list_area dt.on {padding:20px 40px 20px 10px;font-size:18px;color: #14abed; background:url(/image/sub/arrow_close.gif) no-repeat 680px 32px; }
.faq_list_area dt.on a {color: #14abed;}
.faq_list_area dt a{color:#232323}
.faq_list_area dd.on {display:block;padding: 20px 40px 20px 20px;background:#f4f4f4 ;margin-bottom:20px;color:#666;}*/
.menu_select {
    display: block;
    float: left;
    position: relative;
    /* margin: 10px 0; */
    padding: 0 10px;
    height: 35px;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    /* font-family: 'Titillium Web','Nanum Gothic', sans-serif; */
    font-weight: 400;
    background-color: #fff;
}

.menu_select label {
    position: absolute;
    width: 135px;
    top: 0;
    left: 0;
    height: 35px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0px 0 0 1.5%;
    text-align: left;
    border-radius: 0;
    font-size: 18px;
    background: url(/image/sub/btn_select.png) no-repeat right 6px;
}

.menu_select .opt_sch2 {
    width: 123px;
    height: 35px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
}

.input_inner2 {
    position: relative;
    float: left;
    height: 35px;
    margin-left: 5px;
}

.input_inner2 img {
    position: absolute;
    top: 9px;
    right: 10px;
    cursor: pointer;
}

/*내차팔기 서비스*/
.section2.comm2 {
    position: relative;
	background: #fff;
}

.section2.comm2 .col_wrap {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

.col_wrap .smart_bann_area {
    float: left;
    width: 730px;
    overflow: hidden
}

.col_wrap .smart_bann_area .smart_bann {
    position: relative;
}

.col_wrap .smart_bann_area .smart_bann strong {
    display: block;
    position: absolute;
    bottom: 85px;
    left: 0;
}

.col_wrap .smart_bann_area .ctrl_smart {
    overflow: hidden;
    margin-top: 25px;
}

.col_wrap .smart_bann_area .ctrl_smart li {
    float: left;
    cursor: pointer;
}

.col_wrap .smart_bann_area .smart_bann .counsel_value {
    position: absolute;
    top: 174px;
    right: 30px;
    width: 405px;
    height: 115px;
    overflow: hidden;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000)";
}

.col_wrap .smart_bann_area .smart_bann .counsel_value li {
    float: left;
    padding-top: 65px;
    height: 50px;
    margin: 0px 10px 0 40px;
}

.col_wrap .smart_bann_area .smart_bann .counsel_value li p {
    color: #232323;
    font-size: 30px;
    font-family: 'AritaSB';
    letter-spacing: -2px;
    line-height: 20px;
}

.col_wrap .smart_bann_area .smart_bann .counsel_value li p:first-child {
    color: #666;
    font-size: 15px;
    margin-bottom: 5px;
    text-align: center;
    letter-spacing: -1px;
}

.col_wrap .smart_bann_area .smart_bann .counsel_value li:first-child {
    margin-left: 15px;
}

.col_wrap .smart_bann_area .smart_bann .counsel_value li.value1 {
    min-width: 82px;
    background: url('/image/renewal/ico_counsel1.png') no-repeat center 0;
}

.col_wrap .smart_bann_area .smart_bann .counsel_value li.value2 {
    min-width: 82px;
    background: url('/image/renewal/ico_counsel2.png') no-repeat center 0;
}

.col_wrap .smart_bann_area .smart_bann .counsel_value li.value3 {
    background: url('/image/renewal/ico_counsel3.png') no-repeat center 0;
}

.counsel_box {
    float: right;
    padding: 15px 20px 20px;
    height: 362px;
    width: 250px;
    background: #f8f8f8;
    border: 1px solid #dedede;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}

.counsel_box > strong {
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #232323;
    letter-spacing: -1px
}

.counsel_box > span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #232323;
    letter-spacing: -1px
}

.section2.comm2 .col_wrap .small_bann {
    float: right;
}

.counsel_box .input_area {
    overflow: hidden;
    margin: 0;
}

.counsel_box .input_area > div {
    /* font-family: 'Nanum Gothic'; */
    margin-top: 8px;
    font-weight: 700;
    padding: 0;
}

.counsel_box .input_area > div > strong {
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 500;
    color: #232323;
    letter-spacing: -1px;
}

.counsel_box .input_area > div span {
    font-size: 12px;
    color: #666;
    font-weight: 400;
}

.counsel_box .input_area > div > .input_sty {
    border: 1px solid #d2d2d2;
    width: 208px;
    height: 35px;
    background-color: #fff;
    padding: 0 5px;
    font-family: 'Nanum Gothic';
    font-weight: 400px;
    line-height: 35px;
    font-size: 12px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.counsel_box .Check_Area {
    display: block;
    position: relative;
    margin-top: 10px;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
}

.counsel_box .Check_Area > span {
    position: absolute;
    right: 0;
    cursor: pointer;
}

.counsel_btn2 {
    height: 45px;
    margin-top: 10px;
    background-color: #e33345;
    text-align: center;
    letter-spacing: -1px;
    line-height: 45px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    cursor: pointer
}

.car_sell_wrap {
    position: relative;
    margin: 50px auto;
    padding-top: 120px;
}

.car_sell_wrap .car_sell_tab {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1080px;
    height: 50px;
    margin-left: -540px;
    z-index: 300;
}

.car_sell_wrap.fixed .car_sell_tab {
    position: fixed;
}

.car_sell_wrap .car_sell_tab li {
    float: left;
    margin-left: -1px;
}

.car_sell_wrap .car_sell_tab li:first-child {
    margin-left: 0;
}

.car_sell_wrap .car_sell_tab li a {
    position: relative;
    display: block;
    width: 360px;
    height: 50px;
    border: 1px solid #dedede;
    background: #f8f8f8;
    text-align: center;
    color: #666;
    font-size: 15px;
    line-height: 48px;
    letter-spacing: -1px;
    text-decoration: none;
    box-sizing: border-box;
}

.car_sell_wrap .car_sell_tab li.on a {
    width: 360px;
    border: none;
    background: #e33345;
    color: #fff;
    font-weight: 500;
}

.counsel_step_txt {
    width: 1080px;
    margin: 0 auto;
    background: url(/image/sub/img_step.jpg) no-repeat 0 0;
    overflow: hidden;
    padding-top: 200px
}

.counsel_step_txt li {
    float: left;
    text-align: center
}

.counsel_step_txt li.m1 {
    width: 195px;
}

.counsel_step_txt li.m2 {
    width: 385px;
}

.counsel_step_txt li.m3 {
    width: 208px;
}

.counsel_step_txt li.m4 {
    /* width: 230px; */
    margin-left: 100px;
    /* margin: 0 auto; */
}

.counsel_step_txt li strong {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-color: #302a2a;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.counsel_step_txt li p {
    color: #232323;
    font-size: 18px;
    margin: 8px 0 0;
    font-weight: 700
}

.counsel_step_txt li span {
    display: block;
    width: 190px;
    margin: 0 auto;
    color: #666;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
}

.counsel_step_txt li.m2 span {
    width: 190px;
}

.counsel_step_txt2 {
    width: 812px;
    margin: 0 auto;
    background: url(/image/sub/img_step2.jpg) no-repeat 20px 0;
    overflow: hidden;
    padding-top: 200px;
    /* padding: 200px 0 00; */
}

.counsel_step_txt2 li {
    float: left;
    text-align: center
}

.counsel_step_txt2 li.m1 {
    width: 220px;
}

.counsel_step_txt2 li.m2 {
    width: 370px;
}

.counsel_step_txt2 li.m3 {
    width: 220px;
}

.counsel_step_txt2 li strong {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-color: #302a2a;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.counsel_step_txt2 li p {
    color: #232323;
    font-size: 18px;
    margin: 8px 0 0;
    font-weight: 700
}

.counsel_step_txt2 li span {
    display: block;
    width: 205px;
    margin: 0 auto;
    color: #666;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
}

.counsel_step_txt2 li.m2 span {
    width: 190px;
}

/*구비셔류안내*/
.document_area {
    width: 1080px;
    margin: 0 auto;
}

.document_area h4 {
    font-size: 35px;
    font-weight: 400;
    color: #232323;
    text-align: center;
    margin-bottom: 35px
}

.document_area .colwrap {
    overflow: hidden;
    margin-bottom: 20px
}

.document_area .colwrap p {
    margin-top: 20px
}

.document_area .colwrap .left_docu {
    float: left;
    width: 498px;
    height: 203px;
    border: 1px solid #dedede;
    padding: 20px 15px;
    border-radius: 20px;
    background: url(/image/sub/img_docu1.gif) no-repeat 360px 100px;
}

.document_area .colwrap .right_docu {
    float: right;
    width: 498px;
    height: 203px;
    border: 1px solid #dedede;
    padding: 20px 15px;
    border-radius: 20px;
    background: url(/image/sub/img_docu2.gif) no-repeat 360px 120px
}

.document_area .colwrap .left_docu.m2 {
    background: url(/image/sub/img_docu4.gif) no-repeat 348px 140px;
}

.document_area .colwrap .right_docu.m2 {
    background: url(/image/sub/img_docu5.gif) no-repeat 368px 120px
}

.document_area .colwrap .left_docu strong {
    display: block;
    border-left: 3px solid #232323;
    font-size: 20px;
    font-weight: 500;
    padding-left: 10px;
    line-height: 18px;
    letter-spacing: -1px;
}

.document_area .colwrap .right_docu strong {
    display: block;
    border-left: 3px solid #232323;
    font-size: 20px;
    font-weight: 500;
    padding-left: 15px;
    line-height: 20px;
}

.document_area .noti {
    width: 1058px;
    border: 1px solid #dedede;
    padding: 20px 15px;
}

.document_area .noti p {
    margin-top: 20px
}

.document_area .noti strong {
    display: block;
    height: 20px;
    font-size: 20px;
    font-weight: 500;
    padding-left: 30px;
    line-height: 20px;
    background: url(/image/sub/img_docu3.gif) no-repeat left 0
}

.document_area .noti strong span {
    font-size: 13px;
    font-weight: 500;
}

/*방문견적예약*/
.visit_booking {
    position: relative;
    margin: 30px 0 20px;
}

.visit_booking .area_select {
    display: table;
    table-layout: fixed;
    position: absolute;
    right: 0;
    top: 0;
}

.visit_booking .area_select li {
    display: table-cell;
    font-family: 'Nanum Gothic'
}

.visit_booking .area_select li strong {
    font-family: 'Noto Sans KR';
    font-size: 17px;
    color: #db0018;
    font-weight: 500;
    margin-right: 20px;
}

.visit_booking .area_select li span {
    padding: 0 10px;
    font-size: 13px;
    font-weight: 700;
    color: #232323;
    border-left: 1px solid #343434;
    /* line-height: 15px; */
    /* height: 15px; */
    cursor: pointer;
}

.visit_booking .area_select li:first-child span {
    border-left: none
}

.visit_booking .area_select li.on span {
    color: #da0018;
}

.counsel_step {
    margin-top: 25px
}

.counsel_step > strong {
    display: block;
    font-size: 25px;
    font-weight: 500;
    color: #232323;
    margin-bottom: 22px;
    letter-spacing: -1px;
}

.map_area {
    position: relative;
    width: 1078px;
    height: 570px;
    border: 1px solid #aeaeae;
    overflow: hidden;
}

.map_area .layer_show {
    position: absolute;
    top: 13px;
    left: 12px;
    z-index: 10;
    cursor: pointer
}

.booking_layer {
    position: absolute;
    top: 13px;
    left: 12px;
    width: 260px;
    z-index: 10;
}

.booking_layer .booking_box {
    position: relative;
    background: url(/image/sub/bg_visit.png) no-repeat;
    height: 365px;
    padding-top: 40px;
}

.booking_layer .booking_box .ctrl_area {
    position: absolute;
    top: 8px;
    right: 8px;
}

.booking_layer .booking_box .ctrl_area span {
    display: inline-block;
    cursor: pointer;
}

.book_option {
    background-color: #fff;
    margin: 0 9px;
    overflow: hidden;
}

.book_option .row_option {
    overflow: hidden;
    padding: 10px 10px;
    border-bottom: 1px solid #ededed;
}

.book_option .row_option > strong {
    display: block;
    float: left;
    line-height: 25px;
    width: 50px;
}

.book_option .row_option > .row_con {
    float: left;
}

.book_option .row_option > .row_con > span {
    display: inline-block;
}

.book_option .row_option > .row_con > span input {
    vertical-align: -3px;
}

.book_option .row_option select {
    float: left;
    font-size: 12px;
    color: #343434;
    border: 1px solid #ccc;
    height: 29px;
    padding: 3px;
    margin-left: 5px;
}

.book_option .row_option > .row_con > .select_date {
    position: relative;
    float: left
}

.book_option .row_option > .row_con > .select_date input {
    font-family: 'Nanum Gothic';
    font-size: 12px;
    height: 25px;
    border: 1px solid #d2d2d2;
}

.book_option .row_option > .row_con > .select_date img {
    position: absolute;
    top: 9px;
    right: 7px;
}

.book_option .row_option > .row_con > .input_sty2 {
    border: 1px solid #d2d2d2;
    height: 23px;
    line-height: 23px;
    font-size: 13px;
    color: #232323;
}

.book_option .row_option > .iptTxt {
    height: 27px;
    padding: 0 5px;
    line-height: 22px;
    font-size: 12px;
    background: #fefefe;
    border: 1px solid #d2d2d2;
    color: #777;
    margin-left: 5px;
}

.book_option .book_btn {
    margin: 18px 0;
    text-align: center
}

.book_option .book_btn img {
    cursor: pointer
}

/*무료상담신청*/
.free_counsel_area {
    margin-top: 35px;
    border: 4px solid #da0019;
}

.free_counsel_area .free_counsel_inner {
    background: url(/image/sub/bg_free.jpg) no-repeat left 0;
    height: 276px;
    padding-left: 416px;
}

.free_value {
    float: left;
    width: 158px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    background-color: #fff;
    padding: 30px 10px;
    height: 214px;
}

.free_value p {
}

.free_value p:first-child {
    background: url(/image/sub/bg_value.gif) no-repeat center bottom;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.free_value p span {
    display: block;
    background: url(/image/sub/ico_value.gif) no-repeat 28px;
    font-family: 'NanumSquare';
    font-weight: 700;
    padding-left: 50px;
    font-size: 18px;
    color: #666;
    /* text-align: center; */
}

.free_value p strong {
    display: block;
    text-align: center;
    font-size: 35px;
    color: #333;
    letter-spacing: -1px;
}

.free_apply {
    float: left;
    width: 346px;
    padding: 20px 25px;
    background-color: #f5f8f9;
}

.free_apply > div {
    margin: 10px 0;
    overflow: hidden;
}

.free_apply strong {
    display: block;
    float: left;
    font-family: 'NanumSquare';
    font-weight: 700;
    font-size: 18px;
    color: #232323;
    width: 80px;
    /* margin-right: 35px; */
}

.free_apply .car_kind {
    float: left;
    width: 266px;
}

.free_apply > div > select {
    float: left;
    height: 32px;
    line-height: 32px;
    border: 1px solid #c5c5c5;
    font-size: 12px;
    padding: 0 10px;
}

.free_apply > div .car_kind select {
    float: left;
    height: 35px;
    border: 0;
    margin-bottom: 10px;
    padding: 0px 4px;
    border: 1px solid #c5c5c5;
}

.free_apply > div input {
    float: left;
    height: 30px;
    line-height: 30px;
    border: 1px solid #c5c5c5;
    font-size: 12px;
    padding: 0 10px;
}

.free_apply .sell_mine {
    height: 30px;
    line-height: 30px;
    border: 1px solid #c5c5c5;
    font-size: 12px;
    padding: 0 10px;
}

.btn_free_apply {
    text-align: center;
    margin: -3px 0 0 76px !important;
}

/*내차시세조회 1단계*/
.sell_step {
    margin-bottom: 70px;
}
.sell_step img{ display: block; width: 100%;}
.top_search {
    position: relative;
    margin-bottom: 10px;
    background-color: #fff;
}

.top_search .body_section {
    position: relative;
    overflow: hidden;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #e2e3e7;
    border-collapse: collapse;
}

.btn_srch_area {
    position: absolute;
    top: 23px;
    right: 0;
}

.top_search .cate_tab {
    margin: 45px 0 15px;
    /* height: 62px; */
    overflow: hidden;
}

.top_search .cate_tab li {
    float: left;
    width: 25%;
    /* text-align: center; */
    /* padding-bottom: 10px; */
    /* margin-top: 10px; */
}

.top_search .cate_tab li a {
    display: block;
    background-color: #f7f7f7;
    color: #484848;
    line-height: 45px;
    height: 45px;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #e9e9e9;
    font-size: 16px;
    font-family: 'AritaSB';
    margin-top: 10px;
    text-align: center;
}

.top_search .cate_tab li:first-child a {
    border-left: 1px solid #e9e9e9;
}

.top_search .cate_tab li.on a {
    background-color: #fff;
    color: #da0018;
    height: 55px;
    margin-top: 0;
    text-align: center;
    line-height: 55px;
    border: 1px solid #da0019;
    border-bottom: none;
}

.noti_line {
    color: #686868;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    background-color: #ececec;
    padding-left: 16px;
}

.btn_step {
    margin: 15px 0;
    text-align: right
}

.btn_step2 {
    margin: 25px 0;
    text-align: center
}

.bottom_sell {
    border-top: 1px solid #ededed;
    margin-top: 90px;
    padding: 20px 0 0;
    overflow: hidden;
}

.bottom_sell > div {
    float: left;
    padding-right: 25px;
    padding-left: 25px;
}

.bottom_sell > div h4 {
    font-size: 18px;
    color: #232323;
    font-weight: normal;
}

.cs_center {
    padding-right: 10px !important;
    padding-left: 20px !important;
    width: 180px;
    background: none;
}

.cs_center > strong {
    display: block;
    font-family: 'NanumSquare';
    font-size: 30px;
    color: #2f647e;
    height: 30px;
    font-weight: 600;
    line-height: 30px;
    margin: 10px 0 10px;
}

.cs_center > .cs_time {
    margin: 0px 0;
}

.cs_center > .cs_time li {
    font-family: 'Arita';
    color: #575757;
    font-size: 13px;
    line-height: 20px;
}

.bottom_sell .img_bann {
    margin: 22px 0 0;
}

.use_knowhow {
    width: 195px;
}

.faq_go {
    width: 195px;
}

.jc_sns {
    width: 195px;
}

.jc_sns .img_sns {
    display: flex;
    margin-top: 22px
}

.jc_sns .img_sns img:first-child {
    margin-right: 5px;
}

/* 통합검색 */
.optionchoice {
    overflow: hidden;
}

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

.optionchoice .company, .optionchoice .car_kind {
    float: left;
    width: 250px;
    height: 176px;
}

.optionchoice .car_price {
    float: left;
    width: 200px;
    height: 176px;
}

.optionchoice .model {
    float: left;
    width: 170px;
}

.optionchoice .detailm {
    float: left;
    width: 210px;
}

.optionchoice .grade {
    float: left;
    width: 210px;
}

.optionchoice .detailg {
    float: left;
    width: 158px
}

.optionchoice .company2 {
    float: left;
    width: 263px;
    height: 176px;
}

.optionchoice .company {
    display: block;
    text-align: left;
    background: #fff;
}

.optionchoice .opt_tit {
    height: 40px;
    line-height: 40px;
    /* font-family:NanumBarunGothicBold; */
    color: #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    border-radius: 8px 8px 0 0;
    text-align: center;
    font-size: 14px;
    background-color: #d50527;
}

.optionchoice .company2 > div.option_list {
    text-align: left;
    font-size: 12px;
    height: 220px;
    color: #333;
    font-family: '굴림','gulim';
    border-left: 1px solid #ddd !important;
}

div.optionlist {
    text-align: left;
    font-size: 12px;
    height: 220px;
    color: #333;
    font-family: '굴림','gulim';
}

div.optionlist1 {
    text-align: left;
    font-size: 12px;
    height: 220px;
    color: #333;
    font-family: '굴림','gulim';
}

div.option_list {
    text-align: left;
    font-size: 12px;
    height: 220px;
    color: #333;
    font-family: '굴림','gulim';
    border-left: 1px solid #ddd;
}

div.option_list a {
    color: #333;
}

.optionchoice li * {
    vertical-align: middle;
    _zoom: 1
}

.optionchoice .optionlist li {
    border-bottom: 1px solid #e1e1e1;
    display: block;
    line-height: 1.6;
    height: 23px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.optionchoice .optionlist li a {
    display: block;
    padding: 3px 10px;
    height: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.optionchoice .optionlist li a.on {
    color: #fff;
    background: #333
}

.optionchoice .optionlist li a.on strong {
    color: #000
}

.optionchoice .optionlist strong {
    font-weight: normal;
    color: #000;
    padding-left: 4px
}

.optionchoice .optionlist p {
    font-weight: normal;
    color: #999;
    padding: 90px 0px 0px 0px;
    text-align: center;
}

div.optionlist2 {
    text-align: left;
    font-size: 12px;
    height: 220px;
    color: #333;
    font-family: '굴림','gulim';
}

.optionchoice .optionlist2 li {
    position: relative;
    float: left;
    display: block;
    overflow: hidden;
}

.optionchoice .optionlist2 li a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.optionchoice .optionlist1 li {
    float: left;
    display: block;
    width: 62px;
    height: 62px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.optionchoice .optionlist1 li {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.optionchoice .optionlist1 li img {
    width: 40px;
    height: 40px
}

.optionchoice .optionlist1 li.on {
    color: #5068c4;
    background: #333;
}

.optionchoice .optionlist1 li a {
    display: block;
    position: relative;
    padding: 3px 9px 10px;
    width: 40px;
    height: 40px;
}

.optionchoice .optionlist1 li a.on {
    color: #d50527;
    border: 2px solid #14abed;
}

.optionchoice .optionlist1 li a.on strong {
    color: #000
}

.optionchoice .optionlist1 li a > span {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    padding: 0 4px;
    text-align: center;
    font-size: 11px;
    font-family: 'Nanum Gothic';
    font-weight: 400
}

.optionchoice .optionlist1 strong {
    font-weight: normal;
    color: #000;
    padding-left: 4px
}

.optionchoice .optionlist1 p {
    font-weight: normal;
    color: #999;
    padding: 90px 0px 0px 0px;
    text-align: center;
}

/*시세조회 2단계*/
.col_wrap2 {
    overflow: hidden;
}

.col_wrap2 h4 {
    font-family: 'NanumSquare';
    font-size: 20px;
    color: #232323
}

.col_wrap2 h4 span {
    font-size: 17px;
}

.col_wrap2 .col_left {
    float: left;
    width: 500px;
    overflow: hidden
}

.col_wrap2 .col_right {
    float: right;
    width: 450px;
    overflow: hidden
}

.col_wrap2 .col_left, .col_wrap2 .col_right li {
    cursor: pointer
}

.col_wrap2 .col_left .input_mile {
    background-color: #f1f1f1;
    height: 55px;
    line-height: 57px;
    font-size: 16px;
    color: #232323;
    padding-left: 60px;
    margin-top: 10px;
}

.col_wrap2 .col_left .input_mile .input_sty {
    width: 200px;
    height: 25px;
    line-height: 25px;
    font-size: 20px;
    padding: 0 5px;
}

.col_wrap2 .col_left .input_mile span {
    display: block;
    float: left;
    margin: 0 5px;
    font-size: 16px;
    color: #232323;
    font-family: 'AritaSB';
}

.col_wrap2 .col_left .mile_area font {
    display: block;
    margin: 10px 0;
    font-size: 14px;
    color: #232323;
    letter-spacing: -1px;
}

.col_wrap2 .col_left .outward_area {
    margin-top: 20px;
}

.col_wrap2 .col_left .outward_area font {
    display: block;
    margin: 5px 0;
    font-size: 16px;
    color: #232323;
    letter-spacing: -1px;
}

.col_wrap2 .col_left .chk_mile {
}

.col_wrap2 .col_left .chk_mile li {
    margin: 20px 0;
    overflow: hidden;
    cursor: pointer
}

.col_wrap2 .col_left .chk_mile li span {
    display: block;
    float: left;
    background: url(/image/sub/chk.gif) no-repeat left 15px;
    width: 35px;
    height: 60px;
    padding-left: 15px;
}

.col_wrap2 .col_left .chk_mile li.on span {
    background: url(/image/sub/chk_on.gif) no-repeat left 15px;
}

.col_wrap2 .col_left .chk_mile li strong {
    display: block;
    float: left;
    height: 62px;
    line-height: 62px;
    color: #9f9f9f;
    font-size: 18px;
    font-family: 'Arita';
}

.col_wrap2 .col_left .chk_mile li.on strong {
    color: #da0019
}

.col_wrap2 .col_left .chk_status {
    overflow: hidden;
}

.col_wrap2 .col_left .chk_status ul {
    float: left;
}

.col_wrap2 .col_left .chk_status ul.m2 {
    padding-top: 6px
}

.col_wrap2 .col_left .chk_status li {
    float: left;
    /* margin: 10px 0; */
    overflow: hidden;
    cursor: pointer;
}

.col_wrap2 .col_left .chk_status ul.m2 li {
    margin-right: 10px;
}

.col_wrap2 .col_left .chk_status li font {
    display: block;
    float: left;
    border: 1px solid #cacaca;
    border-radius: 3px;
    width: 60px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    color: #8e8e8e;
    margin-right: 5px;
    text-align: center;
    font-weight: 400;
    background-color: #fff;
}

.col_wrap2 .col_left .chk_status li.on font {
    background-color: #da0019;
    border: 1px solid #da0019;
    color: #fff;
}

.col_wrap2 .col_left .chk_status li span {
    display: block;
    float: left;
    background: url(/image/sub/chk.gif) no-repeat left 0;
    width: 10px;
    height: 25px;
    padding-left: 15px;
    margin-right: 5px;
}

.col_wrap2 .col_left .chk_status li.on span {
    background: url(/image/sub/chk_on.gif) no-repeat left 0;
}

.col_wrap2 .col_left .chk_status li strong {
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    color: #9f9f9f;
    font-size: 16px;
    font-weight: 400;
}

.col_wrap2 .col_left .chk_status li.on strong {
    color: #da0019
}

.col_wrap2 .col_left .phone_info_area {
    margin-top: 22px;
    overflow: hidden;
}

.col_wrap2 .col_left .phone_info_area .phone_input {
    margin-top: 15px
}

.col_wrap2 .col_left .phone_info_area font {
    display: block;
    margin: 0;
    font-size: 14px;
    color: #666;
    letter-spacing: -1px;
}

.col_wrap2 .col_left .phone_info_area select {
    float: left;
    height: 32px;
    line-height: 32px;
    border: 1px solid #c5c5c5;
    font-size: 12px;
    padding-left: 10px;
}

.col_wrap2 .col_left .phone_info_area input {
    float: left;
    height: 30px;
    line-height: 30px;
    border: 1px solid #c5c5c5;
    font-size: 12px;
    padding: 0 10px;
}

.col_wrap2 .col_right .car_color_area {
    overflow: hidden
}

.col_wrap2 .col_right .car_color_area ul {
    margin-top: 20px;
    margin-left: -25px;
}

.car_color_area li {
    position: relative;
    float: left;
    width: 25%;
    text-align: center;
    margin-bottom: 30px;
}

.car_color_area li span {
    display: block;
    border-radius: 50%;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
}

.car_color_area li font {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    color: #232323;
}

.car_color_area li.on font {
    color: #dc0016
}

.car_color_area li strong {
    display: none
}

.car_color_area li.on strong {
    display: block;
    position: absolute;
    top: 22px;
    left: 47px;
    width: 26px;
    height: 19px;
    background: url(/image/sub/chk2_on.png) no-repeat center 0;
    z-index: 300;
}

.car_color_area li span.car_black {
    background-color: #000;
    border-color: #000;
}

.car_color_area li span.car_white {
    background-color: #fff;
    border-color: #e2e2e2;
}

.car_color_area li span.car_silver {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
}

.car_color_area li span.car_pearl {
    background-color: #f9f8e3;
    border-color: #f9f8e3;
}

.car_color_area li span.car_gray {
    background-color: #bcbcbc;
    border-color: #bcbcbc;
}

.car_color_area li span.car_red {
    background-color: #e80022;
    border-color: #e80022;
}

.car_color_area li span.car_blue {
    background-color: #00449c;
    border-color: #00449c;
}

.car_color_area li span.car_orange {
    background-color: #ff7a01;
    border-color: #ff7a01;
}

.car_color_area li span.car_brown {
    background-color: #5e451e;
    border-color: #5e451e;
}

.car_color_area li span.car_green {
    background-color: #197473;
    border-color: #197473;
}

.car_color_area li span.car_yellow {
    background-color: #ffc000;
    border-color: #ffc000;
}

.car_color_area li span.car_violet {
    background-color: #650080;
    border-color: #650080;
}

.col_wrap2 .col_right .car_option_area ul {
    margin-top: 20px;
}

.car_option_area {
    margin-top: 22px;
    overflow: hidden;
}

.car_option_area ul {
    margin-top: 5px;
    overflow: hidden;
}

.car_option_area li {
    position: relative;
    float: left;
    /* width: 33.333%; */
    text-align: center;
    /* margin-bottom: 25px; */
}

/*바뀐 디자인의 css*/
.car_option_area li font {
    display: block;
    float: left;
    border: 1px solid #cacaca;
    border-radius: 3px;
    width: 60px;
    height: 25px;
    padding: 0 10px;
    line-height: 25px;
    font-size: 13px;
    color: #8e8e8e;
    margin-right: 5px;
    text-align: center;
    font-weight: 400;
    background-color: #fff;
}

.car_option_area li.on font {
    background-color: #da0019;
    border: 1px solid #da0019;
    color: #fff;
}

/*기존 이미지 온오프 css
.car_option_area li span {display:block;width:75px;height:75px;margin: 0 auto;}
.car_option_area li font {display:block;margin-top: 5px;font-size:14px;color:#232323;}
.car_option_area li.on font {color:#14abed}

.car_option_area li span.car_option1{background: url(/image/sub/car_option1.gif) no-repeat center 0;}
.car_option_area li span.car_option2{background: url(/image/sub/car_option2.gif) no-repeat center 0;}
.car_option_area li span.car_option3{background: url(/image/sub/car_option3.gif) no-repeat center 0;}
.car_option_area li span.car_option4{background: url(/image/sub/car_option4.gif) no-repeat center 0;}
.car_option_area li span.car_option5{background: url(/image/sub/car_option5.gif) no-repeat center 0;}
.car_option_area li span.car_option6{background: url(/image/sub/car_option6.gif) no-repeat center 0;}

.car_option_area li.on span.car_option1{background: url(/image/sub/car_option1_on.gif) no-repeat center 0;}
.car_option_area li.on span.car_option2{background: url(/image/sub/car_option2_on.gif) no-repeat center 0;}
.car_option_area li.on span.car_option3{background: url(/image/sub/car_option3_on.gif) no-repeat center 0;}
.car_option_area li.on span.car_option4{background: url(/image/sub/car_option4_on.gif) no-repeat center 0;}
.car_option_area li.on span.car_option5{background: url(/image/sub/car_option5_on.gif) no-repeat center 0;}
.car_option_area li.on span.car_option6{background: url(/image/sub/car_option6_on.gif) no-repeat center 0;}*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .col_wrap2 .col_left .chk_mile li strong {
        font-family: 'AritaSB';
    }
}

.col_wrap2 .col_left .mycar_area .star_area {
    text-align: center;
}

.col_wrap2 .col_left .mycar_area .star_area span {
    display: inline-block;
    color: #D8D8D8;
    font-size: 26px;
}

.col_wrap2 .col_left .mycar_area .star_area span.fill {
    color: #FFC600;
}

.col_wrap2 .col_left .mycar_area .img_my_value2 {
    width: 410px;
    height: 236px;
    padding: 40px 28px;
    text-align: center
}

.col_wrap2 .col_right .mycar_area .img_my_price2 {
    position: relative;
    padding-top: 60px;
}

.col_wrap2 .col_right .mycar_area .img_my_price2 .my_price_inner {
    position: relative;
    width: 314px;
    margin: 0 auto;
    height: 165px;
    background: url(/image/sub/bg_car_price.png) no-repeat center 0;
    padding-bottom: 10px;
}

.col_wrap2 .col_right .mycar_area .img_my_price2 .my_price_inner strong {
    display: block;
    position: absolute;
    padding: 5px;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-weight: normal;
}

.col_wrap2 .col_right .mycar_area .img_my_price2 .my_price_inner .low_price {
    background-color: #5c8dff;
    top: 15px;
    left: 5px;
}

.col_wrap2 .col_right .mycar_area .img_my_price2 .my_price_inner .high_price {
    background-color: #ff5558;
    top: 15px;
    right: 5px;
}

.col_wrap2 .col_right .mycar_area .img_my_price2 .my_price_inner span {
    display: block;
    position: absolute;
}

.col_wrap2 .col_right .mycar_area .img_my_price2 .my_price_inner .zero {
    color: #333;
    font-size: 12px;
    bottom: 0;
    left: 3px
}

.col_wrap2 .col_right .mycar_area .img_my_price2 .my_price_inner .fix_price {
    color: #333;
    font-size: 12px;
    bottom: 0;
    right: -3px
}

.col_wrap2 .col_right .mycar_area .img_my_price2 p {
    text-align: center
}

.col_wrap2 .col_right .mycar_area .img_my_price2 .my_price_inner .car_img {
    padding-top: 55px;
    text-align: center;
}

.sell_guide_bann {
    margin: 30px 0 0
}

/*개인정보취급방침 보기 팝업*/
.privacy_popup {
    width: 500px;
    height: 350px;
}

.privacy_popup > h2 {
    font-size: 16px;
    padding: 15px;
    background-color: #EFEFEF;
    color: #232323;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #c2c2c2;
}

.privacy_popup > .privacy_txt {
    margin: 0 0 0 15px;
    padding: 20px 0;
    overflow-y: scroll;
    height: 200px;
    border-bottom: 1px solid #c2c2c2;
}

.close_button {
    text-align: center;
    margin: 20px 0;
    cursor: pointer;
}

/*페이징*/
.paging {
    clear: both;
    height: 32px;
    padding: 10px 0 30px;
    text-align: center
}

.paging em {
    font-style: normal;
}

.paging .paging_inner {
    display: inline-block;
    margin: 0 auto
}

.paging .btn_page {
    position: relative;
    float: left;
    min-width: 22px;
    height: 22px;
    padding: 4px;
    font-weight: bold;
    font-size: 12px;
    font-family: verdana;
    color: #30323f;
    line-height: 24px;
    text-align: center;
    border: 1px solid #d4d5d8;
    background: #f5f5f5;
    margin-right: -1px;
}

.paging a.btn_page:hover {
    background: #fff;
    text-decoration: none;
}

.paging em.btn_page {
    position: relative;
    background: #fff;
    color: #14abed;
    ;padding: 3px;
    margin-right: 0px;
    border: 2px solid #14abed;
}

.paging a.btn_page:hover i {
    color: #376cb8;
}

/*버튼*/
.btn_base {
    display: inline-block;
    padding: 10px 40px;
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    font-family: 'AritaSB'
}

.btn_base2 {
    display: inline-block;
    padding: 7px 16px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    font-family: 'AritaSB'
}

.btn_base3 {
    display: inline-block;
    padding: 10px 33px;
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    font-family: 'AritaSB'
}

.btn_base4 {
    display: inline-block;
    padding: 10px 25px;
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    font-family: 'AritaSB'
}

.btn_base5 {
    display: inline-block;
    padding: 7px 16px;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    font-family: 'AritaSB'
}

.btn_base6 {
    display: inline-block;
    padding: 7px 10px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    font-family: 'AritaSB'
}

.btn_base7 {
    display: inline-block;
    padding: 4px 12px;
    line-height: 15px ;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    font-family: 'AritaSB'
}

.btn_base8 {
    display: inline-block;
    padding: 7px 33px;
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    font-family: 'AritaSB'
}

.btn_base9 {
    display: inline-block;
    width: 450px;
    height: 50px;
    line-height: 50px;
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    font-weight: 500;
    /* font-family: 'AritaSB'; */
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
}

.btn_red {
    background-color: #da0018;
    color: #fff;
    border: 1px solid #a70012;
}

.btn_white {
    background-color: #fff;
    border: 1px solid #232323;
    color: #232323;
}

.btn_black {
    background-color: #313131;
    color: #fff;
    border: 1px solid #232323;
}

.btn_pink {
    background-color: #f43142;
    color: #fff;
    border: 1px solid #d31021;
}

.btn_gray {
    background-color: #616161;
    color: #fff;
    border: 1px solid #3e3e3e;
}

.btn_sky {
    background-color: #14abed;
    color: #fff;
    border: 1px solid #157fad;
}

.btn_orange {
    background-color: #ff7200;
    color: #fff;
    border: 1px solid #d66000;
}

/*인증하기*/
.authen_area {
    margin-top: 25px
}

.authen_area .authen_inner {
    float: left;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    padding-top: 25px;
    padding-left: 25px;
    margin-top: 10px;
    width: 353px;
    height: 148px;
    background: url(/image/sub/img_authen.png) no-repeat;
}

.authen_area .authen_inner > strong {
    display: block;
    font-size: 18px;
    color: #232323;
    font-weight: 500;
}

.authen_area .authen_inner > p {
    display: block;
    font-size: 14px;
    color: #666;
    font-weight: 400;
}

.authen_area .authen_inner > span {
    display: block;
    background-color: #f85e6e;
    border-radius: 30px;
    width: 110px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    margin-top: 15px;
    cursor: pointer;
}

/* 슬라이더 */
.slider_wrap {
    margin: 15px 0;
    overflow: hidden;
    /* width:851px; */
}

.slider_input {
    float: left;
    /* width: 500px; */
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 12px;
    color: #232323;
}

.slider_input input {
    /* display: inline-block; */
    float: left;
    width: 80px;
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
    border: 1px solid #a9a9a9;
    font-size: 15px;
    font-weight: 500;
}

.slider_input span {
    /* float:left; */
    display: inline-block;
    line-height: 35px;
    font-size: 15px;
    font-weight: 500px;
}

.slider_bar {
}

.layout-slider {
    width: 100%;
}

.srcPrice {
    position: relative;
    height: 20px;
    width: 580px;
    margin: 0px auto;
}

.srcPrice li {
    position: absolute
}

.srcPrice li.m1 {
    top: 5px;
    left: 13px;
}

.srcPrice li.m2 {
    top: 5px;
    left: 105px;
}

.srcPrice li.m3 {
    top: 5px;
    left: 190px;
}

.srcPrice li.m4 {
    top: 5px;
    left: 280px;
}

.srcPrice li.m5 {
    top: 5px;
    right: 190px;
}

.srcPrice li.m6 {
    top: 5px;
    right: 100px;
}

.srcPrice li.m7 {
    top: 5px;
    right: 7px;
}

.bar_price {
    position: relative;
    background: url(/image/sub/bg_bar_price.png) no-repeat 0 top;
    height: 35px;
    margin: 0 10px;
}

.slider_red {
    position: absolute;
    display: block;
    z-index: 1;
    top: 11px;
    left: 15px;
    height: 6px;
    background: url(/images/sub/bg_bar_on.png) repeat-x;
}

.control_btn {
    position: absolute;
    background: url(/image/sub/btn_bar.png) no-repeat;
    top: 3px;
    width: 15px;
    height: 27px;
    z-index: 33;
}

.ui-slider .ui-slider-handle {
    background: url('/image/sub/btn_bar.png') !important;
    width: 15px !important;
    height: 27px !important;
    border: 0px !important;
}

.ui-widget-header {
    background: url('/image/sub/bg_bar_on.png') repeat-x !important;
}

.ui-slider-horizontal .ui-slider-range {
    top: 10px !important;
    height: 100% !important
}

.ui-slider-horizontal .ui-slider-handle {
    top: 0em !important;
    cursor: pointer;
}

/*이용약관 및 개인정보취급방침*/
.terms_st {
    width: 1080px;
    margin: 0 auto;
    height: 500px;
    padding: 15px;
    color: #888;
    border: 1px solid #ccc;
    background: #f9f9f9;
    font-family: 'dotum';
    line-height: 1.5em;
    overflow-y: scroll;
}

  display: block;
  clear: both;
  }
/****************************scontents_left***************************/
.scontents_left{padding-right:5px; float:left; width:229px;}
.scontents_right{width:1000px; float:right; /*margin-top:15px;*/}
.scontents_detail{width:1000px; }

/***********************************빠른중고차검색*************************************/
.sleftNvBox{width:229px; float:left;}
.sleftNvBox .bgm{width:229px; float:left; background:url(../image/common/fast_search_line.jpg) repeat-y left top; border-top:2px solid #cbcbcb;}
.sleftNvBox .bgm dl{width:185px; margin:0 auto; margin-top:15px; padding-bottom:10px;}
.sleftNvBox .bgm dd{width:185px; background:url(../image/common/dot2.jpg) no-repeat 3px 9px; padding-left:26px; height:30px; line-height:30px;}
.sleftNvBox .bgm a{font-family:'NGB'; color:#414042; font-size:14px;}
.sleftNvBox .bgm .on a{font-family:'NGB'; color:#C51D1C; font-size:14px;}
.sleftNvBox .bgb{width:229px; height:4px; float:left; background:url(../image/common/fast_search_bottom.jpg) no-repeat left top;}

/**************************배너********************/
.sbanner_box{/*border:1px solid #cbcbcb;*/ padding:4px 2px; text-align:center; float:left; margin-top:15px;}

/********************************굿차차 상세검색********************/
.searchBox_{width:782px; float:left; overflow:hidden;} 
.searchBox_ .bg1{width:782px; float:left; background:url(../image/common/sc_title_bg1.jpg) repeat-y left top;}
.searchBox_ .bg2{width:782px; height:8px; float:left; background:url(../image/common/sc_title_bg2.jpg) repeat-y left top;}

.searchBox_ .bg1 .search_in{width:750px; border:1px solid #bbbbbb; background:#f2f2f2; margin:13px 0 0 10px; padding:10px 5px; position:relative; float:left;}
.searchBox_ .bg1 .search_in input{float:right;}
.searchBox_ .bg1 .search_in select{border:1px solid #bbbbbb; background:#fff; height:23px; line-height:23px; padding:3px 3px 3px 3px; color:#666; margin-top:12px; margin-left:10px;}

#dubble_cho1{width:100%; float:left; margin-top:20px; display:block;}
#dubble_cho1 p{padding-left:20px; padding-bottom:5px;}
#dubble_cho1 .chklist{float:left; border-top:2px solid #B20202; border-bottom:2px solid #B20202; padding-left:3px; width:100%;}
#dubble_cho1 .chklist li{float:left; width:65px;height:58px; line-height:58px; font-size:14px;font-family: 'NGB'; color:#000; font-weight: bold; text-align:center; }
#dubble_cho1 .chklist li:hover { background:#EF8E8E; color:#fff; cursor:pointer; }
#dubble_cho1 .chklist li.hover{float:left; width:65px;height:58px; line-height:58px; font-size:14px;font-family: 'NGB';  font-weight: bold; text-align:center;background:#B20202;color:#fff;   cursor: pointer;}
#dubble_cho1 input{margin-top:-2px; display:inline-block;}
#dubble_cho1 #car_kind { padding: 10px 10px 10px 10px;}
#dubble_cho1 #car_kind .tab1 {padding-left:20px;padding-top:60px;}
#dubble_cho1 #car_kind .tab1 li{ float: left; width: 125px;  margin: 3px 0 0 0;} 

/*************************추가사항선택시************************************/
.add_cho{width:100%; float:left; margin-top:20px;}
.add_cho p{padding-left:20px; padding-bottom:5px;}
.add_cho div{border-top:2px solid #B20202; padding:10px 0 10px 20px;}
.add_cho select{border:1px solid #bbbbbb; background:#fff; height:23px; line-height:23px; padding:3px 3px 3px 3px; color:#666;  margin:-4px 0 0 10px;}
.add_cho input{border:1px solid #bbbbbb; background:#fff; height:16px; line-height:16px; padding:3px 3px 3px 3px; color:#666; margin:-4px 0 0 10px;}
.add_cho strong{padding:10px 0 0 5px; display:inline-block;}

/**********************서브페이지 차량 (공통!!)*****************************/
.kkcarz_sub {width:100%; height:1415px; background:#fffadc; padding:20px 0;}
.kkcarz_sub.bg_white {background:#fff;}
.kkcarz_sub .sub_car_list {width:100%; font-size:14px; clear:both; margin-top:10px;}
.kkcarz_sub .sub_car_list .carso {float:left; position:relative; width:235px;height:265px;padding:10px; box-sizing:border-box; background-color:#fff; margin-left:20px; margin-bottom:20px; border:1px solid #ddd; box-sizing:border-box;}
.kkcarz_sub .sub_car_list .carso .best_ico {position:absolute; top:-5px; left:7px;}
.kkcarz_sub .sub_car_list .carso .info {margin-top: 5px;height: 80px; padding:0 10px;}
.kkcarz_sub .sub_car_list .carso .info .imgs {}
.kkcarz_sub .sub_car_list .carso .info .imgs div {float:left;margin-left:0px;padding-top:3px;}
.kkcarz_sub .sub_car_list .carso .info h3 {color:#000; font-size:18px; margin:0;}
.kkcarz_sub .sub_car_list .carso .info p.option {border-bottom: 1px solid #ddd; margin:5px 0; font-size:14px; letter-spacing:-0.5px; padding-bottom: 7px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.kkcarz_sub .sub_car_list .carso .info p.price {text-align:right;}
.kkcarz_sub .sub_car_list .carso .info p.price span.money {font-size:18px; color:#d80000; letter-spacing:-1px;}
.kkcarz_sub .sub_car_list .carso:nth-child(1), .sub_car_list .carso:nth-child(5), .sub_car_list .carso:nth-child(9), .sub_car_list .carso:nth-child(13), .sub_car_list .carso:nth-child(17) {margin:0;}


/* 페이지네이션 */
div.pagination { text-align:center; margin:0 0 20px; padding:0; }
div.pagination > span { display: inline-block; vertical-align: middle; margin: 0 3px; }
div.pagination > span a.current { border: solid 1px #e8e8e8; background-color: #f1f1f1; color: red; }
div.pagination > span.current { /*border: solid 1px #e8e8e8; background-color: #f1f1f1;*/ color: red; padding: 4px 5px 3px;}
div.pagination > span.next,
div.pagination > span.prev { display: inline-block; padding: 4px 5px 3px; /*border: solid 1px #e8e8e8;*/ color: #7c7c7c; font-weight: bold; line-height: 12px; }
div.pagination > span a { display: inline-block; padding: 4px 5px 3px; /*border: solid 1px #e8e8e8;*/ color: #7c7c7c; font-weight: bold; line-height: 12px; }
div.pagination > span a:hover { text-decoration:none; /*background-color: #f1f1f1;*/ }


/* searchingBox */
div.searchingBox { /*border:3px solid #0baee2;*/ margin:0px 0px 10px 0px; padding-top:6px;}
.searchingBox table .table_con input{ width:65px; /*height:18px;*/ }
.searchingBox table .table_con select{ height:20px;}
.searchingBox table td.table_con{padding: 3px 0px 3px 5px; border-bottom:1px solid #ccc; }
.searchingBox table td.table_title{background-color: #f4f4f4;border-bottom: 1px solid #ccc; padding: 3px 0px 3px 5px;}
.searchingBox .btns{  float:right; text-align: center; padding-top: 3px;}

.searchingBox div ul li {margin-right:18px;}
.searchingBox div ul .last {margin:0px;}

/* 테이블 스타일 지정 2 */
div.writeBoard { border:1px solid #dedede; background:#fff;}
h4.title { height:31px;  padding: 13px 15px 0 15px; font-size: 14px !important; border-bottom: 1px solid #e1e1e1; background-color: #f9f9f9; overflow: hidden;}
table.writeTable { width:100%; }
table.writeTable th { text-align:left; padding-left: 15px; font-size:11px; color:#666; font-weight:normal;}
table.writeTable td { padding:5px; }
table.writeTable td.hint_txt { color:red; font-weight:bold; height:40px; }
table.writeTable td.view_con_top { padding:25px 25px 0px 25px; }
table.writeTable td.view_con_top div.line { height:1px; background-color:#ccc; margin-top:25px;}
table.writeTable td.view_con { padding:25px 25px 25px 25px; }

table.writeTable td.view_con_top div.v_info {color: #656565 !important; font-size: 11px; letter-spacing: -1px; padding-top:8px; }

table.writeTable td textarea { width:97% !important; padding:5px; line-height:130%;}
table.writeTable td.view_con { vertical-align:top; }
table.writeTable td img { display:inline; }
table.writeTable td p.warning { margin: 20px 20px 0 20px; padding-top: 20px; border-top: 1px dotted #c1c4c5; font-size: 11px; color: #959595; }
div#add_btn_div { width:110px; margin:20px auto;}
div#add_btn_div a > img { display:inline; vertical-align:middle;  }

table.writeTable td h4 { font-size: 16px !important; }

div.article_div { border-top:1px dotted #dedede; border-bottom:1px dotted #dedede; margin-top: 20px; background:#fff;}
div.article_div dl { padding:10px 25px 10px 25px; }
div.article_div dl.article_top { border-bottom:1px dotted #dedede; }
div.article_div dl.article_top .article_title { margin-right:15px; font-size:11px; }
div.article_div dl.article_top .article_title img { margin: 0 4px 2px 0; }
div.article_div dl.article .article_title { margin-right:15px; font-size:11px; }
div.article_div dl.article .article_title img { margin: 0 4px 2px 0; }
div.article_div img { display:inline; }
dd.article_con, dt.article_title { display:inline; }
#view_btn_div { margin-top: 15px; text-align:right; }
#view_btn_div img { display:inline; }


/*carlistgroup*/
#searchdiv {margin-top:15px;}
.carlistgroup {
	width:1000px;
	border:0;
}
.carlistgroup * {padding:0;margin:0;border:0;font-family:'malgun gothic';font-size:12px;}
ul, ol, dl, li, dt, dd {
	list-style-type:none;
	list-style-position: outside;
	list-style-image:none;
}
#list1 {float:left;width:250px;}
/*#list2 {float:left;width:150px;}*/
#list3 {float:left;width:250px;}
#list4 {float:left;width:250px;}
#list5 {float:left;width:250px;}
.carlistgroup p {
	height:20px;
	padding-top:4px;
	text-align:center;
	background-color:#f8f8f8;
	color:#333;
	border:1px solid #d1d1d1;
	border-left:0;
	/*margin-top:12px;*/
}
.carlistgroup #list1 p, .carlistgroup #list1 ul {
	border-left:1px solid #d1d1d1;
}
.carlistgroup .list {
	height:130px;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
	overflow-x: hidden;
	overflow-y: auto;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: white;
	border-right:1px solid #d1d1d1;
}
.carlistgroup .list:first-child {
	border-left:1px solid #d1d1d1;
}
.carlistgroup .on span {
	color:white;
}
.carlistgroup li a {
	height: 30px;
	padding: 5px 0;
	text-indent: 13px;
	display: block;
	cursor:pointer;
	text-align:left;
	color:black;
	line-height:160%;
}
.carlistgroup .on a { background-color:#ffbd02; }
.carlistgroup li:hover{ background-color:#ffbd02; }
.carlistgroup li:hover span{ color:white; }

/*carselectbox*/
#carselectbox select, #carselectbox input {border:1px solid #d1d1d1;padding:1px;}
#carselectbox input[type="image"] {border:0;}
#carselectbox {clear:both;width:1000px;border:1px solid #d1d1d1;box-sizing:border-box;
background-color:#f9f9f9;padding-bottom:5px;}
#carselectbox ul {width:100%;float:left;padding:5px 10px 0 10px;}
#carselectbox li {width:210px;float:left;}
#carselectbox li:first-child {width:300px;float:left;}
.sale_text {color:black;width:40px;float:left;padding-top:4px;text-align:right;}
.sale_select {}
.sale_box_btn {float:left;text-align:center; padding-top:10px;}
.selhelp {
	padding-top:44px;
	color:#808080;
	line-height:150%;
}
#cartypes {width:100%;height:24px;background-color:#333;text-align:center;}
#cartypes ul {margin:0 auto;width:910px;}
#cartypes li a{
	height:20px;float:left;width:66px;text-align:center;background-color:#333;color:white;border:2px solid #333;font-family:"malgun gothic";line-height:20px;border-bottom:0;
	transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
}
#cartypes li .on {color:#333;font-weight:bold;background-color:white;}
#cartypes li a:hover {color:white;font-weight:bold;background-color:#eee;color:#333;}

/*order*/
#order {width:100%;height:24px;background-color:#333;text-align:center;margin-top:14px;box-shadow: 0px 2px 8px #999;margin-top:10px;height:24px;}
#order li a{
	height:20px;float:left;width:90px;text-align:center;background-color:#333;color:white;border:2px solid #333;font-family:"malgun gothic";line-height:20px;border-bottom:0;
	transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
}
#order li .on {color:#333;font-weight:bold;background-color:white;}
#order li a:hover {color:white;font-weight:bold;background-color:#eee;color:#333;}
.model_list{padding-top:5px;font-family:"malgun gothic", Gulim, AppleGothic, Sans-serif}
.model_list li{overflow:hidden;padding:3px 0;border-bottom:1px solid #fff;vertical-align:top;zoom:1}
.model_list .thumb{float:left;height:120px;padding:0 20px 0 50px;font-size:0}
.model_list .sel{float:left;width:37px;height:53px;margin-left:3px;padding-top:34px;text-align:center;display:none;}
.model_list dl{float:left;position:relative;width:482px;margin-top:14px;padding-bottom:13px;line-height:19px;text-align:right;}
.model_list dt{float:left;width:50px;margin:0 8px 0 0;color:#888}
.model_list dd{overflow:hidden;color:#000;zoom:1}
.model_list dd a{color:#000}
.model_list dt.name{float:none;width:auto;padding:0 0 2px 1px;font-size:13px;color:#0033ac;}
.model_list dt.name a{color:#0033ac;text-decoration:underline}
.model_list dt.na1me .old_model{margin-left:7px;padding:1px 0 0 7px;color:#7e869d;font-size:12px;background:url(http://static.naver.net/auto/2010/bg_line4.gif) 0 0 no-repeat}
.model_list dd.etc{float:left;width:250px;text-align:left;}
.model_list dd.price{position:absolute;top:-1px;right:0;font-family:Tahoma, Sans-serif;color:#0f0f0f}
.model_list dd.price span{padding-left:2px;font-family:"굴림", Gulim, AppleGothic, Sans-serif}
.model_list dd.price span.wave{padding:0 3px;font-family:Tahoma, Sans-serif}
.model_list dd.price span.eh{padding:0 3px 0 0}
.model_list.detail_list li{padding:12px 0;width:1000px}
.model_list.detail_list dl{width:600px;margin:2px 0 0 7px;float:left}
.model_list.detail_list dd.etc{width:100px;}
.model_list.detail_list dd.subject{width:auto;float:left;text-align:left;color:#669966;}
.model_list.detail_list dt.name{width:auto;padding-bottom:3px;text-align:left;}
.model_list.detail_list dd.hotmark{width:auto;padding-top:2px;float:left;text-align:left;vertical-align:middle;}
.detailinfoimg li {float:left;height:180px;}


/*리스트페이지 일반 매물*/
tr.prdlist_tr_red {border-bottom:1px solid #ccc;}

.prdlist_subject{}
.prdlist_subject p{font-size:16px; font-weight:600; color:#222; height:20px; overflow:hidden; margin:0 0 10px;}

.prdlist_subject .dealerinfo{}
.prdlist_subject .dealerinfo table{}
.prdlist_subject .dealerinfo table th, .prdlist_subject .dealerinfo table td{font-size:13px;}
.prdlist_subject .dealerinfo th{font-weight:normal; text-align:left;}
.prdlist_subject .dealerinfo td{font-weight:600; text-align:left;}
.prdlist_subject .dealerinfo td span{color:#f04749; font-weight:600; font-size:15px;}

.prdlist_subject .carinfo{/*background:#fcfcfc; border:1px solid #ccc; padding:5px 10px;*/ margin:10px 0 10px;}
.prdlist_subject .carinfo table{border-width:1px 0 0 1px; border-style:solid; border-color:#ddd;}
.prdlist_subject .carinfo table th, .prdlist_subject .carinfo table td{font-size:12px; height:23px; padding-left:5px; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd;}
.prdlist_subject .carinfo table th{font-weight:normal; text-align:left; background:#f2f2f2;}
.prdlist_subject .carinfo table td{font-weight:600; text-align:left;}


/* 상세페이지*/
.view_top {padding:20px; border:1px solid #a4a4a4; height:1000px; background:#fff;}
.view_top h3.blue_title {font-size:18px; color:#149ec6; margin:0; padding:0 0 9px 23px; clear:both; border-bottom:1px solid #bbb;}

.view_top2 {padding:20px; border:1px solid #a4a4a4; height:840px; background:#fff;}
.view_top2 h3.blue_title {font-size:18px; color:#333; margin:0; padding:0 0 10px 0px; clear:both; border-bottom:1px solid #bbb;}

.left_top {width:675px; float:left;}
.left_top h1 {padding-bottom:10px; color:#000;}
.left_top h1 span.price {float:right; color:#c20000; font-weight:bold;}

.right_top{float:right; margin-left:10px; width:270px;}
.right_top div{ float:left; width:115px; height:113px; margin:10px; background:url(/images/sub/btn_view.png) no-repeat;}

.dealer {width:450px; float:right; border:1px solid #bbb; padding:18px 25px 18px 3px; margin-right:4px;}
.dealer .img {float:left;} 
.dealer .info {float:left; padding:0 0 15px 6px;} 
.dealer .text_h3 {font-size:14px; line-height:1.4; letter-spacing:-0.02em; color:#000000; padding-left:10px }
.dealer .gray { width:95%; height:80px; background:#eee; clear:both; padding:10px;}

.dealer2 {width:100%; float:right; border:1px solid #bbb; box-sizing:border-box; padding:42px 50px 0; margin-right:4px;}
.dealer2 .img {float:left;} 
.dealer2 .info {float:left; padding:0 0 15px 6px;} 
.dealer2 .text_h3 {font-size:14px; line-height:1.4; letter-spacing:-0.02em; color:#000000; padding-left:10px }
.dealer2 .gray { width:95%; height:80px; background:#eee; clear:both; padding:10px;}


/********************************************************************** 구입문의_내차팔기_wide **********************************************************************/

/* 상단 이미지 영역 -----------------------------------------------------------*/
#Advice_wide{height:320px; clear:both;}
#Advice_wide.buy{background:url(/images/sub/sangdam_bg.jpg) top center no-repeat;}
#Advice_wide.sell{background:url(/images/sub/bg_sell.jpg) top center no-repeat;}
#Advice_wide .inner{position:absolute; left:52%; top:40px; margin-left:-18px; width:360px; height:100px;}
#Advice_wide .inner input{width:350px; height:45px; line-height:45px; padding:0 0 0 10px; font-size:14px; color:#333; letter-spacing:-0.05em; border:0 none; background:url(/images/sub/input.png) 0 0 no-repeat; margin:0 0 10px;}
#Advice_wide .inner .agree{position:relative; letter-spacing:-0.05em; font-size:14px; line-height:1.3;}
#Advice_wide .inner .agree label{vertical-align:middle; color:#666;}
#Advice_wide .inner .agree2 label{vertical-align:middle; color:#000;}
#Advice_wide .inner .agree input{vertical-align:middle; width:auto; height:auto; border:1px solid #333; background:none; margin:0; padding:0;}
#Advice_wide .inner .agree a{position:absolute; right:0; top:0; color:#666;}
#Advice_wide .inner .agree2 a{position:absolute; right:0; top:0; color:#fff700;}
#Advice_wide .inner button{display:block; margin:30px 0 0; border:0; background:none;}


/********************************************************************** 내차팔기/내차사기 **********************************************************************/
.new_sell .head { font-size:22px; margin-top:10px; font-weight:bold; color:#333; margin-bottom:18px; cursor:pointer;}
.new_sell .tbl {border-spacing:0px;border-collapse:collapse; border-top:3px solid #000; border-bottom:1px solid #ddd; width:100%;}
.new_sell .tbtn ul {height:50px; margin: 35px 0;}
.new_sell .tbtn li { float:left; width: 313px; text-align: center; line-height:50px; height:50px; overflow:hidden; border-radius: 10px; margin: 0 10px; font-size:18px; border:1px solid #e5e5e5 !important; box-sizing:border-box;}
.new_sell .tbtn li:last-child { border-right:0; }
.new_sell .tbtn li.on, .tbtn li a:hover{background-color:#c20000; color:#fff; display:block;}
.new_sell .tbl select {color:#999999; padding:10px 0px 9px 12px; }
.new_sell .tbl .left{text-align:center; font-weight:bold; /*background:#f8f8f8;*/ color:#000;}
.new_sell .tbl tr{ width:100%; height:65px; margin-top:10px;}
.new_sell .tbl td{font-size:16px; /*border:1px solid #d2d2d2;*/ vertical-align:middle;}
.new_sell .tbl td span {color:#3d3d3d; font-size:16px; margin-top:10px;}

.new_sell .tbl .rightinput { padding-top:8px; padding-bottom:8px;}
.new_sell .tbl .rightradio { padding-top:11px; padding-bottom:21px; }

.new_sell .tbl td .selectshort { font-size:16px;width:100%; background: url(/images/sub/select_arrow2.png) no-repeat 100% 50%;}
.new_sell .tbl td .selectshort2 { font-size:16px;width:145px; margin:0 2px; float:left; background: url(/images/sub/select_arrow2.png) no-repeat 100% 50%;}

.new_sell .tbl td input[type="text"] {width:100%; height:42px; line-height:42px;} 
.new_sell .tbl td select::-ms-expand {display:none;}
.new_sell .tbl td select { -moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */appearance:none;}
.new_sell .tbl td input.inputtext3 {width:82%;}
.new_sell .tbl td input[type="password"] {padding-top:12px; padding-bottom:13px;} 

.new_sell .tbl td textarea {font-size:16px;color:#999;line-height:130%;width:745px; height:243px;border:0px;text-align:left;padding:28px 26px; border:1px solid #ddd;}

.new_sell input[id="c1"] + label {
	display: inline-block;
	float:left;
	width: 18px;
	height: 18px;
	border: 1px solid #bebebe;
	cursor: pointer;
	margin:15px 5px 0px 0px;
	border-radius:18px;
}
.new_sell input[id="c1"] {
	display: none;
}
.new_sell input[id="c1"]:checked + label:after {
	content: '●';
	font-size: 12px;
	_border: 1px solid #454545;
	color: #454545;
	_border-radius: 23px;
	width: 11px;
	height: 13px;
	float: left;
	padding: 0px 3px 3px 3px;
}
.new_sell input[id="c2"] + label {
	display: inline-block;
	width:18px;
	height:18px;
	border: 1px solid #bebebe;
	cursor: pointer;
	margin:15px 5px 0px 14px;
	float:left;
	border-radius:18px;
}
.new_sell input[id="c2"] {
	display: none;
}
.new_sell input[id="c2"]:checked + label:after {
	content: '●';
	font-size: 12px;
	_border: 1px solid #454545;
	color: #454545;
	_border-radius: 23px;
	width: 11px;
	height: 13px;
	float: left;
	padding: 0px 4px 3px 3px;
}
.new_sell input[id="cb2"] + label {
	display: inline-block;
	width: 15px;
	height: 11px;
	border: 1px solid #d2d2d2;
	cursor: pointer;
	margin-right:10px; 
	margin-top: 7px;
	padding-left:2px; 
	padding-bottom:6px;
	float:left;
}
.new_sell input[id="cb2"] {
	display: none;
}
.new_sell input[id="cb2"]:checked + label:after {
	content: '\2714';
	font-size: 13px;
}

.new_sell input, select {
	border: 1px solid #d2d2d2;
	margin-left: 10px;
}
.new_sell input[type="text"], .new_sell input[type="password"], .new_sell select {
	border: 1px solid #d2d2d2;
}

.new_sell .checkbox {margin: 10px 0;}
.new_sell .checkbox span {float:left; color:#999999; font-size:16px; margin-top:6px; margin-right:6px;}

.new_sell .button {margin-top:60px;margin-bottom:150px; text-align:center;}

/********************************************************************** 구매절차 **********************************************************************/
.step .tbl {border-spacing:0px;border-collapse:collapse; border-top:3px solid #000; border-bottom:1px solid #ddd; width:100%;}
.step .tbtn ul {height:50px; margin: 35px 0;}
.step .tbtn li { float:left; width: 480px; text-align: center; line-height:50px; height:50px; overflow:hidden; border-radius: 10px; margin: 0 10px; font-size:18px; border:1px solid #e5e5e5 !important; box-sizing:border-box;}
.step .tbtn li:last-child { border-right:0; }
.step .tbtn li.on, .tbtn li a:hover{background-color:#c20000; color:#fff; display:block;}

/**상세페이지 우측 테이블 색상********************************************************************************************************/
#subWrap div.rightBox div.infozone ul.list > table td span.color {line-height:20px;}
/*색상동그라미*/
#subWrap div.rightBox div.infozone ul.list > table td .circle {float:left; width: 20px; height: 20px; border-radius:50%; margin-right:5px; box-shadow:0px 1px 7px #999;}
/*흰색*/
#subWrap div.rightBox div.infozone ul.list > table td .white {background:#fff; border:1px solid #ddd;}
/*검정*/
#subWrap div.rightBox div.infozone ul.list > table td .black {background:#000;}
/*진주색*/
#subWrap div.rightBox div.infozone ul.list > table td .pearl {background:#fff2e2;}
/*은색*/
#subWrap div.rightBox div.infozone ul.list > table td .silver {background:#939499;}
/*다크그레이*/
#subWrap div.rightBox div.infozone ul.list > table td .dark_gray {background:#505e61;}
/*빨강*/
#subWrap div.rightBox div.infozone ul.list > table td .red {background:#b60000;}
/*녹색*/
#subWrap div.rightBox div.infozone ul.list > table td .green {background:#0fb600;}
/*갈색*/
#subWrap div.rightBox div.infozone ul.list > table td .brown {background:#964b00;}
/*노랑*/
#subWrap div.rightBox div.infozone ul.list > table td .yellow {background:#FFD400;}
/*주황*/
#subWrap div.rightBox div.infozone ul.list > table td .orange {background:#FF7F00;}
/*베이지*/
#subWrap div.rightBox div.infozone ul.list > table td .beige {background:#E6CDA7;}
/*쥐색*/
#subWrap div.rightBox div.infozone ul.list > table td .mouse {background:#808080;}
/*청색*/
#subWrap div.rightBox div.infozone ul.list > table td .deepblue {background:#00008B;}
/*자주*/
#subWrap div.rightBox div.infozone ul.list > table td .plum {background:#E6E6FA;}
/*금색*/
#subWrap div.rightBox div.infozone ul.list > table td .gold {background:#FFD700;}
/*연금색*/
#subWrap div.rightBox div.infozone ul.list > table td .lightgold {background:#EEE8AA;}
/*갈대색*/
#subWrap div.rightBox div.infozone ul.list > table td .reed {background:#D2B48C;}
/*은하색*/
#subWrap div.rightBox div.infozone ul.list > table td .galaxy {background:#DCDCDC;}
/*담녹색*/
#subWrap div.rightBox div.infozone ul.list > table td .deepgreen {background:#006400;}
/*은회색*/
#subWrap div.rightBox div.infozone ul.list > table td .lightgrey {background:#D3D3D3;}
/*진회색*/
#subWrap div.rightBox div.infozone ul.list > table td .deepgrey {background:#808080;}
/*********************************************************************************************************************************/