@charset "utf-8"; 
.product-header.product-header-electcar-new .product-share .category {font-weight: 500;}
.product-header .product-title .title.color-default {color:#000;letter-spacing: -2px;margin-top: 77px;margin-left: -3px;font-size: 48px;}
.electcar-new-tit {margin-top: 461px;font-size:42px; font-weight: 500;  color:#000;letter-spacing: -1.58px;}
.product-header-electcar-new {height: 759px; background-size: auto 759px;    background-color: #f8f8f8;background-image: url(/front/web/images/biz/electcar_kv.png);}
.product-header-electcar_kv_item {height: 530px; background-size: auto 530px;background-image: url(/front/web/images/biz/electcar_gradi_bg.png); background-repeat: repeat-x;}
.product-header-electcar_kv_item .content-inner {background-image: url(/front/web/images/biz/electcar_item_bg.png);height: 299px;}
.electcar_item {position: absolute; left: 50px; top: 163px;}
.product-header.product-header-electcar-new .product-share {margin-bottom: 45px; border-bottom: 1px solid rgba(0,0,0,0.4); padding: 20px 0 18px;}
.elec-title {font-size:42px;font-weight:300; margin-top:40px; text-align: center; letter-spacing: -1.4px;}
.elec-title strong {font-weight:500;}
.elec-title.elec-title-left {text-align:left; margin-bottom:25px;line-height:55px}
.elec-title.elec-title-center {text-align:center; margin-bottom:25px;line-height:55px}
.elec-title.elec-title-center span {font-size:36px;}
.elec-title.white {color:#fff;}

.elec-cont {font-size:20px; line-height:30px;}
.biz-section {background-color: #f8f8f8;}
.product-electcar-graph {height:522px; background-size: auto 522px;background-color: #f8f8f8;background-image: url(/front/web/images/biz/electcar_graph.png);}
.electcar-bnr-purple {height:300px; background-size: auto 300px;background-color: #08090e;background-image: url(/front/web/images/biz/electcar_bnr_purple.png);}
.electcar-bnr-purple .content-inner .bnr-purple-txt {position: absolute; left: 30px; top:66px;text-shadow: 3px 3px 5px #60265a;letter-spacing: -0.8px;}
.electcar-bnr-purple .content-inner .bnr-purple-txt h4 {font-size:26px; margin-bottom:15px; font-weight: 300; }
.electcar-bnr-purple .content-inner .bnr-purple-txt h3 {font-size:42px; margin-bottom:45px;}
.electcar-bnr-purple .content-inner .bnr-purple-txt em {font-size:28px; margin-right:20px; font-style: normal;}
.electcar-bnr-purple .content-inner .bnr-purple-txt span {font-size:42px;}
.electcar-bnr-purple .content-inner .btn-gradi-elect {position: absolute; right: 50px; bottom: 45px;}
.electcar-bnr-bottom {height:300px; background-size: auto 300px;background-color: #08090e;background-image: url(/front/web/images/biz/electcar_bnr_bottom.png);}
.electcar-bnr-purple .content-inner, .electcar-bnr-bottom .content-inner{height:300px;}
.electcar-bnr-bottom .btn-gradi-elect {position: absolute; right: 50px; bottom: 45px;}
.electcar_bnr_product {position: absolute; right: 0; top: -185px;}
.electcar-grid-mid .item {position: relative;display: block; background: #eee; border-radius: 20px; width: 365px; height: 460px; margin-right: 20px; box-shadow: 5px 7px 15px rgb(0 0 0 / 25%); overflow: hidden;}
.electcar-grid-mid .item .pic {}
.electcar-grid-mid .item .txt{width: 100%;position: absolute; top: 0; left: 0;padding: 20px 20px 0 40px;font-size: 24px; font-weight: 400; color: #fff; line-height: 1.36; overflow:hidden;}
.electcar-grid-mid .item .txt .tit {display: block;float: right; background: #eb008b;width:140px;border-radius: 30px; font-size: 22px; text-align: center; line-height: 48px;}
.electcar-grid-mid .item .txt .cont {display: block; margin-top: 220px;font-size: 32px; line-height: 40px;letter-spacing: -1px; font-weight: 700;}
.electcar-grid-mid .item .txt .noti {display: block; margin-top: 18px;font-size: 23px; line-height: 33px; letter-spacing: -1px;}
.elect-notice {text-align: center;font-size: 20px; margin: 65px 0 25px;letter-spacing: -1px;}
.elect-notice>img {margin-top: -5px;}
.electcar-grid {position: absolute; left:8px; top: 57px; width: 1075px;}
.electcar-grid .item {text-align: center;width: 301px; margin-right: 80px;}
.electcar-grid .item:last-child {width: 292px;margin-right: 0;}
.electcar-grid .tit, .electcar-grid .cont, .electcar-grid .noti{display:block;}
.electcar-grid .tit {font-size:32px; margin-bottom: 14px;}
.electcar-grid .cont {font-size:20px; margin-bottom: 20px;}
.electcar-grid .noti {font-size:14px;}
.elec-faq {margin-top:25px}
.elec-faq > h4 {font-size:30px;}
.elec-faq > h4 > img {margin-right:20px;}
.elec-faq > p {font-size:20px; margin-left:87px;}
.btn-gradi-elect a {display: block;width: 300px; height: 80px;border-radius: 40px;color: #fff; text-align: center;font-size: 26px;font-weight: 500; line-height: 80px;
background: #ea008b; /* Old browsers */
background: -moz-linear-gradient(left,  #ea008b 0%, #be00fe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ea008b 0%,#be00fe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ea008b 0%,#be00fe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea008b', endColorstr='#be00fe',GradientType=1 ); /* IE6-9 */
}
.btn-gradi-elect a:hover, .btn-gradi-elect a:hover{background:#ff29b5;}
.elec-wrap-h4 {font-size:32px;font-weight:700;}
.content-section.black {background-color: #000; color:#fff;}


/* 전기차탭메뉴 */
.tab-list-electcar {width:100%; min-width:100%;margin-bottom:0px; font-size:24px; word-break:keep-all;overflow: visible;padding-top:5px}
.tab-list-electcar:after {display:block; clear:both; content:'';}
/* .tab-list-electcar li {background-color: #f8f8f8;padding-top: 10px; width:1%;display:table-cell; float:none; margin-right:7px;line-height:89px; border:0; background-image: url(/front/web/images/biz/electcar_tab_bg.png); vertical-align:middle; color:#fff;background-position: bottom center;  background-repeat: no-repeat; box-shadow: 5px 7px 15px rgb(0 0 0 / 25%);} */
.tab-list-electcar li{font-weight: 500;width: 376px;height:89px; display: inline-block; float: none; margin-right: 7px; margin-top: 0; border: 0;color: #fff; background-color: #000; border-top-left-radius: 10px;
    border-top-right-radius: 10px;  background-position: bottom center; background-repeat: no-repeat; box-shadow:4px 2px 13px rgb(0 0 0 / 35%); vertical-align: text-bottom;}
.tab-list-electcar li:last-child {}
.tab-list-electcar li a {position: relative;display:table; width:100%; text-decoration:none;}
.tab-list-electcar li:hover {border-top-right-radius: 10px;padding-top: 0px;line-height:103px;height:103px;background-repeat: no-repeat; background-image: url(/front/web/images/biz/electcar_tab_bg_on.png); }
.tab-list-electcar li:hover a span:after {display:table; content:'▼'; position: absolute; font-size: 15px; width: 15px; right:70px; top: 0px;}
.tab-list-electcar li:hover a span {border-top:0;display:table-cell; width:1%;line-height:103px; height:103px; padding:0 30px 0; text-align:center; vertical-align:middle;}
.tab-list-electcar li a span:after {display:table; content:'▼'; position: absolute; font-size: 15px; width: 15px; right:70px; top: 0px;}
.tab-list-electcar li a span {border-top:0;display:table-cell; width:1%;line-height:89px; height:89px; padding:1px 30px 0; text-align:center; vertical-align:middle;}
.tab-list-electcar li.on:last-child {}
.tab-list-electcar li.on {padding-top: 0px;line-height:103px; height:103px; background-image: url(/front/web/images/biz/electcar_tab_bg_on.png); }
.tab-list-electcar li.on a span {padding-top:0;line-height: 103px;}
.tab-list-elec-border {border-bottom: 5px solid #eb008b; height: 1px; width: 1151px;}

.table.elec-faq-t {width:100%; margin-bottom:50px; table-layout:fixed; border-spacing:0; border-top:0; border-bottom:2px solid #e0e0e0; font-size:14px; line-height:1.428571428571429; background-color:#fff;}
.table.elec-faq-t th, .table.elec-faq-t td {height:55px; padding:7px 10px; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0;border:0}
.table.elec-faq-t tbody tr:first-child th, .table.elec-faq-t tbody tr:first-child td {/* border-left:0; */padding-top:30px}
.table.elec-faq-t tbody tr:last-child th, .table.elec-faq-t tbody tr:last-child td {/* border-left:0; */padding-bottom:30px}
.table.elec-faq-t th.border-left, .table.elec-faq-t td.border-left {border-left:1px solid #e0e0e0;}
.table.elec-faq-t th {padding:20px 10px; font-size:24px; font-weight:400; text-align:center; vertical-align: top;letter-spacing:-2px;}
.table.elec-faq-t td {vertical-align: top;position: relative;font-weight:400;padding:20px 10px; font-size:20px; text-align:center;line-height: 1.4;letter-spacing:-1px;border-left: 1px solid #e0e0e0;}
.table.elec-faq-t thead th {color:#fff; background-color:#767676; padding:13px;}
.table.elec-faq-t tbody th {color:#000; background-color:#e8e8e8;}
.table.elec-faq-t thead tr:first-child>* {border-top:0;}
.table.elec-faq-t .color-txt-black {color: #000;font-weight:700;}
.table.elec-faq-t .color-txt-blue {color: #2da1fd;font-weight:500;}
.table.elec-faq-t .color-txt-pink {color: #eb008b;font-weight:500;}
.table.elec-faq-t .color-txt-purple {color: #a904e2;font-weight:500;}
.table.elec-faq-t em {font-size:14px;font-style:normal;display: block;letter-spacing:-1.2px;color:#767676;}
.table.elec-faq-t.price { border-bottom:0}
.table.elec-faq-t.price tbody tr:first-child th.elect-col-tr, .table.elec-faq-t.price tbody tr:first-child td.elect-col-tr {border-top:0;}
.table.elec-faq-t.price tbody th.elect-col-tr {vertical-align:middle;color:#fff;background-color:#767676;border-top:2px solid #f8f8f8;}
.table.elec-faq-t.price tbody td.elect-col-tr {border-top:2px solid #f8f8f8;}
.table.elec-faq-t.price tbody tr:first-child th, .table.elec-faq-t.price tbody tr:first-child td {padding-top:20px;vertical-align: middle;}
.table.elec-faq-t.price tbody tr:last-child th, .table.elec-faq-t.price tbody tr:last-child td {padding-bottom:20px;}
.size-purple {font-size:28px;margin-top:-7px;display: block;}
.elect-300 {font-size:20px;color: #767676;margin-bottom: 10px;display: block;}
.elect-t-price {font-size:24px;color:#000;}
.table.elec-faq-t .elect-arrow {position: absolute; left:47%; top:20%; margin-left: -80px;}
.table.elec-faq-t .elect-arrow img {width:187px}
.bg-purple{background: #eb008b;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #be00ff, #eb008b);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #be00ff, #eb008b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.btn-elect-gradiwrap {margin-bottom:0;text-align: center;}
.bg-purple{width:360px; height:80px;background: #eb008b;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #be00ff, #eb008b);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #be00ff, #eb008b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
a.btn-elect-gradi-b {width:360px; height:80px;color:#e4159c;display:inline-block; border: 3px solid transparent;  border-radius:50px;font-size: 26px;font-weight: 500; 
    background-image: linear-gradient(#000, #000), linear-gradient(to bottom, #be00fc, #eb008c); background-origin: border-box;  background-clip: content-box, border-box; margin-right:2.5px;
	line-height:71px;text-align: center;}
a.btn-elect-gradi{width:360px; height:80px;display:inline-block;margin-left:2.5px;border-radius:50px;color: #fff; text-align: center;font-size: 26px;font-weight: 500; line-height:80px;
background: #ea008b; /* Old browsers */
background: -moz-linear-gradient(left,  #ea008b 0%, #be00fe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ea008b 0%,#be00fe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ea008b 0%,#be00fe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea008b', endColorstr='#be00fe',GradientType=1 ); /* IE6-9 */
}
a.btn-elect-gradi-b:hover {border: 3px solid #a904e2; color:#a904e2;}
a.btn-elect-gradi:hover {background:#ff29b5;}
.elec-wrap {padding:0 50px 40px 50px;}
.elect-tipwrap {position:relative;border:2px solid #eb008b;color:#eb008b;padding:23px 91px 20px 100px ;font-size: 20px;border-radius:8px;margin:60px 0 40px}
.elect-tipwrap:before {background-image: url(/front/web/images/biz/electcar_icon_tip.png);display: block; content: ''; position: absolute; top: -19px; left: 12px; width:70px; height:38px; background-size: auto 38px;}
.content-section.biz-section {margin-bottom:0}
