@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

.container-main{margin-top:-60px;}
@media (max-width: 991px) {
	.container-main{width:95%;}
	.container3{width:95%}
	.container4{margin-bottom:100px;}
}

/*메인페이지 상단 타이틀*/
.sec_title {width:100%; text-align:center; /*margin:30px 0 20px;*/ font-family: 'yg-jalnan'; font-size: 30px; color:#00377e; letter-spacing: -1px;}
.sec_title2 {background-color:#fff;margin-bottom:35px;border-radius:25px 25px 25px 25px;border:2px solid #644a3b;}
.sec_title3 {background-color:#fff;border-radius:25px 25px 25px 25px;border:2px solid #644a3b;}
.sec_title img {display:inline-block;}

.sec_title02 {width:100%; text-align:center; margin-bottom:25px;}
.sec_title02 img {display:inline-block;}

@media (max-width: 1200px) {
	.sec_title {
		/*margin:18px 0 20px*/
	}

	.sec_title img {width: 85%;}
}


.main_title {text-align: center;}
.main_title h3 {font-weight: 800; color:#00377e; font-size: 36px;}
.main_title h3 span {font-weight: 800; color:#484ace;}
.main_title h3 a {font-weight: 800; color:#00377e;}
.main_title p {font-size: 22px; font-weight: bold; margin: 15px 0;}

 @media (max-width: 992px) {
	.main_title h3 {font-size: 22px;}
	.main_title p {font-size: 16px; line-height:18px;}
 }



/*서브페이지 타이틀*/
.title_list {}
.title_list h3 {font-size: 30px; font-weight: 800; color:#000; letter-spacing: -1px;}
.title_list h3 span {color:#00377e; font-weight: 800;}
.title_list p {font-size: 16px; line-height: 24px; font-weight: bold;}
@media (max-width: 992px) {
	
	.title_list {
		padding:0 15px 15px 15px;
	}
	.title_list h3 {
		font-size: 22px;
	}

	.title_list p {
		font-size: 14px;
	}

}

/*메인페이지 상단 컨텐츠*/
.vsl_top {width:100%; height:640px; padding-top:60px; margin-top:100px; 
	background:url('/images/vsl_bg02.jpg') center top;
	background-repeat:no-repeat;
	background-size:cover;
	}
.vsl_top .container {margin-top:00px;position:relative;}
.vsl_top .vsl_top_txt{position:absolute;top:20px;left:25px;}
.vsl_top .vsl_top_txt h2{color:#00377e;font-size:28px;font-weight:900;margin-bottom:25px;text-shadow:}
.vsl_top .vsl_top_txt h1{color:#00377e;font-size:45px;font-weight:600;margin-bottom:35px;font-family: 'yg-jalnan';}
.vsl_top .vsl_top_txt h1 span{color:#0094f7;font-size:50px;font-weight:800;font-family: 'yg-jalnan';}
.vsl_top .vsl_top_txt h5{color:#000;font-size:22px;line-height:29px;font-weight:600;}



@media (min-width: 1200px) {
	.vsl_top {
		width:100%;
		height: 640px;
	}
}

@media (max-width: 1200px) {
	.vsl_top {
		height: 685px;
	}
}
@media (max-width: 991px) {
	.vsl_top {
		padding: 30px 0;
		height: auto;
		background:url('/images/vsl_bg.jpg') bottom top;
		background-size: cover;
		margin-top:0;
	}
	.vsl_top .container {margin-top:0px;}
}

.top_sec01 {width:400px; position:relative; /*padding-top:60px; margin-right:90px;*/ float:right;}
.top_sec02 {width:400px; margin-right:50px;  margin-left:20px; float:left; margin-top:10px;}
.top_sec02_1 {width:390px; margin-right:20px;  float:left}
.top_sec03 {width:436px; height:113px;float:left;margin-top:407px;}
/*@media (max-width: 1200px) {
	.top_sec01 {
		width: 380px;
	}

	.top_sec02_1 {
		width: 272px;
	}

	.top_sec03 {
		width: 248px;
	}
}*/
@media (max-width: 991px) {
	.top_sec01, .top_sec02, .top_sec03 {
		width: 100%;
		margin: 0;
		padding: 0 15px;
		float: none;
	}

	.top_sec01 {margin-bottom:30px;}

	.top_sec02 {margin-top:0px; height: 470px;}
	.top_sec02_1 {width:100%; padding: 0 15px; margin-top:30px; height: auto;}
}

/* --------------------------------------------
 * 내차팔기 상담신청
/* ------------------------------------------ */

.top_sec01 .icon {position:absolute; top:0px; right:20px;display:none;}

.req_title {width:100%; float:left; padding:35px 25px 10px 25px;}

.req_title h3 {font-family: 'yg-jalnan'; font-size: 28px; color:#000; margin:0;}
.req_title h3 span {font-family: 'yg-jalnan'; color:#00377e}
.req_title p {font-size: 16px; color:#666; font-weight: bold; margin: 3px 0 7px;}

.m_req_gr {width:100%; height:520px; padding:18px; background:#fff; border:2px solid #62493a; border-radius: 25px;}
.m_req_gr02 {width:520px; height:340px; background:url(../images/buy/bg_request01.png); float:left }
.req_gr {width:100%;}
.tbl_counsel {width:100%;} 
.tbl_counsel li {overflow: hidden;}
.tbl_counsel li.input {width:100%; background: #f2f2f2; padding: 8px; margin-bottom: 12px; border-radius: 20px !important; overflow: hidden;}
.tbl_counsel li label.tit {width:20%; background:#00377e; color:#feff82; text-align:center; margin: 0; padding: 10px; font-size: 14px; font-weight: bold; padding:3px 0; border-radius: 15px;}
.tbl_counsel li input {/*border-bottom:1px solid #e7e7e7;*/ text-align:left; padding:0px 0px 0px 5%; }
.tbl_counsel li input.input_cs01, .tbl_counsel li input.input_cs02 {background:transparent;}
.tbl_counsel li .btn_center { text-align:center; border-bottom:0; padding:0;}
.tbl_counsel li .terms_agree {padding:10px 0; border-bottom:0; font-weight:600; color:#444 }

.tbl_counsel li.call{ padding-left: 5px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.tbl_counsel li.call a{ display: block; width: 125px;}
.tbl_counsel li.call span.tel_num img{ display: block; width: 125px;}
.tbl_counsel li.call a img {float:left; display: block; vertical-align: middle;width:100%;padding-left:0px;}
.tbl_counsel li.call span {float:left; padding-left: 10px; display:inline-block; vertical-align: middle; font-size: 30px; line-height: 48px;}
.tbl_counsel li.call span a {font-weight: bold; color:#00377e;}

.input_cs01 {border:0; width:75%; height: 30px; padding:2%; color:#333; font-size:14px; }
.input_cs02 {border:0; width:75%; height: 30px; padding:2%; color:#333; font-size:14px;}

.txt_terms {width:200px; float:left; font-size:14px; color:#333; padding:10px 0 0 0;}
.btn_terms {/*width:85px;*/ float:right; padding:10px 0 0 0;}

.tbl_counsel .button {clear:both; display:block; text-align: center; margin: 18px 0; border-radius: 15px; background:#00377e; color: #fff; height:50px; line-height:50px; font-family: 'yg-jalnan'; font-size: 24px;}

@media (max-width: 1200px) {
	.m_req_gr {}
	.top_sec01 .icon {top: 15px;}
	.top_sec01 .icon img {width: 100px;}
	.req_title h3 {font-size: 20px;}
	.req_title p {font-size: 12px;}
	.tbl_counsel li input {padding: 0;}
	.tbl_counsel .button {font-size: 22px;}
}
@media (max-width: 992px) {
	.tbl_counsel li.call span.tel_num img{ width: 100%;}
	.tbl_counsel li.call a img{ float: right;}
	.visual_wrap .consult_box form .tbl_counsel li.call span{}
	.tbl_counsel li.call{ display: flex; flex-wrap: wrap; flex-direction: column-reverse; margin-top: 5px;}
	.tbl_counsel li.call .kakao_wrap{ width: 100%; padding: 0 5px;}
	.tbl_counsel li.call a{ display: block; width: 100%;}
	.tbl_counsel li.call .kakao_wrap picture{ display: block;} 
	.tbl_counsel li.call .kakao_wrap img{ display: block; width: 100%;}


	.m_req_gr {
		height: auto;
		padding:15px 15px;
	}

	.txt_terms {
		width: 180px;
	}

	.top_sec01 .icon {top: -30px; right: 25px;}
	.top_sec01 .icon img {width: 80px;}

	.tbl_counsel li label.tit {width: 25%; font-size: 14px;}
	.input_cs01 {width:70%; height:25px;}
	.input_cs02 {width:70%; height:25px;}

	.tbl_counsel li.call img {width: 125px;float:left;}
	.tbl_counsel li.call span {font-size: 26px; line-height: 36px;}
}
@media (max-width: 500px) {
	.tbl_counsel li.call img {width: 125px;}
}
/* --------------------------------------------
 * 언론보도/고객센터배너
/* ------------------------------------------ */

.press_gr { width:100%; height:222px; overflow:hidden; /*padding:135px 10px 0 10px;*/ background:#fff; border:1px solid #ddd; border-radius: 15px;}
.press_gr .img {width:100%; height:145px; background:url('/images/top_sec02_img.jpg'); background-size:cover; background-position: 0 -60px;}
.press_gr ul {list-style:none; padding:3px 10px; margin:0; }
.press_gr li.t_press {font-size:15px; font-weight:600; color:#000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.press_gr li.target {font-size:14px; color:#666; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.cscenter_gr { margin-top:12px;}

/* -------------------------------------------- 
 * 판매상담리스트
/* ------------------------------------------ */

.cslist_gr {width:100%; height:455px; padding: 0px; position:relative; /*background:#fff; border:1px solid #ddd;*/ border-radius:15px;}
.cslist_gr ul {list-style:none; padding:0; margin:0; }
.cslist_gr li {border:2px solid #644a3b; border-radius: 30px; background:#fff; font-size: 14px; padding:6px 20px; line-height: 25px; margin-bottom: 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; list-style: none; position: relative; max-width: 100%;}
.cslist_gr2 li { padding:8px 20px; }
/*.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 .awards_banner {position:absolute; bottom:0;}

@media (max-width: 1200px) {
	.cslist_gr {
		height: 358px;
	}
	.cslist_gr li {
		padding:10px;
	}

	.cslist_gr .awards_banner {position:static; bottom:0; margin-bottom:20px;}
}

@media (max-width: 991px) {
	.cslist_gr {
		height: auto;
	}

	
}

/* --------------------------------------------
 *  전체상담건수,전체판매고객,상담완료건수
/* ------------------------------------------ */
.sell {background:#ffffffd6; padding: 20px 45px;/* border: 2px solid #644a3b;*/ border-radius: 25px;height:100%;width:100%;position:relative;}
.sell-group{position:absolute;width:auto;height:auto;top:calc(50% - 34px);left:calc(50% - 164px);}
.counter_gr {width:100%; height:400px; background:#39302e; padding:32px 0;}
.count {float:left;margin:0 5px;}
.count li {text-align:center; font-size:16px; color:#666;}
.count li:last-child {/*padding-bottom: 15px;border-bottom:1px solid #ddd;*/}
/*.count:last-child li:last-child {padding-bottom: 0px; border-bottom:0px solid #ddd; line-height: 18px;}*/
.count li.tit {color:#333; margin-bottom: 10px;}
.count li.tit span {vertical-align: middle; font-size: 14px; font-family: 'GmarketSansBold'; font-weight:bold; display: inline-block; margin-left: 10px;}
.count li.count_no {/*padding: 25px 0 10px;*/ line-height:44px;}
.count li.count_no .counter_num {font-size:22px; color:#333; letter-spacing: -1px; font-family: 'GmarketSansBold';  font-weight:bold; letter-spacing:0em;padding-left:15px;}

@media (max-width: 1200px) {
	.sell {padding: 22px 25px;}

	.count li {
		font-size:15px;
	}
}

@media (max-width: 991px) {
	.sell {clear:both;padding:0}
	.sell-group{top:calc(50% - 34px);left:calc(50% - 135px);}

	.counter_gr {
		padding:10px 0;
		height: auto;
	}

	

	.count li.tit {
		font-size: 17px;
	}

}
@media (max-width: 780px) {
	.sell {clear:both;padding:0}
	.sell-group{top:calc(50% - 34px);left:calc(50% - 165px);}
	}

}
@media (max-width: 710px) {
	.sell {clear:both;padding:0}
	.sell-group{top:calc(50% - 34px);left:calc(50% - 135px);}
	}

}
@media (max-width: 480px) {
	.sell {clear:both;padding:0}
	.sell-group{top:calc(50% - 34px);left:calc(50% - 142px);}

	.counter_gr {
		padding:10px 0;
		height: auto;
	}

	

	.count li.tit span {
		font-size: 12px;
	}
	.count li.count_no .counter_num{
		font-size: 17px;
	}
	.count li.tit img{
		width:20px;
	}

}
@media (max-width: 441px) {
	.sell {clear:both;padding:0}
	.sell-group{top:calc(50% - 34px);left:calc(50% - 135px);}

	.counter_gr {
		padding:10px 0;
		height: auto;
	}
	
	.count li.tit span{
		font-size: 11px;
	}
	.count li.count_no .counter_num{
		font-size: 15px;
	}
	.count li.tit img{
		width:15px;
	}
}
@media (max-width:480px) {
	.sell {clear:both;padding:0}
	.sell-group{top:calc(50% - 34px);left:calc(50% - 125px);}

	.counter_gr {
		padding:10px 0;
		height: auto;
	}

	

	.count li.tit span{
		font-size: 11px;
	}
	.count li.count_no .counter_num{
		font-size: 15px;
	}
	.count li.tit img{
		width:15px;
	}

}



/* --------------------------------------------
 * 배너
/* ------------------------------------------ */
.banner {padding: 40px 0;}

/* --------------------------------------------
 * 내차팔기 진행절차
/* ------------------------------------------ */
.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:100%;  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: 991px) {
	.main_review {
		width:95%;
	}

	.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: -75px;
  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 !important;
	}

	.bx-controls-direction .bx-next {
	  right: 15px !important;
	}
 }



 /* --------------------------------------------
 * 실시간상담리스트
/* ------------------------------------------ */

.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: 0px 0 35px; overflow:hidden;margin-top:20px;}
.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;}
 }

 
 
 /* --------------------------------------------
 *  구매후기
/* ------------------------------------------ */
.main_review { clear:both; position:relative; width:100%; padding: 50px 0 0px;}
.main_review .container{ margin-bottom: 40px;}
.main_review .main_title{ margin-bottom:50px;}
.main_review .ct_title {width:100%; text-align: center; margin-bottom: 45px;}
.main_review .ct_title h3 {color:#bf0720;
	font-weight:700;font-family: 'Wemakeprice-Bold';font-size: 30px;letter-spacing: 0px;line-height:30px;}
.main_review .ct_title h3 span {color:#000;
	font-weight:700;font-family: 'Wemakeprice-Bold';font-size: 30px;letter-spacing: 0px;line-height:30px;}
.main_review .ct_title p {font-size: 18px; margin-top: 10px; color:#666;}

.main_review .pc_ver {display:block;position:relative;}
.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:310px; overflow:hidden; background:#fff; border-radius: 15px; margin-bottom: 20px; border:1px solid #ccc; /*padding:16px;*/ float:left;
	}
.review01 {width:100%; padding-bottom: 15px; margin-bottom:16px; 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:93%; height:190px; /*border-radius:120px;*/ }
.review_text {padding:15px; clear: both; text-align: center;}
.review_text h3 {color:#000; margin:0; font-size:18px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600;text-align:center;}
.review_text p {text-align:left; overflow:hidden; color:#777; width:100%; white-space: normal; font-size: 15px; line-height: 20px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#333333;}

/*.review_text .rating-star-container {display: inline-block; width: 75px; height: 15px; background:url('/images/star_off.png'); background-size: 15px;}
.review_text .rating-star-container .rating-star-num {height: 100%; content:''; display:block; background:url('/images/star_on.png'); background-size: 15px;}
*/
.review_more {margin:5px 0; color:#333333; 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: 991px) {
	.main_review {
		width:95%; margin:0 auto;padding-top:30px;
	}
	.main_review .container{margin-bottom:0px;}

	.review {
		width:80%; 
		height:300px;
		margin:0 auto 20px;
		float: none;
	}
	.review01 {
		padding-bottom: 11px;
	}
	
	.main_review .main_title{ margin-bottom:20px;}

	.main_review .ct_title {
		padding: 0 12px;
		margin-bottom: 15px;
		line-height:30px;
		
	}

	.main_review .ct_title h3, .main_review .ct_title h3 span {
		font-size: 26px;
		line-height:36px;
	}

	.main_review .ct_title p {
		font-weight:bold; 
		font-size: 14px; 
		margin-top: 20px;
	}
		
	.review_thumb {
		width:100%;
		height:150px;
		margin: 0;
		float: left;
	}

	.review_thumb img {
		width:100%;
		height:150px;
	}

	.review_title {
		width:100px;
		padding-top:15px;
		padding-left: 10px;
	}

	.review_text p {
		-webkit-line-clamp: 2;  
		height: 38px;
		overflow: hidden;
	}
}


.bx-controls-direction {
	display: block;
	top:140px;
}

.bx-controls-direction a {
  position: absolute;
  top: 45%;
  margin-top: 0px;
  outline: 0;
  text-indent: -9999px;
  z-index: 1;
	width: 24px;
    height: 40px;
}


 .bx-controls-direction .bx-prev {
	left:-60px;
	  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: -70px;
  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: -35px;
	}

	.bx-controls-direction .bx-next {
	  right: -48px;
	}
 }

 @media (max-width: 1400px) {
	.bx-controls-direction .bx-prev {
	  left: -60px;
	}

	.bx-controls-direction .bx-next {
	  right: -80px;
	}
 }
 
 

 
 /* --------------------------------------------
 *  내차팔기진행절차 - 서브
/* ------------------------------------------ */

.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 { width:100%; background:url(/images/bg_line.gif) left bottom repeat-x; font-size:26px; color:#333; padding-bottom:10px; margin:30px 0 20px;  font-family: 'yg-jalnan'; float:left}
.title_h2 span {font-family: 'yg-jalnan'; 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}
}



/**********************************  **********************************/
.bn-title img{margin:0 auto;}
.bx-viewport{height:400px !important;}


#smtg_kao_div{display:none !important;}
.eb-top{display:block !important;}