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

/************************************************sub.css 시작************************************************/

/* --------------------------------------------
 * title
/* ------------------------------------------ */
#contents_top .tit_page{position:relative;color:#fff;text-align:center;line-height:1.2;z-index:10;padding:90px 15px;}
#contents_top .tit_page h2{font-size:24px; color:#fff;}
#contents_top .tit_page .info_txt1{font-size:38px;letter-spacing:-0.05em;/*font-weight:700;*/margin-top:0px;line-height: 1.3;}
#contents_top .tit_page .info_txt2{font-size:18px;line-height: 24px;letter-spacing:-0.05em;margin-top:20px;color:#fff;}
#contents_top .btn_wrap{text-align:center;margin-top:40px}

@media (max-width: 992px) {
	#contents_top .tit_page{position:relative;color:#fff;text-align:center;line-height:1.2;z-index:10;padding:25px 15px;}
	#contents_top .tit_page h2{font-size:16px; margin:0;}
	#contents_top .tit_page .info_txt1{font-size:20px; margin-top: 0px;}
	#contents_top .tit_page .info_txt2{font-size:12px; line-height: 18px; margin-top: 0px; padding-bottom:10px;}
	

}

.tit_page{position:relative;padding:68px 0 60px;text-align:center}
.tit_page h2{color:#333333;font-size:36px;line-height:40px;letter-spacing:-0.05em; font-family: 'GmarketSansMedium';}
.tit_page .desc{font-size:15px;color:#777;margin-top:16px}
.tit_page .info_txt1{font-size:38px;letter-spacing:-0.05em;line-height:51px; font-family: 'GmarketSansMedium';}
.tit_page .info_txt2{font-size:16px;line-height:26px;letter-spacing:-0.05em;color:#555;margin-top:30px; font-family: 'GmarketSansMedium';}
@media (max-width: 992px) {
	.tit_page {padding:78px 0 60px;}
	.tit_page h2 {line-height:36px; padding-top:7px;}
	.tit_page .info_txt1{font-size:22px;letter-spacing:-0.05em;line-height:34px;font-weight:bold;}
	.tit_page .info_txt2{font-size:14px; padding:0px;line-height:26px;}
	.tit_page .info_txt2 br{display:none;}
}


.board_page{position:relative;padding:15px 0 10px;text-align:center}
.board_page h2{color:#000;font-size:30px;line-height:40px;/*letter-spacing:-0.05em*/ font-weight:bold; font-family: 'GmarketSansMedium';}
.board_page .desc{font-size:15px;color:#777;margin-top:16px}
.board_page .info_txt1{font-size:38px;letter-spacing:-0.05em;line-height:51px}
.board_page .info_txt2{font-size:16px;line-height:26px;letter-spacing:-0.05em;color:#555;margin-top:30px}

@media (max-width: 992px) {
	.board_page{padding:0}
	.board_page h2{color:#000;font-size:20px;line-height:1.5;/*letter-spacing:-0.05em*/ font-weight:bold; font-family: 'GmarketSansMedium';}
}

/* --------------------------------------------
 * container
/* ------------------------------------------ */
#container {
	padding-top: 90px;
}
#contents_top {
	position: relative;
	/*background-color: #a885e9;
	background-image: linear-gradient(-135deg, #2a9ffd 0%, #1976d2 100%);box-shadow: 0 5px 16px 0 rgb(216,222,250);*/
	padding:0;
	color: #ffffff;
}
.sell #contents_top {
	background-color:#3D5BDC !important;
	background-image: linear-gradient(135deg, #488ff6 0%, #3d5bdc 100%) !important;
}
.buy #contents_top {
	background-color:#0F82BE !important;
	background-image: linear-gradient(135deg, #11B4E3 0%, #0F82BE 100%) !important;
}
.carPrc #contents_top {
	background-color:#00bac0 !important;
	background-image: linear-gradient(180deg, #0593a6 0%, #13a5b2 50%, #00bac0 100%) !important;
}
#contents {
	width: 1280px;
	min-width: 1280px;
	margin: auto;
}

@media (max-width: 1200px) {
	#contents_top {
		padding:40px 0;
	}
	
	#contents {
		width: 100%;
		min-width: 100%;
		margin: auto;
	}
}

@media (max-width: 992px) {
	#contents {}
}

.about #contents {
	width: 100%;
}

/* contents_top - box_apply */
#contents_top .box_apply {width:680px;position:relative;background:#fff;border-radius:4px;box-shadow:0 1px 5px 0 rgba(0,13,57,0.1);margin:10px auto 0;z-index:10}
#contents_top .box_apply ul {margin:1px 0 0 1px;padding:20px 0px 0; height:140px;}
#contents_top .box_apply li {width:50%;float:left; margin-bottom:7px;}
#contents_top .box_apply li .checksWrap_st1,
#contents_top .box_apply li .inputWrap_st1,
#contents_top .box_apply li .selectWrap_st1{margin:-1px 0 0 -1px}
#contents_top .box_apply li .inputWrap_st1 input {background:#fff}
#contents_top .box_apply li .checksWrap_st1 {height:60px;background:#fff;border:1px solid #eaeaea;padding:18px 20px;border-radius:7px;}
#contents_top .box_apply li .checksWrap_st1 a {top:15px;right:20px}
#contents_top .box_apply .bottom {clear:both; position:relative;background:#f2f3f5;height:110px;margin:22px 10px 0;padding:24px;border-radius:0 0 3px 3px;border-top:1px solid #ecedef}
#contents_top .box_apply .bottom p {color:#b8bac1;font-size:13px;line-height:20px}
#contents_top .box_apply .bottom .btn {position:absolute;top:50%;right:24px;margin-top:-28px}

@media (max-width: 992px) {
#contents_top .box_apply {
		width:100%;
	}	

	#contents_top .box_apply .bottom {
		height: 170px;
	}

	#contents_top .box_apply li {
		width:100%;
	}	

	#contents_top .box_apply .bottom .btn{
		position: static;
		top:0;
		right:0;
		margin-top:-28px;
		padding: 0;
		margin-top: 7px;
	}
}

/**/
.sell .tab_navi.h80,
.buy .tab_navi.h80 {
	margin-top: 40px;
}
.tab_content {
	display: none;
}

.section ul[class*="col"],
.section ol[class*="col"] {
	/*margin: -20px 0 0 -20px;*/
	margin: 0 10px;
}
.section ul[class*="col"] li,
.section ol[class*="col"] li {
	float: left;
	/*padding: 20px 0 0 20px;*/
}
.section ul.col2 li, .section ol.col2 li { width: 50%; }
.section ul.col3 li, .section ol.col3 li { /*width: 33.333333%;*/ margin-bottom:40px;}
.section ul.col4 li, .section ol.col4 li { width: 25%; }
@media (max-width: 992px) {
	.section ul.col3 li, .section ol.col3 li { width: 100%; margin-bottom:0px;}
}

.section .section_faq .accordion_type1 {
	margin-top: -20px;
}
/* --------------------------------------------
 * sell
/* ------------------------------------------ */
.sell #contents_top:before{content:'';background:url("../_img/bg_sell_top.png") no-repeat top center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:5}

/* sell_process */
#sell_process .sec_cont li{padding-bottom:15px;}
#sell_process .sec_cont li .box_info{padding:34px 40px 0 106px; margin:0px 0px;}
#sell_process .sec_cont li .box_info:before{content:'';width:46px;height:46px;display:inline-block;position:absolute;top:34px;left:30px}
#sell_process .sec_cont li.step1 .box_info:before{background-position:0 0; background:url("/images/car_price01.png") no-repeat;}
#sell_process .sec_cont li.step2 .box_info:before{background-position:0 -46px; background:url("/images/car_price02.png") no-repeat;}
#sell_process .sec_cont li.step3 .box_info:before{background-position:0 -92px; background:url("/images/car_price03.png") no-repeat;}
#sell_process .sec_cont li.step4 .box_info:before{background-position:0 -184px; background:url("/images/car_price04.png") no-repeat;}
#sell_process .sec_cont li.step5 .box_info:before{background-position:0 -138px; background:url("/images/car_price05.png") no-repeat;}
#sell_process .sec_cont li.step6 .box_info:before{background-position:0 -230px; background:url("/images/car_price06.png") no-repeat;}
#sell_process .sec_cont li h4.tit{font-size:18px;line-height:20px;color:#222; margin-top:0;}
#sell_process .sec_cont li h4.tit span{display: block;color: #ffffff;font-size: 15px;line-height:16px;margin-bottom:8px;letter-spacing: -0.5px;width: 90px;padding: 7px 5px;background: #133e87;
	text-align: center;border-radius: 30px;font-weight: 600;}
#sell_process .sec_cont li p{font-size:14px;line-height:21px;color:#666;margin-top:20px}

/* sell_documents */
#sell_documents{}
#sell_documents.section ul.col2{margin:-40px 0 0 -40px}
#sell_documents.section ul.col2 li{padding:40px 0 0 40px}
#sell_documents li h4.tit{font-size:20px;color:#133e87;font-weight:bold;line-height:1.3;margin-bottom:20px}
#sell_documents li .list dl{border-top:1px solid #f0f0f0; height:30px;}
#sell_documents li .list dl:first-child{border-top:0}
#sell_documents li dl dd, #sell_documents li dl dt{font-size:14px;line-height:21px;padding:12px 0}
#sell_documents li dl dt{float:left;color:#222}
#sell_documents li dl dd{float:right;text-align:right;color:#999}

/* sell_count */
#sell_count li.col-md-4 {/*padding:0;*/}
#sell_count .box_info{padding:20px;color:#fff; /*width:100%;*/}
#sell_count .box_info .count, #sell_count .box_info .tit{}
#sell_count .box_info .tit{font-size:14px;line-height:16px;letter-spacing:0.05em}
#sell_count .box_info .count{font-size:73px;line-height:1;font-weight:300;margin-top:10px; font-weight:bold;}
@media (max-width: 992px) {
	#sell_count .box_info {
		margin-bottom: 20px;
	}
	
	#sell_count .box_info .count {
		font-size:48px;
	}
	#sell_process .sec_cont li .box_info{padding:15px 30px 15px 100px}
	#sell_process .sec_cont li h4.tit{font-size:16px;margin-bottom:10px}
	#sell_process .sec_cont li p{margin-top:0;}
}	

#sell_count .box_info .desc {font-size:15px;line-height:22px;position:absolute;bottom:20px;left:20px}

/* sell_list */
#sell_list ul.list{margin-top:-17px}
#sell_list ul.list li{position:relative;clear:both;padding:17px 0 18px;border-top:1px solid #f0f0f0;font-size:15px;line-height:1.3;width:100%;}
#sell_list ul.list li:first-child{border-top:none}
#sell_list ul.list li .tit{display:inline-block;max-width:600px;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#sell_list ul.list li .tit span.icon{width:38px;height:21px;position:relative;top:5px;display:inline-block;text-indent:-99999999em;overflow:hidden;margin-right:10px;background:url("/images/new_icon2.png") no-repeat 0 0px;-webkit-background-size:38px 20px;background-size:38px 20px}
#sell_list ul.list li .state{position:absolute;top:25px;right:0;color:#999;font-weight:700;letter-spacing:-0.025em}
#sell_list ul.list li .state.cst_ing{color:#3D5BDC}
#sell_list ul.list li .state.deal_ing{color:#555}

@media (max-width: 992px) {
	#sell_list ul.list li .tit {
		width: 250px;
	}
}

/* --------------------------------------------
 * buy
/* ------------------------------------------ */
.buy #contents_top:before{content:'';background:url("../_img/bg_buy_top.png") no-repeat top center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:5}

/* buy_sevice */
#buy_sevice .sec_cont p{line-height:1.6;color:#555; margin:0 20px;}
#buy_sevice .sec_cont h4{font-size:20px;line-height:1.2;margin:40px 10px 20px}
#buy_sevice.section .sec_tit{margin:10px;}
#buy_sevice .box_info{padding:20px 20px 0;color:#fff; margin:0 10px 15px 10px;}
#buy_sevice .box_info .num{font-size:14px;line-height:16px;letter-spacing:0.05em;}
#buy_sevice .box_info .tit{font-size:22px;font-weight:bold;margin:10px 0 15px;/*letter-spacing:-0.05em*/}
#buy_sevice .box_info .desc{max-width:86%;font-size:15px;line-height:22px;position:absolute;bottom:20px;left:20px}
@media (max-width: 992px) {
#buy_sevice .box_info {
		height: 200px;
	}
}

/* buy_process */
#buy_process li{/*width:260px;*/height:154px;position:relative;float:left;margin-bottom:27px;padding:0 0 27px 75px;border-bottom:1px solid #f0f0f0}
/*#buy_process li.step7, #buy_process li.step8, #buy_process li.step9{border-bottom:none;margin-bottom:0;padding-bottom:0;height:auto}*/
#buy_process li .ico{width:46px;height:46px;display:inline-block;position:absolute;top:2px;left:0}
#buy_process li.step1 .ico{background-position:0 0; background:url("/images/car_buy01.png") no-repeat;}
#buy_process li.step2 .ico{background-position:0 -30px; background:url("/images/car_buy02.png") no-repeat;}
#buy_process li.step3 .ico{background-position:0 -60px; background:url("/images/car_buy03.png") no-repeat;}
#buy_process li.step4 .ico{background-position:0 -120px; background:url("/images/car_buy04.png") no-repeat;}
#buy_process li.step5 .ico{background-position:0 -90px; background:url("/images/car_buy05.png") no-repeat;}
#buy_process li.step6 .ico{background-position:0 -150px; background:url("/images/car_buy06.png") no-repeat;}
#buy_process li.step7 .ico{background-position:0 -180px; background:url("/images/car_buy07.png") no-repeat;}
#buy_process li.step8 .ico{background-position:0 -210px; background:url("/images/car_buy08.png") no-repeat;}
#buy_process li.step9 .ico{background-position:0 -240px; background:url("/images/car_buy09.png") no-repeat;}
#buy_process li .tit{font-size:16px;font-weight:bold;line-height:18px;color:#222}
#buy_process li .tit span{display:block;color:#133e87;font-weight:bold;font-size:14px;line-height:16px;margin-bottom:8px;letter-spacing:0}
#buy_process li p{font-size:14px;line-height:21px;color:#777;margin-top:10px;padding-right:22px}

/* buy_documents */
#buy_documents li dt{font-size:20px;line-height:22px;color:#133e87;margin-bottom:30px}
#buy_documents li dd{font-size:14px;line-height:24px;color:#555}


/* --------------------------------------------
 * carPrc
/* ------------------------------------------ */
.carPrc #contents_top:after, .carPrc #contents_top:before{content:'';position:absolute;display:inline-block}
.carPrc #contents_top:before{background:url("../_img/bg_line.png") repeat center center;top:0;left:0;right:0;bottom:0;z-index:5}
.carPrc #contents_top:after{height:632px;background:url("../_img/bg_carPrc_top.png") repeat 0 0;left:0;right:0;bottom:0;z-index:6}

/* carPrc_form */
#carPrc_form{color:#222}
#carPrc_form .form_group ul{margin:0 -5px}
#carPrc_form .form_group li{width:33.333333%;float:left;/*padding:0 5px 30px*/}
#carPrc_form .form_group li button.btn_wht{min-width:auto;width:100%;height:54px;margin-top:35px;padding:19px 0 18px}
#carPrc_form .carPrc_result{margin-top:20px;padding-top:50px;border-top:1px solid #ebebeb}
#carPrc_form .carPrc_result .none, #carPrc_form .carPrc_result .result{height:140px}
#carPrc_form .carPrc_result .none p{text-align:center;padding-top:20px;font-size:13px;line-height:1.6;color:#444}
.carPrc_result .result .cp_keyword{font-size:16px;line-height:18px;color:#555;margin-bottom:18px}
.carPrc_result .result .cp_price{font-size:25px;line-height:28px;color:#222;letter-spacing:-0.05em}
.carPrc_result .result .cp_price span{color:#0593a6}
.carPrc_result .result p{font-size:13px;line-height:1.6;color:#555;margin-top:40px}
.carPrc_result .btn{text-align:center;margin-top:40px}
.carPrc_result .btn a.btn_grd{height:60px;padding:18px 30px 17px}
@media (max-width: 992px) {
	#carPrc_form .form_group li{width:50%;}
}

/* --------------------------------------------
 * about
/* ------------------------------------------ */
/* --------------------------------------------
 * about
/* ------------------------------------------ */
.about #contents .tit_page{padding:60px 0;}
.about .section_roll{display:block;height:460px;position:relative;background:url("/images/about_bg.jpg") no-repeat;}
.about .section_roll:before{content:'';background:url("/images/bg_about.jpg") no-repeat top center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}
.about .section_roll .item_roll{width:1180px;min-width:1180px;padding-top:110px;height:460px;margin:0 auto;text-align:center;position:relative;z-index:2}
.about .section_roll .item_roll .item{color:#fff; width:100%;}
.about .section_roll .item_roll .item:before{content:'';width:228px;height:126px;display:block;background:url("/images/mark_ico.png") no-repeat;margin:0 auto 30px}
.about .section_roll .item_roll .item h4{font-size:30px;line-height:1.5;font-weight:700;letter-spacing:-0.05em;color:#fff; font-family: 'GmarketSansMedium';}
.about .section_roll .item_roll .item p{font-size:16px;line-height:1.5;margin-top:14px;color:#fff; font-family: 'GmarketSansMedium';}
.about .section_roll .item_roll .owl-nav div{width:40px;height:80px;display:inline-block;background:url("/_img/arr_set.png") no-repeat;text-indent:-99999em;line-height:999999em;overflow:hidden;position:absolute;top:50%;margin-top:-40px}
.about .section_roll .item_roll .owl-nav div.owl-prev{left:0;background-position:0 0}
.about .section_roll .item_roll .owl-nav div.owl-next{right:0;background-position:-40px 0}
.about .section_roll .item_roll .owl-dots{display:none}
.about #service_info{border-top:none;padding-bottom:80px}
@media (max-width: 1200px) {
.about .section_roll .item_roll {
		width:100%;
		min-width: 100%;
		padding-top: 40px;
		height: 360px;
	}
}
@media (max-width: 992px) {
	.about .section_roll{display:block;height: 360px;position:relative;background:url("/images/about_bg.jpg") no-repeat;background-position: center;}
	.about #contents .tit_page{
		padding: 30px 15px;
		margin-top:0;
	}
	.about .section_roll {
			/*display:none;*/
		}
	.about .section_roll .item_roll .item h4{font-size:20px;line-height:1.5;font-weight:700;letter-spacing:-0.05em;color:#fff; font-family: 'GmarketSansMedium';}
	.about .section_roll .item_roll .item p{font-size:14px;line-height:1.5;margin-top:14px;font-weight:300;}
}

#service_info .box_info{padding:20px 20px 0;color:#fff; margin-bottom:15px;}
#service_info .box_info .tit{font-size: 16px;line-height: 24px; }
#service_info .box_info .tit span{font-size: 23px;line-height:1;display:block;margin-bottom:20px;letter-spacing: -0.5px; font-family: 'GmarketSansMedium';}
#service_info .box_info .desc{max-width:86%;font-size:15px;line-height:22px;position:absolute;bottom:20px;left:20px}
@media (max-width: 1200px) {
	#service_info .box_info .tit{font-size: 14px;line-height: 24px; }
	#service_info .box_info .tit span{font-size: 17px;line-height:1;display:block;margin-bottom:20px;letter-spacing: -0.5px; font-family: 'GmarketSansMedium';}
}

/*모바일*/
.about .section_roll2 {display:none;}
@media (max-width: 992px) {
		.about .section_roll2 {display:block;height:375px;position:relative;background:url("../_img/gradient_all.gif") repeat #133e87}
		.about .section_roll2:before{content:'';background:url("../_img/bg_about.png") no-repeat top center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}
		.about .section_roll2 .item_roll{width:100%;min-width:100%;padding-top:60px;height:460px;margin:0 auto;text-align:center;position:relative;z-index:2}
		.about .section_roll2 .item_roll .item{color:#fff}
		.about .section_roll2 .item_roll .item:before{content:'';width:300px;height:180px;display:block;background:url("/images/mark_ico.png") no-repeat;background-size:100%;margin:0 auto 0;}
		.about .section_roll2 .item_roll .item h4{font-size:22px;line-height:1;font-weight:700;letter-spacing:-0.05em;color:#fff;}
		.about .section_roll2 .item_roll .item p{font-size:16px;line-height:24px;margin-top:14px;color:#fff;}
		.about .section_roll2 .item_roll .owl-nav div{width:40px;height:80px;display:inline-block;background:url("/_img/arr_set.png") no-repeat;text-indent:-99999em;line-height:999999em;overflow:hidden;position:absolute;top:50%;margin-top:-40px}
		.about .section_roll2 .item_roll .owl-nav div.owl-prev{left:0;background-position:0 0}
		.about .section_roll2 .item_roll .owl-nav div.owl-next{right:0;background-position:-40px 0}
		.about #service_info{border-top:none;padding-bottom:0px}
		.section.type2 .sec_cont ul.brand li .col-md-4 {padding:0 10px;}	
}



/* --------------------------------------------
 * cs
/* ------------------------------------------ */
.cs .tab_navi.h70{margin-bottom:0}
.cs .section_wrap>.section:first-child{border-top:none}
.cs .section_wrap>.section{padding-bottom:120px}


/* --------------------------------------------
 * magazine
/* ------------------------------------------ */
.magazine .tab_navi.h70 {
	margin-bottom: 0;
}
.magazine .section_wrap > .section {
	padding: 40px 0 80px;
}
.magazine .section_wrap > .section:first-child {
	border-top: none;
}
.magazine .section_wrap > #magazine_view.section {
	width: 980px;
	margin: auto;
}


/* --------------------------------------------
 * manager
/* ------------------------------------------ */
.manager .tab_navi.h70{margin-bottom:0}
.manager .section_wrap>.section{padding-bottom:120px}
.manager .section_wrap>.section:first-child{border-top:none}
.manager .list_notice{margin-top:-17px}
.manager .dealer_info{max-width:250px;margin-top:30px;border-top:1px solid #f0f0f0;padding-top:30px;font-family:'Lato','Nanum Barun Gothic',dotum,'돋움',gulim,'굴림',Arial,AppleGothic,verdana,sans-serif}
.manager .dealer_info dl{padding-bottom:25px}
.manager .dealer_info dl dd, .manager .dealer_info dl dt{letter-spacing:0}
.manager .dealer_info dl dt{color:#888888;font-size:13px;line-height:19px}
.manager .dealer_info dl dd{margin-top:4px;color:#333333;font-size:15px;line-height:21px}
.manager .dealer_info dl dd p{color:#888888;font-size:12px;line-height:18px}
.manager .table_st1 .checksWrap_st1{height:16px;display:inline-block;vertical-align:middle}
.manager .table_st1 .checksWrap_st1 .checks{margin:0}
.manager .table_st1 .checksWrap_st1 label{width:16px;font-size:0;text-indent:-999999em;overflow:hidden;padding:0}
.manager a.btn_delt{width:90px;height:36px;display:inline-block;font-size:13px;font-weight:700;line-height:34px;text-align:center;border:1px solid #e6e7e9;color:#1e88e5;border-radius:4px;margin-top:16px;box-shadow:0 1px 5px 0 rgba(29,35,69,0.08);transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.manager a.btn_delt:before{content:'';width:11px;height:13px;display:inline-block;background:url("../_img/ico_del.png") no-repeat 0 0;vertical-align:middle;margin-right:4px;margin-left:-4px}
.manager a.btn_delt:focus, .manager a.btn_delt:hover{box-shadow:0 3px 10px 0 rgba(29,35,69,0.1)}


/* --------------------------------------------
 * knowledge
/* ------------------------------------------ */
.knowledge .section_wrap>.section{width:980px;margin:auto;padding-bottom:120px}
#knowledge_list.section, #knowledge_view.section{padding:0 0 120px;border:none}
.knowledge .search_area{text-align:center;margin:60px 0 30px}
#knowledge_pw .borad_pw{width:460px;margin:30px auto 0}


/* --------------------------------------------
 * auth
/* ------------------------------------------ */
.auth .txt_wrap{padding:80px 0 120px;text-align:center}
.auth .txt_wrap p{display:inline-block;color:#fff;border:1px solid rgba(255,255,255,0.5);border-radius:4px;line-height:36px;padding:0 20px;opacity:0.8;filter: alpha(opacity = 80);-moz-opacity:0.8}
.auth .form_box{margin:0 auto 120px}


/************************************************sub.css 끝************************************************/

/* --------------------------------------------
 * box
/* ------------------------------------------ */
/* box_info */
.box_info{display:block;min-height:240px;position:relative;border: 2px solid #133e87;border-radius:7px;background:#ffffff; 
	/* box-shadow: 0 1px 5px 0 rgb(56 56 56 / 25%); */}
@media (max-width: 992px) {
	.box_info {
		min-height:180px;
	}
}
.box_info[class*="bg_b"]{border: none;/*box-shadow:0 1px 5px 0 rgba(25,143,204,0.4)*/}
.sell .box_info .bg_b1 {background-color:#6365c7}
.sell .box_info .bg_b2 {background-color:#494bb1}
.sell .box_info .bg_b3 {background-color:#133e87}
.buy .box_info .bg_b1 {background-color:#1997d0}
.buy .box_info .bg_b2 {background-color:#494bb1}
.buy .box_info .bg_b3 {background-color:#21b7e2}

.about .box_info.bg_b1{background-color: #659ee7;}
.about .box_info.bg_b2{background-color: #2870cb;}
.about .box_info.bg_b3{background-color: #024CAA;}
/*.about .box_info.bg_b1:hover{box-shadow:0 4px 32px 0 rgba(72,143,247,0.8)}
.about .box_info.bg_b2:hover{box-shadow:0 4px 32px 0 rgba(17,180,227,0.6)}
.about .box_info.bg_b3:hover{box-shadow:0 4px 32px 0 rgba(0,186,192,0.6)}*/

/* form_box */
.form_box{width:780px;position:relative;margin:50px auto 0;padding:60px;border-radius:4px;background:#ffffff;box-shadow:0 0 16px 0 rgba(0,13,57,0.12);z-index:10}
.form_box h4.tit{font-size:23px;line-height:25px;letter-spacing:-0.05em;color:#6365c7; font-weight:bold;}
.carPrc .form_box h4.tit{color:#0593a6}
@media (max-width: 992px) {
	.form_box {
		width: 100%;
		padding: 15px;
	}
}
/* box_review */
.box_review{min-height:460px;padding:90px 20px 0}
/*.box_review:before{content:'';width:30px;height:30px;display:inline-block;background:url("../_img/ico_doublequote.png") no-repeat 0 0;position:absolute;top:30px;left:30px}*/
.box_review p{font-size:15px;line-height:1.5;color:#555;max-width:70%}
.box_review .nick{color:#222222;font-size:22px;line-height:1.45;position:absolute;left:30px;bottom:36px}
.box_review .nick span{display:block;font-size:16px;color:#888888}

.sell .review_car { background: url(/images/review2_bg.png) no-repeat right 15px bottom 23px; }

@media (max-width: 992px) {
	.box_review{
		margin:0 auto; 
		margin: 0 50px;
		padding: 60px 20px 0;
	}

	.sell .review_car { 
		background: url(/images/review2_bg.png) no-repeat right -11px bottom 23px; 
		background-size: 150px;
	}
}


.owl-carousel2 .owl-nav {position:absolute;top:310px;left:0;bottom:0;right:0;z-index:1}
.owl-carousel2 .owl-nav div {width:40px;height:80px;display:inline-block;background:url("/images/arr_set2.png") no-repeat;text-indent:-99999em;line-height:999999em;overflow:hidden;position:absolute;top:50%;margin-top:-40px}
.owl-carousel2 .owl-nav div.owl-prev {left:-80px;background-position:0 0}
.owl-carousel2 .owl-nav div.owl-next {right:-80px;background-position:-40px 0}
.owl-carousel2 .owl-dots {display:none}

.owl-carousel3 .owl-nav {position:absolute;top:-40px;left:0;bottom:0;right:0;z-index:1}
.owl-carousel3 .owl-nav div {width:40px;height:80px;display:inline-block;background:url("/images/arr_set2.png") no-repeat;text-indent:-99999em;line-height:999999em;overflow:hidden;position:absolute;top:50%;margin-top:-40px}
.owl-carousel3 .owl-nav div.owl-prev {left:-80px;background-position:0 0}
.owl-carousel3 .owl-nav div.owl-next {right:-80px;background-position:-40px 0}
.owl-carousel3 .owl-dots {display:none}

.owl-carousel2 .owl-nav2 {position:relative;top:250px;left:0;bottom:0;right:0;z-index:1}
.owl-carousel2 .owl-nav2 div {width:40px;height:80px;display:inline-block;background:url("/images/arr_set2.png") no-repeat;text-indent:-99999em;line-height:999999em;overflow:hidden;position:absolute;top:50%;margin-top:-40px}
.owl-carousel2 .owl-nav2 div.owl-prev {left:10px; background-position:0 0}
.owl-carousel2 .owl-nav2 div.owl-next {right:10px; background-position:-40px 0}

/* --------------------------------------------
 * board_know_list 굿셀 지식iN 리스트
/* ------------------------------------------ */

/* --------------------------------------------
 * 검색영역
/* ------------------------------------------ */
.search_area{margin-bottom:30px}
.search_area li{display:inline-block;padding-left:20px;margin-left:-3px}
.search_area li:first-child{margin-left:0;padding-left:0}
.search_area li button.btn_wht{height:54px;min-width:160px;padding:19px 30px 18px}
@media (max-width: 992px) {
	.search_area li {
		width: 100%;
		padding: 0;
	}

	.search_area li button.btn_wht{
		min-width:100%;
		margin-top: 15px;
	}
}

/* inputWrap_st2 */
.inputWrap_st2{position:relative; width:460px;}
.inputWrap_st2 .tit{font-size:15px;line-height:1;white-space:nowrap;color:#333;margin-bottom:10px}
.inputWrap_st2 input{width:100%;height:54px;display:block;position:relative;padding:16px 30px 16px 20px;font-size:15px;color:#333;line-height:22px;background:#f6f6f6;border:1px solid #f1f1f1;border-radius:2px;letter-spacing:-0.05em;text-align:left;z-index:1;box-shadow:0 1px 1px 0 rgba(28,35,69,0.04);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}
.inputWrap_st2:hover input{border:1px solid #DDDDDD;box-shadow:0 1px 5px 0 rgba(28,35,69,0.12);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}
.inputWrap_st2.focus input{background:#fff;color:#1e88e5;border:1px solid #2a9ffd;box-shadow:0 1px 5px 0 rgba(28,35,69,0.12);transition:box-shadow 0.2s ease,border-color 0.2s ease;-webkit-transition:box-shadow 0.2s ease,border-color 0.2s ease}
@media (max-width: 992px) {
	.inputWrap_st2 {
		width: 100%;;
	}
}


/* board_know_list */
.board_know_list{}
.board_know_list ul{margin:-20px -10px 0}
.board_know_list ul li{width:50%;float:left;padding:20px 10px 0}
.board_know_list ul li a{padding:20px;overflow:hidden;position:relative;display:block;border:1px solid #e6e7e9;border-radius:7px;background:#fff;box-shadow:0 2px 4px 0 rgba(29,35,69,0.1)}
.board_know_list ul li a:hover{border:1px solid rgba(14,23,39,0.1);box-shadow:0 4px 32px 0 rgba(0,13,57,0.2);transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.board_know_list ul li .icon.lock{width:12px;height:18px;display:inline-block;background:url("../_img/ico_lock2.png") no-repeat;text-indent:-99999em;overflow:hidden;position:absolute;top:20px;right:20px}
.board_know_list ul li .tit{position:relative;font-size:18px;line-height:26px;color:#333;letter-spacing:-0.05em;padding:0 20px 0 22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board_know_list ul li .tit em{color:#6365c7;font-weight:700;display:inline-block;position:absolute;top:0;left:0}
.board_know_list ul li .dtl{margin-top:6px;overflow:hidden}
.board_know_list ul li .dtl span{position:relative;display:inline-block;float:left;font-size:14px;line-height:20px;color:#888;margin-left:8px;padding-left:8px}
.board_know_list ul li .dtl span:after{content:'';width:1px;height:14px;display:inline-block;background:#ddd;position:absolute;top:3px;left:0}
.board_know_list ul li .dtl span:first-child{margin-left:0;padding-left:0}
.board_know_list ul li .dtl span:first-child:after{display:none}
.board_know_list ul li .dtl span.nick{color:#555}
.board_know_list ul li .dtl span.date{letter-spacing:0}
.board_know_list ul li .state{display:inline-block;padding:5px 7px 4px;font-size:12px;line-height:1;border:1px solid #ddd;border-radius:2px;color:#999;background:#fff;margin-bottom:12px}
.board_know_list ul li .state.comp{border:1px solid #6365c7;background:#6365c7;color:#fff}
.board_know_list .btn_wrap{margin-top:50px;text-align:right}
@media (max-width: 992px) {
.board_know_list ul li {
		width: 100%;
	}
}	

/*메인페이지 전국지점 배너*/
.box2 {width:100%; height:185px; border-radius:15px; border:1px solid #cacaca; padding:25px 20px;}
.box2 h1 {font-family: 'BMJUA'; color:#000; font-size:30px; margin:0;}
.box2 .button {width:118px; height:26px; line-height: 26px; margin-top:15px; text-align:center; background:#2aa494; border-radius: 15px; color:#fff; font-size:14px;}
.partner {/*height:210px;*/}
.box_bg_map {background:url(/images/mapbg_ico.png) no-repeat; background-position:100% 80%;}
@media (max-width: 992px) {
	.box_bg_map {margin-top: 20px;}
}

/* 전국지점 -----------------------------------------*/
@media (min-width: 992px) {
	.btn_wrap{width:100%; height:210px; margin:0 0 30px;}
	#map { width:100%; height:400px;}
}

@media (max-width: 991px) {
	.btn_wrap{width:100%; height:340px; margin:0 0 0px;}
	#map { width:100%; height:100px;}
}

/*전국지점 안내*/
.btn_wrap li {}
.btn_wrap li div{margin:10px 0; width:100%; height:50px; line-height:48px; font-size:16px; text-align:center; border:1px solid #dedede; border-radius:10px; float:left;}
.btn_wrap li div:hover{border:1px solid #c10e0e; color:#c10e0e; background:#f3f3f3;}
.btn_wrap li div a {display:block;}

.map_info{width:100%; margin:0;}
.map_info .info_01 div:first-child{height:20px; background:#c10e0e; float:left; padding:10px;}
.map_info .info_01 div:last-child{font-size:16px; color:#fff; height:35px; line-height:20px; float:left;}
.map_info .info_02{margin:10px auto; clear:both; height:150px; border:1px solid #eee; border-top:2px solid #c10e0e;}
.map_info .info_03{margin-top:5px; clear:both; height:30px; line-height:30px; font-size:16px; font-weight:500; color:#555; border-bottom:1px solid #c10e0e;}
.map_info .info_04{height:30px; line-height:30px;}
.map_info .info_05 div:first-child{margin:3px; width:30px; height:20px; line-height:20px; background:#999; color:#fff; text-align:center; float:left;}
.map_info .info_05 div:last-child{margin:3px; height:20px; line-height:20px; float:left;}
.map_info .info_06 span{margin:5px 2px 0; padding:2px 5px; font-size:10px; text-align:center; border:1px solid #999; display:inline-block;}
.map_info .info_08{margin-top:10px; height:40px; line-height:40px; color:#fff; text-align:center; border-radius:5px; background:#c10e0e;}

@media (max-width: 992px) {
	.map_info{margin-top: 10px;}
}

/*파트너*/
.bottom_box {clear:both; width:100%; height:120px; margin:20px 0 40px; border-radius:15px; border:1px solid #2aa494; padding:15px 20px;}
.bottom_box ul {padding:0;}
.bottom_box ul li {width:16.66%; float:left; border-left: 1px solid #ddd;}
.bottom_box ul li:first-child {border:0;}
@media (max-width: 992px) {
	.bottom_box {
		padding: 15px 20px;
		height: auto;		
	}

	.bottom_box ul {
		height: 290px;
	}

	.bottom_box ul li {
		width:50%;
		height: 97px;
	}

	.bottom_box ul li:nth-child(1), .bottom_box ul li:nth-child(3), .bottom_box ul li:nth-child(5) {border:0;}
 
	.bottom_box img {
		width:200px;
		margin: 0 auto;
	}
}

/*매매가이드*/
.subTabWrap {margin-top:60px;}
.subTabWrap .inner ul li{/*border-bottom: 1px solid #fff;*/}
.subTabWrap .inner ul li a{line-height: 60px; letter-spacing:-1px; float:left; width:50%; box-sizing:border-box; text-align: center; font-size:19px;background:#f1f1f1; color:#999; display:block;border-bottom: 2px solid #ddd;  border-left: 1px solid #ddd;border-right: 1px solid #ddd; border-top: 1px solid #ddd; font-weight:500; border-width: 1px !important;}
.subTabWrap .inner ul li.on a{ 
	font-weight: 600;
    border: 1px solid #133e87;
    border-bottom: 1px solid #133e87;
	box-sizing:border-box;
    color: #fff;
    position: relative;
    z-index: 1;
	background:#133e87
}

@media (max-width: 992px) {
	.subTabWrap {margin-top:30px; padding: 0 10px;}
	.subTabWrap .inner ul li a {line-height: 50px; font-size: 16px;}
}

.swingtab_st1 {}
.swingtab_st1 ul{}
.swingtab_st1 ul:after{display:block;clear:both;content:''}
.swingtab_st1 ul li{width:25%;float:left;text-align:center;margin-top:30px;}
.swingtab_st1 ul li a{display:block;font-size:17px;line-height:16px;letter-spacing:-1px;padding:20px 0;color:#333;box-sizing:border-box;border:1px solid #333;/*border-right:1px solid #fff;*/opacity:0.5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity:0.5;}
.swingtab_st1 ul li:last-child a{border-right:1px solid #000}
.swingtab_st1 ul li.active a{background: #133e87;border-bottom:1px solid #fff; font-weight:500;border-right:1px solid #000; color: #fff;
opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity:1}

@media (max-width: 992px) {
	.swingtab_st1 {padding: 0 10px;}
	.swingtab_st1 ul {padding-top: 30px; clear:both;}
	.swingtab_st1 ul li {width:50%; margin:-1px 0 0;}
	.swingtab_st1 ul li a {padding:12px 0; font-size:14px;}
	.swingtab_st1 ul li.active a {border-bottom:1px solid #000;}
}


.sec_txt h4.tit {
	margin-top: 30px;
}
.sec_txt h4.tit span {
	display: inline-block;
	color: #133e87;
	padding: 0 15px 0 0;
	/*border-left:4px solid #721a1a;*/
	font-size: 20px;
	letter-spacing: -1px;
    font-weight: 500;
}
.sec_txt h5.tit {
	margin: 15px 0;
	font-size:18px;
	letter-spacing: -1px;
	font-weight: 500;
}
.sec_txt .col_1 {
	width: 100%;
	float: left;
	/*padding: 0 30px 0 0;*/
}
.sec_txt .col_2 {
	width: 50%;
	float: left;
	padding: 0 30px 30px 0;
}
.sec_txt p {
	margin-bottom: 10px;
	font-size:15px;
}
.sec_txt ul {
	margin:0;
}
.sec_txt ul li {
	/*padding-left: 10px;*/
	background: url(/_img/dot_3px.png) no-repeat 0 9px;
	color: #666;
	margin: 5px 0;
	font-size:13px;
}
.sec_txt table ul li {
	margin: 0;
}
.sec_txt strong {
	color: #333;
}

@media (max-width: 992px) {
	.sec_txt h4.tit span {padding:0 10px; font-size: 18px;}
	.sec_txt h5.tit {font-size: 16px; margin: 5px 0;}
	.sec_txt .col_1 {padding: 0 10px;}
	.sec_txt .col_2 {width:100%; padding: 0 10px 10px 10px;}
	.sec_txt ul li {font-size: 14px;}
	.sec_txt table ul {margin:0;}
	.sec_txt table ul li {margin:0;}
}

/* table_st1 */
.table_st1{border-top:2px solid #131316;border-bottom:1px solid #808189}
.table_st1 td:first-child,
.table_st1 th:first-child{/*padding-left:30px !important*/}
.table_st1 td:last-child,
.table_st1 th:last-child{padding-right:30px !important}
.table_st1 th{font-size:13px;line-height:23px;padding:8px 20px;color:#2d2d36;font-weight:600;text-align:center}
.table_st1 td{font-size:15px;line-height:25px;padding:12px 20px;color:#6a6c73;font-weight:400;border-top:1px solid #e9eaec;text-align:center}
.table_st1 tr:first-child td{border-top:1px solid #dfe0e4}
.table_st1 td.tit{max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.table_st1 td.data{letter-spacing:0}
.table_st1 td.state.consulting{color:#456cea}
.table_st1 td.state.ing{color:#131316}
.table_st1 td.state.comp{color:#808189}


/* table_st */
.table_st1{width:100%;}
.table_st1 td,
.table_st1 th{padding:10px 20px;border-top:1px solid #d4d4d7;border-left:1px solid #d4d4d7; font-size: 17px;}
.table_st1 tr th:first-child{border-left:0; }
.table_st1 tr th{background:#f1f1f1;}
.table_st2{border-top:2px solid #292a37;border-bottom:1px solid #292a37;font-size:13px}
.table_st2 td,
.table_st2 th{padding:15px 20px;border-bottom:1px dotted #292a37;border-right:1px dotted #292a37;text-align:left}
.table_st2 td:last-child,
.table_st2 th:last-child{border-right:0}
.table_st2 th{}
.table_st2 dl{width:100%;overflow:hidden;line-height:35px}
.table_st2 dl dt{float:left}
.table_st2 dl dd{float:right;text-align:right}
.table_st3{border-top:3px solid #192129;border-bottom:1px solid #192129}
.table_st3 tr{}
.table_st3 tr td,
.table_st3 tr th{padding:12px 10px;line-height:24px;border-top:1px solid #E4E6EA;font-size:14px;text-align:center}
.table_st3 tr th{}
.table_st3 tr td{}
.table_st3 tr td.subject{text-align:left}
.table_st3 tr td.subject a{display:block}
.table_st3 tr td:hover a{text-decoration:underline}
.table_st3 tr td.state{color:#A3A6A9;text-decoration:line-through}
.table_st3 tr td.state.comp{color:#fe2434;text-decoration:none}

.table_st1.pc {display:inline-table;}
.table_st1.mobile {display:none;}
@media (max-width: 992px) {
	.table_st1.pc {display:none;}
	.table_st1.pc th {width: 20%;}
	.table_st1.pc td {width: 30%;}

	.table_st1.mobile {display:inline-table;}
	.table_st1.mobile th {width: 30%;}
	.table_st1.mobile td {width: 70%;}
	
	.table_st1 {margin-bottom:15px;}
	.table_st1 th, .table_st1 td {font-size: 14px;}
}

.header-company .navwrap.scroll{ background: #133e87;}

@media(min-width: 992px){
	.header-company .container{ width: 100%; max-width: 1400px; padding: 0;}
	.dropdown-menu{ display: none;}
	.navbar::after{ display: none;}
	.nav::after{ display: none;}
	.navbar::before{ display: none;}
	.nav::before{ display: none;}
	.navbar .container{ display: flex; justify-content: space-between; align-items: center;}
	.navwrap div > ul{ display: flex; gap: 50px;}
	.navwrap div > ul > li{ position: relative !important; height: 90px;}
	.navwrap div > ul > li::before{ content: ""; position: absolute; top: 50%; left: -24px; transform: translateY(-50%); display:block; width: 4px; height: 4px; background: #133e87;
	border-radius: 99px;}
	.navwrap ul li:first-child::before{ display: none;}
	.main_ser{ display: none;}
	.main_review{ display: none;}
	.collapse.navbar-collapse.navbar-responsive-collapse{ display: block;}
	
	section.customer{ padding: 40px 0;}
	section.customer ul{ display: flex; justify-content: space-around;}
	section.customer ul li{ text-align: center;}
	section.customer ul li span{ display: block; margin-bottom: 25px; font-size: 20px; font-weight: 300;}
	section.customer ul li h2{ margin-bottom: 40px; font-size: 60px; color: #000;} 
	section.customer ul li h2.tot{ color: #133e87;}
	section.customer ul li p{ font-size: 15px; color: #000; line-height: 1.2;} 
	
	section.com_car{ padding: 40px 0;}
	section.com_car div.container{ width: 100%; max-width: 1300px; }
	section.com_car h2{ margin-bottom: 35px; color: #000; font-weight: bold; font-size: 42px; text-align: center;}
	section.com_car h2 span{ font-weight: bold; color: #133e87;}
	section.com_car ul{ display: flex; flex-wrap: wrap; gap: 20px;}
	section.com_car ul li{ width: calc((100% - 60px) / 4); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);}
	section.com_car ul li div.img_wrap{ position: relative; height: 403px;}
	section.com_car ul li div.img_wrap img{ display: block; width: 100%; height: 100%; object-fit: cover;}
	section.com_car ul li div.img_wrap div.year{ position: absolute; top: 8px; right: 8px; padding: 7px 15px 2px; color: #fff; background: #133e87; border-radius: 3px;font-size:16px;}
	section.com_car ul li div.up .blinking {animation: blink-effect 1.5s infinite;}
	section.com_car ul li div.txt_wrap{ padding: 10px;}
	section.com_car ul li div.txt_wrap p.name{ font-size: 23px; color: #000;}
	section.com_car ul li div.txt_wrap div{ display: flex; justify-content: space-between;}
	section.com_car ul li div.txt_wrap div span{ font-size: 16px;}
	section.com_car ul li div.txt_wrap div.price_wrap.col span{ font-size: 18px; color: #133e87;}
	section.com_car ul li div.up{ padding: 10px 0 5px; color: #fff; font-size: 20px; font-weight: bold; background: #133e87; text-align: center;}
	
	section.today_ban{ border-top: 2px solid #000; border-bottom: 2px solid #000;}
	section.today_ban ul{ margin-bottom: 0;}
	section.today_ban ul li{ padding: 40px 0; font-weight: bold; font-size: 28px; text-align: center;}
	section.today_ban ul li span{ display: block; font-weight: bold; color: #000;}
	section.today_ban ul li.col1{ background: #abffd5;}
	section.today_ban ul li.col2{ background: #9bd9ff;}
	section.today_ban ul li.col3{ background: #fba6a6;}
	
	
	section.box_graph{ padding: 90px 0; background: #ececec;}
	section.box_graph div.info_wrap{ display: flex; gap: 40px;}
	section.box_graph div.info_wrap + div.info_wrap{ margin-top: 80px;}
	section.box_graph div.info_wrap div.wrap_box{ width: calc((100% - 40px) / 2); padding: 30px; text-align: center; background: #fff;}
	section.box_graph div.info_wrap div.graph_box div.tit{ display: inline-block; margin-bottom: 10px; padding: 8px 15px 2px; font-size: 20px; color: #fff; border-radius: 999px; background: #133e87;}
	section.box_graph div.info_wrap div.graph_box p.up{ font-weight: 900; font-size: 32px; font-style: italic;}
	section.box_graph div.info_wrap div.graph_box p.up span{ z-index: 1; position: relative; font-weight: 900;}
	section.box_graph div.info_wrap div.graph_box p.up span::after{ z-index: -1; content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 15px; background: #96ffb9;}
	section.box_graph div.info_wrap div.graph_box p.desc{ margin-bottom: 20px; font-weight: 400;}
	
	section.box_graph div.info_wrap div.graph_box div.graph_wrap{ display: flex; justify-content: space-around; align-items: flex-end; height: 300px; background-image: linear-gradient(to bottom, #e5e5e5 1px, transparent 1px); background-size: 1px 60px; background-position: center center;}
	section.box_graph div.info_wrap div.graph_box div.graph_wrap div.graph{ display: flex; flex-direction: column; align-items: center; position: relative; width: 50%;}
	section.box_graph div.info_wrap div.graph_box div.graph_wrap div.graph p{ margin: 0; font-size: 22px;}
	section.box_graph div.info_wrap div.graph_box div.graph_wrap div.graph div.hei div.price{ position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%);}
	section.box_graph div.info_wrap div.graph_box div.graph_wrap div.graph1 div.hei{ position: relative; width: 80px; height: 0; background: #999;}
	section.box_graph div.info_wrap div.graph_box div.graph_wrap div.graph1 div.hei_wrap{ display: flex; flex-direction: column-reverse; height: 150px;}
	section.box_graph div.info_wrap div.graph_box div.graph_wrap div.graph1 div.hei.move{ height: 100%; transition: all 1s ease-in-out;}
	section.box_graph div.info_wrap div.graph_box div.graph_wrap div.graph2 div.hei{ position: relative;  width: 80px; height: 0; background: linear-gradient(0deg, #ff0000, #ffc907);}
	section.box_graph div.info_wrap div.graph_box div.graph_wrap div.graph2 div.hei_wrap{ display: flex; flex-direction: column-reverse; height: 240px;}
	section.box_graph div.info_wrap div.graph_box div.graph_wrap div.graph2 div.hei.move{ height: 100%; transition: all 1s ease-in-out;}
	section.box_graph div.info_wrap div.graph_box div.graph_wrap div.graph2 p{ color: #ff2502;}
	section.box_graph div.info_wrap div.graph_box div.pri{ display: flex; width: 100%; padding-top: 10px; border-top: 1px solid #000;}
	section.box_graph div.info_wrap div.graph_box div.pri p{ width: 50%; font-size: 22px; text-align: center;}
	section.box_graph div.info_wrap div.graph_box div.pri p.graph2_pr{ color: #ff2502;}
	
	section.box_graph div.info_wrap div.txt_wrap{ background: #222;}
	section.box_graph div.info_wrap div.txt_wrap div.tit{ margin-bottom: 20px; font-size: 28px; font-weight: 900; color: #ffdf4b; line-height: 1.2;}
	section.box_graph div.info_wrap div.txt_wrap div.img_wrap{ overflow: hidden; margin-bottom: 20px; border-radius: 5px;}
	section.box_graph div.info_wrap div.txt_wrap div.img_wrap img{ display: block; width: 100%;}
	section.box_graph div.info_wrap div.txt_wrap p.desc{ font-size: 18px; font-weight: 400; color: #fff; line-height: 1.5;}
	
	section.process{ padding: 40px 0;}
	section.process p.sub_tit{ font-size: 20px; text-align: center;}
	section.process p.sub_tit span{ color: #133e87;}
	section.process h2{ margin-bottom: 50px; font-weight: bold; font-size: 42px; font-family: "Cafe24Oneprettynight"; color: #000; text-align: center;}
	section.process ul{ display: flex;}
	section.process ul li{ position: relative; width: calc(100% / 6); padding: 0 5px;}
	section.process ul li::before{ position: absolute; left: 0; top: -13px; width: 100%; text-align: center; display: block; font-size: 24px; color: #000; font-weight: bold;}
	section.process ul li:nth-child(1)::before{ content: "01";}
	section.process ul li:nth-child(2)::before{ content: "02";}
	section.process ul li:nth-child(3)::before{ content: "03";}
	section.process ul li:nth-child(4)::before{ content: "04";}
	section.process ul li:nth-child(5)::before{ content: "05";}
	section.process ul li:nth-child(6)::before{ content: "06";}
	section.process ul li + li::after{ content: "》"; position: absolute; left: 0px; top: 70px; transform: translateX(-50%); display: inline-block; color: #133e87; font-size: 30px;}
	section.process ul li div.img_wrap{ margin-bottom: 15px;}
	section.process ul li img{ display: block; max-width: 100%; margin: 0 auto;}
	section.process ul li p.tit{ font-size: 30px; font-weight: bold; font-family: "Cafe24Oneprettynight"; color: #000; text-align: center; line-height: 1.2;}
	section.process ul li p.desc{ text-align: center;}
	
	section.nav_sec{ padding: 40px 0;}
	section.nav_sec div.info_wrap{ display: flex; gap: 20px;}
	section.nav_sec div.info_wrap div.big{ overflow: hidden; position: relative; width: calc(50% - 10px); border-radius: 15px;}
	section.nav_sec div.info_wrap div.big h2{ position: absolute; left: 20px; bottom: 20px; color: #fff;}
	section.nav_sec div.info_wrap div.big h2 span{ color: #133e87;}
	section.nav_sec div.info_wrap div.big div.img_wrap{ height: 100%;}
	section.nav_sec div.info_wrap div.big img{ display: block; width: 100%; height: 100%; object-fit: cover;}
	section.nav_sec div.info_wrap div.right_wrap{ display: flex; flex-wrap: wrap; gap: 20px; width: calc(50% - 10px);}
	section.nav_sec div.info_wrap div.right_wrap div{ overflow: hidden; width: calc((100% - 20px) / 2); border-radius: 5px;}
	section.nav_sec div.info_wrap div.right_wrap div:hover{ transform: translateY(-10px); box-shadow: 3px 3px 15px rgba(0,0,0,0.6); transition: all 0.3s;}
	section.nav_sec div.info_wrap div.right_wrap div a{ position: relative;}
	section.nav_sec div.info_wrap div.right_wrap div a p{ position: absolute; left: 15px; bottom: 15px; margin: 0; font-size: 22px; color: #fff; line-height: 1;}
	section.nav_sec div.info_wrap div.right_wrap div img{ display: block; width: 100%;}
	
	section.new_review{ padding: 40px 0;}
	section.new_review h2{ margin-bottom: 35px; color: #000; font-weight: bold; font-size: 42px; text-align: center;}
	section.new_review h2 span{ font-weight: bold; color: #133e87;}
	section.new_review ul{ display: flex; flex-wrap: wrap; gap: 20px;}
	section.new_review ul li{ width: calc((100% - 60px) / 4); border: 1px solid #ccc;}
	section.new_review ul li div.img_wrap{ position: relative;}
	section.new_review ul li div.img_wrap > img{ display: block; width: 100%; height: 401px;}
	section.new_review ul li div.img_wrap div.up{ position: absolute; left: 0; top: 0; display: flex; align-items: center; gap: 3px; padding: 7px 15px 2px; color: #fff; background: #133e87;font-size:17px;}
	section.new_review ul li div.img_wrap div.up.blinking {animation: blink-effect 1.5s infinite;}
	section.new_review ul li div.img_wrap div.up img{ display: block; width: 13px;}
	section.new_review ul li div.txt_wrap{ padding: 30px 10px;}
	section.new_review ul li div.txt_wrap p.desc{ height: 63px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical}
	section.new_review ul li div.txt_wrap div.list_wrap{ display: flex; gap: 10px;}
	section.new_review ul li div.txt_wrap div.list_wrap span{ font-size: 17px; color: #000;}
	section.new_review ul li div.txt_wrap div.list_wrap span.blue{ color: #133e87 !important; font-weight: bold;}
	section.new_review ul li div.txt_wrap div.list_wrap span.blue img{ display: inline-block; margin-right: 3px;}
	section.new_review ul li div.txt_wrap div.list_wrap span.red{ color: #bf3120; font-weight: bold;}
	section.new_review ul li div.read{ padding: 17px 10px 12px 0; color: #555; font-size: 13px; border-top: 1px solid #ccc; text-align: right;}
	
	@keyframes blink-effect {
		0% {
			opacity: 1;
		}
		50% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
} 


@media(max-width: 991px){
	.collapse.navbar-collapse.navbar-responsive-collapse{ display: none;}
	
	section.customer{ padding-top: 40px;}
	section.customer ul{ display: flex; flex-wrap: wrap; justify-content: space-around; border: 1px solid #ccc;}
	section.customer ul li{ width: 50%; padding: 10px 5px; text-align: center;}
	section.customer ul li:first-child{ border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	section.customer ul li:nth-child(2){ border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	section.customer ul li span{ display: block; margin-bottom: 19px; font-size: 16px; font-weight: 300;}
	section.customer ul li h2{ margin-bottom: 20px; font-size: 40px; color: #000;} 
	section.customer ul li h2.tot{ color: #133e87;}
	section.customer ul li p{ font-size: 15px; color: #000; line-height: 1.2;} 
	section.customer ul li p br{ display: none;}
	
	section.today_ban{ border-top: 2px solid #000; border-bottom: 2px solid #000;}
	section.today_ban ul{ margin-bottom: 0;}
	section.today_ban ul li{ padding: 40px 0; font-weight: bold; font-size: 15px; text-align: center;}
	section.today_ban ul li span{ display: block; font-weight: bold; font-size: 18px; color: #000;}
	section.today_ban ul li.col1{ background: #abffd5;}
	section.today_ban ul li.col2{ background: #9bd9ff;}
	section.today_ban ul li.col3{ background: #fba6a6;}
	
	section.com_car{ padding: 40px 0;}
	section.com_car h2{ margin-bottom: 20px; color: #000; font-weight: bold; font-size: 26px; text-align: center;}
	section.com_car h2 span{ font-weight: bold; color: #133e87;}
	section.com_car ul{ display: flex; flex-wrap: wrap; gap: 10px;}
	section.com_car ul li{ width: calc((100% - 20px) / 2); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);}
	section.com_car ul li div.img_wrap{ position: relative; height: 300px;}
	section.com_car ul li div.img_wrap img{ display: block; width: 100%; height: 100%; object-fit: cover;}
	section.com_car ul li div.img_wrap div.year{ position: absolute; top: 8px; right: 8px; padding: 7px 15px 2px; color: #fff; background: #133e87; border-radius: 3px;font-size:16px;}
	section.com_car ul li div.txt_wrap{ padding: 10px;}
	section.com_car ul li div.txt_wrap p.name{ margin: 0; font-size: 18px; color: #000;}
	section.com_car ul li div.txt_wrap div{ display: flex; justify-content: space-between;}
	section.com_car ul li div.txt_wrap div span{ font-size: 14px;}
	section.com_car ul li div.txt_wrap div.price_wrap.col span{ font-size: 15px; color: #133e87;}
	section.com_car ul li div.up{ padding: 10px 0 5px; color: #fff; font-size: 16px; font-weight: bold; background: #133e87; text-align: center;}
	section.com_car ul li div.up .blinking {animation: blink-effect 1.5s infinite;}
	
	section.process{ padding: 40px 0;}
	section.process p.sub_tit{ font-size: 16px; text-align: center;}
	section.process p.sub_tit span{ color: #133e87;}
	section.process h2{ margin-bottom: 50px; font-weight: bold; font-size: 24px; font-family: "Cafe24Oneprettynight"; color: #000; text-align: center;}
	section.process ul{ display: flex; flex-wrap: wrap; gap: 20px;}
	section.process ul li{ position: relative; width: calc((100% - 20px) / 2); padding: 0 5px;}
	section.process ul li::before{ position: absolute; left: 0; top: -13px; width: 100%; text-align: center; display: block; font-size: 20px; color: #000; font-weight: bold;}
	section.process ul li:nth-child(1)::before{ content: "01";}
	section.process ul li:nth-child(2)::before{ content: "02";}
	section.process ul li:nth-child(3)::before{ content: "03";}
	section.process ul li:nth-child(4)::before{ content: "04";}
	section.process ul li:nth-child(5)::before{ content: "05";}
	section.process ul li:nth-child(6)::before{ content: "06";}
	section.process ul li:nth-child(2n)::after{ content: "》"; position: absolute; left: 0px; top: 70px; transform: translateX(-50%); display: inline-block; color: #133e87; font-size: 30px;}
	section.process ul li div.img_wrap{ margin-bottom: 15px;}
	section.process ul li img{ display: block; max-width: 100%; margin: 0 auto;}
	section.process ul li p.tit{ font-size: 18px; font-weight: bold; font-family: "Cafe24Oneprettynight"; color: #000; text-align: center; line-height: 1.2;}
	section.process ul li p.desc{ text-align: center;}
	
	section.box_graph{ padding: 90px 0; background: #ececec;}
	section.box_graph div.info_wrap{}
	section.box_graph div.info_wrap + div.info_wrap{ margin-top: 80px;}
	section.box_graph div.info_wrap div.wrap_box{ padding: 30px; text-align: center; background: #fff;}
	section.box_graph div.info_wrap div.graph_box div.tit{ display: inline-block; margin-bottom: 10px; padding: 5px 15px 2px; font-size: 18px; color: #fff; border-radius: 999px; background: #057a44;}
	section.box_graph div.info_wrap div.graph_box p.up{ font-weight: 900; font-size: 26px; font-style: italic;}
	section.box_graph div.info_wrap div.graph_box p.up span{ z-index: 1; position: relative; font-weight: 900;}
	section.box_graph div.info_wrap div.graph_box p.up span::after{ z-index: -1; content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 15px; background: #96ffb9;}
	section.box_graph div.info_wrap div.graph_box p.desc{ margin-bottom: 20px; font-weight: 400;}
	
	section.box_graph div.info_wrap div.graph_box div.graph_wrap{ display: flex; justify-content: space-around; align-items: flex-end; height: 300px; background-image: linear-gradient(to bottom, #e5e5e5 1px, transparent 1px); background-size: 1px 60px; background-position: center center;}
	section.box_graph div.info_wrap div.graph_box div.graph_wrap div.graph{ display: flex; flex-direction: column; align-items: center; width: 50%;}
	section.box_graph div.info_wrap div.graph_box div.graph_wrap div.graph div.hei div.price{ position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%); line-height: 1.2;}
	section.box_graph div.info_wrap div.graph_box div.graph_wrap div.graph1 div.hei_wrap{ display: flex; flex-direction: column-reverse; height: 150px;}
	section.box_graph div.info_wrap div.graph_box div.graph_wrap div.graph1 div.hei{ position: relative; width: 80px; height: 0; background: #999;}
	section.box_graph div.info_wrap div.graph_box div.graph_wrap div.graph1 div.hei.move{ height: 100%; transition: all 1s ease-in-out;}
	section.box_graph div.info_wrap div.graph_box div.graph_wrap div.graph2 div.hei_wrap{ display: flex; flex-direction: column-reverse; height: 240px;}
	section.box_graph div.info_wrap div.graph_box div.graph_wrap div.graph2 div.hei{ position: relative; width: 80px; height: 0; background: linear-gradient(0deg, #ff0000, #ffc907);}
	section.box_graph div.info_wrap div.graph_box div.graph_wrap div.graph2 div.hei.move{ height: 100%; transition: all 1s ease-in-out;}
	section.box_graph div.info_wrap div.graph_box div.graph_wrap div.graph2 p{ color: #ff2502;}
	section.box_graph div.info_wrap div.graph_box div.pri{ display: flex; width: 100%; padding-top: 10px; border-top: 1px solid #000;}
	section.box_graph div.info_wrap div.graph_box div.pri p{ width: 50%; font-size: 19px; text-align: center;}
	section.box_graph div.info_wrap div.graph_box div.pri p.graph2_pr{ color: #ff2502;}
	
	section.box_graph div.info_wrap div.txt_wrap{ background: #222;}
	section.box_graph div.info_wrap div.txt_wrap div.tit{ margin-bottom: 20px; font-size: 28px; font-weight: 900; color: #ffdf4b; line-height: 1.2;}
	section.box_graph div.info_wrap div.txt_wrap div.img_wrap{ overflow: hidden; margin-bottom: 20px; border-radius: 5px;}
	section.box_graph div.info_wrap div.txt_wrap div.img_wrap img{ display: block; width: 100%;}
	section.box_graph div.info_wrap div.txt_wrap p.desc{ font-size: 18px; font-weight: 400; color: #fff; line-height: 1.5;}
	
	section.nav_sec{ padding: 40px 0;}
	section.nav_sec div.info_wrap{ display: flex; flex-wrap: wrap; gap: 20px;}
	section.nav_sec div.info_wrap div.big{ overflow: hidden; position: relative; border-radius: 15px;}
	section.nav_sec div.info_wrap div.big h2{ position: absolute; left: 20px; bottom: 20px; color: #fff;}
	section.nav_sec div.info_wrap div.big h2 span{ color: #133e87;}
	section.nav_sec div.info_wrap div.big div.img_wrap{ height: 100%;}
	section.nav_sec div.info_wrap div.big img{ display: block; width: 100%; height: 100%; object-fit: cover;}
	section.nav_sec div.info_wrap div.right_wrap{ display: flex; flex-wrap: wrap; gap: 20px;}
	section.nav_sec div.info_wrap div.right_wrap div{ overflow: hidden; width: calc((100% - 20px) / 2); border-radius: 5px;}
	section.nav_sec div.info_wrap div.right_wrap div a{ position: relative;}
	section.nav_sec div.info_wrap div.right_wrap div a p{ position: absolute; left: 15px; bottom: 15px; margin: 0; font-size: 22px; color: #fff; line-height: 1;}
	section.nav_sec div.info_wrap div.right_wrap div img{ display: block; width: 100%;}
	
	
	
	section.new_review{ padding: 40px 0;}
	section.new_review h2{ margin-bottom: 20px; color: #000; font-weight: bold; font-size: 26px; text-align: center;}
	section.new_review h2 span{ font-weight: bold; color: #133e87;}
	section.new_review ul{ display: flex; flex-wrap: wrap; gap: 20px;}
	section.new_review ul li{ width: calc((100% - 20px) / 2); border: 1px solid #ccc;}
	section.new_review ul li div.img_wrap{ position: relative;}
	section.new_review ul li div.img_wrap > img{ display: block; width: 100%; height: 286px;}
	section.new_review ul li div.img_wrap div.up{ position: absolute; left: 0; top: 0; display: flex; align-items: center; gap: 3px; padding: 7px 15px 2px; color: #fff; background: #133e87;font-size:15px;}
	section.new_review ul li div.img_wrap div.up.blinking {animation: blink-effect 1.5s infinite;}

	@keyframes blink-effect {
		0% {
			opacity: 1;
		}
		50% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	
	section.new_review ul li div.img_wrap div.up img{ display: block; width: 13px;}
	section.new_review ul li div.txt_wrap{ padding: 30px 10px;}
	section.new_review ul li div.txt_wrap p.desc{ height: 63px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical}
	section.new_review ul li div.txt_wrap div.list_wrap{ display: flex; gap: 10px;}
	section.new_review ul li div.txt_wrap div.list_wrap span{ font-size: 14px; color: #000;}
	section.new_review ul li div.txt_wrap div.list_wrap span.blue{ color: #133e87 !important; font-weight: bold;}
	section.new_review ul li div.txt_wrap div.list_wrap span.blue img{ display: inline-block; margin-right: 3px;}
	section.new_review ul li div.txt_wrap div.list_wrap span.red{ color: #bf3120; font-weight: bold;}
	section.new_review ul li div.read{ padding: 17px 10px 12px 0; color: #555; font-size: 13px; border-top: 1px solid #ccc; text-align: right;}
}