.slick-track {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
@media (min-width:846px) {
	.slick-list {
		-webkit-perspective: 2000;
		-webkit-backface-visibility: hidden;
	}
}

.page-main {}
.page-main h2 {font-size: 45px;}
.page-main .description {font-size: 20px; font-weight: 300; word-break: keep-all; }
.page-main .description  span + span{display:block;}
.page-main .section {padding: 0 40px 80px;}
.page-main .section-visual {position:relative; padding: 0;}
.page-main .section-visual .item {position: relative; width: 100%; padding-bottom: 50%; max-height:800px; background-position:50% 0; background-repeat:no-repeat; background-size:cover;}
.page-main .section-visual .image {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;}
.page-main .section-visual .content {position:absolute; top:0; left:0; right:0; bottom:0; color: #fff; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 55%; padding: 80px 80px 0; word-break: keep-all;}
.page-main .section-visual .btn{ margin-top:35px;}

.page-main .section-visual .slick-slide {position: relative; display: inline-block;}
.page-main .section-visual .slick-arrow{position:absolute; top:50%; display: inline-block; width: 33px; height: 63px; padding: 0; border:0; font-size:0; background-color:transparent; background-image:url('/v3Img/common/btn_arrow_slider.png'); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);  transform: translateY(-50%); z-index:1;}
.page-main .section-visual .slick-prev{left:40px; background-position:0 0;}
.page-main .section-visual .slick-next{right:40px; background-position:-34px 0;}
.page-main .slider-control{position:absolute; bottom:95px; width:100%; text-align:center;}
.page-main .slider-control .inner,
.page-main .slider-control .btn-play,
.page-main .slider-control .slick-dots{display: inline-block;}
.page-main .slider-control .inner{position:relative;}
.page-main .slider-control .btn-play{position:absolute; top:0; right:0;}
.page-main .slider-control .slick-dots{margin-right:15px;}
.page-main .slider-control .btn-play,
.page-main .slider-control .slick-dots li button{width:10px; height:10px; padding: 0; border:0; font-size:0; color:#fff; background-color:transparent; vertical-align:top;}
.page-main .slider-control .slick-dots li{display: inline-block; margin:0 5px;}
.page-main .slider-control .slick-dots li button{background-color:#fff;}
.page-main .slider-control .slick-dots li.slick-active button{background-color:#0099da;}
.page-main .slider-control .btn-play:after{content:''; display:inline-block; width:9px; height:10px; text-align:center; font-size:13px; color:#fff; background-image:url('/v3Img/main/btn_control.png'); background-position: 0 -10px;}
.page-main .slider-control .btn-paused:after{background-image:url('/v3Img/main/btn_control.png'); background-position: 0 0;}

.page-main .section-visual h2 {margin-bottom: 20px;}




/* 메인 핫 뉴스 **********************************************************************************************************/
.page-main .section-benefits {text-align: center; padding-top:70px;}
.page-main .section-benefits .tabcon {height: 800px;}
.page-main .section-benefits .benefits {max-width: 1300px; margin: 50px auto 40px; text-align:center; font-size: 0;}
.page-main .section-benefits .benefits:after {content: ''; display: block; clear: both;}
.page-main .section-benefits li {display:inline-block; max-width: 1300px; width: 100%; font-size: 16px;}
.page-main .section-benefits .benefits strong {display: block;}
.page-main .section-benefits .benefits span {color: #808990; font-weight:350;}

@media all and (max-width:640px){
.benefits li img {display:inline-block; width:100%; max-width:100%;  font-size: 16px;}
}




/*
.page-main .section-event {padding: 80px 40px 0;}
.page-main .section-event .inner {position:relative; max-width: 1140px; min-height: 320px; margin: 0 auto;}
.page-main .section-event .inner:after {content: ''; display: block; clear: both;}
.page-main .section-event h2 {color: #009ada; font-size: 16px; font-weight: 700; display: inline-block; margin-bottom: 30px; padding-bottom: 5px; border-bottom: 1px solid;}
.page-main .section-event .description {font-size: 36px; font-weight: 350; margin-bottom: 35px;}
.page-main .section-event .date {color: #808990; font-size: 16px; margin-bottom: 30px;}
.page-main .section-event .buttons{position: absolute; bottom: 0; left: 0;}
.page-main .section-event .btn {width: 200px;}
.page-main .section-event .content {position: absolute; top: 0; bottom: 0; left: 0; max-width: 50%; margin-bottom: 30px;}
.page-main .section-event .image {float: right; max-width: 50%; margin-bottom: 30px;}
.page-main .section-search {color: #fff; padding: 80px 0; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background-image: url('../images/main-search-bg.jpg');}
.page-main .section-search .inner {max-width: 1400px; margin: 0 auto;}
.page-main .section-search h2 {text-align: center; margin-bottom: 40px;}
.page-main .section-search .form {position:relative; padding-right:150px; text-align: center; max-width: 930px; margin: 0 auto;}
.page-main .section-search .form:after {content: ''; display: block; clear: both;}
.page-main .section-search .design-select {float: left; width:30%; margin:0 1%; vertical-align: middle;}
.page-main .section-search .btn {position:absolute; top:0; right:0; vertical-align: middle; width: 150px;}
.page-main .section-search .btn i{margin-left:3px; font-style:normal; font-weight:300; vertical-align: middle;}
*/

/*
 * page benefit
 */
.page-benefit .is-mobile {display: none;}
.page-benefit .inner {position: relative; max-width: 1220px; margin: 0 auto; padding: 50px 40px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.page-benefit .section-visual {padding: 0;}
.page-benefit .section-visual .inner {max-width: none; padding: 0;}
.page-benefit .section-visual .item {position: relative; width: 100%; padding-bottom: 11.01351351351351%;}
.page-benefit .section-visual .image {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;}
.page-benefit .section-visual .content {color: #fff; position: relative; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1220px; margin: 0 auto; padding: 80px 40px 0;}
.page-benefit .section-visual h2 {margin-bottom: 20px; font-size: 45px;}
.page-benefit .section-visual .description + .description {margin-top: 20px;}
.page-benefit .section-tab {position: relative; height: 70px;}
.page-benefit .section-tab .inner {position: absolute; top: 0; left: 50%; z-index: 1; width: 100%;; padding-top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.page-benefit .section-tab.sticky .inner {position: fixed; margin-left: 47.5px}
.page-benefit .section-tab .tab {display: table; width: 100%; table-layout: fixed;}
.page-benefit .section-tab strong {display: table-cell; width: 139px; height: 70px; font-size: 24px; line-height: 68px; border: 1px solid #dee1e3; vertical-align: middle; text-align: center; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-benefit .section-tab .tab-item {display: table-cell; width: 25%; height: 70px; margin: 0; padding: 0; border: 0; font-size: 23px; vertical-align: middle; background-color: #dee1e3;  -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s;}
.page-benefit .section-tab .tab-item.active {color: #fff; background-color: #1e1f21;}

.page-benefit .section-tab-content .section {font-size: 18px; color: #1d1f20; word-break: keep-all;}
.page-benefit .section-tab-content .inner:after {content: ''; display: block; clear: both;}
.page-benefit .section-tab-content .section h3 {margin-bottom: 30px; font-size: 45px; font-weight: 700; letter-spacing: -1px;}
.page-benefit .section-tab-content .section h3 strong {display: block; font-size: 35px; color: #0099da;}
.page-benefit .section-tab-content .btn {margin-top: 50px;}
.page-benefit .section-tab-content .content {display: inline-block; width: 48%; margin-top: -20px;}
.page-benefit .section-tab-content .content p + p {margin-top: 30px;}
.page-benefit .section-tab-content .img {float: right; width: 50%; text-align: right;}
.page-benefit .section-tab-content .section:nth-child(even) {text-align: right;}
.page-benefit .section-tab-content .section:nth-child(even) .img {float: left; text-align: left;}
.page-benefit .section-warranty,
.page-benefit .section-finance {background-color: #f4f5f7;}
.page-benefit .section-finance .content,
.page-benefit .section-finance .img {margin-bottom: 40px;}
.page-benefit .tips {clear: both; display: table; width: 100%; padding: 40px; -webkit-box-sizing: border-box; box-sizing: border-box;  white-space: nowrap; text-align: left; border: 1px solid #1d1f20;}
.page-benefit .tips .item {display: table-cell; width: 33.33333%; padding: 0 25px; font-size: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #dde1e4;}
.page-benefit .tips .item:first-child {border-left: 0;}
.page-benefit .tips h4 {margin-bottom: 30px; font-size: 22px; letter-spacing: -1px;  font-weight: 300;}
.page-benefit .tips h4 strong {display: block; color: #0099da; font-size: 24px;}

.layer-quality {overflow-x: hidden; overflow-y: scroll;}
.layer-quality .layer {width: 1140px; top: 160px; padding: 70px 100px 30px; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0);}
.layer-quality .guide .img {display: block; margin: 40px 0; text-align: center;}
.layer-quality .guide .list-check {display: none;}
.layer-quality .detail-check:after {content: ''; display: block; clear: both;}
.layer-quality .detail-check .item {-webkit-column-count: 2;column-count: 2; -webkit-column-fill: balance ; column-fill: balance ; -webkit-column-gap: 40px; column-gap: 40px;}
.layer-quality .detail-check .item li {-webkit-column-break-inside: avoid; break-inside: avoid;}
/* .layer-quality .detail-check .item > ol > li {display: inline-block; width: 100%;} */
/* .layer-quality .detail-check .item {float: left; width: 50%; padding-left: 20px; box-sizing: border-box; } */
.layer-quality .detail-check .item:first-child {padding: 0 20px 0 0;}
.layer-quality .detail-check .item strong {display: block; padding-bottom: 15px; font-size: 18px; border-bottom: 3px solid #1d1f20;}
.layer-quality .list-all {margin-bottom: 40px; }
.layer-quality .list-all li {padding: 10px; font-size: 14px; color: #808890; font-weight: 300; border-bottom: 1px solid #dee1e3; -webkit-box-sizing: border-box; box-sizing: border-box;}
.layer-quality .list-all li:last-child {border-color: #1d1f20;}

.layer-warranty {overflow-x: hidden; overflow-y: scroll;}
.layer-warranty .layer {width: 1140px;  top: 160px; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0);}
.layer-warranty .table {margin-top: 40px;}
.layer-warranty .item {margin-top: 40px;}
.layer-warranty .table-title,
.layer-warranty .item-title {font-size: 18px; padding-bottom: 16px; font-weight: 700; vertical-align: middle;}
.layer-warranty .item > div {padding-top: 15px; border-top: 1px solid #1d1f20;}
.layer-warranty small {display: block; margin-top: 10px; font-size: 14px; color: #808890;}
.layer-warranty .symbol {position: relative; padding-left: 15px;}
.layer-warranty .symbol i {position: absolute; left: 0; font-style: normal;}
.layer-warranty .symbol .asterisk {top: 3px; }
.layer-warranty .list-decimal li {margin-bottom: 10px;}
.layer-warranty .item > .steps {padding-top: 0;}
.layer-warranty .steps ol {display: table; width: 100%; table-layout: fixed; border-left: 1px solid #1d1f20;}
.layer-warranty .steps li {position: relative; display: table-cell; padding: 20px 50px; text-align: center; border-right: 1px solid #1d1f20; border-bottom: 1px solid #1d1f20;}
.layer-warranty .steps li:before {content: ''; position: absolute; left: -15px; top: 50%; display: block; width: 30px; height: 30px; margin-top: -15px; border-radius: 50%; background: #1d1f20 url('../images/arrow-right.png') no-repeat center center;}
.layer-warranty .steps li:first-child:before {display: none;}
.layer-warranty .steps div {display: inline-block; vertical-align: middle; word-break: keep-all;}
.layer-warranty .steps span {display: inline-block; font-size: 14px; color: #808890; font-weight: 700; border-bottom: 1px solid #808890; }
.layer-warranty .steps strong {display: block; margin-top: 5px; font-weight: 300; line-height: 1.25;}
.layer-warranty .btn-link {min-width: 92px; margin-left: 10px; font-weight: 300; line-height: 30px;}

.layer-warranty .notice {margin-top: 60px; color: #808890; border-top: 1px solid #dee1e3;}
.layer-warranty .notice .list-bullet li:before {background-color: #808890;}

/* 사라진...디자인... */
.layer-warranty .guide:after {content: ''; display: block; clear: both; }
.layer-warranty .guide .item {float: left; width: 50%; padding: 30px 90px 50px; font-size: 15px; color: #808890; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: keep-all;}
.layer-warranty .guide .item strong {display: block; height: 20px; margin-bottom: 20px; font-size: 22px; color: #1e1f21;}
.layer-warranty .service {padding: 50px 25px 20px; font-size: 15px; color: #808890;  background: #f3f5f6;}
.layer-warranty .service strong {display: block; height: 20px; margin-bottom: 20px; font-size: 22px; color: #1e1f21;}
.layer-warranty .list-service {margin: 30px 0 50px;}
.layer-warranty .list-service li {display: inline-block; width: 25%; max-width: 207px; padding: 3px; font-size: 14px; text-align: left; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; }
.layer-warranty .list-service li div {position: relative; height: 50px; padding-left: 65px; border: 1px solid #bdc3c6; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.layer-warranty .list-service li .icon {position: absolute; left: 0; top: 0; width: 65px; height: 50px; text-align: center; }
.layer-warranty .list-service li .icon:before {vertical-align: middle;}
.layer-warranty .list-service li .icon:after,
.layer-warranty .list-service li div:after {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.layer-warranty .list-service li p {display: inline-block; font-weight: 700; vertical-align: middle;}
.layer-warranty .list-service li em {color: #2f3538;}
.layer-warranty .list-service li span {color: #0099da;}
.layer-warranty .list-service li span:before {content: '/'; }
.layer-warranty .list-service li small {display: block; font-size: 12px; font-weight: 300;}

.layer-finance {overflow-x: hidden; overflow-y: scroll;}
.layer-finance .layer {width: 1140px;  top: 160px; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0);}
.layer-finance .tab-finance{margin-top:35px; margin-left:-12px; font-size:0;}
.layer-finance .tab-finance > span{display:inline-block; width:33.33%;}
.layer-finance .tab-finance a{display:block; height:90px; margin-left:12px; border:1px solid #dee1e3; box-sizing:border-box; color:#1d1f20; font-size:16px; line-height:1.4; font-weight:300; text-align:center;}
.layer-finance .tab-finance a:hover{color:#fff; border-color:#1d1f20; background-color:#1d1f20;}
.layer-finance .tab-finance a:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.layer-finance .tab-finance em{display:inline-block; vertical-align:middle;}
.layer-finance .tab-finance i{font-style:normal;}
.layer-finance .tab-finance strong{display:block; font-size:23px; font-weight:500;}

.layer-finance .table {margin-top: 40px;}
.layer-finance .table table.mobile{display:none;}
.layer-finance .table-title{font-size: 18px; padding-bottom: 16px; font-weight: 700; vertical-align: middle;}
.layer-finance .table th{text-align:center; font-size:16px; color:#1e1f21; font-weight:300; border-left:1px solid #dee1e3;}
.layer-finance .table th:first-child{border-left:none;}
.layer-finance .table td{border-left:1px solid #dee1e3;}
.layer-finance .table tbody th,
.layer-finance .table tbody td {height: 40px; padding: 0 10px; text-align:center; font-size:14px;}
.layer-finance .table tbody th{background-color: white;}

.layer-finance .item {margin-top: 40px;}
.layer-finance .item-title {font-size: 18px; padding-bottom: 16px; font-weight: 700; vertical-align: middle;}
.layer-finance .item-subtitle{font-size: 16px; padding-bottom: 8px; font-weight: 700;}
.layer-finance .item > div {padding-top: 15px; border-top: 1px solid #1d1f20;}
.layer-finance .item .item-content {margin-bottom:35px; padding-top:20px;}
.layer-finance .item .item-content .box{padding:25px 35px; background-color:#f3f5f6;}
.layer-finance .item .item-content .list-dash li{margin-top:5px; font-size:15px; color:#808890;}
.layer-finance small {font-size: 14px; color: #808890;}
.layer-finance .finance-benefits{font-size:0;}
.layer-finance .finance-benefits li{position:relative; display: inline-block;  width:50%; height:125px; margin-top: -1px; margin-left: -1px; padding:0 25px 0 130px; border:1px solid #dee1e3; color:#2f3538; font-size:16px; font-weight:300; line-height:1.25; box-sizing:border-box; vertical-align:top; white-space: nowrap;}
.layer-finance .finance-benefits li:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.layer-finance .finance-benefits li > div{display:inline-block; vertical-align:middle; white-space: normal;}
.layer-finance .finance-benefits li .icon{position:absolute; top:50%; left:45px; transform:translateY(-50%);}
.layer-finance .finance-benefits li strong{display:block; margin-bottom:8px; font-weight:500;}
.layer-finance .notice {margin-top: 40px; padding-top:20px; color: #808890; border-top: 1px solid #dee1e3;}
.layer-finance .notice .list-bullet li{margin-top:5px; font-size:14px; color:#808890;}
.layer-finance .notice .list-bullet li:before {background-color: #808890;}
.layer-finance .notice .list-bullet li.point {color:#2f3538;}


/*
* page-car-detail
*/
.page-car-detail .section > .inner {position: relative; max-width: 1140px; margin: 0 auto; padding: 0 40px;}
.page-car-detail .detail-more {color: #808990; font-size: 14px; text-align: right; margin-bottom: 20px;}
.page-car-detail .detail-more:after {content: ''; display: block; clear: both;}
.page-car-detail .detail-more strong {font-weight: 500;}
.page-car-detail .detail-more strong:after {content: ''; display: inline-block; width: 1px; height: 10px; background-color: #d9dbdd; margin: 0 6px 0 10px;}
.page-car-detail .detail-more .btn {float: right; min-width:145px; margin: -5px 0 0 10px;}
.page-car-detail .detail-more .icon{margin-right:5px;}
.page-car-detail .watermark {position: absolute; right: 10px; top: 10px; z-index: 1; width: 240px; height: 35px; font: 0/0 a; background-image: url('../images/watermark.png')}
.page-car-detail .section-detail {padding: 60px 0 0; background-color: #f4f5f7;}
.page-car-detail .section-detail .header {position: relative; margin-bottom: 10px; padding-right: 250px;}
.page-car-detail .section-detail .header h2 {color: #1e1f21; font-size: 47px; font-weight: 700; line-height: 1; position: relative; display: inline-block; margin-bottom: 10px;}
.page-car-detail .section-detail .header h2 strong {display: inline-block; max-width: 100%;}
.page-car-detail .section-detail .header h2 span {font-weight: 300;}
.page-car-detail .section-detail .header .new {color: #fff; font-size: 12px; font-style: normal; line-height: 20px; vertical-align: top; position: absolute; top: 10px; right: -50px; display: inline-block; height: 20px; padding: 0 10px; border-radius: 10px; background-color: #009ada;}
.page-car-detail .section-detail .header .tags span {color: #0099da; font-size: 16px; font-weight: 500; display: inline-block; margin-right: 5px; }
.page-car-detail .section-detail .header .tags span:before {content: '#';}
.page-car-detail .section-detail .header .utils {position: absolute; top: 7px; right: 0;}
.page-car-detail .section-detail .header .utils:after {content: ''; display: block; clear: both;}
.page-car-detail .section-detail .header .utils .icon {float: left; margin-left: 23px; padding: 0;}
.page-car-detail .section-detail .header .icon-sub-page-close {display: none;}
.page-car-detail .section-detail .image {position: relative; overflow: hidden;}
.page-car-detail .section-detail .image:before {content: ''; display: block; padding-bottom: 42.98%;}
.page-car-detail .section-detail .image img {position: absolute; top: 50%; left: 50%; max-width: 120%; min-width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.page-car-detail .section-detail .image .label-auth {position: absolute; top: 10px; left: 10px; z-index: 1;}
.page-car-detail .section-detail .calculator-wrap {position: relative; margin-bottom: 14px;}
.page-car-detail .section-detail .calculator {position: absolute; right: 20px; top: 100%; width: 350px; height: 410px; margin-top: -79px; background-color: #303539;}
.page-car-detail .section-detail .calculator .head {color: #fff; font-size: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 79px; padding: 0 30px; background-color: #1e1f21;}
.page-car-detail .section-detail .calculator .head:after {content: ''; display: block; clear: both;}
.page-car-detail .section-detail .calculator .head .label {font-weight: 700; line-height: 82px; height: 100%; float: left;}
.page-car-detail .section-detail .calculator .head .value {line-height: 79px; float: right; max-width: 80%;}
.page-car-detail .section-detail .calculator .head .value strong {color: #009ada; font-size: 44px; font-weight: 700;}
.page-car-detail .section-detail .calculator .head .value span {display: inline-block;}
.page-car-detail .section-detail .calculator .body {padding: 0 30px;}
.page-car-detail .section-detail .calculator .body .item {padding: 20px 0 0; border-top: 1px solid #454a4d;}
.page-car-detail .section-detail .calculator .body .item:first-of-type {border-top: 0;}
.page-car-detail .section-detail .calculator .body .label {color: #73b2de; font-size: 20px; font-weight: 500;}
.page-car-detail .section-detail .calculator .graph {position: relative; height: 6px; margin: 30px 0 37px; background-color: #484e53;}
.page-car-detail .section-detail .calculator .graph:before,
.page-car-detail .section-detail .calculator .graph:after {color: #808990; font-size: 13px; position: absolute; bottom: -20px; }
.page-car-detail .section-detail .calculator .graph:before {content: attr(data-start); left: 0;}
.page-car-detail .section-detail .calculator .graph:after {content: attr(data-end); right: 0;}
.page-car-detail .section-detail .calculator .graph .bar {position: relative; width: 0; height: 100%; background-color: #fbaa01; -webkit-transition: width 0.8s ease 0.1s; -o-transition: width 0.8s ease 0.1s; transition: width 0.8s ease 0.1s;}
.page-car-detail .section-detail .calculator .graph .bar .icon {position: absolute; right: 0; top: 50%; margin: -10.5px -21px 0 0;}
.page-car-detail .section-detail .calculator .graph .bar .value {color: #fff; font-size: 14px; white-space: nowrap; position: absolute; right: 0;
bottom: 20px; text-shadow: 0 0 3px rgba(0,0,0,0.5); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%);}
.page-car-detail .section-detail .calculator .body .buttons {text-align: center;}
.page-car-detail .section-detail .calculator .body .buttons:after {content: ''; display: block; clear: both;}
.page-car-detail .section-detail .calculator .body .buttons .btn {font-size: 14px; padding: 0;}
.page-car-detail .section-detail .calculator .body .buttons .btn-primary {min-width: 100%; font-size: 17px;}
.page-car-detail .section-detail .info{padding-bottom:30px;}
.page-car-detail .section-detail .info ul {-webkit-column-count: 2;column-count: 2; -webkit-column-gap: 0; column-gap: 0; min-height: 280px; margin: 50px 370px 20px 20px;}
.page-car-detail .section-detail .info li {font-size: 15px; line-height: 55px; height: 55px; margin-right: 25px; border-bottom: 1px solid #e2e3e4;-webkit-column-break-inside: avoid; break-inside: avoid;}
.page-car-detail .section-detail .info li span {color: #808990; font-weight: 100; display: inline-block; width: 160px;}
.page-car-detail .section-detail .info li span:before {content: ''; vertical-align: middle; display: inline-block; width: 2px; height: 2px; margin: 0 10px; background-color: #babfc3;}
.page-car-detail .section-detail .info li strong {font-weight: 500;}
.page-car-detail .section-detail .info .note{margin-left:20px; font-weight:300; color: #0099da;}
.page-car-detail .section-service {margin-bottom: 40px; padding-bottom: 40px; background-color: #f4f5f7;}
.page-car-detail .section-service .inner {padding: 40px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.page-car-detail .guide:after {content: ''; display: block; clear: both;}
.page-car-detail .guide .item {float: right; position: relative; width: 48%; padding-left: 75px; font-size: 15px; color: #808890; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: keep-all;}
.page-car-detail .guide .item:first-child {float: left;}
.page-car-detail .guide .item strong {display: block; height: 20px; margin-bottom: 20px; font-size: 22px; color: #1e1f21;}
.page-car-detail .guide .item .month {position: absolute; left: 0; top: 5px; display: block; width: 56px; height: 78px; padding-top: 10px; font-size: 14px; color: #0099da; line-height: 1; text-align: center; background-image: url('../images/bg-benefit-month.png'); background-size: 100% auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.page-car-detail .guide .item .month em {display: block; font-size: 28px; font-weight: 900;}
.page-car-detail .service {margin-top: 30px; padding-top: 20px; font-size: 15px; color: #2f3538; border-top: 1px solid #e6e7e9; word-break: keep-all;}
.page-car-detail .service strong {display: block; height: 20px; margin-bottom: 20px; font-size: 22px; color: #1e1f21;}
.page-car-detail .list-service {padding: 30px 0 0; font-size:0;}
.page-car-detail .service small {display: none;}
.page-car-detail .list-service li {display: inline-block; width: 25%; padding: 3px; font-size: 14px; text-align: left; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-car-detail .list-service li div {position: relative; height: 50px; padding-left: 65px; border: 1px solid #bdc3c6; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.page-car-detail .list-service li .icon {position: absolute; left: 0; top: 0; width: 65px; height: 50px; text-align: center; }
.page-car-detail .list-service li .icon:before {vertical-align: middle;}
.page-car-detail .list-service li .icon:after,
.page-car-detail .list-service li div:after {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.page-car-detail .list-service li p {display: inline-block; font-weight: 700; vertical-align: middle;}
.page-car-detail .list-service li em {color: #2f3538;}
.page-car-detail .list-service li span {color: #0099da;}
.page-car-detail .list-service li span:before {content: '/'; }
.page-car-detail .list-service li small {display: block; font-size: 12px; font-weight: 300;}
.page-car-detail .list-service li.disabled div {background-color: #bdc3c6;}
.page-car-detail .list-service li.disabled em,
.page-car-detail .list-service li.disabled span {color: #fff;}
.page-car-detail .section-image-list ul {margin: 0 0 50px -10px;}
.page-car-detail .section-image-list ul:after {content: ''; display: block; clear: both;}
.page-car-detail .section-image-list li {position: relative; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 0 0 10px 10px;}
.page-car-detail .section-image-list li:before {content: ''; display: block; padding-bottom: 60.18%;}
.page-car-detail .section-image-list li:first-child {width: 100%;}
.page-car-detail .section-image-list li:first-child:before {padding-bottom: 56.14%;}
.page-car-detail .section-image-list li a {position: absolute; top: 0; right: 0; bottom: 10px; left: 10px; overflow: hidden;}
.page-car-detail .section-image-list li img {position: absolute; top: 50%; left: 50%; max-width: 120%; min-width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.page-car-detail .section-image-list .icon {text-align: center; position: absolute; right: 0; bottom: 0; width: 80px; height: 80px; background-color: rgba(30,31,33,0.8);}
.page-car-detail .section-image-list .icon:before {vertical-align: middle;}
.page-car-detail .section-image-list .icon:after {content: ''; vertical-align: middle; display: inline-block; height: 100%;}
.page-car-detail .section-car-status h2 {position: -webkit-sticky; position: sticky; top: 0; z-index: 1; background-color: #fff; padding-top: 20px;}
.page-car-detail .section-car-status h2:after {content: ''; display: block; clear: both;}
.page-car-detail .section-car-status h2 span,
.page-car-detail .section-car-status h2 a {color: #303539; font-size: 24px; font-weight: 500; text-align: center; position: relative; float: left; display: block; width: 33.333333%; height: 42px; border-bottom: 1px solid #808990;}
.page-car-detail .section-car-status h2 .current {color: #009ada;}
.page-car-detail .section-car-status h2 .current:after {content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 5px; background-color: #009ada;}
.page-car-detail .section-car-status .options {margin-bottom: 60px;}
.page-car-detail .section-car-status .options .main {margin: 30px 0;}
.page-car-detail .section-car-status .options .main:after {content: ''; display: block; clear: both;}
.page-car-detail .section-car-status .options .main li {color: #32434b; font-size: 14px; text-align: center; float: left; width: 12.5%;}
.page-car-detail .section-car-status .options .main li span {display: block; }
.page-car-detail .section-car-status .options .main li .img {height: 80px; margin-bottom: 20px; padding: 0 20px; white-space: nowrap; }
.page-car-detail .section-car-status .options .main li .img img {max-width: 100%; max-height: 100%; vertical-align: bottom;}
.page-car-detail .section-car-status .options .main li .img:after {content: ''; display: inline-block; height: 100%; vertical-align: bottom; }
.page-car-detail .section-car-status .options .detail-options {font-size: 14px; margin-top: 40px; border-top: 3px solid #1d1f20; border-bottom: 1px solid #1d1f20;}
.page-car-detail .section-car-status .options .detail-options > ul {
	background-image: -webkit-linear-gradient(#dde1e4 1px, transparent 1px);
	background-image: -o-linear-gradient(#dde1e4 1px, transparent 1px);
	background-image: linear-gradient(#dde1e4 1px, transparent 1px);
	background-size: 100% 50px;
}
.page-car-detail .section-car-status .options .detail-options > ul:after {content: ''; display: block; clear: both;}
.page-car-detail .section-car-status .options .detail-options > ul > li {/*text-align: center;*/ float: left; width: 20%;}
.page-car-detail .section-car-status .options .detail-options li li {color: #808890; font-weight: 300; white-space: nowrap; height: 50px; padding: 0 10px;}
.page-car-detail .section-car-status .options .detail-options li li:after {content: ''; vertical-align: middle; display: inline-block; height: 100%;}
.page-car-detail .section-car-status .options .detail-options li.active {color: #000000; font-weight: 400;}
.page-car-detail .section-car-status .options .detail-options li.active:before {content: ''; display: inline-block; width: 11px; height: 9px; margin-right: -12px; vertical-align: middle; background-image: url('../images/check.png');}
.page-car-detail .section-car-status .options .detail-options span {vertical-align: middle; white-space: normal; word-break: keep-all; display: inline-block;margin-left: 18px;}
.page-car-detail .section-car-status .options .detail-options .head {line-height: 50px; display: block; height: 50px;margin-left: 24px; font-size: 16px;}
.page-car-detail .section-car-status .options .detail-options .y {vertical-align: baseline;color: #000000; font-weight: 400; margin: 0;}
.page-car-detail .section-car-status .options .detail-options .n {vertical-align: baseline;color: #808890; font-weight: 300; margin: 0;}
.page-car-detail .section-car-status .options-category{margin-bottom:10px; text-align:right;}
.page-car-detail .section-car-status .options-category .bullet,
.page-car-detail .section-car-status .options-category em{font-size:13px; vertical-align:middle;}
.page-car-detail .section-car-status .options-category .bullet{margin-left:10px; margin-right:5px;}
.page-car-detail .section-car-status .buttons {text-align: center;}
.page-car-detail .section-car-status .history ul {margin: 50px 0 30px;}
.page-car-detail .section-car-status .history ul:after {content: ''; display: block; clear: both;}
.page-car-detail .section-car-status .history li {color: #32434b; font-size: 14px; text-align: center; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; padding: 0 7.5px;}
.page-car-detail .section-car-status .history li strong {font-weight: 300;}
.page-car-detail .section-car-status .history li span {position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 110px; margin: 0 auto 15px; border-radius: 50%; border: 10px solid;}
.page-car-detail .section-car-status .history li span:before {content: ''; display: block; padding-bottom: 100%;}
.page-car-detail .section-car-status .history li span i {font-style: normal; vertical-align: middle; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.page-car-detail .section-car-status .history li span i:after {content: ''; vertical-align: middle; display: inline-block; height: 100%;}
.page-car-detail .section-car-status .history .type-1 span {border-color: rgba(0,103,170,0.1);}
.page-car-detail .section-car-status .history .type-2 span {border-color: rgba(0,103,170,0.3);}
.page-car-detail .section-car-status .history .type-3 span {border-color: rgba(0,103,170,0.4);}
.page-car-detail .section-car-status .history .type-4 span {border-color: rgba(0,103,170,0.47);}
.page-car-detail .section-car-status .history .type-5 span {border-color: rgba(0,103,170,0.6);}
.page-car-detail .section-car-status .history .type-6 span {border-color: rgba(0,103,170,0.8);}
.page-car-detail .section-car-status .history .type-7 span {border-color: rgba(0,103,170,0.86);}
.page-car-detail .section-car-status .history .type-8 span {border-color: rgba(0,103,170,1);}
.page-car-detail .section-car-status .table .check-point {margin: 75px 0 30px; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 120px; column-gap: 120px;}
.page-car-detail .section-car-status .table .check-point .item {position: relative;}
.page-car-detail .section-car-status .table .check {position: absolute; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); white-space: nowrap; line-height: 16px;}
.page-car-detail .section-car-status .table .point {display: inline-block; width: 16px; height: 16px; font-size: 12px; color: #fff; vertical-align: top; text-align: center; font-style: normal; border-radius: 50%;}
.page-car-detail .section-car-status .table .point.exchange {background-color: #c82e2e;}
.page-car-detail .section-car-status .table .point.weld {background-color: #009ada;}
.page-car-detail .section-car-status .table .point.corrosion {background-color: #fbaa01;}
.page-car-detail .section-car-status .table .panel .check.H1101 {left: 50%; top: 12%;}
.page-car-detail .section-car-status .table .panel .check.H1102 {left: 15%; top: 20%;}
.page-car-detail .section-car-status .table .panel .check.H1103 {left: 85%; top: 20%;}
.page-car-detail .section-car-status .table .panel .check.H1104 {left: 14%; top: 43%;}
.page-car-detail .section-car-status .table .panel .check.H1105 {left: 86.5%; top: 43%;}
.page-car-detail .section-car-status .table .panel .check.H1106 {left: 14%; top: 65%;}
.page-car-detail .section-car-status .table .panel .check.H1107 {left: 86.5%; top: 65%;}
.page-car-detail .section-car-status .table .panel .check.H1108 {left: 50%; top: 93%;}
.page-car-detail .section-car-status .table .panel .check.H1109 {left: 50%; top: 1.5%;}
.page-car-detail .section-car-status .table .panel .check.H1110 {left: 50%; top: 59%;}
.page-car-detail .section-car-status .table .panel .check.H1111 {left: 14%; top: 85%;}
.page-car-detail .section-car-status .table .panel .check.H1112 {left: 85%; top: 85%;}
.page-car-detail .section-car-status .table .panel .check.H1113 {left: 3.5%; top: 53%;}
.page-car-detail .section-car-status .table .panel .check.H1114 {left: 96.5%; top: 53%;}

.page-car-detail .section-car-status .table .frame .check.H1201 {left: 50%; top: 8%;}
.page-car-detail .section-car-status .table .frame .check.H1202 {left: 50%; top: 32.8%;}
.page-car-detail .section-car-status .table .frame .check.H1203 {left: 39.6%; top: 18.5%;}
.page-car-detail .section-car-status .table .frame .check.H1204 {left: 60.6%; top: 18.5%;}
.page-car-detail .section-car-status .table .frame .check.H1205 {left: 45%; top: 21.5%;}
.page-car-detail .section-car-status .table .frame .check.H1206 {left: 55.2%; top: 21.5%;}
.page-car-detail .section-car-status .table .frame .check.H1207 {left: 42.6%; top: 84%;}
.page-car-detail .section-car-status .table .frame .check.H1208 {left: 57.6%; top: 84%;}
.page-car-detail .section-car-status .table .frame .check.H1209 {left: 39.6%; top: 26.8%;}
.page-car-detail .section-car-status .table .frame .check.H1210 {left: 60.6%; top: 26.8%;}
.page-car-detail .section-car-status .table .frame .check.H1211 {left: 39%; top: 84%;}
.page-car-detail .section-car-status .table .frame .check.H1212 {left: 61.3%; top: 84%;}
.page-car-detail .section-car-status .table .frame .check.H1213 {left: 50%; top: 37.5%;}
.page-car-detail .section-car-status .table .frame .check.H1214 {left: 50%; top: 72%;}
.page-car-detail .section-car-status .table .frame .check.H1215 {left: 50%; top: 54.5%;}
.page-car-detail .section-car-status .table .frame .check.H1216 {left: 23%; top: 43%;}
.page-car-detail .section-car-status .table .frame .check.H1217 {left: 77.5%; top: 43%;}
.page-car-detail .section-car-status .table .frame .check.H1218 {left: 21%; top: 57.5%;}
.page-car-detail .section-car-status .table .frame .check.H1219 {left: 79.5%; top: 57.5%;}
.page-car-detail .section-car-status .table .frame .check.H1220 {left: 23%; top: 71.5%;}
.page-car-detail .section-car-status .table .frame .check.H1221 {left: 77.5%; top: 71.5%;}
.page-car-detail .section-car-status .table .frame .check.H1222 {left: 50%; top: 92%;}
.page-car-detail .section-car-status .table .frame .check.H1223 {left: 50%; top: 84%;}

.page-car-detail .section-car-status .table .guide {margin-bottom: 30px; padding: 26px 0; text-align: center; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.page-car-detail .section-car-status .table .guide li {display: inline-block; margin: 0 30px; }
.page-car-detail .section-car-status .table .car-mobile {display: none;}
.page-car-detail .section-car-status .dealer .comment {color: #fff; position: relative; margin: 53px 0 16px; padding: 20px 30px; text-align: center; background-color: #009ada;}
.page-car-detail .section-car-status .dealer .comment div {position: relative; display: inline-block; padding-left: 30px; vertical-align: middle; text-align: left;}
.page-car-detail .section-car-status .dealer .comment .icon {display: inline-block; vertical-align: middle; }
.page-car-detail .section-car-status .dealer .comment p {font-weight: 300;}
.page-car-detail .section-car-status .dealer .info:after {content: ''; display: block; clear: both;}
.page-car-detail .section-car-status .dealer .info .photo {width: 60px; height: 60px; float: left; margin: 0 10px 0 30px;}
.page-car-detail .section-car-status .dealer .info .photo img {max-width: 100%; max-height: 100%;}
.page-car-detail .section-car-status .dealer .info .name {font-weight: normal; display: block; margin-bottom: 10px;}
.page-car-detail .section-car-status .dealer .info ul:after {content: ''; display: block; clear: both;}
.page-car-detail .section-car-status .dealer .info li {color: #9ba5af; font-weight: 300; float: left;}
.page-car-detail .section-car-status .dealer .info li:before {content: ''; display: inline-block; width: 1px; height: 10px; margin: 0 10px; background-color: rgba(128,137,144,0.3);}
.page-car-detail .section-car-status .dealer .info li:first-child:before {display: none;}
.page-car-detail .section-car-status .dealer .note {color: #009ada; font-size: 22px; text-align: center; margin: 20px 0 50px;}
.page-car-detail .section-car-status .explanation{display:none; padding-bottom: 30px;}
.page-car-detail .section-car-status .explanation.active {display: block;}
/* .page-car-detail .section-car-status .explanation {height: 0; overflow: hidden; } */
.page-car-detail .section-car-status .explanation .title {padding-top: 40px; font-size: 20px;}
.page-car-detail .section-car-status .explanation .box {margin-top: 10px; padding: 20px; font-size: 14px; color: #808890; border: 1px solid #dde1e4; background-color: #fdfdfd; -webkit-box-sizing: border-box; box-sizing: border-box;}
.page-car-detail .section-benefits h2,
.page-car-detail .section-showroom h2,
.page-car-detail .section-sale h2 {color: #1e1f21; font-size: 38px; font-weight: 300; height: 57px; margin-bottom: 50px; border-bottom: 1px solid #808990;}
.page-car-detail .section-benefits {padding: 40px 0 80px;}
.page-car-detail .section-benefits ul{margin:0 -20px;}
.page-car-detail .section-benefits ul:after {content: ''; display: block; clear: both;}
.page-car-detail .section-benefits li {float: left; width: 50%; margin-top: 40px; padding:0 20px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.page-car-detail .section-benefits li:nth-child(odd) {clear: both;}
.page-car-detail .section-benefits li .icon {float: left; margin-right: 20px;}
.page-car-detail .section-benefits li strong {color: #0067aa; font-size: 24px; font-weight: 500; word-break: keep-all; display: block; margin: 5px 0 0;}
.page-car-detail .section-benefits li small {color: #1e1f21; font-size: 14px; display: block; margin: 0 0 20px;}
.page-car-detail .section-benefits li p {padding-left: 145px; color: #808990; font-size: 15px; font-weight: 300; word-break: keep-all;}
.page-car-detail .section-showroom {padding: 0 0 80px;}
.page-car-detail .section-showroom .item:after {content: ''; display: block; clear: both;}
.page-car-detail .section-showroom .info {float: left; width: 390px;}
.page-car-detail .section-showroom .info span {font-size: 15px; color: #808890;}
.page-car-detail .section-showroom .info span em {font-weight: 700;}
.page-car-detail .section-showroom .info strong {display: block; margin-bottom: 20px; font-size: 42px; font-weight: 500;}
.page-car-detail .section-showroom .info li {display: block; font: 23px/1.4 'Roboto', 'VWHeadWeb', 'Noto Sans Korean', sans-serif;}
.page-car-detail .section-showroom .info li:before {margin-top: -3px; margin-right: 8px; vertical-align: middle;}
.page-car-detail .section-showroom .info .icon-tel {font-size: 28px; color: #0099da; font-weight: 700;}
.page-car-detail .section-showroom .map {float: right; width: 750px;}

.page-car-detail .section-sale {padding: 80px 0; background-color: #f4f5f7;}

.layer-accident {overflow-x: hidden; overflow-y: scroll;}
.layer-accident .layer {width: 1140px; top: 160px; padding: 70px 100px 30px;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);}
.layer-accident .table {margin-top: 40px;}
.layer-accident .info {position: relative; margin-top: 20px; padding: 30px; font-weight: 300; color: #808890; background-color: #f3f5f6;}
.layer-accident .info strong {display: block; font-size: 28px; color: #1e1f21; font-weight: 300;}
.layer-accident .info small {position: absolute; right: 30px; bottom: 30px;}
.layer-accident .authentication {padding: 80px 80px 50px; color: #2f3538; text-align: center;}
.layer-accident .notice {word-break: keep-all;}
.layer-accident .date {display: block; margin: 50px 0 70px; letter-spacing: 4px;}

.layer-checklist {overflow-x: hidden; overflow-y: scroll;}
.layer-checklist .layer {width: 1140px; top: 160px; padding: 70px 100px 30px; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0);}
.layer-checklist .guide {margin-top: 40px; padding: 25px 30px; font-size: 14px; font-weight: 300; color: #808890; background-color: #f3f5f6;}
.layer-checklist .guide li {position: relative; margin-top: 10px; padding-left: 8px; }
.layer-checklist .guide li:before {content: '-'; position: absolute; left: 0; top: 0; height:1px; display: inline-block; }
.layer-checklist .info {position: relative; margin-top: 20px; padding: 25px 30px; font-weight: 300; color: #808890; background-color: #f3f5f6;}
.layer-checklist .info strong {display: block; margin-top: -10px; font-size: 34px; font-weight: 300; }
.layer-checklist .info small {position: absolute; top: 33px; left: 260px; height: 46px; padding-left: 30px; font-size: 14px; border-left: 1px solid #dddfe0; }
.layer-checklist .table {margin-top: 40px;}
.layer-checklist .table-responsive-status + .table-responsive-status {margin-top: 0;}
.table-responsive-status .mobile-car {display:none;}
.layer-checklist .table label {margin-right: 30px;}
.layer-checklist .list-separate li {margin-top: 10px;}
.layer-checklist .list-separate strong {display: inline-block; min-width: 115px; font-weight: 300;}
.layer-checklist .authentication {padding: 80px 0 50px; color: #2f3538; text-align: center;}
.layer-checklist .notice {word-break: keep-all;}
.layer-checklist .date {display: block; margin: 50px 0 70px; letter-spacing: 4px;}
.layer-checklist .authentication table strong,
.layer-checklist .authentication table span {display: inline-block; vertical-align: middle;}
.layer-checklist .authentication table strong {width: 70%; font-weight: 300; color: #2f3538;}
.layer-checklist .authentication table span {width: 25%; text-align: left; word-break: break-all;}

.layer-multi-checklist {overflow-x: hidden; overflow-y: scroll;}
.layer-multi-checklist .layer {width: 1140px; top: 160px; padding: 70px 100px 30px; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0);}
.layer-multi-checklist .table th,
.layer-multi-checklist .table td{height:50px; padding:0 10px; text-align:center; border-left:1px solid #dee1e3;}
.layer-multi-checklist .table th:first-child,
.layer-multi-checklist .table td:first-child{border-left:none;}
.layer-multi-checklist .table .question{text-align:left;}
.layer-multi-checklist .table .sign{text-align:right;}
.layer-multi-checklist .table .sign em{margin-right:5px; letter-spacing:2.5px;}
.layer-multi-checklist .table-checklist th,
.layer-multi-checklist .table-checklist td{height:60px;}
.layer-multi-checklist .table,
.layer-multi-checklist .item {margin-top: 40px;}
.layer-multi-checklist .table-title,
.layer-multi-checklist .item-title {font-size: 18px; padding-bottom: 16px; font-weight: 700; vertical-align: middle;}
.check-basic-info{border-top: 3px solid #1d1f20; border-bottom: 1px solid #1d1f20; font-size:0;}
.check-basic-info ul{display:inline-block; width:50%; border-left: 1px solid #dee1e3; box-sizing:border-box;}
.check-basic-info ul:first-child{border-left:none;}
.check-basic-info li{font-weight: 300; text-align: left; border-top: 1px solid #dee1e3;}
.check-basic-info li:first-child{border-top:none;}
.check-basic-info li span,
.check-basic-info li strong{display:inline-block; height: 50px; padding: 10px; vertical-align: middle; font-size:16px; font-weight: 300; box-sizing:border-box;}
.check-basic-info li span:after,
.check-basic-info li strong:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.check-basic-info li span{width:30%; padding-left: 20px; color: #1e1f21;  border-right: 1px solid #dee1e3; background-color: #fcfcfc;}
.check-basic-info li strong{width:70%; color: #808890; }

.one-third {display:inline-block; width:33.33%; margin: 0 -4px;}


.table-responsive-device th {background-color: #fff;}
.table-responsive-device tbody th + th,
.table-responsive-device tbody th + td {border-left: 1px solid #dee1e3;}

.layer-mail fieldset .tb-write {margin: 0 auto;}
.layer-mail fieldset .submit {padding-top: 40px; text-align: center; color: #808890; border-top: 1px solid #eaeaeb;}
.layer-mail fieldset .submit p {margin-bottom: 20px;}
.layer-mail .email-form {width:100%;}

.layer-share {text-align: center;}
.layer-share .layer-header span {font-size: 32px; font-weight: 500; }
.layer-share .list-sns {margin: 30px 0 40px;}
.layer-share .list-sns li {display: inline-block; margin: 0 25px; text-align: center; color: #009ada;}
.layer-share .list-sns li span {display: block; width: 96px; height: 96px; text-align: center; border-radius: 50%; background-color: #009ada;}
.layer-share .list-sns li span:after {content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.layer-share .list-sns li span .icon,
.layer-share .list-sns li span .icon:before {vertical-align: middle;}
.layer-share .list-sns .kakao {display: none; }
.layer-share .copy {padding-top: 30px; color: #808890; border-top: 1px solid #eaeaeb;}
.layer-share .url {position: relative; margin-top: 20px; padding-right: 190px;}
.layer-share .url a,
.layer-share .url input {overflow: hidden; display: block; width: 100%; height: 55px; padding: 0 0 0 20px; line-height: 55px; border: 0; text-overflow: ellipsis; text-align: left; white-space: nowrap; background-color: #f3f5f6; }
.layer-share .url .btn {position: absolute; right: 0; top: 0;}

.layer-qna{overflow-x: hidden; overflow-y: scroll;}
.layer-qna .layer{top:160px; width: 1140px; padding: 70px 100px 30px; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0);}
.layer-qna .section-process{margin-top:0; text-align: center;}
.layer-qna .section-process li{width:100%;}
.layer-qna .section-process .txt{margin-bottom: 35px; font-weight: 300; color: #2f3538;}
.layer-qna .section-process strong{font-weight: 400;}
.layer-qna .tb-form table {max-width: 880px;}


/*
 * page search
*/
.page-search .search-header {display:none;}
.page-search .section-search{margin-top:40px;}
.section-search .inner{position:relative; max-width: 1140px; margin: 0 auto; padding:0 40px;}
.section-search .search-bar{position:absolute; top:0; right:40px;}
.section-search .search-bar .form{position:relative; width:360px; height:40px; line-height:40px; border:1px solid #009ada; -webkit-box-sizing:border-box; box-sizing:border-box; background-color:#fff;}
.section-search .search-bar input{width: 100%; height: 100%; padding-left: 10px; padding-right: 55px; border: 0; font-size: 15px; font-weight: 300; color: #009ada; line-height: 1.2; vertical-align: top; background-color:transparent; -webkit-box-sizing: border-box; box-sizing: border-box; outline:none;}
.section-search .search-bar input:-ms-input-placeholder {color: #009ada;}
.section-search .search-bar input::-webkit-input-placeholder {color: #009ada;}
.section-search .search-bar input::-moz-placeholder {color: #009ada;}
.section-search .search-bar input::-moz-placeholder {color: #009ada;}
.section-search .search-bar .btn-search{position:absolute; top:50%; right:13px; min-width: 0; height: 19px; margin-top:-10px; padding: 0; line-height:normal;}

/* .search-wrap h2 {display: none;} */
.tab-auth{text-align: center; margin-bottom:30px; }
.tab-auth:after {content: ''; display: block; clear: both;}
.tab-auth li{float: left; width: 102px; padding: 0 2.5px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tab-auth li:first-child {padding-left: 0;}
.tab-auth li a{display: block; height: 40px; line-height: 40px; font-size: 17px; color: #1d1f20; border: 1px solid #dee1e3;}
.tab-auth li.active a {color: #fff; border-color: #1d1f20; background-color: #1d1f20;}

.select-wrap{position: relative; margin-bottom: 35px;}
.select-wrap .form{margin-right: 190px;}
.select-wrap .design-select{width: 32%; margin-left: 1%; vertical-align: top;}
.select-wrap .design-select:first-child{margin-left:0;}
.select-wrap .btns{position: absolute; top: 0; right: 0; margin-top: 0;}
.select-wrap .btn-extend{width:180px; margin:0;}

.search-category-wrap{display:none; position:relative; margin-bottom: 35px; padding:0 15px;}
.search-category-wrap.active{display:block;}
.search-category-wrap hr {display: none;}

.search-category{position:relative; clear:both; margin-top:20px;}
.search-category .category-tit{position: absolute; top: 0; left: 0; height: 30px; line-height: 30px; color: #1e1f21; font-size: 18px; font-weight: 400;}
.search-category .finder-wrap{margin-left:50px;}
.search-category .finder-wrap.margin{margin-left:80px;}
.search-category .finder-wrap input[type="text"]{display:inline-block; width:45%; height:40px; text-align:center; border:1px solid #c1c7ca; color:#808990; font-size:15px; font-weight:300; -webkit-box-sizing:border-box; box-sizing:border-box;}
.onethird.search-category{clear: none; float: left; margin-bottom: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33%; padding-left: 30px;}
.onethird.search-category:first-of-type {padding-left: 0;}
.onethird.search-category .category-tit {left: 30px; height: 40px; line-height: 40px;}
.onethird.search-category:first-of-type .category-tit {left: 0;}
.onethird.search-category .finder-wrap{margin-bottom: 25px;}
.onethird.search-category .finder-wrap:after {content: ''; display: block; clear: both;}
.search-category .multi-form .unit {display: inline-block; width: 30px; text-align: right; vertical-align: middle; line-height: 40px;}

.multi-form{}
.multi-form .input-text{float:left; width:calc(50% - 30px);}
.multi-form .split{float:left; width:18px; line-height:40px; vertical-align:middle; text-align:center;}

.finder-list{font:0/0 a;}
.finder-list li{display:inline-block; margin-right:10px; margin-bottom:5px; vertical-align:top;}
.finder-list .chkbox{position:relative; display: inline-block;}
.finder-list .chkbox input[type="checkbox"]{position: absolute; top:0; right:0; bottom:0; left:0; width: 100%; height: 100%; opacity: 0;}
.finder-list .chkbox label{position:relative;  display:inline-block; min-width:65px; height:30px; padding:0 5px; border-radius:15px; text-align:center; font-size:14px; font-weight:400; color:#808990; -webkit-box-sizing:border-box; box-sizing:border-box; background-color:#dde1e4;}
.finder-list .chkbox label:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.finder-list .chkbox label em{vertical-align:middle;}
.finder-list .chkbox input[type="checkbox"]:checked + label{color:#fff; background-color:#009ada;}

.category-tit.tit-color{height: 43px; line-height: 43px;}
.finder-color .btn,
.finder-color .chkbox label{width:43px; height:43px; min-width:0; padding: 0; line-height: normal; border-radius:50%; text-align:center; vertical-align:top; font-size:14px; letter-spacing: -1px; color:#fff; background-color:#f4f5f7;}
.finder-color .chkbox input[type="checkbox"]:checked + label{color:transparent; background-color:transparent;}
.finder-color .chkbox input[type="checkbox"]:checked + label:after{content: ''; position: absolute; top: 50%; left: 50%; display: inline-block; width: 11px; height: 6px; margin-top: -7px; margin-left: -7px; vertical-align:top; border: 1px solid; border-color: transparent transparent #fff #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.finder-color .chkbox input[type="checkbox"]:checked + label.reverse:after{border-color: transparent transparent #acadae #acadae;}
.finder-color .btn-more{background-color:#fff;}
.finder-color .btn-all,
.finder-color .chkbox label.reverse{color: #808990;  border:1px solid #dfe3e6; }

.search-category-wrap .btns {margin-top: 0;}
.search-category-wrap .btn-refresh{position:absolute; right:0; bottom:0; width: 150px; margin: 0;}
.search-category-wrap .btn-refresh .icon{margin-right:9px; vertical-align:middle;}
.search-category-wrap .btn-search {display: none;}

.selected-list{margin: 20px 0 0 80px;}
.selected-list .btn-selected-item{position: relative; min-width: 80px; margin-top:5px; margin-right: 5px; padding-right: 20px; font-size: 14px; text-align:left;}
.selected-list .btn-selected-item em{margin-right:8px;}
.selected-list .btn-selected-item .icon{position:absolute; top:50%; margin-top:-6px; right:10px; margin-right:0;}

.page-search .section-list{padding: 45px 0 100px; background-color:#f4f5f7;}
.page-search .section-list > .inner{max-width: 1140px;  margin: 0 auto;padding: 0 40px;}
.section-list .control{margin-bottom:30px;}
.section-list .control:after{content:''; clear:both; display:block; width:100%;}
.control .count{float:left; font-size:20px; color:#1e1f21; font-weight:400;}
.control .count strong{margin-left:3px; font-size:22px; color:#009ada; font-weight:400;}
.control .sort{float:right;}
.control .sort .form{display:inline-block;}
.control .sort .design-select{margin-left:20px; min-width: 120px;}
.control .sort .switch{display:inline-block;}
.control .sort .switch .btn {min-width: 0; height: 20px; margin-left:20px; padding: 0; line-height: normal; vertical-align: middle; background-color: transparent;}
.control .sort .switch .btn .icon {margin-right: 0;}

.page-search .no-result {padding: 340px 0; text-align: center; background-color: #fff;}
.page-search .no-result > div {display: inline-block; vertical-align: middle;}
.page-search .no-result p {margin-top: 30px; font-size: 30px; }

/*
 * page common
 */
.section-visual .item{position: relative; padding-bottom: 16.43835616438356%;}
.section-visual .image {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;}
.section-visual .page-header {color: #222; position: absolute; z-index: 1; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 50px; text-align: center; text-transform: uppercase; }

/*
 * page sellcars
 */
.page-sellcars{padding-bottom:80px;}

/*
 * page community
 */
.page-community .section-best {padding: 50px 40px 0; background-color: #f4f5f7;}
.page-community .section-list{padding: 45px 0 100px;}
.page-community .section-list > .inner{max-width: 1140px;  margin: 0 auto;padding: 0 40px;}
.page-community .section-detail {padding: 80px 40px 75px;}
.page-community .section-detail .inner {max-width: 1140px;  margin: 0 auto;}
.page-community .list-grid .article {margin: 0; padding: 0;}
.page-community .list-grid .article .item {padding: 0 15px 30px; font-size: 14px; color: #808990; -webkit-box-sizing: border-box; box-sizing: border-box;}
.page-community .list-grid .article a {display: block; position: relative; font-weight: 300; }
.page-community .list-grid .article .content {padding: 0; text-align: left; background-color:transparent;}
.page-community .list-grid .article .subject {display: -webkit-box; max-height: 50px; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; margin: 16px 0; font-size: 18px; color: #1e1f21; line-height: 1.4; font-weight: 350;}
.page-community .label {position: absolute; left: 0; top: 0; z-index: 1; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 12px; color: #fff;}
.page-community .label-notice {background-color: #009ada;}
.page-community .label-news {background-color: #013c66;}
.page-community .label-review {background-color: #73b2de;}
.page-community .section-detail time {position: absolute; top: 20px; right: 40px; font-size: 14px; color: #808990;}
.page-community .section-detail .btns {margin-top: 40px;}
.page-community .detail-head {position: relative; padding: 13px 0 13px 70px; border-top: 3px solid #1d1f20; border-bottom: 1px solid #dee1e3;}
.page-community .detail-head .tit {font-size: 22px; color: #1d1f20;}
.page-community .detail-head .label {left: 10px; top: 10px;}
.page-community .detail-body {padding: 55px 40px; color: #808990; font-weight: 300; line-height: 1.5;}
.page-community .detail-foot {border-top: 3px solid #1d1f20; border-bottom: 1px solid #1d1f20;}
.page-community .detail-foot > a {position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 20px 40px; border-top: 1px solid #dee1e3;}
.page-community .detail-foot .txt {color: #bdc3c6;}
.page-community .detail-foot .icon {vertical-align: middle;}
.page-community .detail-foot .icon:before {margin-left: 6px; margin-top: -4px;}
.page-community .detail-foot .tit {padding-left: 45px; color: #1e1f21;}
.page-community .detail-foot > a:first-child {border-top: 0;}

/*
 * page faq
 */
.page-faq .section-list {padding: 75px 40px 80px;}
.page-faq .section-list .inner {max-width: 1140px; margin: 0 auto;}
.page-faq .section-list .list {text-align: left; border-top: 3px solid #1d1f20; border-bottom: 1px solid #1d1f20;}
.page-faq .section-list .item {border-top: 1px solid #dde1e4;}
.page-faq .section-list .item.active {background-color: #fbfcfc;}
.page-faq .section-list .item:first-child {border-top: 0;}
.page-faq .section-list .question {position: relative; display: block; padding: 30px 45px 30px 40px; color: #1d1f20; outline: 0;}
.page-faq .section-list .question:before {content: ''; position: absolute; top: 45px; right: 20px; width: 15px; height: 8px; background-image: url('../images/arrow-faq.png'); background-position: 0 -8px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; -o-transition: transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease;}
.page-faq .section-list .question .type {position:absolute; top:50%; display: inline-block; margin-top: -15px; font-size: 20px;}
.page-faq .section-list .question .tit {display: inline-block; margin-left: 150px; font-size: 22px; font-weight: 500;}
.page-faq .section-list .question .sticky {display: inline-block; margin-top: -3px; margin-right: 5px; padding: 6px 10px; vertical-align: middle; font-size: 12px; font-weight: 300; color: #fff; background-color: #0099da;}
.page-faq .section-list .answer {display: none; margin-left: 190px; padding-right: 30px; padding-bottom: 30px; color: #808890; font-weight: 300; line-height: 1.5; word-break: keep-all;}
.page-faq .section-list .active .question:before {background-position: 0 0; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.page-faq .section-list .active .question .tit {color: #009ada;}
.page-faq .section-list .active .answer {display: block;}

/*
 * page event
 */
.page-event .section-list,
.page-event .section-detail {padding: 75px 40px 80px;}
.page-event .section-list .item {position: relative; height:310px; margin-top: 40px; padding: 35px 95px; text-align: left; background-size: cover; background-position: center right; -webkit-box-sizing:border-box; box-sizing:border-box;}
.page-event .section-list .item:first-child {margin-top: 0;}
.page-event .section-list .sticky {display: inline-block; padding: 3px 6px; font-size: 14px;}
.page-event .section-list .tit {/* max-width: 50%; */ margin-top: 10px; font-size: 36px; font-weight: 350; line-height: 1.3; word-break: keep-all;}
.page-event .section-list time {display: block; margin-top: 5px; font-size: 17px; font-family: "Roboto";}
.page-event .section-list .cont .btn {min-width: 185px; margin-top: 25px;}
.page-event .section-list .type-black .sticky {color: #0099da; border: 1px solid #0099da;}
.page-event .section-list .type-black time {color: #808990;}

.page-event .section-list .type-white .sticky {color: #fff; border: 1px solid #fff;}
.page-event .section-list .type-white .tit,
.page-event .section-list .type-white time {color: #fff; text-shadow: 1px 1px rgba(0, 0, 0, 0.4);}
.page-event .section-list .btns,
.page-event .section-detail .btns {margin-top: 40px;}
.page-event .section-detail .inner {max-width: 1140px; margin: 0 auto;}
.page-event .section-detail .detail-head {position: relative; padding: 16px 0 16px 100px; border-top: 3px solid #1d1f20; border-bottom: 1px solid #dde1e4;}
.page-event .section-detail .label {position: absolute; left: 10px; top: 20px; padding: 2px 6px; font-size: 13px; color: #0099da; border: 1px solid #0099da;}
.page-event .section-detail .tit {font-size: 22px;}
.page-event .section-detail .date {display: block; margin-top: 5px; font-size: 14px; color: #808990; font-weight: 300;}
.page-event .section-detail .date em:after {content: ''; display: inline-block; width: 1px; height: 12px; margin: -2px 10px 0 12px; vertical-align: middle; background-color: #bfc4c7;}
.page-event .section-detail .detail-body {padding: 40px 0 60px; text-align: center; border-bottom: 1px solid #1d1f20;}
.page-event .section-detail .detail-body .pc{display:block;}
.page-event .section-detail .detail-body .mobile{display:none;}

/*
 * page branch
 */
.page-branch .section-list {padding: 75px 40px 80px;}
.page-branch .section-list .inner {max-width: 1140px; margin: 0 auto;}
.page-branch .section-list .list {border-top: 3px solid #1d1f20; border-bottom: 1px solid #1d1f20;}
.page-branch .section-list .item {display: table; width: 100%; padding: 30px 0; text-align: left; border-top: 1px solid #dde1e4;}
.page-branch .section-list .item:first-child {border: 0;}
/* .page-branch .section-list .item:after {content: ''; display: table; clear: both;} */
.page-branch .section-list .info {display: table-cell; min-width: 350px; padding-top: 25px;}
.page-branch .section-list .info span {font-size: 15px; color: #808890;}
.page-branch .section-list .info span em {font-weight: 700;}
.page-branch .section-list .info strong {display: block; margin-bottom: 20px; font-size: 44px; font-weight: 500;}
.page-branch .section-list .info li {display: block; font: 23px/1.4 'Roboto', 'VWHeadWeb', 'Noto Sans Korean', sans-serif;}
.page-branch .section-list .info li:before {margin-top: -3px; margin-right: 8px; vertical-align: middle;}
.page-branch .section-list .info .icon-tel {font-size: 28px; color: #0099da; font-weight: 700;}
.page-branch .section-list .map {display: table-cell; vertical-align: middle; text-align: right;}
.page-branch .section-list .btns {display: none;}



/* History */
.section-history{margin-top: 55px; margin-bottom: 30px;}
.section-history .inner{width:100%; max-width:1140px; margin:0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
.section-history .txt br{display:none;}
.section-history ul{width:100%; max-width:940px; margin:0 auto; font-size:0;}
.section-history li{position:relative; display:inline-block; width:100%; text-align:left; color:#333333; font-weight:300; font-size:14px; vertical-align:top;}
.section-history li:after{content:''; position:absolute; top: 100px; right: -27px; display:inline-block; width:54px; height:17px; background-image:url('../images/arrow-right-half.png'); background-size:54px 17px;}
.section-history li:last-child:after{display:none;}
.section-history .step{position:relative; display: inline-block; margin-bottom: 20px; font-weight:900;}
.section-history .step:after{content:''; position:absolute; bottom:1px; left:0; right:0; display:block; height:1px; background-color:#808890;}
.section-history strong{display:block; margin-top: 25px; margin-bottom:10px; font-size:20px; font-weight:700; word-break: keep-all;}

.section-history .active .step{color:#1d1f20;}
.section-history .active .step:after{content:''; background-color:#1d1f20;}
.section-history .active strong{color:#2f3538;}




/* business */
.section-business{margin-top: 60px; margin-bottom: 30px;}
.section-business .inner{width:100%; max-width:1140px; margin:0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
.section-business .txt br{display:none;}
.section-business ul{width:100%; max-width:940px; margin:0 auto; font-size:0;}
.section-business li{position:relative; display:inline-block; width:100%; text-align:left; color:#333333; font-weight:300; font-size:14px; vertical-align:top;}
.section-business li:after{content:''; position:absolute; top: 100px; right: -27px; display:inline-block; width:54px; height:17px; background-image:url('../images/arrow-right-half.png'); background-size:54px 17px;}
.section-business li:last-child:after{display:none;}
.section-business .step{position:relative; display: inline-block; margin-bottom: 20px; font-weight:900;}
.section-business .step:after{content:''; position:absolute; bottom:1px; left:0; right:0; display:block; height:1px; background-color:#808890;}
.section-business strong{display:block; margin-top: 25px; margin-bottom:10px; font-size:20px; font-weight:700; word-break: keep-all;}

.section-business .active .step{color:#1d1f20;}
.section-business .active .step:after{content:''; background-color:#1d1f20;}
.section-business .active strong{color:#2f3538;}



/* Oraniztion */
.section-oranization{margin-top: 60px; margin-bottom: 30px;}
.section-oranization .inner{width:100%; margin:0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
.section-oranization .txt br{display:none;}
.section-oranization ul{width:100%; margin:0 auto; font-size:0;}
.section-oranization li{position:relative; display:inline-block; width:100%; text-align:left; color:#333333; font-weight:300; font-size:14px; vertical-align:top;}
.section-oranization li:after{content:''; position:absolute; top: 100px; right: -27px; display:inline-block; width:54px; height:17px; background-image:url('../images/arrow-right-half.png'); background-size:54px 17px;}
.section-oranization li:last-child:after{display:none;}
.section-oranization .step{position:relative; display: inline-block; margin-bottom: 20px; font-weight:900;}
.section-oranization .step:after{content:''; position:absolute; bottom:1px; left:0; right:0; display:block; height:1px; background-color:#808890;}
.section-oranization strong{display:block; margin-top: 25px; margin-bottom:10px; font-size:20px; font-weight:700; word-break: keep-all;}

.section-oranization .active .step{color:#1d1f20;}
.section-oranization .active .step:after{content:''; background-color:#1d1f20;}
.section-oranization .active strong{color:#2f3538;}



/* Location */
.section-location{margin-top: 1px; margin-bottom: 30px;}
.section-location .inner{width:100%; margin:0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
.section-location .txt br{display:none;}
.section-location ul{width:100%; margin:0 auto; font-size:0;}
.section-location li{position:relative; display:inline-block; width:100%; text-align:left; color:#333333; font-weight:300; font-size:14px; vertical-align:top;}
.section-location li:after{content:''; position:absolute; top: 100px; right: -27px; display:inline-block; width:54px; height:17px; background-image:url('../images/arrow-right-half.png'); background-size:54px 17px;}
.section-location li:last-child:after{display:none;}
.section-location .step{position:relative; display: inline-block; margin-bottom: 20px; font-weight:900;}
.section-location .step:after{content:''; position:absolute; bottom:1px; left:0; right:0; display:block; height:1px; background-color:#808890;}
.section-location strong{display:block; margin-top: 25px; margin-bottom:10px; font-size:20px; font-weight:700; word-break: keep-all;}

.section-location .active .step{color:#1d1f20;}
.section-location .active .step:after{content:''; background-color:#1d1f20;}
.section-location .active strong{color:#2f3538;}




/* Overview */
.section-process{margin-top: 55px; margin-bottom: 30px;}
.section-process .inner{width:100%; max-width:1140px; margin:0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; background-image:url('../v3Img/company/bg_overview.jpg') ; }
.section-process .txt br{display:none;}
.section-process ul{width:100%; max-width:940px; margin:0 auto; font-size:0;}
.section-process li{position:relative; display:inline-block; width:100%; text-align:left; color:#333333; font-weight:300; font-size:14px; vertical-align:top;}
.section-process li:after{content:''; position:absolute; top: 100px; right: -27px; display:inline-block; width:54px; height:17px; background-image:url('../images/arrow-right-half.png'); background-size:54px 17px;}
.section-process li:last-child:after{display:none;}
.section-process .step{position:relative; display: inline-block; margin-bottom: 20px; font-weight:900;}
.section-process .step:after{content:''; position:absolute; bottom:1px; left:0; right:0; display:block; height:1px; background-color:#808890;}
.section-process strong{display:block; margin-top: 25px; margin-bottom:10px; font-size:20px; font-weight:700; word-break: keep-all;}

.section-process .active .step{color:#1d1f20;}
.section-process .active .step:after{content:''; background-color:#1d1f20;}
.section-process .active strong{color:#2f3538;}

.section-form{padding: 0 40px 80px;}
.section-form .inner{width:100%; max-width:1140px; margin:0 auto;}
.section-form .radiobtn{position:relative; margin-right: 8px;}
.section-form .radiobtn input[type="radio"]{position: absolute; top:0; right:0; bottom:0; left:0; width: 100%; height: 100%; opacity: 0;}
.section-form .radiobtn label{position:relative;  display:inline-block; min-width:65px; height:30px; padding:0 5px; border-radius:15px; text-align:center; font-size:14px; font-weight:400; color:#808990; -webkit-box-sizing:border-box; box-sizing:border-box; background-color:#dde1e4;}
.section-form .radiobtn label:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.section-form .radiobtn label em{vertical-align:middle;}
.section-form .radiobtn input[type="radio"]:checked + label{color:#fff; background-color:#009ada;}

.require{margin: 0 5px; font-weight: 600; color: #faaa00;}
.warning-msg{float:right; margin-bottom: 5px; font-weight:300; font-size:14px; color:#808990;}

.tb-form{clear:both; max-width:1140px; width:100%; border-top:3px solid #1d1f20; border-bottom:1px solid #1d1f20;}
.tb-form table{width:100%; max-width:940px; margin:0 auto;}

.tb-write{margin-bottom: 40px; padding: 20px 0;}
.tb-write tbody th,
.tb-write tbody td{text-align:left; font-weight:300; color:#2f3538;}
.tb-write tbody td{padding:10px 0;}
.vertical-top{padding-top: 15px; vertical-align: top;}

.name-form,
.email-form{width:50%;}
.email-form .input-text,
.email-form .default-select{width:30%; vertical-align:middle;}
.email-form .default-select{float:right;}

.page-sellcars .terms {width: 940px; }
.terms {margin: 0 auto;}
.terms .checkbox {margin-top: 2px;}
.terms .tit{position: relative; margin-bottom:10px; color:#2f3538;}
.terms .tit .icon,
.terms .tit em{vertical-align:middle;}
.terms .tit .icon{margin-right:10px;}
.terms .contents {padding: 27px; border:3px solid #f3f5f6; font-weight:300; font-size:15px; color:#808990; line-height:1.6; -webkit-box-sizing: border-box; box-sizing: border-box;}
.terms .btn-accordion {position: absolute; right: 0; min-width: 40px; height: 26px; padding: 0 5px; font-size: 0; text-align: right;}
.terms .btn-accordion:after{content:'';display:inline-block; width:7px; height:7px; margin-top:-7px; border:1px solid; border-color: transparent #808890 #808890 transparent;
-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.terms .item {margin-top: 20px;}
.terms .item:first-child {margin-top: 0;}
.terms .item.active .con {height: 100%;}
.terms .item.active .btn-accordion:after {margin-top: 0;-webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);}
.terms .con {height: 0; overflow: hidden; border-top: 1px solid #f5f6f7;}
.terms .con div { padding:20px 30px; background-color: #f5f6f7;}
.terms .con li {margin-bottom: 10px;}
.terms .con strong {font-weight: 300;}
.terms .con small {display: block; font-size: 14px; opacity: .6;}


/*
 * page error
 */
.page-error {height: 100%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-error:after {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.section-error {display: inline-block; text-align: left; vertical-align: middle;}
.section-error .img ,
.section-error .content {display: inline-block; vertical-align: bottom;}
.section-error .content {margin-left: 50px;}
.section-error .content .error-title {font-size: 45px; letter-spacing: -.5px;}
.section-error .error-content {margin-top: 40px;}
.section-error .error-footer {margin-top: 60px;}

/*
 * POPUP : common
 */
.popup-wrapper {-webkit-box-sizing: border-box;box-sizing: border-box;}
.popup-wrapper .header {border-bottom: 3px solid #1d1f20; }
.popup-wrapper .footer {padding: 80px 0 40px; text-align: center; background-color: #fff;}

/*
 * POPUP : comparison : 비교하기
 */
.popup-comparison {padding: 0 100px;}
.popup-comparison .header {padding: 50px 0 10px 0;}
.popup-comparison h1 {margin-bottom: 40px; font-size: 50px; font-weight: 700; text-align: center;}
.popup-comparison h2 {font-size: 34px; }
.popup-comparison .content-wrapper {position: relative; }
.popup-comparison .btns {position: absolute; bottom: 100%; right: 0; padding-bottom: 20px;}
.comparsion {border-bottom: 1px solid #1d1f20;}
.comparsion:after {content: ''; display: block; clear: both;}
.comparsion .target {float: left; width: 50%; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.comparsion .target-left dd {padding-right: 74px;}
.comparsion .target-right dd {padding-left: 74px;}
.comparsion .target dt {display: none;}
.comparsion .target dd {position: relative; min-height: 60px; padding-top: 20px; padding-bottom: 20px; color: #1e1f21; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #dde1e4;}
.comparsion .target-right dd:after {content:attr(data-title); position: absolute; left: -74px; top: 50%; width: 148px; color: #808890; text-align: center; word-break: keep-all; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.comparsion .target-right dd:before {content: ''; position: absolute; left: -74px; top: 0; bottom: 0; width: 148px;  display: block; background-color: #fbfcfc; }
.comparsion .target dd:first-of-type:before,
.comparsion .target dd:first-of-type:after {display: none;}
.comparsion .target .price {height: 30px; color: #0099da; white-space: nowrap;}
.comparsion .target .price:after {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.comparsion .target .price span {display: inline-block; vertical-align: middle; white-space: normal;}
.comparsion .target .price strong {font-size: 24px;}
.comparsion .vehicles {position: relative; margin: 20px 0 0;}
.comparsion .vehicles .img {position: relative; overflow: hidden; display: block;}
.comparsion .vehicles .img:before {content: ''; display: block; padding-bottom: 72%;}
.comparsion .vehicles .img img {position: absolute; top: 50%; left: 50%; display: block; max-width: 150%; min-width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.comparsion .vehicles .label {position: absolute; left: 20px; top: 20px;}
.comparsion .vehicles .content {height: 100px; margin-top: 20px; font-size: 18px; line-height: 1.3; vertical-align: middle; white-space: nowrap;}
.comparsion .vehicles .content div {display: inline-block; vertical-align: middle; white-space: normal; }
.comparsion .vehicles .content:after {content:''; display: inline-block; height: 100%; vertical-align: middle; }
.comparsion .vehicles .model {display: block;  display: -webkit-box; font-size: 27px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: normal;}
.comparsion .gauge {position: relative; height: 26px; margin: 0 -2px 16px; background: url('../images/bg-gauge.png') repeat-x 0 0;}
.comparsion .gauge .bar { display: block; height: 100%; background: url('../images/bg-gauge.png') repeat-x 0 -26px;}
.comparsion .gauge small {position: absolute; top: 100%; padding: 0 2px; font-size: 11px; color: #808890; }
.comparsion .gauge strong {position: absolute; left: 0; top: 0; right: 0; text-align: center; line-height: 26px; }
.comparsion .target-left .gauge .bar {float: right;}
.comparsion .target-left .gauge .min {right: 0;}
.comparsion .target-left .gauge .max {left: 0;}
.comparsion .target-right .gauge .min {left: 0;}
.comparsion .target-right .gauge .max {right: 0;}
.comparsion .list-option {text-align: left; font-size: 0;}
.comparsion .list-option li {display: inline-block; width: 25%; margin: 15px 0; vertical-align: top; font-size: 12px; color: #32434b; text-align: center; }
.comparsion .list-option li span {display: block; word-break: break-all;}
.comparsion .list-option li .img {height: 56px; margin-bottom: 15px; padding: 0 20px; white-space: nowrap; }
.comparsion .list-option li .img img {max-width: 100%; max-height: 100%; vertical-align: bottom;}
.comparsion .list-option li .img:after { content: ''; display: inline-block; width: 1px; height: 100%; vertical-align: bottom; }


/*
 * layer
 */
.layer-vehicle {left: 95px; z-index: 49; display: block; height: 100%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
.layer-vehicle.active {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
.layer-vehicle .layer {padding: 0 0 30px 0; top: 0; left: 0; width: 480px; height: 100%; -webkit-transform: none; -ms-transform: none; transform: none; background:#fff; overflow-y: hidden; -webkit-box-sizing: border-box; box-sizing: border-box;}
.layer-vehicle.active .layer {overflow-y: auto;}
.layer-vehicle .layer-content{position:relative; min-height:100%;}
.layer-vehicle .layer-body {height: 100%;}
.layer-vehicle .layer-header{margin: 0 25px; padding: 10px 0; text-align:center; border-bottom: 1px solid #555;}
.layer-vehicle .layer-header .layer-title{font-weight: 700;}
.layer-vehicle .layer-header .layer-title small{margin-left:5px; color:#2f3538; font-weight: 400; font-size:23px;}
.layer-vehicle .layer-body .desc{text-align:center; padding: 15px 0; font-weight: 300; font-size: 15px;}
.layer-vehicle .layer-body div {margin: 0 25px; display: inline-block; vertical-align: middle; text-align: center;}
.layer-vehicle .layer-body ul {display: inline-block; vertical-align: middle; text-align: center;}
.layer-vehicle .layer-body li {display: inline-block; vertical-align: middle; text-align: center;}
.layer-vehicle .btn-layer-close {position: absolute; right: 15px; top: 3px; min-width: 0;}



#print-image {display: none; position: absolute; top: 0; z-index: 10000;}

@media print {
	@page {
		size: A4 portrait;
		max-height:100%;
		max-width:100%
	}
	.has-print .page-wrapper {display: none;}
	.has-print #print-image {display: block; width: 100% !important; height: auto !important;}
}

.layer-images .layer {width: 1140px; max-width: none; padding: 0; background-color:rgba(0, 0, 0, 0.85); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: -webkit-filter 0.3s; transition: -webkit-filter 0.3s; -o-transition: filter 0.3s; transition: filter 0.3s; transition: filter 0.3s, -webkit-filter 0.3s;}
.layer-images .layer .slick-slide {display: inline-block; text-align: center; outline: none;}
.layer-images .layer .slick-slide:after {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.layer-images .layer .slick-slide img {vertical-align: middle;}
.layer-images .layer .slick-arrow{position:absolute; top:50%; display: inline-block; width: 32px; height: 63px; padding: 0; border:0; font-size:0; background-color:transparent; background-image:url('../images/arrow-slider-white.png'); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);  transform: translateY(-50%); z-index:1;}
.layer-images .layer .slick-prev{left:20px; background-position:0 0;}
.layer-images .layer .slick-next{right:20px; background-position:-32px 0;}
.layer-images .layer .paging{position:absolute; left:50%; bottom:25px; text-align:center; color:#bdc3c6; font-size:22px; transform: translateX(-50%);}
.layer-images .layer .paging em{color:#fff;}

.layer-qna-quick .multi-form{margin-right: 30px;}
.layer-qna-quick .multi-form input{text-align:center;}
.layer-qna-quick .multi-form + .unit{margin-left: 5px; vertical-align: middle; line-height: 40px;}

.layer-latest .list,
.layer-interest .list{padding-bottom:100px;}
.layer-latest .btns,
.layer-interest .btns{position:absolute; left:0; bottom:25px; width:100%;}


.layer-main .layer {padding: 0 0 75px 0; border-radius: 5px;}
.layer-main .layer-content > div {width: 500px; max-height: 700px; text-align: center; white-space: nowrap; overflow: hidden;}
.layer-main .layer-content > div:after {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.layer-main .layer-content .img {display:inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 10px 10px 0; vertical-align: middle;}
.layer-main .layer-content .img img {display:inline-block; width:auto; height:auto; min-width:100%; min-height:100%; border-radius: 5px; vertical-align:middle;}
.layer-main .layer .layer-footer {position: absolute; left: 0; right: 0; bottom: 0; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.layer-main .layer .layer-footer .btn {display: block; width: 100%;}
.layer-main ~ .layer-dim {background-color: rgba(255,255,255,0.3);}