@charset "utf-8";
/* --------------------------------------------
* sell (main)
/* ------------------------------------------ */
/* sell_visual */
#cs .sell_visual .sv_bg {
width: 100%; height: 170px;
position: relative;
z-index: 10;
border-bottom: 1px solid #ddd;
background:#fff;}
.sell_visual {
width: 100%; height: 170px;
position: relative;
left: 0;
z-index: 2;
}
.sell_visual .sv_bg {
width: 100%; height: 170px;
position: relative;
top: 90px;
z-index: 10;
border-bottom: 1px solid #ddd;
/* background: url(/_img/mobile/sell_visual_bg.png) center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;*/
}
.sell_visual .sv_bg01, .sell_visual .sv_bg02 {
background:url(../_img/listbd_bg.png) no-repeat 95% 25px #fff;
background-size:110px;
}
.sell_visual .sv_bg03 {
background:url(../_img/review_bg.png) no-repeat 95% 45px #fff;
background-size:140px;
}
.sell_visual .sv_bg04 {
background:#fff;
/*background-size:138px;*/
}
.sell_visual .obj_txt {
text-align: left;
position: absolute;
top: 38px; left: 15px;
/*color: #fff;*/
}
.sell_visual .obj_txt span.s_txt{font-size:16px; letter-spacing: -0.02em}
.sell_visual .obj_txt h2 {
font-size: 32px;
line-height: 32px;
font-weight: 600;
letter-spacing: -0.08em;
}
.sell_visual .obj_txt h2 em {
color: #fb653d;
font-weight: 600;
}
.sell_visual .obj_txt p {
font-size: 12.5px;
line-height: 15px;
margin-top: 10px;
color: #444;
letter-spacing: -0.025em;
font-weight:600;
}
/* sec_sellContent */
.sec_sellContent {
}
.sec_sellContent.sec2 {
padding-bottom: 16px;
}
.sec_sellContent h3 {
position: relative;
font-size: 14px;
line-height: 20px;
padding: 18px 0;
text-align: center;
border-bottom: 1px solid #eee;
color: #777;
}
.sec_sellContent h3 a.btn_more {
width: 40px; height: 40px;
display: inline-block;
overflow: hidden;
text-indent: -99999em;
position: absolute;
top: 50%; right: 10px;
margin-top: -20px;
background: url(../_img/mobile/ico_plus.png) no-repeat center center;
-webkit-background-size: 16px 16px;
-moz-background-size: 16px 16px;
-o-background-size: 16px 16px;
background-size: 16px 16px;
}
/* sc_consult */
.sc_consult {
position: relative;
top: -60px;
margin: 0 16px -60px;
}
.sc_consult .sc_box {
position: relative;
background: #fff;
border-radius: 8px;
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
-ms-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
-o-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}
.sc_consult .sc_box h3 {
border-bottom: 0;
padding: 24px 24px 16px;
text-align: left;
}
.sc_consult .sc_box h3 span {
display: block;
}
.sc_consult .sc_box h3 span.tit {
font-size: 18px;
line-height: 24px;
font-weight: 600;
letter-spacing: -0.075em;
color: #222;
}
.sc_consult .sc_box h3 span.desc {
font-size: 12px;
line-height: 16px;
color: #999;
margin-top: 6px;
}
.sc_form {
}
.sc_form ul {
margin: 1px 0 0 1px;
padding: 0 24px 20px;
}
.sc_form li .inputWrap_st1,
.sc_form li .selectWrap_st1 {
margin: -1px 0 0 -1px;
}
.sc_form .checksWrap_st1 a {
display: inline-block;
width: 66px; height: 28px;
position: absolute;
top: 20px; right: 16px;
font-size: 11px;
color: #888;
line-height: 28px;
text-align: center;
background: #ededed;
border-radius: 3px;
}
.sc_form button {
display: block;
width: 100%;
background: #33ccff;
padding: 18px 0;
font-size: 16px;
line-height: 30px;
color: #fff;
text-align: center;
border-radius: 0 0 8px 8px;
font-weight: 700;
letter-spacing: -0.025em;
}
/* sc_count */
.sc_count {
margin: 16px;
border-radius: 8px;
}
.sc_count h3 span {
width: 129px;
background-position: -160px -305px;
}
.sc_count li {
width: 50%;
float: left;
padding: 16px 20px 14px;
font-family: 'Rubik','Lato','NanumSquare',Arial,AppleGothic,verdana,sans-serif;
}
.sc_count li:first-child {
border-right: 1px solid #efeff0;
}
.sc_count li p {
display: block;
color: #c0c0c5;
font-size: 11px;
line-height: 16px;
}
.sc_count li strong {
display: block;
font-size: 32px;
line-height: 40px;
letter-spacing: -0.05em;
color: #777;
margin-top: 4px;
}
.sc_count li.ct_success strong {
color: #33ccff;
}
.sc_count li strong span {
display: inline-block;
font-size: 16px;
line-height: 20px;
font-weight: 400;
padding-left: 3px;
vertical-align: initial;
}
/* sc_review */
.sc_review {
}
.sc_review h3 span {
width: 138px;
background-position: 0 -305px;
}
.sc_review .rollWrap {
padding: 16px 0 20px;
}
.sc_review .rollWrap .item {
position: relative;
}
/* sc_cstList */
.sc_cstList {
}
.sc_cstList h3 span {
width: 95px;
background-position: 0 -320px;
}
.sc_cstList .cstList ul {
}
.sc_cstList .cstList li {
position: relative;
padding: 10px 86px 10px 16px;
}
.sc_cstList .cstList li:nth-child(odd){
background: #f6f5f3;
}
.sc_cstList .cstList li .state {
width: 52px;
display: inline-block;
font-size: 10px;
text-align: center;
line-height: 22px;
color: #fff;
border-radius: 3px;
position: absolute;
right: 16px; top: 50%;
margin-top: -11px;
}
.sc_cstList .cstList li .state.ing { background: #23241c; }
.sc_cstList .cstList li .state.comp { background: #aaaaaa; }
.sc_cstList .cstList li .subject {
font-size: 11px;
line-height: 16px;
color: #222;
max-width: 90%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sc_cstList .cstList li .data {
font-family:'Lato','Rubik','NotoSansKR',Arial,AppleGothic,verdana,sans-serif;
font-size: 10px;
color: #808189;
letter-spacing: 0;
}
.sc_cstList .pagination {
padding: 24px 0;
}
/* --------------------------------------------
* service
/* ------------------------------------------ */
/* sec_sellContent */
.sec_svcContent {
}
.sec_svcContent.sec1 {
padding-top: 16px;
}
.sec_svcContent.sec2 {
padding-bottom: 16px;
margin-top: -16px;
}
.sec_svcContent h3 {
position: relative;
font-size: 14px;
line-height: 20px;
padding: 18px 0;
text-align: center;
border-bottom: 1px solid #eee;
color: #777;
background: #fff;
}
/* svc_process */
.svc_process {
}
.svc_process .owl-carousel .owl-stage-outer {
padding-bottom: 16px;
}
.svc_process .item {
width: 311px; height: 410px;
border-radius: 3px;
background: #fff;
}
@media (max-width: 360px) {
.svc_process .item { width: 296px; }
}
.svc_process .center .item {
-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
-ms-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
-o-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
}
.svc_process .svc_box {
position: relative;
text-align: center;
}
.svc_process .svc_box .num {
width: 36px; height: 36px;
background: #33ccff;
border-radius: 50%;
position: absolute;
top: 30px; left: 30px;
}
.svc_process .svc_box .num span {
display: inline-block;
font-family: 'Rubik','Lato','NanumSquare',Arial,AppleGothic,verdana,sans-serif;
font-weight: 500;
letter-spacing: 0;
color: #fff;
font-size: 14px;
line-height: 36px;
}
.svc_process .svc_box:before {
content: '';
width: 160px; height: 134px;
display: inline-block;
margin-top: 30px;
background: url(../_img/mobile/svc_process.png) no-repeat;
-webkit-background-size: 960px 134px;
-moz-background-size: 960px 134px;
-o-background-size: 960px 134px;
background-size: 960px 134px;
}
.svc_process .svc_box.prc1:before { background-position: 0 0; }
.svc_process .svc_box.prc2:before { background-position: -160px 0; }
.svc_process .svc_box.prc3:before { background-position: -320px 0; }
.svc_process .svc_box.prc4:before { background-position: -480px 0; }
.svc_process .svc_box.prc5:before { background-position: -640px 0; }
.svc_process .svc_box.prc6:before { background-position: -800px 0; }
.svc_process .svc_box .tit {
margin: 30px 0 16px;
font-size: 18px;
line-height: 22px;
font-weight: 700;
letter-spacing: -0.075em;
}
.svc_process .svc_box .txt {
max-width: 78%;
margin: auto;
font-size: 12px;
line-height: 18px;
color: #808189;
word-break: keep-all;
}
@media (max-width: 360px) {
.svc_process .svc_box .txt { max-width: 84%; }
}
.svc_process .svc_box .txt strong {
display: inline-block;
color: #2d2d36;
margin-right: 4px;
letter-spacing: -0.025em;
font-weight: 600;
}
.svc_process .owl-theme .owl-dots {
position: absolute;
bottom: 46px; left: 0; right: 0;
}
/* svc_document */
.svc_document {
margin-top: 16px;
}
.svc_document h3 span {
width: 113px;
background-position: 0 -15px;
}
.svc_document li {
padding: 0 16px;
}
.svc_document li dl {
position: relative;
padding: 16px 0 16px 100px;
border-top: 1px solid #efeff0;
}
.svc_document li:first-child dl {
border: 0;
}
.svc_document li dt {
position: absolute;
left: 0; top: 18px;
font-size: 12px;
color: #222;
font-weight: 700;
}
.svc_document li dd {
font-size: 12px;
color: #555;
line-height: 1.6;
}
/* --------------------------------------------
* review
/* ------------------------------------------ */
.sec_reviewContent {
}
.sec_reviewContent.sec1 {
background: #fff;
padding:0 10px;
}
/* review_list */
.review_list {
max-width:640px; margin:0 auto;
position: relative;
padding-bottom: 32px;
}
.review_list ul {
/*padding-top: 16px;*/
}
/* review_view */
.review_view {
}
.review_view .tit .cate span,
.review_view .data {
font-family: 'Rubik','Lato','NanumSquare',Arial,AppleGothic,verdana,sans-serif;
letter-spacing: 0;
}
.review_view .tit {
padding: 32px 16px;
border-bottom: 1px solid #eee;
text-align: center;
}
.review_view .tit .cate {
margin-bottom: 12px;
}
.review_view .tit .cate span {
display: inline-block;
font-size: 13px;
color: #fff;
background: #28282e;
padding: 5px 15px;
line-height: 22px;
font-weight: 500;
border-radius: 2em;
margin-bottom:15px;
}
.review_view .tit h4 {
font-size: 20px;
line-height: 1.25;
}
.review_view .data {
margin-top: 10px;
font-size: 12px;
color: #999;
}
.review_view .con {
}
.review_view .con .img img {
max-width: 100%;
}
.review_view .con .txt {
padding: 32px;
line-height: 1.6;
font-size: 14px;
color: #555;
}
.review_view .btn {
padding: 0 16px 32px;
}
.review_view .btn a {
display: block;
font-size: 14px;
border: 1px solid #ddd;
color: #999;
text-align: center;
line-height: 50px;
letter-spacing: 0;
border-radius: 2px;
}
/* --------------------------------------------
* CS
/* ------------------------------------------ */
.sec_faqContent {
}
.sec_noticeContent {
}
.board_list {
padding: 0 0 8px;
}
.board_list ul {
border-bottom: 1px solid #dfe0e4;
}
.board_list li .qusetion_article {
position: relative;
background: #fff;
border-top: 1px solid #ededee;
padding-right: 16px;
}
.board_list li:first-child .qusetion_article {
border-top: 0;
}
.board_list li.active .qusetion_article {
background: #f6f6f8;
}
.board_list li .qusetion_article a {
display: block;
position: relative;
font-size: 14px;
line-height: 20px;
padding: 20px 65px 20px 44px;
color: #222;
}
.board_list li .qusetion_article a:before,
.board_list li .qusetion_article a:after {
display: block;
position: absolute;
top: 50%;
margin-top: -1px;
width: 7px;
height: 2px;
background-color: #808189;
content: '';
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.board_list li.active .qusetion_article a:before,
.board_list li.active .qusetion_article a:after {
background-color: #2d2d36;
}
.board_list li .qusetion_article a:before {
right: 0px;
height: 2px;
}
.board_list li .qusetion_article a:after {
right: 4px;
height: 2px;
}
.board_list li .qusetion_article a:after,
.board_list li.active .qusetion_article a:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.board_list li .qusetion_article a:before,
.board_list li.active .qusetion_article a:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.board_list li .answer_article {
background: #f6f6f8;
padding: 16px;
font-size: 12px;
line-height: 18px;
color: #6a6c73;
}
/* faq */
.board_list.faq_board li .qusetion_article:before {
content: 'Q.';
width: 22px; height: 24px;
display: inline-block;
font-size: 20px;
color: #f8643d;
font-family: 'Rubik','Lato','NotoSansKR',Arial,AppleGothic,verdana,sans-serif;
font-weight: 500;
line-height: 24px;
position: absolute;
top: 50%; left: 16px;
margin-top: -12px;
}
/* notice */
.board_list.notice_board li .qusetion_article:before {
content: '공지';
height: 22px;
display: inline-block;
font-size: 14px;
color: #bbb;
font-family: 'Rubik','Lato','NotoSansKR',Arial,AppleGothic,verdana,sans-serif;
font-weight: 700;
line-height: 24px;
position: absolute;
top: 50%; left: 16px;
margin-top: -11px;
}
.board_list.notice_board li .qusetion_article a {
padding: 20px 65px 20px 54px;
}
/* --------------------------------------------
* Q&A
/* ------------------------------------------ */
.qna_title p span,.qna_write button.submit span {
display: inline-block;
text-indent: -99999em;
overflow: hidden;
background: url(/_img/mobile/qna_170502.png) no-repeat;
-webkit-background-size: 300px 150px;
-moz-background-size: 300px 150px;
-o-background-size: 300px 150px;
background-size: 300px 150px;
}
.sec_qnaContent {
background: #f5f5f7;
}
.sec_qnaContent.sec2 {
padding: 0 16px 0;
position: relative;
}
.sec_qnaContent.sec2:before {
content: '';
display: block;
background: #f8f8f9;
border: 2px solid #d2d2d6;
position: absolute;
top: -10px; left: 25px; right: 25px; bottom: 0;
z-index: 2;
}
.sec_qnaContent.sec2:after {
content: '';
display: block;
background: #f6f6f8;
border: 2px solid #e9e9ec;
position: absolute;
top: -20px; left: 34px; right: 34px; bottom: 0;
z-index: 1;
}
/* qna_title */
.qna_title {
padding: 30px 0 46px;
}
.qna_title p {
text-align: center;
line-height: 1;
}
.qna_title p.txt1 {
margin: 20px 0 15px;
}
.qna_title p.icon span {
width: 45px; height: 52px;
background-position: 0 0;
}
.qna_title p.txt1 span {
width: 233px; height: 52px;
background-position: 0 -52px;
}
.qna_title p.txt2 span {
width: 224px; height: 12px;
background-position: 0 -104px;
}
/* qna_write */
.qna_write {
position: relative;
background: #fff;
border: 2px solid #808189;
border-bottom: 0;
padding: 24px 24px;
z-index: 10;
}
.qna_form ul {
margin: 1px 0 0 1px;
}
.qna_form ul li .selectWrap_st2,
.qna_form ul li .inputWrap_st2,
.qna_form ul li .textareaWrap_st1 {
margin: -1px 0 0 -1px;
}
.qna_write button.submit {
display: block;
width: 100%;
background: #456cea;
border: 2px solid #3257e5;
padding: 22px 0;
line-height: 20px;
text-align: center;
margin-top: 20px;
}
.qna_write button.submit span {
width: 128px; height: 20px;
background-position: 0 -116px;
}
.sub_locationTit{height:30px;}
.process_box {padding:10px 0 0;border: 1px solid #fb653d;margin: 10px 0;border-radius: 5px 5px 0 0;}
.process_box h2{padding:10px 0 0; text-align:center;}
.process_box h2 span, .sc_cstList h2 span{font-weight:700; color:#222;}
.process_box img{display:block;}
.sc_cstList h2{text-align:center; padding:0 0 10px;}
.sc_cstList ul li{position:relative;}
.sc_cstList ul li span{position:absolute; right:7px; top: 7px;color:#444; padding:5px; font-size:10px; border-radius:2px; width:50px; text-align:center;}
.sc_cstList ul li span.c_ing{ background:#222;}
.sc_cstList ul li span.c_end{background:#cecece;}
@media only screen and (max-width:360px){
.sell_visual .obj_txt span.s_txt{font-size:14px;}
.sell_visual .obj_txt h2 {
font-size:25px;
line-height: 25px;
font-weight: 600;
letter-spacing: -0.075em;}
.sell_visual .obj_txt p{font-size:10px;}
}
/*list*/
.list_Box .clist_wrap li{width:100%; height:58px; border-bottom:1px solid #ddd; position:relative; line-height:18px; padding:10px; background:#fff;}
.list_Box .clist_wrap li:hover{background:#f7f7f7;}
.list_Box .clist_wrap li .subject{text-overflow: ellipsis;white-space: nowrap; padding-right: 70px; overflow: hidden;display: inline-block; max-width: 100%; font-size:13px;}
.list_Box .clist_wrap li .data{ color:#999;}
.list_Box .clist_wrap .c_ing, .list_Box .clist_wrap .c_end{ width: 60px;padding:5px; display: inline-block;color:#444; font-size:10px; text-align:center; border-radius:3px; position:absolute; right:10px; top:15px;}
.list_Box .clist_wrap .c_ing{ background:#222;}
.list_Box .clist_wrap .c_end{background:#cecece;}
/*event*/
.cs_event li{ /* width:48%; float:left; height:180px; padding:10px; border:1px solid #ddd; margin:1%; border-radius:5px; position:relative; */}
.cs_event .subject_photo{width:100%; height:80px; background:#ddd;}
.cs_event .subject_tit{color:#666; line-height:18px; padding-top:10px;}
.cs_event .event_da{position:absolute; bottom:5px; width:90%;}
.cs_event .event_da .data{float:left; padding:10px 0; color:#999; font-size:10px;}
.cs_event .event_da .c_ing, .cs_event .event_da .c_end{ width: 60px;padding:5px; display: inline-block; margin: 5px 0; float: right; color:#444; font-size:10px; text-align:center; border-radius:3px;}
.cs_event .event_da .c_ing{ background:#222;}
.cs_event .event_da .c_end{background:#cecece;}
.review_btn{
max-width:640px;
margin: 15px auto;
}
.review_btn a {
background: #ffdd1a;
border-radius: 25px;
color: #fff;
text-align: center;
width: 100%;
height: 50px;
line-height: 50px;
font-size: 18px;
font-weight:600;
}
.review_write .form_input ul{border-top:2px solid #252525;}
.review_write .form_input ul li{border-bottom:1px solid #d7d7d7;}
.review_write .form_input ul li .tit{
font-size:14px; color:#454545; float:left; width:18%; background:#efefef; text-align:center; padding:1px; line-height:40px;
font-family:'Noto Sans kr',sans-serif;
}
.review_write .form_input ul li input, .review_write form .form_input ul li textarea{ width:78%;border:1px solid #d7d7d7; border-radius:5px; padding:10px; margin:1%;}
.review_write .form_input ul li textarea{height:150px; overflow-y:scroll;}
/*.w180{width:180px !important;}*/
.w180{width:40% !important;}
.btn_wrap{
width:100%;margin:20px auto; text-align: center;
max-width:460px;
}
.btn_black{
font-size:14px;
background:#222; text-align:center; color:#444; text-decoration: none; display: inline-block;padding: 10px;border-radius: 5px;
}
.btn_org{
font-size:14px;
background:#fb653d; text-align:center; color:#444;text-decoration: none; display: inline-block;padding: 10px;border-radius: 5px;
}
/* sell visual */
.visual-wrap {width:100%; margin:0 auto; background:#fff;}
.visual-wrap .inner {
width:100%; height:200px; margin:0 auto;
max-width:640px;
/* background:url(../_img/sub_visual_man.png)left bottom no-repeat #f8f8f8; */
position:relative;
}
.visual-wrap .inner .visual-img {
position:absolute;
left:3%; bottom:-55%;
z-index:90;
width:100%;
max-width:190px;
}
.visual-wrap .inner .visual-img img {width:100%;}
.visual-wrap .inner .visual-txt {
position:absolute;
right:21%; top:43%; transform:translateY(-50%);
z-index:90;
}
.sale-mfrom {position:relative; z-index:100;}
.sell-mfrom {left:63%; top:50%; transform:translateY(-50%)}
.visual-wrap .inner .buy-visual {
top:38%;
}
.visual-wrap .inner ul {
}
.visual-wrap .inner ul li {
text-align:left;
}
.inner .sub-tit {
font-size:14px;
font-family:'Noto Sans KR',sans-serif;
}
.inner .main-tit {
letter-spacing:-1px;
font-weight:800; font-size:22px; color:#323232;
}
.review-inner .main-tit {padding-top:7px;}
.inner ul .main-tit span {
display:inline-block;
vertical-align:middle;
/* padding-top:5px; */
color:#ffdd1a;
}
.inner ul .explain {
font-size:19.5px;
letter-spacing:-1px;
color:#808080;
}
.consult-form {transform:none;}
.sub-container {
max-width:360px; margin:0 auto;
padding:0 10px;
}
.simple-guide .mstep {margin:0;}
.simple-guide .container {max-width:360px; margin:0 auto; padding:0 15px;}
.simple-guide .mstep-con {}
.simple-guide .mstep .mstep-wrap {max-width:640px; margin:0 auto;}
/* sell_advice_tb */
.sell_advice_tb{margin:30px auto; width:100%; text-align:center; padding:0 15px; }
.sell_advice_tb h2{
display:inline-block; text-align:center;
font-weight:600; color:#333; font-size:22px;
padding-bottom:20px;
}
.sell_advice_tb thead tr{
/* font-size:23px; */ font-size:18px;
height:45px; color:#323232; border-bottom:1px solid #ddd;
}
.sell_advice_tb tbody tr{
/* height:76px; */height:60px; border-bottom:1px solid #eee; font-size:13px; color:#888;
}
.sell_advice_tb tbody tr .car-name {
text-overflow:ellipsis;
white-space: nowrap;
overflow:hidden;
}
.sell_advice_tb tbody tr .date {color:#808080;}
.sell_advice_tb tbody tr .c_end {
display:inline-block;
padding:6px 0;
width:65px;
margin:15px 0;
background:#a8a7a7;
color:#444;
border-radius:30px;
font-size:12px;
font-weight:600;
}
.sell_advice_tb tbody tr .c_ing {
display:inline-block;
padding:6px 0;
width:65px;
margin:15px 0;
background:#ffdd1a;
color:#444;
border-radius:30px;
font-size:12px;
font-weight:600;
}
.sell_advice_tb tbody .consult-num {color:#808080;}
.sell_advice_tb tbody tr td {
/* font-size:23px; */ font-size:14px; padding:0 10px;
font-size:12px;
}
.sell_advice_tb tbody tr:hover{background:#f5f5f7;}
.sell_advice_tb tbody tr td:nth-child(2){
text-align:center; color:#323232;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.sell_advice_tb tbody tr:last-child {/* border-bottom:none; */}
.sell_advice_tb .sell_advice_btn{
max-width:640px; margin:0 auto;
}
.sell_advice_tb .sell_advice_btn .all-list{
/* margin-top: 60px; padding:32px 0; font-size:32px; */
margin-top:25px; padding:15px 0; font-size:17px;
display:block;
font-weight:800; color:#444;background:#ffdd1a;
/* border-radius:25px; */ border-radius:15px;
}
.sell_advice_tb .list_num{margin:10px 0; text-align:center; padding:0 15px;}
.sell_advice_tb .list_num a{color:#333;}
.sell_advice_tb .list_num a:hover{padding:3px 5px; border-bottom:1px solid #777; color:#777;}
/* table */
.table-wrap {max-width:640px; margin:0 auto;}
.consult-list {
box-shadow:1px 1px 10px rgb(0 0 0 / 10%);
border-radius:10px;
}
.consult-list thead {}
.consult-list thead tr {}
.consult-list thead tr th {
font-weight:400;font-size:14px;
color:#323232;
}
.consult-list tbody {border-bottom:1px solid #ddd;}
/* 내차팔기 end */
/* 내차구매 */
.add-exp {
position:absolute;
bottom:-118%;
}
.add-exp p {
font-size:23px;
line-height:1.5;
}
.add-exp p span {
font-weight:800;
color:#ffdd1a;
}
.procedure-wrap {background:#f8f8f8;}
.procedure-wrap .inner {
width:100%; margin:0 auto;
padding:50px 15px;
}
.procedure-wrap .inner h3 {
font-size:22px; text-align:center;
letter-spacing:-1px;
}
.procedure-wrap .inner h3 span {color:#ffdd1a;}
.procedure-wrap .inner .procedure {}
.procedure-wrap .inner .procedure ul {
margin:0 auto;
position:relative;
}
.procedure-wrap .inner .procedure ul::after {display:none;}
.procedure-wrap .inner .procedure ul li {
/* position:absolute; */
position:relative;
}
.procedure-wrap .inner .procedure ul .step::after {
/* display:block; width:1px; height:10px; background:rgba(0,0,0,1);
content:''; position:absolute; left:50%; bottom:0;
transform:translateX(-50%); */
}
.procedure-wrap .inner .procedure ul .step01 {}
.procedure-wrap .inner .procedure ul .step02 {}
.procedure-wrap .inner .procedure ul .step03 {}
.procedure-wrap .inner .procedure ul .step04 {}
.procedure-wrap .inner .procedure ul .step05 {}
.procedure-wrap .inner .procedure ul li .step-tit {
text-align:center;
}
.procedure-wrap .inner .procedure ul li .step-tit span {
display:inline-block; padding-top:4px;
font-size:13px; color:#ffdd1a;
}
.procedure-wrap .inner .procedure ul li .step-tit strong {
display:inline-block;
padding:0 0 0 5px;
font-size:18px; font-weight:600;
}
.procedure-wrap .inner .procedure ul li .procedure-img {
margin:50px 0;
text-align: center;
}
.procedure-wrap .inner .procedure ul li .procedure-img img {}
.procedure-wrap .inner .procedure ul li p:nth-child(3) {
padding-top:15px;
font-size:14px;
line-height:1.6; text-align:center;
color:#505050;
}
/* 매입후기 */
.visual-wrap {position:relative;}
.visual-wrap .review-inner {
height:200px;
background:url(../_img/reiveiw_visual_img.png)center center no-repeat;
background-size:cover;
background-position:81% 17px;
max-width:640px;
border-bottom:1px solid rgba(0,0,0,0.1);
}
.visual-wrap .review-inner .visual-txt {
left:6%; top:37%;
}
.visual-wrap .review-inner .visual-txt ul {}
.visual-wrap .review-inner .visual-txt ul li {}
.visual-wrap .review-inner .visual-txt ul .explain {
line-height:1.7;
}
.write-review {
position:absolute;
bottom:-57%;
}
.write-review a {
display:inline-block;
padding:12px 75px;
border-radius:10px;
font-size:23.5px; font-weight:800;
color:#444;background:#ffdd1a;
}
.write-review a:hover {
background:#323232;
transition:background 0.5s;
}
.review-wrap {}
.review-wrap .review-list {
margin:0 auto;
display:flex; flex-flow:row wrap; justify-content:space-between;
}
.review-wrap .review-list .review-list {
width:100%;
margin-bottom:15px;
overflow:hidden;
border-radius:15px;
border:1px solid rgba(0,0,0,0.1);
box-shadow:4px 4px 8px rgb(0 0 0 / 10%);
}
.review-wrap .review-list li a:hover {
/* transform:scale(1.1);
transition:transform 0.5s; */
}
.review-wrap .review-list li a {
display:block;
width:100%;
}
.review-wrap .review-list li a .review-photo { height:152px; overflow:hidden;}
.review-wrap .review-list li a .review-photo img {width:100%;}
.review-wrap .review-list li a .review-txt {padding:15px;}
.review-wrap .review-list li a .tit {
font-size:15px; font-weight:600;
padding-bottom:15px;
color:#323232;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.review-wrap .review-list li a .review-explain {
height:42px;
}
.review-wrap .review-list li a .review-explain::after {
display:block; width:100%; height:2px; background:rgba(0,0,0,0.1);
content:''; position:relative; left:0; bottom:-15px;
}
.review-wrap .review-list li a .review-explain p {
/* font-size:14px;
line-height:1.8;
text-overflow:ellipsis; overflow:hidden;
white-space:nowrap;
color:#808080; */
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.review-wrap .review-list li a .view-count {
padding:15px;
}
.review-wrap .review-list li a .view-count img {
padding:3px 5px 0 0;
}
.review-wrap .review-list li a .view-count span {
font-size:14px;
color:#808080;
}
/* tipfaq */
.tipfaq {}
.side_menu {
max-width:640px; margin:0 auto;
padding:12px 10px 0;
}
/* 고객센터 */
.customer {}
.customer .inner {width:100%; margin:0 auto;}
.customer .inner .customer-txt {text-align:center;}
.customer ul {margin:30px 0;}
.customer ul li {}
.customer ul li.sub-tit {}
.customer ul li.main-tit {}
.customer ul li.explain {line-height:1.7;}
.customer .add-exp {}
.customer .add-exp p {}
.customer .add-exp p span {}
.customer .faq-btn {
max-width:640px; margin:0 auto;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.faq-btn a {
font-size: 14px;
border: 2px solid #ffdd1a;
border-radius: 10px;
/* padding: 10px 40px; */
display: inline-block;
width: 49%;
padding: 10px 0;
text-align: center;
}
/* */
/* faqcontent */
.sec_faqContent {
margin:20px auto;
max-width:640px;
}
.sec_faqContent .faq_board {width:100%; margin:0 auto;}
.faq_board ul {
margin:0 auto;
width:100%;
}
.faq_board li {margin-bottom:10px; border:1px solid #dedede; border-radius:10px;}
.faq_board li:last-child {margin-bottom:0;}
.faq_board li .question_article {
padding-left:10px;
position: relative; background: #fff; border-radius:10px;
}
.faq_board li .question_article a {
display: block;
position: relative;
font-size:14px;
line-height: 24px;
padding:18px 21px 18px 25px;
color: #2d2d36;
background:url(../_img/m_question_img.png)left center no-repeat;
background-size:17px 15px;
}
.faq_board li .question_article a:before,
.faq_board li .question_article a:after {
display: block;
position: absolute;
top: 50%;
margin-top: -1px;
width: 7px;
height: 2px;
background-color: #808189;
content: '';
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.faq_board li.active .question_article a:before,
.faq_board li.active .question_article a:after {
background-color: #2d2d36;
}
.faq_board li .question_article a:before {
right: 7px;
height: 2px;
}
.faq_board li .question_article a:after {
transform:rotate(45deg);
right: 12px;
height: 2px;
}
.faq_board li .qusetion_article a:after,
.faq_board li.active .qusetion_article a:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.faq_board li .question_article a:before,
.faq_board li.active .question_article a:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.faq_board li .answer_article {
background: #f6f6f8;
padding: 20px 30px;
font-size: 15px;
line-height: 27px;
color: #6a6c73;
border-top: 1px solid #eee;
}
/* */
/* salesGuide */
.guide {padding:0 15px;}
.guide .inner {width:100%; margin:0 auto;}
.inner .visual-txt {text-align:center;}
.guide .inner .guide-txt {}
.guide .inner .guide-txt ul li {}
.guide .inner .guide-txt ul li.sub-tit {}
.guide .inner .guide-txt ul li.main-tit {}
.guide .inner .guide-txt ul li.explain {line-height:1.7;}
.guide .faq-btn {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
max-width:640px;
margin:0 auto;
}
.guide .faq-btn a {}
.guide .faq-btn .sellMyCar {}
.guide .faq-btn .buyMyCar {}
.required-documents {}
.required-documents .documents {
display:flex; flex-flow:row wrap;
max-width:640px;
margin:20px auto;
}
.required-documents .documents .persnal-doc {}
.required-documents .documents .company-doc {
margin-top:20px;
}
.required-documents .documents .doc {
width:100%;
/* border:1px solid rgba(0,0,0,0.2); */
border-radius:20px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%);
padding:30px;
}
.required-documents .documents .doc h3 {
font-size:22px;
padding-bottom:20px;
line-height:1.5;
}
.required-documents .documents .doc h3 span {
font-weight:800; color:#ffdd1a;
}
.required-documents .documents .doc > ul {}
.required-documents .documents .doc > ul > li {
font-size:14px; line-height:2.2;
color:#666666;
}
/* */
/* event */
.event {width:100%; margin:0 auto;}
.event .visual-txt {}
.event .visual-txt ul {}
.event .visual-txt ul li {}
.event .visual-txt ul .sub-tit {}
.event .visual-txt ul .main-tit {}
.event .visual-txt ul .explain {
max-width:640px; margin:0 auto;
padding-bottom:20px;
border-bottom:1px solid rgba(0,0,0,0.1);
}
.event-wrap .event-content {
max-width:640px; margin:0 auto;
padding-bottom:20px;
}
.event-wrap .event-content ul {
width:100%; margin:0 auto;
display:flex; flex-flow:row wrap; justify-content:space-between;
}
.event-wrap .event-content ul::after {display:none;}
.event-wrap .event-content ul li {
width:100%;
margin-bottom:20px;
}
.event-wrap .event-content ul li:last-child {margin-bottom:0;}
.event-wrap .event-content ul li .event-link {
display:block;
overflow:hidden;
}
.event-wrap .event-content ul li .event-link div {}
.event-wrap .event-content ul li .event-img {
height:170px;
border:1px solid rgba(0,0,0,0.1);
border-radius:15px;
box-shadow:2px 2px 7px rgb(0 0 0 / 10%);
transition:transform 0.6s;
overflow:hidden;
}
.event-wrap .event-content ul li .event-img p {height:100%;}
.event-wrap .event-content ul li .event-img:hover{
/* transform:scale(1.1); */
}
.event-wrap .event-content ul li .event-img img {}
.event-wrap .event-content ul li .event-txt {padding:0 15px;}
.event-wrap .event-content ul li .event-txt .event-name {
font-size:15px;
padding:15px 0;
line-height:1.5;
}
.event-wrap .event-content ul li .event-txt .event-name::after {
display:block; width:100%; height:1px; background:rgba(0,0,0,0.1);
content:''; position:relative; left:0; bottom:-15px;
}
.event-wrap .event-content ul li .event-txt .event-period {
font-size:14px;
display:flex; flex-flow:row nowrap; justify-content:space-between;
align-items:center;
padding-top:15px;
}
.event-wrap .event-content ul li .event-txt .event-period .event-date {
font-size:12px;
color:#989898;
}
.event-wrap .event-content ul li .event-txt .event-period .event-situ {
display:inline-block;
width:65px; text-align:center;
padding:6px 0;
border-radius:20px;
font-weight:600;
}
/* ing end */
.con_ing {
display:inline-block;
background:#ffdd1a;
color:#444;
}
.con_end {
display:inline-block;
background:#666;
color:#444;
}
/* */
.inner .visual-txt > ul {margin:80px 0 30px; }
.cs-divBox {padding:0 15px;}
/* branch */
section.store {}
section.store .inner {width:100%; margin:0 auto;}
section.store .inner .store-txt {}
.store-txt ul {}
.store-txt ul li {}
.store-txt ul .sub-tit {}
.store-txt ul .main-tit {}
.store-txt ul .explain {line-height:1.7;}
.store-info {
max-width:640px;
margin:0 auto;
}
.store-info .region-selec {
width:100%; margin:0 auto;
display:flex; flex-flow:row wrap; justify-content:center;
/* padding:0 20px; */
}
.region-selec::after {display:none;}
.store-info .region-selec .area {
text-align:center;
transition:all 0.5s;
border-bottom: 2px solid #989898;
}
.store-info .region-selec .second-line {
width:25%;
}
.active-underbar::after {
display:block; width:100%; height:4px; background:#ffdd1a;
content:''; position:absolute; left:0; bottom:-2.5px;
z-index:100;
}
.store-info .region-selec .area a {
display:inline-block;
width:100%;
padding:15px 25px;
font-size:14px;
}
.store-info .store-con {
display:flex; flex-flow:row wrap; justify-content:space-between;
width:100%; margin:25px auto 0;
border:1px solid rgba(0,0,0,0.1);
border-radius:25px;
padding:15px;
box-shadow:2px 2px 7px rgb(0 0 0 / 10%);
}
.store-info .store-con .map-wrap {width:100%; height:200px; background:rgba(0,0,0,0.1);}
.store-info .store-con .store-explain {width:100%; margin-top:50px;}
.store-explain .store-photo-wrap {}
.store-explain .store-photo-wrap h3 {
font-size:22px; font-weight:600;
padding-bottom:15px;
color:#ffdd1a;
}
.store-explain .store-photo-wrap .store-photo {
padding-bottom:15px;
}
.store-explain .store-photo-wrap .store-photo img {width:100%;}
.store-explain .store-addressInfo {}
.store-explain .store-addressInfo .store-name {
font-size:20px;
padding-bottom:10px;
border-bottom:2px solid rgba(0,0,0,0.1);
}
.store-explain .store-addressInfo .address {
padding-top:10px;
}
.store-explain .store-addressInfo .address p {
font-size:15px;
color:#989898;
}
.store-explain .store-addressInfo .address p span {
display:inline-block;
font-size:14px;
padding:2px 8px;
margin-right:8px;
background:#989898;
color:#444;
}
.store-explain .store-addressInfo .address p em {display:inline-block; margin-top:2px;}
.store-explain .store-addressInfo .address p:nth-child(1) {
padding-top:2px; line-height:2;
}
.store-explain .store-addressInfo .address p:nth-child(2) {
}
.store-explain .store-addressInfo .bus {
display:flex; flex-flow:row wrap;
padding-top:36px;
}
.store-explain .store-addressInfo .bus p {padding-right:30px;margin-bottom:5px;}
.store-explain .store-addressInfo .bus ul {display:flex; flex-flow:row wrap;}
.store-explain .store-addressInfo .bus ul li.bus-num {
font-size:12px;
border:1px solid rgba(0,0,0,0.1);
padding:2px 5px; text-align:center;
margin:4px 0 0 4px;
font-family:'Noto Sans KR',sans-serif;
}
.store-explain .store-addressInfo .subway {
display:flex; flex-flow:row nowrap;
padding-top:15px;
}
.store-explain .store-addressInfo .subway p {padding-right:15px;}
.store-explain .store-addressInfo .subway .subway-name {}
.store-explain .store-addressInfo .subway .subway-name span {font-size:13px;}
.store-explain .store-addressInfo .subway .subway-name span:nth-child(2) {padding-left:13px;}
.store-explain .store-addressInfo .subway .subway-name span em {
display:inline-block;
width:16px; height:16px; text-align:center;
border-radius:100%;
background:#1b1464;
color:#444;
margin-right:3.5px;
letter-spacing:4px;
padding-left:3px;
}
.store-explain .consult-btn {
margin-top:42px;
}
.store-explain .consult-btn a {
display:block;
font-size:18px; font-weight:800;
padding:15px 0; text-align: center;
border-radius:15px;
background:#ffdd1a; color:#444;
}
.active-underbar {
position:relative;
}
/* */
.sec_reviewContent .container {max-width:640px; margin:0 auto;}
.sec_reviewContent .container .con {padding:20px 0;}
/* 카카오맵 */
.root_daum_roughmap {width:100%;}
/* 매입후기 작성하기 */
.review_write {
padding:0 10px;
max-width:640px; margin:0 auto;
}
.review_write .form_input {}
.review_write .form_input ul {
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.review_write .form_input ul li {
display:flex; flex-flow:row nowrap;
}
.review_write .form_input ul li textarea {width:78%; resize:none; padding:10px;font-family:'Noto Sans Kr',sans-serif;}
.review_write .form_input ul li .tit {}
.review_write .form_input ul li input {border:none;}
.review_write .form_input ul li input[type="text"] {}
.review_write .form_input ul li input[type="file"] {
font-size:12px; font-family:'Noto Sans Kr',sans-serif;
}
.review_write .form_input ul li input[type="file"]::placeholder {}
.review_write .form_input ul li input[type="text"]::placeholder {
font-family: 'Noto Sans Kr',sans-serif;
font-size:12px; font-weight:300;
}
/*메인페이지 상단 컨텐츠*/
.vsl_top {width:100%; height:855px; padding-top:100px; background:url('/images/vsl_bg.jpg'); background-position: center center; background-size: cover;}
.vsl_top .background {background:#fff; width: 100%; overflow: hidden; padding: 20px 25px; margin: 30px 0;}
.m_vsl_top {
width: 100%;
height: 400px;
position: relative;
z-index: 10;
background: url(/images/sell_visual_bg.jpg) left 10%, center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
@media (max-width: 1200px) {
.vsl_top {
height: auto;
}
}
@media (max-width: 991px) {
.vsl_top {
padding: 30px 0;
height: auto;
background:url('/images/vsl_bg.jpg') bottom top;
background-size: cover;
}
}
.section1, .section2, .section3 {float: left;}
.section1 {width:420px;}
.section2 {width:430px; padding: 0 20px;}
.section3 {width:450px;}
@media (max-width: 1200px) {
.section1 {width:50%; padding: 0 10px;}
.section2 {width:50%; padding: 0 10px;}
.section3 {width:100%; padding: 10px 10px 0 10px;}
}
/* --------------------------------------------
* 판매상담리스트
/* ------------------------------------------ */
.cslist_gr {float: left; width:100%; /*height:560px;*/ overflow:hidden; padding: 0px; position:relative; /*background:#fff; border:1px solid #ddd;*/}
.cslist_gr ul {list-style:none; padding:0; margin:0; }
.cslist_gr li {border:1px solid #ddd; background:#fff; font-size: 14px; padding:0px 20px; line-height: 42px; margin-bottom: 11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; list-style: none; position: relative; max-width: 100%;}
/*.cslist_gr li:last-child {border:0;}*/
.cslist_gr li img { padding:0 5px 0 0; vertical-align:middle }
.cslist_gr li span.ing {float:left;}
.cslist_gr li span.slide_title {vertical-align:middle; padding-left: 7px;}
.cslist_gr li span.end_btn { height: 25px; background:#7d4a15; color:#fff; line-height: 15px; padding:.5em .8em; float:left; font-size:12px; margin: 10px 5px 0 0; text-align:center; }
.cslist_gr .awards_banner {position:absolute; bottom:0;}
@media (max-width: 1200px) {
.cslist_gr {
height: auto;
}
}
@media (max-width: 991px) {
.cslist_gr {
padding: 0 10px 20px 10px;
height: auto;
}
}
/* --------------------------------------------
* 전체상담건수,전체판매고객,상담완료건수
/* ------------------------------------------ */
.main_count .count {
overflow: hidden;
margin-top: 30px;
}
.main_count .count ul {
margin-bottom: 0;
}
.main_count .count li {
float: left;
height: 36px;
line-height: 36px;
}
.main_count .count li:first-child {
width: 48%;
border-right: 1px solid #acacac;
}
.main_count .count li:last-child {
width: 52%;
}
.main_count .count li.ct_success {
padding: 0 0 0 10px;
box-sizing: border-box;
}
.main_count .count li span {
height: 14px;
line-height: 14px;
font-size: 14px;
display: inline-block;
float: left;
margin-top:14px;
}
.main_count .count li strong {
font-family: 'GmarketSansBold';
letter-spacing: -1px;
font-size: 36px;
text-align:right;
display: block;
color: #feb00a;
font-weight: 600;
line-height:45px;
}
.main_count .count li.ct_total strong {
padding: 0 12px 0 0;
box-sizing: border-box;
}
/* sc_count */
.m_count {
padding-top: 230px;
}
.m_count h3 span {
width: 129px;
background-position: -160px -305px;
}
.m_count li {
width: 50%;
float: left;
padding: 16px 0 12px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
}
.m_count li:first-child {
border-right: 1px solid #ddd;
}
.m_count li span {
display: block;
background: #ffffff;
color: #c0c0c5;
font-size: 10px;
line-height: 16px;
letter-spacing: -0.05em;
padding-left: 24px;
font-family: 'GmarketSansMedium';
}
.m_count li strong {
display: block;
padding: 0 24px;
font-size: 30px;
line-height: 40px;
letter-spacing: -0.05em;
font-weight: 300;
color: #6a6c73;
font-family: 'GmarketSansBold';
}
.m_count li.ct_success strong {
color: #feb00a;
}
.m_count li strong span {
display: inline-block;
font-size: 16px;
line-height: 20px;
font-weight: 400;
padding-left: 3px;
vertical-align: initial;
}
/* --------------------------------------------
*
/* ------------------------------------------ */
/* main_consult */
.main_consult {
z-index: 1;
background: #fff;
border:3px solid #444;
padding: 30px;
position: relative;
margin-top: 40px;
}
.main_consult .ribbon {
position: absolute;
top: -10px;
right: -9px;
}
.main_consult .main_title {
margin-bottom: 10px;
}
.main_consult .main_title h3 {
font-family: 'Noto Sans KR';
color:#333;
margin-bottom: 5px;
font-weight: 700;
font-size: 26px;
}
.main_consult .main_title h3 span {
color:#feb00a;
font-weight: 700;
}
.main_consult .main_title p {
font-size: 13px;
letter-spacing: -1px;
line-height:18px;
}
.cstForm .info{
width: 100%;
padding-top:20px;
}
.cstForm .info li{
width:100%;
line-height: 18px;
font-size:12px;
color:#777;
font-weight: 400;
letter-spacing: -1px;
}
.main_consult .cstForm button.submit {
width: 100%;
margin-bottom: 20px;
background: #feb00a;
height: 50px;
line-height: 50px;
text-align: center;
border: 0;
}
.main_consult .cstForm button.submit:hover {
background: #7d4a15;
}
.main_consult .cstForm button.submit span {
font-size: 22px;
color:#fff;
}
@media (max-width: 991px) {
.main_consult {
width: 95%;
margin: 0px auto;
position:relative;
top: 30px;
}
.cstForm .info li {
font-size: 11px;
}
.m_count {
}
}
/* --------------------------------------------
* select
/* ------------------------------------------ */
/* selectWrap_st1 */
.selectWrap_st1{position:relative;height:46px;border:1px solid #dfe0e4;background:#fff;margin:-1px 0 0 -1px;}
.selectWrap_st1 .btn_selected{text-align:left; height:46px;line-height:46px;display:block;overflow:hidden;position:relative;padding:0 28px 0 58px;font-size:15px;color:#666;white-space:nowrap;background:#fff}
.selectWrap_st1 .btn_selected:after{content:'';display:block;position:absolute;top:0;right:0;width:58px;height:58px;background:url("/_img/select_arr.png") no-repeat 0 0}
.selectWrap_st1.uArea .btn_selected:before{content:'';display:block;position:absolute;top:0;left:0;width:58px;height:58px;background:url("/_img/inputWrap_st1_icon.png") no-repeat 0 -116px}
.selectWrap_st1 .select_list ul{padding: 0 !important;}
.selectWrap_st1 .select_list{width:100%;min-width:100%;height:280px !important;position:absolute;top:100%;right:0;border:1px solid #dfe0e4;background:#fff;z-index:999;overflow-x:hidden;overflow-y:auto;margin-right:-1px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;display:none}
.selectWrap_st1 .select_list li a{width:100%;display:block;line-height:58px;text-align:center;padding:0;white-space:nowrap;background:#fff;color:#131316;font-size:13px;letter-spacing:-0.025em}
.selectWrap_st1 .select_list li a:focus,
.selectWrap_st1 .select_list li a:hover,
.selectWrap_st1 .select_list li.active a{background:#fafafa;color:#10cb00;}
/* selectWrap_st2 */
.selectWrap_st2{position:relative;height:54px;border:2px solid #fff;margin:-2px 0 0 -2px;z-index:10}
.selectWrap_st2.disable{border:2px solid #65676a;z-index:1}
.selectWrap_st2.disable *{cursor:default}
.selectWrap_st2.disable a{opacity:0.5;filter: alpha(opacity=50);-moz-opacity:0.5}
.selectWrap_st2 .btn_selected{height:50px;line-height:52px;display:block;overflow:hidden;position:relative;padding:0 50px 0 20px;font-size:15px;color:#fff;white-space:nowrap;background:url("/_img/bg_black_opa65.png") repeat}
.selectWrap_st2 .btn_selected:after{content:'';display:block;position:absolute;top:0;right:0;width:50px;height:50px;background:url("/_img/select_arr3.png") no-repeat 0 0}
.selectWrap_st2 .select_list{width:250px;min-height:82px;max-height:282px;position:absolute;top:0;left:0;margin-left:260px;border:1px solid #dfe0e4;background:#fff;z-index:100;overflow-x:hidden;overflow-y:auto;display:none}
.selectWrap_st2 .select_list li a{display:block;line-height:40px;text-align:left;padding:0 20px 0 14px;white-space:nowrap;background:#fff;color:#131316;font-size:14px;letter-spacing:-0.025em}
.selectWrap_st2 .select_list li a:focus,
.selectWrap_st2 .select_list li a:hover,
.selectWrap_st2 .select_list li.active a{background:#fafafa;color:#456cea}
/* --------------------------------------------
* checkbox
/* ------------------------------------------ */
/* checksWrap_st1 */
.checksWrap_st1{position:relative;height:46px;background:#fff;line-height: 24px;padding: 20px 0;margin: -1px 0 0 -1px; border:1px solid #dfe0e4;}
.checksWrap_st1 .checks{ text-align:left; position:relative;margin-left: 20px;}
.checksWrap_st1 input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:-1;width:14px;height:14px;-webkit-appearance:none}
.checksWrap_st1 label{background:url("/_img/check1_off.png") 0 0 no-repeat #fff;display:inline-block;position:relative;top:0;left:0;height:14px;line-height:14px;font-size:13px;color:#6a6c73;padding:0 0 0 30px;z-index:10}
.checksWrap_st1 label.on{background:url("/_img/check1_on.png") 0 0 no-repeat #fff}
.checksWrap_st1 a{display:inline-block;font-size:11px;line-height:20px;padding:0 8px;background:#ececef;color:#808189;position:absolute;right:0;top:0}
.afreeFormbtn a{float: right; font-size:10px; color#555; text-decoration: underline; margin-right: 20px; margin-top:5px;}
/* --------------------------------------------
* input
/* ------------------------------------------ */
/* inputWrap_st1 */
.inputWrap_st1{position:relative;margin:-1px 0 0 -1px}
.inputWrap_st1:before{content:'';display:inline-block;width:58px;height:58px;background:url("/images/inputWrap_st1_icon.png") no-repeat;position:absolute;top:-7px;left:0;z-index:11}
.inputWrap_st1 input{display:block;width:100%;height:46px;line-height:24px;font-size:14px;background:#f5f5f7;border:1px solid #dfe0e4;padding:17px 10px 17px 45px;color:#131316;}
.inputWrap_st1 input:focus{position:relative;border-color:#456cea;background:#fff;z-index:10}
.inputWrap_st2{position:relative;margin:-1px 0 0 -1px}
.inputWrap_st2:before{content:'';display:inline-block;width:58px;height:58px;background:url("/images/inputWrap_st1_icon.png") no-repeat;position:absolute;top:0px;left:0;z-index:11}
.inputWrap_st2 input{display:block;width:100%;height:60px;line-height:24px;font-size:14px;background:#f5f5f7;border:1px solid #dfe0e4;padding:17px 10px 17px 45px;color:#131316;}
.inputWrap_st2 input:focus{position:relative;border-color:#456cea;background:#fff;z-index:10}
.inputWrap_st1 input::-webkit-input-placeholder{color:#999}
.inputWrap_st1 input:-moz-placeholder{color:#999;opacity:1}
.inputWrap_st1 input::-moz-placeholder{color:#999;opacity:1}
.inputWrap_st1 input:-ms-input-placeholder{color:#999}
.inputWrap_st1 input:placeholder-shown{color:#999}
.inputWrap_st2 input::-webkit-input-placeholder{color:#999}
.inputWrap_st2 input:-moz-placeholder{color:#999;opacity:1}
.inputWrap_st2 input::-moz-placeholder{color:#999;opacity:1}
.inputWrap_st2 input:-ms-input-placeholder{color:#999}
.inputWrap_st2 input:placeholder-shown{color:#999}
/* icon */
.inputWrap_st1.uCar:before { background-position: 0 0; }
.inputWrap_st1.uTel:before { background-position: 0 -58px; }
.inputWrap_st1.uArea:before { background-position: 0 -116px; }
.inputWrap_st2.uCar:before { background-position: 0 0; }
.inputWrap_st2.uTel:before { background-position: 0 -58px; }
.inputWrap_st2.uArea:before { background-position: 0 -116px; }
/* icon */
.txt_terms {width:100%; font-size:14px; color:#333; padding:10px 0 0 0; text-align: center;}
.txt_terms label {margin: 0; font-weight: 400;}
.txt_terms a {color:#000;}
@media (max-width: 991px) {
.txt_terms {font-size:12px;}
}
/* --------------------------------------------
* pic_gallery
/* ------------------------------------------ */
.pic_gallery {width:100%; overflow: hidden; position: relative; padding-bottom: 20px;}
.pic_gallery .gall {background:#fff; width: 220px; height:270px; float:left; margin-bottom: 15px; border:1px solid #ccc;}
.pic_gallery .gall:nth-child(2), .pic_gallery .gall:nth-child(4) {margin-left: 10px;}
.pic_gallery .gall img {width:100%; height:125px;}
.pic_gallery .gall .info {padding: 12px;}
.pic_gallery .gall .info h4 {margin: 0; color:#000; font-size: 16px;}
.pic_gallery .gall .info p {font-size: 13px; color:#666; line-height: 18px; overflow: hidden; white-space: normal; height: 90px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.pic_gallery .gall2 {background:#fff; width: 216px; height:270px; float:left; margin-bottom: 30px; border:1px solid #ccc; margin-left: 10px;}
.pic_gallery .gall2.margin-0 {margin-bottom: 0px;}
.pic_gallery .gall2:first-child {margin-left: 0px;}
.pic_gallery .gall2 img {width:100%; height:125px;}
.pic_gallery .gall2 .info {padding: 12px;}
.pic_gallery .gall2 .info h4 {margin: 0; color:#000; font-size: 16px;}
.pic_gallery .gall2 .info p {font-size: 13px; color:#666; line-height: 18px; overflow: hidden; white-space: normal; height: 90px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.pic_gallery .gall3 {background:#fff; width: 100%; height:270px; border:1px solid #ccc;}
.pic_gallery .gall3.margin-0 {margin-bottom: 0px;}
.pic_gallery .gall3 img {width:100%; height:125px;}
.pic_gallery .gall3 .info {padding: 12px;}
.pic_gallery .gall3 .info h4 {margin: 0; color:#000; font-size: 16px;}
.pic_gallery .gall3 .info p {font-size: 13px; color:#666; line-height: 18px; overflow: hidden; white-space: normal; height: 90px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.pic_gallery a.prev {position:absolute; top:50%; left:0;}
.pic_gallery a.next {position:absolute; top:50%; right:0;}
@media (max-width: 1200px) {
.pic_gallery .gall, .pic_gallery .gall2 {width: 49%;}
.pic_gallery .gall2:nth-child(1), .pic_gallery .gall2:nth-child(3), .pic_gallery .gall2:nth-child(5) {margin-left: 0px;}
}
@media (max-width: 991px) {
.pic_gallery .gall {width: 46%; height: 175px; margin: 0 2%;}
.pic_gallery .gall.width-100 {width:100%; margin:0;}
.pic_gallery .gall:nth-child(2), .pic_gallery .gall:nth-child(4) {margin: 0 2%;}
.pic_gallery .gall img {width:100%; height:75px;}
.pic_gallery .gall .info {padding: 7px;}
.pic_gallery .gall .info h4 {font-size: 14px;}
.pic_gallery .gall .info p {font-size: 11px; height: 50px; -webkit-line-clamp: 3;}
.pic_gallery .gall2 {width: 46%; height: 175px; margin: 0 2%;}
.pic_gallery .gall2:first-child {margin: 0 2%;}
.pic_gallery .gall2 img {width:100%; height:75px;}
.pic_gallery .gall2 .info {padding: 7px;}
.pic_gallery .gall2 .info h4 {font-size: 14px;}
.pic_gallery .gall2 .info p {font-size: 11px; height: 50px; -webkit-line-clamp: 3;}
.pic_gallery .gall3 {margin-bottom:30px; height: 235px;}
.pic_gallery .gall3 .info p {font-size: 11px; height: 50px; -webkit-line-clamp: 3;}
}
/* --------------------------------------------
* 내 차 팔기
/* ------------------------------------------ */
.sec_sellContent {
}
.sec_sellContent.sec1 {
margin: 100px 0 80px;
background: url(/images/sellContent_bg2.jpg) no-repeat center top;
}
.sec_sellContent.sec2 {
margin: 100px 0 120px;
background: #fff;
}
.sec_sellContent .container {
width: 960px;
padding: 0;
margin: auto;
}
/* sc_count */
.sc_count {
padding-top: 150px;
}
.sc_count .count {
width: 100%;
background: url(/images/bg_black_opa65.png) repeat;
overflow: hidden;
padding: 30px 40px;
}
.sc_count .count li {
width: 50%;
float: left;
}
.sc_count .count li:last-child {
border-left: 1px solid #3b3b40;
padding-left: 30px;
}
.sc_count .count li span {
font-family: 'GmarketSansMedium';
height: 23px;
line-height: 23px;
display: inline-block;
overflow: hidden;
color: #feb00a;
}
.sc_count .count li strong {
font-family: 'GmarketSansBold';
display: block;
font-size: 36px;
line-height: 46px;
height: 46px;
color: #fff;
}
.sc_count .txt {
margin: 10px 0;
}
.sc_count .txt p {
color: #fff;
font-size: 16px;
text-align: center;
}
/* sc_consult */
.sc_consult {
width: 100%;
height: 460px;
position: relative;
background: #fff;
border: 1px solid #6a6c73;
margin-top: 40px;
}
.sc_consult .title {
padding: 30px 34px 0px;
margin-bottom: 10px;
}
.sc_consult .title h3 {
font-family: 'Noto Sans KR';
color:#333;
margin-bottom: 5px;
font-weight: 700;
font-size: 26px;
}
.sc_consult .title h3 span {
color:#feb00a;
font-weight: 700;
}
.sc_consult .title p {
font-size: 13px;
letter-spacing: -1px;
line-height:18px;
}
.sc_consult h3 .desc {
font-size: 15px;
margin-top: 10px;
line-height: 25px;
height: 25px;
}
.sc_consult .cstForm {
padding: 0 34px;
}
.sc_consult .cstForm ul {
margin: 1px 0 0 1px;
}
.sc_consult .cstForm form > ul > li {
width: 50%;
float: left;
}
.sc_consult .cstForm form > ul > li:last-child {
width: 50%;
height: 60px;
border: 1px solid #dfe0e4;
margin: -1px 0 0 -1px;
position: relative;
}
.sc_consult .cstForm form > ul > li .checksWrap_st1 {
height: 60px;
margin: -1px 0 0 -1px;
}
.sc_consult .cstForm form > ul > li .provision {
position: absolute;
top: 60px;
right: 0;
}
.sc_consult .cstForm form > ul > li .provision a {
background: #dfe0e4;
bottom: -20px; right: -1px;
top: inherit;
padding: 3px 10px;
}
.sc_consult .cstForm button.submit {
width: 100%;
background: #feb00a;
border: 2px solid #feb00a;
padding: 10px 0;
text-align: center;
margin-top: 40px;
color: #fff;
font-size: 20px;
}
.sc_consult .cstForm button.submit:hover {
background: #7d4a15;
border-color: #7d4a15;
}
.sc_consult .cstForm button.submit span {
width: 98px; height: 20px;
font-size: 0;
text-indent: -99999em;
overflow: hidden;
background-position: -324px 0;
}
.sc_consult .cstForm_info {
background: #f5f5f7;
border-top: 1px solid #ececef;
padding: 25px 25px;
margin-top: 30px;
}
.sc_consult .cstForm_info p {
font-size: 13px;
line-height: 21px;
color: #808189;
}
/* sc_iconBox */
.sc_iconBox {
margin: 80px 0 0;
}
.sc_iconBox ul {
}
.sc_iconBox li {
margin-bottom: 20px;
}
.sc_iconBox li:last-child {
margin-bottom: 0;
}
.sc_iconBox .box {
height: 198px;
position: relative;
background: #fff;
border: 1px solid #666;
padding: 30px 30px 30px 120px;
border-radius: 30px;
}
.sc_iconBox .box .icon {
width: 60px; height: 66px;
position: absolute;
top: 40px; left: 30px;
}
.sc_iconBox .box .tit {}
.sc_iconBox .box .tit span {
height: 20px;
text-indent: -999999em;
overflow: hidden;
}
.sc_iconBox .box .tit span {
font-size: 22px;
color: #000;
font-weight: bold;
}
.sc_iconBox .box .txt {
font-size: 15px;
line-height: 24px;
color: #6a6c73;
margin-top: 12px;
word-break: keep-all;
max-width: 90%;
text-transform: uppercase;
}
/* sc_btn */
.sc_btn {
clear: both;
margin: 40px 0;
text-align: center;
}
.sc_btn a {
display: inline-block;
width: 210px;
background: #2d2d36;
border: 2px solid #131316;
padding: 21px 0;
text-align: center;
margin: 0 10px;
font-size: 18px;
line-height: 18px;
color: #fff;
}
.sc_btn a.go_service {
border-color: #6a6c73;
background: #808189;
}
/* sc_cstList */
.sc_cstList {
}
.sc_cstList h3 {
text-align: center;
margin-bottom: 40px;
}
.sc_cstList h3 span {
width: 367px; height: 42px;
background-position: 0 -240px;
text-indent: -999999em;
overflow: hidden;
}
@media (max-width: 991px) {
.sec_sellContent.sec1 {
margin: 0;
}
.sec_sellContent .container {
width: 100%;
}
.sc_consult {
margin-top: 0;
height: auto;
}
.sc_count .count {
margin:30px 0 0;
}
.sc_consult .title {
padding: 30px 20px 0px;
}
.sc_count {
padding-top: 0px;
}
.sc_count .txt p {
font-size: 14px;
padding-bottom: 0px;
color: #fff;
}
.sc_consult .cstForm {
padding: 0 20px 0px;
}
.sc_iconBox {
margin: 30px 0 30px;
}
.sc_iconBox .box {
height: auto;
}
.sc_btn {
margin: 0 0 30px;
}
.sc_btn a {
width: 46%;
margin: 0;
}
}
/* --------------------------------------------
* 배너
/* ------------------------------------------ */
.banner {padding-top: 60px;}
/* --------------------------------------------
* 내차팔기 진행절차
/* ------------------------------------------ */
.m_process_gr {width:100%; padding: 45px 0 60px;}
.process_title {text-align: center;}
.process_title h3 {font-weight:bold; font-size: 36px; color:#000;}
.process_title h3 span {font-weight:bold; color:#ff7300;}
.process_title p {font-weight:bold; font-size: 18px; margin-top: 30px;}
.m_process_gr .img {padding: 50px 0 0;}
@media (max-width: 992px) {
.m_process_gr {
width:100%;
padding: 25px 0;
}
.process_title h3 {
font-size: 22px;
}
.process_title p {
font-weight:bold;
font-size: 14px;
margin-top: 20px;
}
.m_process_gr .img {
padding: 30px 0 0;
}
}
/* --------------------------------------------
* 내차팔기 진행절차
/* ------------------------------------------ */
.carz_banner { width:100%; padding:60px 0; float:left; border-top: 1px solid #ddd; }
.carz_banner .quick_banner {width:385px; float:left; margin-top: 55px;}
.carz_banner .quick_banner ul {list-style:none; padding:0; margin:0;}
.carz_banner .quick_banner li {padding-bottom:9px;}
.carz_banner .quick_banner li:last-child {padding-bottom:0;}
.carz_banner .quick_banner li a.inner {
display: table;
width: 100%;
height: 179px;
text-align: center;
position: relative;
}
.carz_banner .quick_banner li a.inner:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(226, 213, 197, 0.25);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0;
}
.carz_banner .quick_banner li:hover .inner:before {
opacity: 1;
}
.carz_banner .why_banner {width:500px; float:left; padding:0 12px;}
.carz_banner .why_banner .why_b_title { position:relative; width:100%; /*margin:20px 0 15px 0;*/}
.carz_banner .why_banner .why_b_title h2 {padding:0; margin:0;}
.carz_banner .why_banner .why_b_btn {position: absolute; top:5px; right:0;}
.carz_banner .why_banner .why_b_btn li { display:inline;float:right}
.carz_banner .why_banner .why_b_img {width:100%; margin-top: 20px;}
@media (max-width: 1200px) {
.carz_banner .quick_banner {width:280px; float:left; margin-top: 55px;}
.carz_banner .quick_banner li {padding-bottom:15px;}
.carz_banner .why_banner {width:380px; float:left; padding:0 10px;}
.carz_banner .why_b_title h2 img {width: 74%;}
}
@media (max-width: 992px) {
.carz_banner {padding:20px 0;}
.carz_banner .quick_banner, .carz_banner .why_banner {width:100%; float:none; margin-top:0;}
.carz_banner .why_banner {padding:20px 0;}
.carz_banner .quick_banner li {padding-bottom:20px;}
}
/* --------------------------------------------
* 내차팔기생생후기
/* ------------------------------------------ */
.main_review { clear:both; position:relative; width:100%; background:#f2f2f1; padding: 60px 0;}
.main_review .ct_title {width:100%; text-align: center; margin-bottom: 35px;}
.main_review .ct_title h3 {font-weight:bold; font-size: 36px; color:#8b3704;}
.main_review .ct_title h3 span {font-weight:bold; color:#ff7300;}
.main_review .ct_title p {font-weight:bold; font-size: 18px; margin-top: 30px;}
.main_review .pc_ver {display:block;}
.main_review .mobile_ver {display:none;}
@media (max-width: 992px) {
.main_review .pc_ver {display:none;}
.main_review .mobile_ver {display:block;}
}
.review {width:100%; height:302px; background:#fff; border-radius: 15px; padding:16px; float:left }
.review01 {width:100%; padding-bottom: 15px; margin-bottom:16px; float:left; border-top:0; border-left:0; border-right:0; border-style: dotted; border-color:#ddd;}
.review_thumb {width:120px; margin-right:10px; float:left }
.review_thumb img {width:120px; height:120px; border-radius:120px; }
.review_title {width:132px; padding-top:36px; float:left; }
.review_title p {color:#333; font-size:16px; width:145px; font-weight:600; text-align:left; text-overflow:ellipsis; display: inline-block; white-space: nowrap; overflow: hidden;}
.review_title .review_date {width:100%; font-size:14px; color:#888; font-weight:normal;}
.review_text {}
.review_text p {text-align:left; overflow:hidden; height: 62px; color:#555; float:left; width:100%; white-space: normal; line-height: 20px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.review_more {margin:5px 0; color:#0094f7; font-size:13px; text-decoration:underline;}
@media (max-width: 1200px) {
.review01 {
padding-bottom: 7px;
}
.review_thumb {
margin: 0 auto;
float: none;
}
.review_title {
padding-top: 20px;
}
.review_text p {
height: 20px;
-webkit-line-clamp: 1;
overflow:hidden;
}
}
@media (max-width: 992px) {
.main_review {
padding: 25px 0;
}
.review {
width:100%;
height:230px;
margin:0 auto;
float: none;
}
.main_review .ct_title {
margin-bottom: 15px;
}
.main_review .ct_title h3 {
font-size: 22px;
}
.main_review .ct_title p {
font-weight:bold;
font-size: 14px;
margin-top: 20px;
}
.review_thumb {
width:80px;
height:80px;
margin: 0;
float: left;
}
.review_thumb img {
width:80px;
height:80px;
}
.review_title {
width:100px;
padding-top:15px;
padding-left: 10px;
}
.review_text p {
-webkit-line-clamp: 2;
height: 42px;
overflow: hidden;
}
}
.bx-controls-direction {
display: block;
}
.bx-controls-direction a {
position: absolute;
top: 56%;
margin-top: 0px;
outline: 0;
width: 52px;
height: 52px;
text-indent: -9999px;
z-index: 9999;
}
.bx-controls-direction .bx-prev {
left: 220px;
margin-top:0px;
background: url('/images/btn_prev.png');
}
.bx-controls-direction .bx-prev:hover,
.bx-controls-direction .bx-prev:focus {
background-position: 0 0;
}
.bx-controls-direction .bx-next {
right: 220px;
background: url('/images/btn_next.png')
}
.bx-controls-direction .bx-next:hover,
.bx-controls-direction .bx-next:focus {
background-position: 0 0;
}
@media (max-width: 1600px) {
.bx-controls-direction .bx-prev {
left: 100px;
}
.bx-controls-direction .bx-next {
right: 100px;
}
}
@media (max-width: 1400px) {
.bx-controls-direction .bx-prev {
left: 15px;
}
.bx-controls-direction .bx-next {
right: 15px;
}
}
/* --------------------------------------------
* 실시간상담리스트
/* ------------------------------------------ */
.sell_gr { width:100%; height:752px; padding:50px 0 30px 0; background:#f4f4f4; border-bottom:1px solid #ebe6db; float:left}
.list_wrap {}
.req_box {width:100%; height:57px; border-radius: 50px; padding:10px 15px; background:#fff; margin-bottom:8px; float:left}
.req_box li {display:inline; float:left; font-size:16px; color:#444; padding-top:4px; }
.req_box li a {font-size:17px; font-weight:600; color:#444; }
.req_box li img { vertical-align:middle}
.req_box li.lock {padding:2px 8px 0 0; }
.req_box li.ing {float:right; padding:0; }
@media (max-width: 992px) {
.sell_gr {height: auto; padding:20px 0;}
.req_box {height: 48px;}
.req_box li {font-size: 14px; padding-top: 2px;}
.req_box .list_title {max-width: 150px; text-overflow:ellipsis; display: inline-block; white-space: nowrap; overflow: hidden;}
.req_box li img {width:70%;}
.req_box li.ing img {float:right; margin-top:3px;}
}
/* --------------------------------------------
* main_service_info2
/* ------------------------------------------ */
.main_service_info2 {
padding: 30px 0;
/*border-top: 1px solid #e9e9e9;*/
border-bottom: 1px solid #e9e9e9;
}
.main_service_info2 ul {
margin: 0;
}
.main_service_info2 li {
}
.main_service_info2 li:first-child {
margin-left: 0px;
}
.main_service_info2 li a {
min-height: 160px;
position: relative;
top: 0;
display: block;
overflow: hidden;
/*padding-top: 120px;*/
line-height: 1;
border-radius: 10px;
box-shadow: 0px 2px 12px 0px rgba(0,13,57,0.1);
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
background-color: #fff;
background-repeat: no-repeat;
background-position: 0 0;
}
.main_service_info2 li a:hover,
.main_service_info2 li a:focus {
top: -4px;
box-shadow: 0px 20px 30px 0px rgba(0,13,56,0.2);
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
.main_service_info2 li.si1 a { background-image: url('/images/service_info1.jpg'); background-size: contain;}
.main_service_info2 li.si2 a { background-image: url('/images/service_info2.jpg'); background-size: contain;}
.main_service_info2 li.si3 a { background-image: url('/images/service_info3.jpg'); background-size: contain;}
.main_service_info2 li.si4 a { background-image: url('/images/service_info4.jpg'); background-size: contain;}
.main_service_info2 li a h3 {
height: 52px;
position: absolute;
top: 20px;
left: 20px;
}
.main_service_info2 li.si1 a h3 { background-position: 0 -232px; width: 97px; }
.main_service_info2 li.si2 a h3 { background-position: 0 -284px; width: 140px; }
.main_service_info2 li.si3 a h3 { background-position: 0 -336px; width: 124px; }
.main_service_info2 li.si4 a h3 { background-position: 0 -388px; width: 165px; }
.main_service_info2 li a p {
padding: 13px 10px 5px;
font-size: 13px;
line-height: 1.4;
color: #555;
letter-spacing:-1px;
text-align: center;
}
@media (max-width: 1200px) {
.main_service_info2 li a {
/*padding-top:90px;
height: 150px;*/
}
}
@media (max-width: 992px) {
.main_service_info2 {padding: 20px 0;}
/*.main_service_info2 li.si1 a { background-size: 100% 130px; }
.main_service_info2 li.si2 a { background-size: 100% 130px; }
.main_service_info2 li.si3 a { background-size: 100% 130px; }
.main_service_info2 li.si4 a { background-size: 100% 130px; }*/
.main_service_info2 li {
padding: 0 10px;
margin-bottom: 20px;
height: auto;
}
.main_service_info2 li a {
min-height: auto;
/*padding-top:130px;*/
}
}
/* --------------------------------------------
* 내차구매 이용절차
/* ------------------------------------------ */
.main_step {padding: 60px 0; overflow:hidden;}
.main_step .sell_step {text-align: center; margin-top: 30px;}
.main_step .sell_step img {width: 100px; margin: 0 auto;}
.main_step .sell_step h4 {font-weight: 800; color:#333; font-size: 22px; margin: 40px 0 20px; letter-spacing: -1px;}
.main_step .sell_step p {font-size: 16px;}
@media (max-width: 992px) {
.main_step .sell_step img {width: 60px; margin: 0 auto;}
.main_step .sell_step h4 {font-size: 18px; margin: 20px 0 10px;}
.main_step .sell_step p {font-size: 14px;}
}
/* --------------------------------------------
* 내차팔기진행절차 - 서브
/* ------------------------------------------ */
.cts_gr {clear:both; width:100%; border-bottom:1px solid #e7e7e7; padding:50px 0; display: block;}
.cts_infogr {width:100%; position:relative; top:0; left:0; float:left}
.cts_infogr02 {width:100%;}
.guide_arrow { position:absolute; top:98px; left:247px; display:block; z-index:1}
.guide_arrow2 {display:none;}
.guide {width:100%; margin-top: 10px;}
.guide ul {}
.guide ul .choice {height:190px; overflow:hidden; position:relative; margin:0 0 50px 0; z-index:100;}
.guide ul .choice a {display:block; text-decoration:none; color:#666;}
.guide ul .choice dl {height:190px; }
.guide ul .choice dl dt {height:190px;}
.m_cts_gr {display:none;}
@media (max-width: 1200px) {
.cts_infogr, .cts_infogr02, .guide ul {
width: 100%;
}
.guide ul .choice {
height: 129px;
}
.guide ul .choice dl, .guide ul .choice dl dt {
width: 168px;
height: 129px;
}
.guide_arrow {
display: none;
}
.guide_arrow2 {
position:absolute;
top:45px;
left:185px;
display: block;
}
}
@media (max-width: 992px) {
.cts_gr {
display: none;
}
.m_cts_gr {
clear:both;
display: block;
padding: 20px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
}
/* --------------------------------------------
* 회원가입
/* ------------------------------------------ */
.title_h2 { font-family: 'GmarketSansBold'; color: #000; width:100%; background:url(/images/bg_line.gif) left bottom repeat-x; font-size:26px; color:#333; padding-bottom:10px; margin:30px 0 20px; float:left}
.title_h2 span {color:#00377e;}
@media (max-width: 992px) {
.title_h2 {
font-size:20px;
}
}
.step_gr { width:100%; margin-bottom:50px; float:left}
.join_gr {width:635px; float:left}
.join_box {width:635px; background:#f8f8f8; border:1px solid #ddd; padding:0 15px 15px 15px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; float:left}
.join_title {width:100%; border-bottom:2px solid #444; padding-bottom:10px; font-size:22px; letter-spacing:-1px; font-family: 'yg-jalnan'; margin-bottom:15px; color:#000; float:left}
.join_title02 {width:100%; border-bottom:2px solid #444; padding-bottom:10px; font-size:22px; letter-spacing:-1px; font-family: 'yg-jalnan'; color:#555; float:left}
.join_gr02 {width:100%; float:left}
.accept { width:100%; text-align:center; font-size:16px; font-weight:600; margin-top:30px; border-bottom:1px solid #ddd; padding-bottom:20px; float:left}
.fileBox .fileName {display:inline-block;width:300px;height:35px;padding-left:10px;margin-right:2px;line-height:30px; font-size:16px; color:#444; padding:5px 10px;-webkit-border-radius:6px;-moz-border-radius:30px;border-radius:30px; border:solid 1px #ddd; vertical-align:middle}
.fileBox .btn_file {display:inline-block; width:100px;height:35px; padding:2px 10px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px; line-height:30px; text-align:center; font-size:15px; letter-spacing:-1px; background:#868b94; color:#fff; vertical-align:middle}
.fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.gr_button { width:100%; text-align:center; float:left}
/* --------------------------------------------
* 매매가이드
/* ------------------------------------------ */
.buy_info {padding:50px 0 30px;}
.buy_info .cts_paper {width:100%;}
.buy_info .box_paper {width:100%; margin-bottom:30px;}
.buy_info .box_paper ul {list-style:none; padding:0; margin:0; }
.buy_info .box_paper li {border-bottom:1px solid #ddd; padding:12px 10px;}
@media (max-width: 992px) {
.buy_info {
padding:20px 0;
border-bottom:1px solid #ddd;
}
}
/* --------------------------------------------
* 탭메뉴 - 메뉴3개
/* ------------------------------------------ */
.cts_tab { width:100%; padding:30px 0; float:left}
.tabmenu {width:710px; margin:0 auto; }
.tabmenu li { width:230px; margin-right:8px; background:#f0f0f0; padding:11px 0; text-align:center; border:1px solid #e0e0e0; font-size:17px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; display:inline; float:left; }
.tabmenu li:last-child {margin-right:0;}
.tabmenu li a { color:#4c4c4c; font-weight:600}
.tabmenu li.tab_on {border:1px solid #1494f0; background:#1494f0;}
.tabmenu li.tab_on a {color:#fff}
.tabmenu li:hover {border:1px solid #1494f0; background:#1494f0;}
.tabmenu li:hover a {color:#fff}
@media (max-width: 992px) {
.tabmenu {
width: 100%;
}
.tabmenu li {
width: 50%;
margin: 0;
padding: 4px 0;
font-size: 14px;
}
}
/* --------------------------------------------
* 탭메뉴 - 메뉴3개
/* ------------------------------------------ */
.car_option {width:100%; margin-bottom: 30px;}
.car_option tr th {padding:15px 0; vertical-align:middle; text-align:center; background:#b0bdcc; color:#fff; font-size:15px; letter-spacing:-1pt; border:1px solid #9ba9b9; border-left:0;}
.car_option tr th.l_line {border-left:1px solid #a69e9a;}
.car_option tr td {color:#6a6a6a; border:1px solid #e4e4e4; border-top:0; border-left:0; word-break: keep-all; padding:12px 15px; font-size: 14px; vertical-align:middle; text-align:left;}
.car_option tr td.center {text-align:center; vertical-align:middle;}
.car_option tr td.l_line02 {border-left:1px solid #e4e4e4;}
.car_option tr td.l_title {border-left:1px solid #e4e4e4; word-break:keep-all; background:#f8f8f8; color:#544f4c; font-size:15px; text-align:center; vertical-align:middle;}
@media (max-width: 992px) {
.car_option tr td {
padding: 5px;
}
}
/* --------------------------------------------
* 커뮤니티
/* ------------------------------------------ */
.comty_cmt { width:100%; font-size:24px; color:#333; font-family: 'yg-jalnan';}
.comty_cmt span {font-family: 'yg-jalnan'; color:#00377e;}
@media (max-width: 992px) {
.comty_cmt {
font-size:16px;
line-height: 22px;
margin-bottom: 20px;
}
}
/* --------------------------------------------
* 약관
/* ------------------------------------------ */
.terms_gr {width:100%; margin:55px 0; background:#f8f8f8; border:1px solid #ddd; padding:0 30px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; float:left}
@media (max-width: 992px) {
.terms_gr {
margin: 30px 0;
}
}
#privacy_wrap {
padding:1px 10px 10px 10px;
font-size:14px;
line-height:170%;
color:#666666;
}
@media (max-width: 992px) {
#privacy_wrap {
width: 100%;
}
}
#privacy_wrap ul{
padding-left:20px;
}
#privacy_wrap h1{
font-size: 16px;
font-weight:600;
color:#000;
padding-top:20px;
}
#privacy_wrap h2{
font-size: 15px;
font-weight:600;
color:#444;
padding-top:10px;
}
#privacy_wrap h2.blue{
font-weight:600;
color:#3d4f9c;
}
#privacy_wrap h3{
left:-19px;
font-size: 15px;
margin:0 0 3px;
padding:10px 0 0 0;
font-weight:normal;
}
#privacy_wrap .privacy_box{
padding:10px 0 10px 18px;
display:block;
}
#privacy_wrap ul,ol{
top:0;
}
#privacy_wrap li{
list-style:circle;
left:-15px;
}
#privacy_wrap ol li{
list-style:decimal;
left:-15px;
}
#privacy_wrap ul li li {
list-style:none;
left:-15px;
}
#privacy_wrap table{
width:100%
}
#privacy_wrap th,td{
font-size:15px;
text-align:center;
padding:10px;
/*background:#fff;*/
}
#privacy_wrap p{
display:block;
}
#new_footer .ft_navi ul.sns {padding:0;}
#new_footer .ft_navi ul.sns li {width:120px; text-align: center; padding:0; margin:13px 0; background:url(/images/topmenu_l.gif) 0px 11px no-repeat;}
#new_footer .ft_navi ul.sns li:first-child {background:none;}
#new_footer .ft_navi ul.sns li > a {vertical-align:middle;}
#new_footer .ft_navi ul.sns li > a > span {font-size:12px;vertical-align:middle;display:inline-block;margin-left:7px;}
@media (max-width: 992px) {
#new_footer .ft_navi ul.sns {
clear: both;
}
#new_footer .ft_navi ul.sns li {
width: auto;
width:50%;
text-align: left;
margin: 3px 0;
}
}
/* 내차팔기 이용절차 */
.sell-step ul li .main-step-number span{
background-color: #0C80A1 !important;
}
@media (max-width: 575px) {
.sell-step{
padding: 20px 0 0 0;
}
}
@media (min-width: 576px) {
.sell-step{
padding: 20px 0 0 0;
}
}
@media (min-width: 768px){
.sell-step{
padding: 30px 0 0 0;
}
}
@media (min-width: 992px){
.sell-step{
padding: 50px 0 0 0;
}
}
/* 내차팔기 상담리스트 */
.sell-list table .td-state1{
color: #ff2e2e;
}
.sell-list table .td-state2{
color: #7a7a7a;
}
@media (max-width: 575px) {
.sell-list{
width: 100%;
overflow: hidden;
padding: 30px 0 0 0;
}
.sell-list table{
margin: 30px 0 0 0;
border-top: 2px solid #333333;
}
.sell-list table td{
height: 40px;
color: #333333;
font-size: 0.95rem;
line-height: 1rem;
border-bottom: 1px solid #d8d8d8;
}
.sell-list table .td-key{
width: 10%;
text-align: center;
}
.sell-list table .td-key img {
height: 25px;
}
.sell-list table .td-title{
width: 75%;
padding: 0 30px 0 0;
}
.sell-list table .td-state{
width: 15%;
text-align: center;
}
}
@media (min-width: 576px) {
.sell-list{
width: 100%;
overflow: hidden;
padding: 30px 0 0 0;
}
.sell-list table{
margin: 30px 0 0 0;
border-top: 2px solid #333333;
}
.sell-list table td{
height: 40px;
color: #333333;
font-size: 0.95rem;
line-height: 1rem;
border-bottom: 1px solid #d8d8d8;
}
.sell-list table .td-key{
width: 10%;
text-align: center;
}
.sell-list table .td-key img {
height: 25px;
}
.sell-list table .td-title{
width: 75%;
padding: 0 30px 0 0;
}
.sell-list table .td-state{
width: 15%;
text-align: center;
}
}
@media (min-width: 768px){
.sell-list{
width: 100%;
overflow: hidden;
padding: 40px 0 0 0;
}
}
@media (min-width: 992px){
.sell-list{
width: 100%;
overflow: hidden;
padding: 34px 0 34px 0;
background-color: #ffffff;
}
}
/********************************** 이용절차 **********************************/
.main-step {padding:50px 0 30px;}
.main-step ul {margin-top:30px;}
.main-step ul li {text-align:center; margin-bottom:20px;}
.main-step ul li .layout{height: 292px; padding: 30px; border:1px solid #ddd;}
.main-step ul li .main-step-number span{background-color: #39302e; border-radius: 20px 20px; color: #FFFFFF; font-size: 18px; letter-spacing: 0; line-height:1em; padding: 8px 20px; display: inline-block;}
.main-step-img.img {margin-top:15px;}
.main-step-img.img img {max-width: 66px;}
.main-step ul li .main-step-title{color: #333333; font-weight: bold; font-size: 22px;letter-spacing: -0.5px; padding: 10px 10px 0 10px;}
.main-step ul li .main-step-text{color: #7a7a7a; font-size: 16px; padding: 14px 10px 0 10px;}
@media (max-width: 992px){
.main-step ul li .layout {height: auto;}
.main-step ul li .main-step-number span {font-size:14px;}
.main-step ul li .main-step-title {font-size:16px;}
.main-step ul li .main-step-text {font-size:14px; line-height:18px}
}
.scrolled .bottom_fix {
opacity: 1 !important;
bottom: 0;
visibility: visible !important;
}
.scrolled.lastScroll .bottom_fix {
opacity: 0 !important;
visibility: hidden !important;
}
.bottom_fix {
width: 100vw;
padding: 20px 10px;
overflow: hidden;
position: fixed;
opacity: 0;
visibility: hidden;
left: 0;
right: 0;
bottom: -70px;
-webkit-transition: all 0.4s cubic-bezier(0.215,0.610,0.355,1.000);
-moz-transition: all 0.4s cubic-bezier(0.215,0.610,0.355,1.000);
-o-transition: all 0.4s cubic-bezier(0.215,0.610,0.355,1.000);
transition: all 0.4s cubic-bezier(0.215,0.610,0.355,1.000);
z-index: 999999;
}
.bottom_fix ul {
margin: 0 -3px;
overflow:hidden;
}
.bottom_fix li {
width: 50%;
float: left;
padding: 0 3px;
}