@charset "utf-8";
html, body, div, p {word-break: keep-all; font-size:17px; color: #444; line-height:1.4;}



/*------------------ 공통---------------- */
.bg-blue{background-color:#1B5DC1;}
.blue{color:#1B5DC1}
.bold{font-weight: 700;}
.gray{color:#999}
.center{text-align: center;}
.foot-clear{width: 100%; height: 120px;}
.mob{display: none;}
.pc{display: inline-block;}
.small{font-size: 12px;}
.bold{font-weight: 800;}
.left{width: 49% ; display: inline-block; vertical-align: top;}
.right{width: 49% ; display: inline-block; vertical-align: top; }
.flx{display: flex !important; }
.space-btw{justify-content: space-between;}
.p-title{font-weight: 700; font-size: 22px; width: 500px; height: 28px; padding-left: 32px; background: url("/images/content/menu/zev_icn.png") no-repeat left center; background-size: 25px; margin-bottom:20px}
.page-title{  text-align: center; margin: 80px auto;}
.page-title > .kr-title{font-size: 48px; font-weight: 700; color: #1B5DC1;}
.page-title > .en-title{margin-top:15px; color: #999;}
a {cursor: pointer;}

/*------------------ p2 인사말 ---------------- */
#menu-2 .wrap .p2-sec1{text-align: center;}
#menu-2 .wrap .p2-sec1 .hello {text-align: center; margin: 150px 0 40px; display: inline-block; position: relative;}
#menu-2 .wrap .p2-sec1 .hello h2{font-weight: 700;}
#menu-2 .wrap .p2-sec1 .hello .quote {position: absolute;}
#menu-2 .wrap .p2-sec1 .hello .quote-l {top:-30px; left:-50px;}
#menu-2 .wrap .p2-sec1 .hello .quote-r {bottom:-30px; right:80px;}
.line {width: 2px; height: 20px; margin: 30px auto; background-color: #aaaaaa;}
#menu-2 .wrap .p2-sec1 .hello_p .chief{margin-top: 30px; font-weight: bold;}

#menu-2 .wrap .p2-sec2 {margin: 100px auto;}
#menu-2 .wrap .p2-sec2 > div {margin-top: 30px;}
#menu-2 .wrap .p2-sec2 > div > div > ul { margin-top: 20px;}
#menu-2 .wrap .p2-sec2 > div > div > ul >li {text-align: left; padding-left: 20px; margin-top: 5px;}

#menu-2 .wrap .p2-sec3 {margin: 100px auto;}
#menu-2 .wrap .p2-sec3 > .p2-org {width:100%; height:500px;  background: url("/images/content/menu/p2_org.png") no-repeat center/contain;}

#menu-2 .wrap .p2-sec4{margin: 100px auto;}
#menu-2 .wrap .p2-sec4 > ul{width: 90%; margin: 50px auto;}
#menu-2 .wrap .p2-sec4 > ul >li{border-radius:20px;border: 6px solid #e0e0e0; padding: 20px 20px 20px 40px; margin-bottom: 40px; margin-left: 30px; position: relative;}
#menu-2 .wrap .p2-sec4 > ul >li >span{padding:10px 18px;position: absolute; top: -20px; left: -30px; color: #fff; border-radius: 50%; background-color: #1B5DC1; font-size: 22px; font-weight: 700; width: 50px; height:50px}


/* 
#menu-2 .wrap .p2-sec2 > .icnbx{ flex-wrap: wrap; flex:auto;}
#menu-2 .wrap .p2-sec2 > .icnbx .p2-sec2-icns{width: 310px; text-align: center;}
#menu-2 .wrap .p2-sec2 > .icnbx .p2-sec2-icns .p2-img1{width: 230px; height: 230px; background-color: #f2f2f2;background: url("/images/content/menu/p2_1.png") no-repeat center; margin: 0 auto 20px;}
#menu-2 .wrap .p2-sec2 > .icnbx .p2-sec2-icns .p2-img2{width: 230px; height: 230px; background-color: #f2f2f2;background: url("/images/content/menu/p2_2.png") no-repeat center; margin: 0 auto 20px;}
#menu-2 .wrap .p2-sec2 > .icnbx .p2-sec2-icns .p2-img3{width: 230px; height: 230px; background-color: #f2f2f2;background: url("/images/content/menu/p2_3.png") no-repeat center; margin: 0 auto 20px;}
#menu-2 .wrap .p2-sec2 > .icnbx .p2-sec2-icns .p2-img4{width: 230px; height: 230px; background-color: #f2f2f2;background: url("/images/content/menu/p2_4.png") no-repeat center; margin: 0 auto 20px;}
#menu-2 .wrap .p2-sec2 > .icnbx .p2-sec2-icns > p:nth-of-type(1){font-weight: 700; margin-bottom: 10px;} */

/* #menu-2 .p2-sec3 { background: url("/images/content/menu/p2_back.png") no-repeat left center/contain; padding: 50px; height:400px; overflow: hidden; background-attachment: fixed;}
#menu-2 .p2-sec3 .wrap > .p-title {color: #fff;}
#menu-2 .p2-sec3 .wrap > h3 {color: #fff; text-align: center; font-weight: 600; margin: 30px auto; line-height: 160%;}
#menu-2 .p2-sec3 .wrap > p:nth-last-of-type(1){color: #fff; text-align: center;  margin: 30px auto; line-height: 160%;} */

/* 
#menu-2 .p2-sec4 .wrap > p:nth-last-of-type(1){margin-left:32px; margin-bottom: 30px; margin-top: 30px;}
#menu-2 .p2-sec4 .wrap > ol.p2-sec4-bx {margin-left:32px; background-color: #f2f2f2; padding: 40px; border-radius: 20px;}
#menu-2 .p2-sec4 .wrap > ol.p2-sec4-bx li {margin-bottom: 13px;}
#menu-2 .p2-sec4 .wrap > .p2-sec4-logo{width: 150px; height: 82px; background: url("/images/content/menu/p2_logo.png") no-repeat left center; margin: 60px auto 10px;} */


/*------------------ p3 연혁 ---------------- */
.history{width: 100%; height: auto; border-top: 2px solid #1B5DC1; margin-bottom: 100px;}
.btm-line{width: 100%; height: auto; border-bottom: 1px solid #ccc;}
.history tr td{height: 100px; vertical-align: middle; font-size: 16px; color:#555;}
.history tr .dot{width: 5%;  text-align: center;}
.history tr .year{ width: 10%;  font-family: 'Montserrat'; font-size: 32px; font-weight: 700; text-align: center;}
.history tr .month{width: 15%; font-size: 20px; text-align: center;}
.history tr .history-con{ width: 70%; text-align: left;}


/*------------------ p4 인증서 ---------------- */
#menu-4 .wrap .p4-bx{margin-bottom: 80px; flex-wrap: wrap;}
#menu-4 .wrap .p4-bx .p4-item{width:430px ; height:700px ; margin-bottom: 50px; border: 1px solid #ccc; padding:40px; text-align: center;}
#menu-4 .wrap .p4-bx .p4-item:hover{box-shadow: 5px 5px 10px 0px #ccc; transition:0.5s;}
#menu-4 .wrap .p4-bx .p4-item .consub{margin: 10px auto;}
#menu-4 .wrap .p4-bx .p4-item .contit{font-size: 20px;}
#menu-4 .wrap .p4-bx .p4-item > div{margin-top: 10px;}
#menu-4 .wrap .p4-bx .p4-item > div > p{text-align: left;}


/*------------------ p5 오시는길 ---------------- */
#menu-5 .sub-txt .loca-top{width: 100%; height: 76px; background-image: url('/images/content/menu/p5_1.png'); background-position: left center;background-repeat: no-repeat;background-size: 75px;margin-top: 30px;}
#menu-5 .sub-txt .loca-top p{ width:auto; height: 53px; margin-left: 100px; padding-top: 10px; color: #555;}
#menu-5 .sub-txt .loca-btm{width: 100%; height: 76px;  margin-bottom: 100px; display: flex; justify-content: space-between; margin-top: 30px;}
#menu-5 .sub-txt .loca-btm div .info{ width:auto; height: 36.52px; margin-left: 100px; padding-top: 25px; color: #555;}
#menu-5 .sub-txt .loca-btm .web{ background-image: url('/images/content/menu/p5_2.png'); background-position: left center; background-repeat: no-repeat; background-size: 75px;}
#menu-5  #map {width:100%; height:400px;background: url("/images/content/menu/mapimg.png") no-repeat center/cover;}



/* 서브페이지 공통 */
ul.tabs { margin: 50px auto 0; padding: 0px; display: flex !important; justify-content: space-around;}
ul.tabs li{background: #F2F2F2; width: 100%; padding: 20px; text-align: center; color: #999; cursor: pointer; font-family: 'Pretendard'; font-size: 20px; font-style: normal; font-weight: 700; line-height: 180%; letter-spacing: -0.3px; border-left:1px solid #ccc}
ul.tabs li:nth-child(1){border-left: none;}
ul.tabs li.current{ background: #1B5DC1; color: #fff; box-shadow: 4px 4px 10px 2px rgba(0, 0, 0, 0.10);}
.tab-content{ display: none; padding: 15px;}
.tab-content.current{ display: inherit;}

.title-area{ width: 100%; height: auto; text-align: center; margin:100px auto 0;}
.title-area .title{ color: #1B5DC1; font-size: 36px; font-style: normal; font-weight: 700; letter-spacing: -0.8px; padding-bottom: 15px;}
.title-area .title-eng{ color: #999; font-size: 20px; font-style: normal; font-weight: 500; letter-spacing: -0.8px;}
.title-area .title-line{ width: 1px; height: 19px; padding-bottom: 10px; background: #999; margin: 10px auto;}
.title-area p{font-size: 16px;font-style: normal;font-weight: 400;line-height: 180%;letter-spacing: -0.8px;}

/* 스펙 */
.sp-right{width:32%; display: inline-block; vertical-align: top;}
.sp-left{width: 67%; display: inline-block; vertical-align: top; }
.spec-bx{border: 1px solid #ccc; margin-top: 40px; position: relative; padding: 40px 100px; margin-bottom: 50px;}
.spec-sum{ padding-left: 50px; }
.spec-img{margin-left: 180px; }
.spec-tit{font-size: 24px; font-weight: 700; margin: 20px 0;}
.spec-p{display: inline-block; vertical-align: middle; }
.spec-line{padding-bottom: 20px;}
.tw{width: 24px; height: 24px; padding-left: 30px; background: url("/images/content/menu/spec_icn1.png") no-repeat center left; font-weight: 700;}
.loading{width: 24px; height: 24px; padding-left: 30px; background: url("/images/content/menu/spec_icn2.png") no-repeat center left; font-weight: 700;}
.battery{width: 24px; height: 24px; padding-left: 30px; background: url("/images/content/menu/spec_icn3.png") no-repeat center left; font-weight: 700;}
.volt{width: 24px; height: 24px; padding-left: 30px; background: url("/images/content/menu/spec_icn4.png") no-repeat center left; font-weight: 700;}
.weight{width: 24px; height: 24px; padding-left: 30px; background: url("/images/content/menu/spec_icn5.png") no-repeat center left; font-weight: 700;}
.download{background-color: #1B5DC1; margin-top: 20px; border: none; width: 520px; padding:10px 30px;}
.download>p{color: #fff; display: inline-block; vertical-align: bottom;}
.download>img{margin-top: 5px; display: inline-block; vertical-align: bottom; width: 23px; margin-left: 10px;}

.specification{margin-bottom: 80px;}
.spec-table{width:100%; margin-bottom:30px; table-layout: auto;}
.spec-table > thead {border-top: 3px solid #555; border-bottom: 1px solid #555;}
.spec-table > thead > tr > th {background-color: #1B5DC1; color: #fff; text-align: center; height: 45px; vertical-align: middle; border-right: 1px solid #fff; }
.spec-table > thead > tr > th:nth-last-child(1) { border-right: none }
.spec-table > thead > tr:nth-last-child(1) {border-top: 1px solid #fff; }
.spec-table > tbody > tr:nth-child(odd){background-color: #fbfbfb;}
.spec-table > tbody > tr > td { border-right: 1px solid #ccc; height: 45px; vertical-align: middle; text-align: center; border-bottom: 1px solid #ccc; }
.spec-table > tbody > tr > td:nth-last-child(1) {border-right: none; }

/*------------------ p6 제품소개 ---------------- */
#menu-6 > .wrap> .flx{margin-bottom: 80px; flex-wrap: wrap;}
#menu-6 > .wrap> .flx > .item {border:1px solid #ccc; width: 442px; height: 680px; margin-bottom: 50px;}
#menu-6 > .wrap> .flx > .item.clear {visibility: hidden;}
#menu-6 > .wrap> .flx > .item:hover{box-shadow: 5px 5px 10px 0px #ccc; transition:0.5s;}
#menu-6 > .wrap> .flx > .item .top {margin: 20px 30px; padding-bottom: 10px;  border-bottom: 1px solid #ccc; position: relative;}
#menu-6 > .wrap> .flx > .item .top .bx_tit{font-size: 20px;}
#menu-6 > .wrap> .flx > .item .top a div{background: url("/images/content/menu/arrw_line.png") no-repeat center/cover; width:28px; height: 28px; position:absolute; bottom: 15px; right: 10px;}
#menu-6 > .wrap> .flx > .item .btm {padding: 0 30px;}
#menu-6 > .wrap> .flx > .item .btm p{line-height: 160%;}


/*------------------ p7 전극 ---------------- */
#menu-7  .spec-img1{background: url("/images/content/menu/p7_img.png") no-repeat center/cover; width: 343px; height: 243px;}


/*------------------ p8 cell ---------------- */
#menu-8  .spec-img2{background: url("/images/content/menu/power1.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img3{background: url("/images/content/menu/power2.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img4{background: url("/images/content/menu/power3.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img5{background: url("/images/content/menu/power4.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img6{background: url("/images/content/menu/p8_6.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img7{background: url("/images/content/menu/p8_7.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img8{background: url("/images/content/menu/p8_8.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img9{background: url("/images/content/menu/p8_9.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img10{background: url("/images/content/menu/p8_10.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8 > .wrap > ul.tabs{ margin: 20px auto;}
/* #menu-8 > .wrap >  ul.tabs li{font-size: 15px;display: inline-block; vertical-align: middle;} */
#menu-8 .spec-title{font-weight: 700; font-size: 22px; width: 500px; height: 28px; padding-left: 32px; background: url("/images/content/menu/zev_icn.png") no-repeat left center; background-size: 25px; margin-top:20px}


/*------------------ p13 모듈 ---------------- */
#menu-13  .spec-img1{background: url("/images/content/menu/module1.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-13  .spec-img2{background: url("/images/content/menu/module2.png") no-repeat center/contain; width: 343px; height: 243px;}

/*------------------ p14 EV ---------------- */
/* #menu-14  .spec-img1{background: url("/images/content/menu/ev1.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-14  .spec-img2{background: url("/images/content/menu/ev2.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-14  .spec-img3{background: url("/images/content/menu/ev3.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-14  .spec-img4{background: url("/images/content/menu/ev4.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-14  .spec-img5{background: url("/images/content/menu/ev5.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-14  .spec-img6{background: url("/images/content/menu/ev6.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-14  .spec-img7{background: url("/images/content/menu/ev7.png") no-repeat center/contain; width: 343px; height: 243px;} */

#menu-14 .tab-content{margin-bottom: 100px;}
#menu-14 .spec-title{font-weight: 700; font-size: 22px; width: 500px; height: 28px; padding-left: 32px; background: url("/images/content/menu/zev_icn.png") no-repeat left center; background-size: 25px; margin: 20px 0;}
#menu-14 .spec-list{padding-left: 30px; margin-bottom: 15px;}
#menu-14 .spec-list .spec-li{margin-bottom: 3px;}
#menu-14 .spec-list .spec-li .cir{width: 7px; height: 7px; border-radius: 50%; margin-right:8px; background-color: #1B5DC1; display: inline-block;}

#menu-14 .p14-img1{background: url("/images/content/menu/p14_1.png") no-repeat center/contain; width: 80%; height: 700px; margin:0 auto}
#menu-14 .p14-img2{background: url("/images/content/menu/p14_2.png") no-repeat center/contain; width: 140px; height: 140px; margin:0 auto}
#menu-14 .p14-img3{background: url("/images/content/menu/p14_3.png") no-repeat center/contain; width: 140px; height: 140px; margin:0 auto}
#menu-14 .p14-img4{background: url("/images/content/menu/p14_4.png") no-repeat center/contain; width: 140px; height: 140px; margin:0 auto}

#menu-14 .p14-img5{background: url("/images/content/menu/p14_5.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img6{background: url("/images/content/menu/p14_6.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img7{background: url("/images/content/menu/p14_7.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img8{background: url("/images/content/menu/p14_8.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img9{background: url("/images/content/menu/p14_9.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img10{background: url("/images/content/menu/p14_10.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img11{background: url("/images/content/menu/p14_11.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}

#menu-14 .p14-img12{background: url("/images/content/menu/p14_12.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img13{background: url("/images/content/menu/p14_13.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img14{background: url("/images/content/menu/p14_14.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img15{background: url("/images/content/menu/p14_15.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}

#menu-14 .p14-img16{background: url("/images/content/menu/p14_16.png") no-repeat center/contain; width: 1300px; height: 700px; margin:0 auto}

#menu-14 .p14-img20{background: url("/images/content/menu/p14_20.png") no-repeat center/contain; width: 250px; height: 300px; margin:0 auto}
#menu-14 .p14-img21{background: url("/images/content/menu/p14_21.png") no-repeat center/contain; width: 250px; height: 300px; margin:0 auto}
#menu-14 .p14-img22{background: url("/images/content/menu/p14_22.png") no-repeat center/contain; width: 250px; height: 300px; margin:0 auto}
#menu-14 .p14-img23{background: url("/images/content/menu/p14_23.png") no-repeat center/contain; width: 250px; height: 300px; margin:0 auto}
#menu-14 .p14-img24{background: url("/images/content/menu/p14_24.png") no-repeat center/contain; width: 250px; height: 300px; margin:0 auto}
#menu-14 .p14-img25{background: url("/images/content/menu/p14_25.png") no-repeat center/contain; width: 250px; height: 300px; margin:0 auto}
#menu-14 .p14-img26{background: url("/images/content/menu/p14_26.png") no-repeat center/contain; width: 250px; height: 300px; margin:0 auto}
#menu-14 .p14-img27{background: url("/images/content/menu/p14_27.png") no-repeat center/contain; width: 250px; height: 300px; margin:0 auto}
#menu-14 .p14-img28{background: url("/images/content/menu/p14_28.png") no-repeat center/contain; width: 600px; height: 300px; margin:0 auto}

#menu-14 .p14-img29{background: url("/images/content/menu/p14_29.png") no-repeat center/contain; width: 100%; height: 380px; margin:0 auto}

/* #menu-14 > .wrap > #tab-5 > .spec-table > tbody > tr > td > .cir{width: 7px; height: 7px; border-radius: 50%; background-color: #1B5DC1;} */
.tab-5td{text-align:left !important; padding:10px 20px;vertical-align:top !important; font-size: 16px;}
.table-title{font-weight: 700; font-size: 20px; width: 100%; height: 28px; padding-left: 32px; background: url("/images/content/menu/zev_icn.png") no-repeat left center; background-size: 20px; margin: 15px 0;}
/*------------------ p15 ESS ---------------- */
#menu-15  .spec-img1{background: url("/images/content/menu/ess1.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-15  .spec-img2{background: url("/images/content/menu/ess2.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-15  .spec-img3{background: url("/images/content/menu/ess3.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-15  .spec-img4{background: url("/images/content/menu/ess4.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-15  .spec-img5{background: url("/images/content/menu/ess5.png") no-repeat center/contain; width: 343px; height: 243px;}




/* --------------------------------------meadiaquery----------------------------------------- */


/* Tablet */

@media (max-width:1100px) and (min-width:780px){

/*------------------ p2 인사말 ---------------- */
#menu-2 .wrap .p2-sec1{text-align: center;}
#menu-2 .wrap{padding: 0 20px;}
#menu-2 .wrap .p2-sec1 .hello {text-align: center; margin: 100px 0 40px; display: inline-block; position: relative; }
#menu-2 .wrap .p2-sec1 .hello h2{font-weight: 700;}
#menu-2 .wrap .p2-sec1 .hello .quote {position: absolute;}
#menu-2 .wrap .p2-sec1 .hello .quote-l {top:-30px; left:-50px;}
#menu-2 .wrap .p2-sec1 .hello .quote-r {bottom:-30px; right:80px;}
.line {width: 2px; height: 20px; margin: 30px auto; background-color: #aaaaaa;}
#menu-2 .wrap .p2-sec1 .hello_p{text-align: left !important;}
#menu-2 .wrap .p2-sec1 .hello_p .chief{margin-top: 30px; font-weight: bold;}

#menu-2 .flx{display: none; flex-wrap: none;}
#menu-2 .wrap .p2-sec2 {margin: 100px auto;}
#menu-2 .wrap .p2-sec2 > div {margin-top: 30px; width: 100%; flex: none !important; display: inline-block; }
#menu-2 .wrap .p2-sec2 > div > div{width: 100% !important; margin-bottom: 30px;}
#menu-2 .wrap .p2-sec2 > div > div > img {width: 100% !important; }
#menu-2 .wrap .p2-sec2 > div > div > ul { margin-top: 20px;}
#menu-2 .wrap .p2-sec2 > div > div > ul >li {text-align: left; padding-left: 20px; margin-top: 5px;}

#menu-2 .wrap .p2-sec3 {margin: 30px auto;}
#menu-2 .wrap .p2-sec3 > .p2-org {width:100%; height:300px;  background: url("/images/content/menu/p2_org.png") no-repeat center/contain;}

#menu-2 .wrap .p2-sec4{margin: 100px auto;}
#menu-2 .wrap .p2-sec4 > ul{width: 90%; margin: 50px auto;}
#menu-2 .wrap .p2-sec4 > ul >li{border-radius:20px;border: 6px solid #e0e0e0; padding: 20px 20px 20px 40px; margin-bottom: 40px; margin-left: 30px; position: relative;}
#menu-2 .wrap .p2-sec4 > ul >li >span{padding:10px 18px;position: absolute; top: -20px; left: -30px; color: #fff; border-radius: 50%; background-color: #1B5DC1; font-size: 22px; font-weight: 700; width: 50px; height:50px}



/*------------------ p5 오시는길 ---------------- */
#menu-5 .wrap{padding: 0 20px;}

/*------------------ p6 제품소개 ---------------- */
#menu-6 .wrap{padding: 0 20px;}
#menu-6 > .wrap> .flx{margin-bottom: 80px; }
#menu-6 > .wrap> .flx > .item {border:1px solid #ccc; width: 49%; display: inline-block; height: 630px; margin-bottom: 50px;}
#menu-6 > .wrap> .flx > .item > .img_bx > img{width: 100%;}
#menu-6 > .wrap> .flx > .item.clear {visibility: hidden;}
#menu-6 > .wrap> .flx > .item:hover{box-shadow: 5px 5px 10px 0px #ccc; transition:0.5s;}
#menu-6 > .wrap> .flx > .item .top {margin: 20px 30px; padding-bottom: 10px;  border-bottom: 1px solid #ccc; position: relative;}
#menu-6 > .wrap> .flx > .item .top .bx_tit{font-size: 20px;}
#menu-6 > .wrap> .flx > .item .top a div{background: url("/images/content/menu/arrw_line.png") no-repeat center/cover; width:28px; height: 28px; position:absolute; bottom: 15px; right: 10px;}
#menu-6 > .wrap> .flx > .item .btm {padding: 0 30px;}
#menu-6 > .wrap> .flx > .item .btm p{line-height: 160%;}

/* 서브페이지 공통 */



ul.tabs{ margin: 50px auto 0; padding: 0px; display: flex; justify-content: space-around;}
ul.tabs li{background: #F2F2F2; width: 100%; padding: 10px; text-align: center; color: #999; cursor: pointer; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 700; line-height: 180%; letter-spacing: -0.3px; border-left:1px solid #ccc}
ul.tabs li:nth-child(1){border-left: none;}
ul.tabs li.current{ background: #1B5DC1; color: #fff; box-shadow: 4px 4px 10px 2px rgba(0, 0, 0, 0.10);}
.tab-content{ display: none; padding: 15px;}
.tab-content.current{ display: inherit;}

.title-area{ width: 100%; height: auto; text-align: center; margin:100px auto 0;}
.title-area .title{ color: #1B5DC1; font-size: 36px; font-style: normal; font-weight: 700; letter-spacing: -0.8px; padding-bottom: 15px;}
.title-area .title-eng{ color: #999; font-size: 20px; font-style: normal; font-weight: 500; letter-spacing: -0.8px;}
.title-area .title-line{ width: 1px; height: 19px; padding-bottom: 10px; background: #999; margin: 10px auto;}
.title-area p{font-size: 16px;font-style: normal;font-weight: 400;line-height: 180%;letter-spacing: -0.8px;}

/* 스펙 */
.left{width: 100% !important;  display: inline-block; }
.right{width: 100% !important;  display: inline-block; padding-left: 0px; margin-top: 10px;}
.sp-right{width:49%; display: inline-block; vertical-align: top;}
.sp-left{width:49%; display: inline-block; vertical-align: top; }
.spec-bx{border: 1px solid #ccc; margin-top: 30px; position: relative; padding: 50px 100px 30px; margin-bottom: 50px; position: relative;}
.spec-sum > p:nth-child(1){ position: absolute; top: 20px; left: 30px;}
.spec-sum > p:nth-child(2){ position: absolute; top: 25px; left: 30px;}
.spec-img{margin-left: 0px; }
.spec-tit{font-size: 24px; font-weight: 700; margin: 20px 0;}
.spec-p{display: inline-block; vertical-align: middle; }
.spec-line{padding-bottom: 20px;}
.tw{width: 24px; height: 24px; padding-left: 30px; background: url("/images/content/menu/spec_icn1.png") no-repeat center left; font-weight: 700;}
.loading{width: 24px; height: 24px; padding-left: 30px; background: url("/images/content/menu/spec_icn2.png") no-repeat center left; font-weight: 700;}
.battery{width: 24px; height: 24px; padding-left: 30px; background: url("/images/content/menu/spec_icn3.png") no-repeat center left; font-weight: 700;}
.volt{width: 24px; height: 24px; padding-left: 30px; background: url("/images/content/menu/spec_icn4.png") no-repeat center left; font-weight: 700;}
.weight{width: 24px; height: 24px; padding-left: 30px; background: url("/images/content/menu/spec_icn5.png") no-repeat center left; font-weight: 700;}
.download{background-color: #1B5DC1; margin-top: 20px; border: none; width: 520px; padding:10px 30px;}
.download>p{color: #fff; display: inline-block; vertical-align: bottom;}
.download>img{margin-top: 5px; display: inline-block; vertical-align: bottom; width: 23px; margin-left: 10px;}

.specification{margin-bottom: 80px;}
.spec-table{width:100%; margin-bottom:30px; table-layout: auto;}
.spec-table > thead {border-top: 3px solid #555; border-bottom: 1px solid #555;}
.spec-table > thead > tr > th {background-color: #1B5DC1; color: #fff; text-align: center; height: 45px; vertical-align: middle; border-right: 1px solid #fff; }
.spec-table > thead > tr > th:nth-last-child(1) { border-right: none }
.spec-table > thead > tr:nth-last-child(1) {border-top: 1px solid #fff; }
.spec-table > tbody > tr:nth-child(odd){background-color: #fbfbfb;}
.spec-table > tbody > tr > td { border-right: 1px solid #ccc; height: 45px; vertical-align: middle; text-align: center; border-bottom: 1px solid #ccc; }
.spec-table > tbody > tr > td:nth-last-child(1) {border-right: none; }


/*------------------ p7 전극 ---------------- */
#menu-7  .spec-img1{background: url("/images/content/menu/p7_img.png") no-repeat center/cover; width: 343px; height: 243px;}
#menu-7 .wrap{padding: 0 20px;}

/*------------------ p8 cell ---------------- */
#menu-8 .wrap{padding: 0 20px;}
#menu-8  .spec-img2{background: url("/images/content/menu/power1.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img3{background: url("/images/content/menu/power2.png") no-repeat center/contain; width: 343px; height: 100px;}
#menu-8  .spec-img4{background: url("/images/content/menu/power3.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img5{background: url("/images/content/menu/power4.png") no-repeat center/contain; width: 343px; height: 100px;}
#menu-8  .spec-img6{background: url("/images/content/menu/energy1.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img7{background: url("/images/content/menu/energy2.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img8{background: url("/images/content/menu/energy3.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img9{background: url("/images/content/menu/energy4.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img10{background: url("/images/content/menu/energy5.png") no-repeat center/contain; width: 343px; height: 100px;}
#menu-8 > .wrap > ul.tabs{ margin: 20px auto;}
/* #menu-8 > .wrap >  ul.tabs li{font-size: 15px;display: inline-block; vertical-align: middle;} */
#menu-8 .spec-title{font-weight: 700; font-size: 22px; width: 500px; height: 28px; padding-left: 32px; background: url("/images/content/menu/zev_icn.png") no-repeat left center; background-size: 25px; margin-top:20px}


/*------------------ p13 모듈 ---------------- */
#menu-13  .spec-img1{background: url("/images/content/menu/module1.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-13  .spec-img2{background: url("/images/content/menu/module2.png") no-repeat center/contain; width: 343px; height: 243px;}

/*------------------ p14 EV ---------------- */
/* #menu-14  .spec-img1{background: url("/images/content/menu/ev1.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-14  .spec-img2{background: url("/images/content/menu/ev2.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-14  .spec-img3{background: url("/images/content/menu/ev3.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-14  .spec-img4{background: url("/images/content/menu/ev4.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-14  .spec-img5{background: url("/images/content/menu/ev5.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-14  .spec-img6{background: url("/images/content/menu/ev6.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-14  .spec-img7{background: url("/images/content/menu/ev7.png") no-repeat center/contain; width: 343px; height: 243px;} */

#menu-14 .tab-content{margin-bottom: 100px;}
#menu-14 #tab-5 .scroll{width: 100%; overflow-x: scroll;}
#menu-14 #tab-5  .scroll > table {width: 1370px !important;}
#menu-14 .spec-title{font-weight: 700; font-size: 22px; width: 500px; height: 28px; padding-left: 32px; background: url("/images/content/menu/zev_icn.png") no-repeat left center; background-size: 25px; margin: 20px 0;}
#menu-14 .spec-list{padding-left: 30px; margin-bottom: 15px;}
#menu-14 .spec-list .spec-li{margin-bottom: 3px;}
#menu-14 .spec-list .spec-li .cir{width: 7px; height: 7px; border-radius: 50%; margin-right:8px; background-color: #1B5DC1; display: inline-block;}

/* #menu-14 .p14-tab-1 .left{width: 36% !important;}
#menu-14 .p14-tab-1 .right{width: 64% !important;} */

#menu-14 .p14-img1{background: url("/images/content/menu/p14_1.png") no-repeat center/contain; width: 70%; height: 500px; margin:0 auto}
#menu-14 .p14-img2{background: url("/images/content/menu/p14_2.png") no-repeat center/contain; width: 140px; height: 140px; margin:0 auto}
#menu-14 .p14-img3{background: url("/images/content/menu/p14_3.png") no-repeat center/contain; width: 140px; height: 140px; margin:0 auto}
#menu-14 .p14-img4{background: url("/images/content/menu/p14_4.png") no-repeat center/contain; width: 140px; height: 140px; margin:0 auto}

#menu-14 .p14-img5{background: url("/images/content/menu/p14_5.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img6{background: url("/images/content/menu/p14_6.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img7{background: url("/images/content/menu/p14_7.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img8{background: url("/images/content/menu/p14_8.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img9{background: url("/images/content/menu/p14_9.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img10{background: url("/images/content/menu/p14_10.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img11{background: url("/images/content/menu/p14_11.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}

#menu-14 .p14-img12{background: url("/images/content/menu/p14_12.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img13{background: url("/images/content/menu/p14_13.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img14{background: url("/images/content/menu/p14_14.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img15{background: url("/images/content/menu/p14_15.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}

#menu-14 .p14-img16{background: url("/images/content/menu/p14_16.png") no-repeat center/contain; width: 100%; height: 400px; margin:0 auto}

#menu-14 .p14-img20{background: url("/images/content/menu/p14_20.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img21{background: url("/images/content/menu/p14_21.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img22{background: url("/images/content/menu/p14_22.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img23{background: url("/images/content/menu/p14_23.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img24{background: url("/images/content/menu/p14_24.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img25{background: url("/images/content/menu/p14_25.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img26{background: url("/images/content/menu/p14_26.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img27{background: url("/images/content/menu/p14_27.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img28{background: url("/images/content/menu/p14_28.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}

#menu-14 .p14-img29{background: url("/images/content/menu/p14_29.png") no-repeat center/contain; width: 100%; height: 300px; margin:0 auto}

/* #menu-14 > .wrap > #tab-5 > .spec-table > tbody > tr > td > .cir{width: 7px; height: 7px; border-radius: 50%; background-color: #1B5DC1;} */
.tab-5td{text-align:left !important; padding:10px 20px;vertical-align:top !important; font-size: 16px;}
.table-title{font-weight: 700; font-size: 20px; width: 100%; height: 28px; padding-left: 32px; background: url("/images/content/menu/zev_icn.png") no-repeat left center; background-size: 20px; margin: 15px 0;}
/*------------------ p15 ESS ---------------- */
#menu-15  .spec-img1{background: url("/images/content/menu/ess1.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-15  .spec-img2{background: url("/images/content/menu/ess2.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-15  .spec-img3{background: url("/images/content/menu/ess3.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-15  .spec-img4{background: url("/images/content/menu/ess4.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-15  .spec-img5{background: url("/images/content/menu/ess5.png") no-repeat center/contain; width: 343px; height: 243px;}





}/* 태블릿 종료 */




/* Mobile - Portrait */
@media (max-width:779px){


/*------------------ p2 인사말 ---------------- */
#menu-2 .wrap .p2-sec1{text-align: center;}
#menu-2 .wrap{padding: 0 20px;}
#menu-2 .wrap .p2-sec1 .hello {text-align: center; margin: 100px 0 40px; display: inline-block; position: relative; }
#menu-2 .wrap .p2-sec1 .hello h2{font-weight: 700; font-size: 25px;}
#menu-2 .wrap .p2-sec1 .hello .quote {position: absolute;}
#menu-2 .wrap .p2-sec1 .hello .quote-l {top:-30px; left:10px;}
#menu-2 .wrap .p2-sec1 .hello .quote-r {bottom:-30px; right:80px;}
.line {width: 2px; height: 20px; margin: 30px auto; background-color: #aaaaaa;}
#menu-2 .wrap .p2-sec1 .hello_p{text-align: center !important;}
#menu-2 .wrap .p2-sec1 .hello_p .chief{margin-top: 30px; font-weight: bold;}

#menu-2 .flx{display: none; flex-wrap: none;}
#menu-2 .wrap .p2-sec2 {margin: 80px auto 50px;}
#menu-2 .wrap .p2-sec2 > div {margin-top: 30px; width: 100%; flex: none !important; display: inline-block; }
#menu-2 .wrap .p2-sec2 > div > div{width: 100% !important; margin-bottom: 30px;}
#menu-2 .wrap .p2-sec2 > div > div > img {width: 100% !important; }
#menu-2 .wrap .p2-sec2 > div > div > ul { margin-top: 20px;}
#menu-2 .wrap .p2-sec2 > div > div > ul >li {text-align: left; padding-left: 20px; margin-top: 5px;}

#menu-2 .wrap .p2-sec3 {margin: 0px auto;}
#menu-2 .wrap .p2-sec3 > .p2-org {width:100%; height:150px;  background: url("/images/content/menu/p2_org.png") no-repeat center/contain;}

#menu-2 .wrap .p2-sec4{margin: 100px auto;}
#menu-2 .wrap .p2-sec4 > ul{width: 90%; margin: 50px auto;}
#menu-2 .wrap .p2-sec4 > ul >li{border-radius:20px;border: 6px solid #e0e0e0; padding: 20px 20px 20px 40px; margin-bottom: 40px; margin-left: 30px; position: relative;}
#menu-2 .wrap .p2-sec4 > ul >li >span{padding:10px 18px;position: absolute; top: -20px; left: -30px; color: #fff; border-radius: 50%; background-color: #1B5DC1; font-size: 22px; font-weight: 700; width: 50px; height:50px}



/*------------------ p5 오시는길 ---------------- */
#menu-5 .wrap{padding: 0 20px;}

/*------------------ p6 제품소개 ---------------- */
#menu-6 .wrap{padding: 0 20px;}
#menu-6 > .wrap> .flx{margin-bottom: 80px; }
#menu-6 > .wrap> .flx > .item {border:1px solid #ccc; width: 100%; display: inline-block; height: auto; margin-bottom: 50px;}
#menu-6 > .wrap> .flx > .item > .img_bx > img{width: 100%;}
#menu-6 > .wrap> .flx > .item.clear {visibility: hidden;}
#menu-6 > .wrap> .flx > .item:hover{box-shadow: 5px 5px 10px 0px #ccc; transition:0.5s;}
#menu-6 > .wrap> .flx > .item .top {margin: 20px 30px; padding-bottom: 10px;  border-bottom: 1px solid #ccc; position: relative;}
#menu-6 > .wrap> .flx > .item .top .bx_tit{font-size: 20px;}
#menu-6 > .wrap> .flx > .item .top a div{background: url("/images/content/menu/arrw_line.png") no-repeat center/cover; width:28px; height: 28px; position:absolute; bottom: 15px; right: 10px;}
#menu-6 > .wrap> .flx > .item .btm {padding: 0 30px;}
#menu-6 > .wrap> .flx > .item .btm p{line-height: 160%; margin-bottom: 30px;}


/* 서브페이지 공통 */



ul.tabs{ margin: 50px auto 0; padding: 0px; display: flex; flex-wrap: wrap; justify-content: space-around;}
ul.tabs li{background: #F2F2F2; width: 100%; padding: 10px; text-align: center; color: #999; cursor: pointer; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 700; line-height: 180%; letter-spacing: -0.3px; border-left:1px solid #ccc}
ul.tabs li:nth-child(1){border-left: none;}
ul.tabs li.current{ background: #1B5DC1; color: #fff; box-shadow: 4px 4px 10px 2px rgba(0, 0, 0, 0.10);}
.tab-content{ display: none; padding: 15px;}
.tab-content.current{ display: inherit;}

.title-area{ width: 100%; height: auto; text-align: center; margin:100px auto 0;}
.title-area .title{ color: #1B5DC1; font-size: 36px; font-style: normal; font-weight: 700; letter-spacing: -0.8px; padding-bottom: 15px;}
.title-area .title-eng{ color: #999; font-size: 20px; font-style: normal; font-weight: 500; letter-spacing: -0.8px;}
.title-area .title-line{ width: 1px; height: 19px; padding-bottom: 10px; background: #999; margin: 10px auto;}
.title-area p{font-size: 16px;font-style: normal;font-weight: 400;line-height: 180%;letter-spacing: -0.8px;}

/* 스펙 */
.left{width: 100% !important;  display: inline-block; }
.right{width: 100% !important;  display: inline-block; padding-left: 0px; margin-top: 10px;}
.sp-right{width:100%; display: inline-block; vertical-align: top;}
.sp-left{width:100%; display: inline-block; vertical-align: top; }
.spec-bx{border: 1px solid #ccc; margin-top: 30px; position: relative; padding: 30px 30px 30px; margin-bottom: 50px; position: relative;}
.spec-sum > p:nth-child(1){ position: absolute; top: 20px; left: 30px;}
.spec-sum > p:nth-child(2){ position: absolute; top: 25px; left: 30px;}
.spec-img{margin-left: 0px;  margin-top: 50px;}
.spec-tit{font-size: 20px; font-weight: 700; margin: 20px 0;}
.spec-p{display: inline-block; vertical-align: middle; }
.spec-line{padding-bottom: 20px;}
.tw{width: 24px; height: 24px; padding-left: 30px; background: url("/images/content/menu/spec_icn1.png") no-repeat center left; font-weight: 700;}
.loading{width: 24px; height: 24px; padding-left: 30px; background: url("/images/content/menu/spec_icn2.png") no-repeat center left; font-weight: 700;}
.battery{width: 24px; height: 24px; padding-left: 30px; background: url("/images/content/menu/spec_icn3.png") no-repeat center left; font-weight: 700;}
.volt{width: 24px; height: 24px; padding-left: 30px; background: url("/images/content/menu/spec_icn4.png") no-repeat center left; font-weight: 700;}
.weight{width: 24px; height: 24px; padding-left: 30px; background: url("/images/content/menu/spec_icn5.png") no-repeat center left; font-weight: 700;}
.download{background-color: #1B5DC1; margin-top: 20px; border: none; width: 520px; padding:10px 30px;}
.download>p{color: #fff; display: inline-block; vertical-align: bottom;}
.download>img{margin-top: 5px; display: inline-block; vertical-align: bottom; width: 23px; margin-left: 10px;}

.specification{margin-bottom: 80px;}
.spec-table{width:100%; margin-bottom:30px; table-layout: auto;}
.spec-table > thead {border-top: 3px solid #555; border-bottom: 1px solid #555;}
.spec-table > thead > tr > th {background-color: #1B5DC1; color: #fff; text-align: center; height: 45px; vertical-align: middle; border-right: 1px solid #fff; }
.spec-table > thead > tr > th:nth-last-child(1) { border-right: none }
.spec-table > thead > tr:nth-last-child(1) {border-top: 1px solid #fff; }
.spec-table > tbody > tr:nth-child(odd){background-color: #fbfbfb;}
.spec-table > tbody > tr > td { border-right: 1px solid #ccc; height: 45px; vertical-align: middle; text-align: center; border-bottom: 1px solid #ccc; }
.spec-table > tbody > tr > td:nth-last-child(1) {border-right: none; }


/*------------------ p7 전극 ---------------- */
#menu-7  .spec-img1{background: url("/images/content/menu/p7_img.png") no-repeat center/cover; width: 343px; height: 243px;}
#menu-7 .wrap{padding: 0 20px;}

/*------------------ p8 cell ---------------- */
#menu-8 .wrap{padding: 0 20px;}
#menu-8  .spec-img2{background: url("/images/content/menu/power1.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img3{background: url("/images/content/menu/power2.png") no-repeat center/contain; width: 343px; height: 100px;}
#menu-8  .spec-img4{background: url("/images/content/menu/power3.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img5{background: url("/images/content/menu/power4.png") no-repeat center/contain; width: 343px; height: 100px;}
#menu-8  .spec-img6{background: url("/images/content/menu/energy1.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img7{background: url("/images/content/menu/energy2.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img8{background: url("/images/content/menu/energy3.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img9{background: url("/images/content/menu/energy4.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-8  .spec-img10{background: url("/images/content/menu/energy5.png") no-repeat center/contain; width: 343px; height: 100px;}
#menu-8 > .wrap > ul.tabs{ margin: 20px auto;}
/* #menu-8 > .wrap >  ul.tabs li{font-size: 15px;display: inline-block; vertical-align: middle;} */
#menu-8 .spec-title{font-weight: 700; font-size: 19px; width: 500px; height: 28px; padding-left: 32px; background: url("/images/content/menu/zev_icn.png") no-repeat left center; background-size: 25px; margin-top:20px}


/*------------------ p13 모듈 ---------------- */
#menu-13  .spec-img1{background: url("/images/content/menu/module1.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-13  .spec-img2{background: url("/images/content/menu/module2.png") no-repeat center/contain; width: 343px; height: 243px;}

/*------------------ p14 EV ---------------- */
/* #menu-14  .spec-img1{background: url("/images/content/menu/ev1.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-14  .spec-img2{background: url("/images/content/menu/ev2.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-14  .spec-img3{background: url("/images/content/menu/ev3.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-14  .spec-img4{background: url("/images/content/menu/ev4.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-14  .spec-img5{background: url("/images/content/menu/ev5.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-14  .spec-img6{background: url("/images/content/menu/ev6.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-14  .spec-img7{background: url("/images/content/menu/ev7.png") no-repeat center/contain; width: 343px; height: 243px;} */

#menu-14 .tab-content{margin-bottom: 100px;}
#menu-14  #tab-5 .scroll{width: 100%; overflow-x: scroll;}
#menu-14 #tab-5 .scroll > table {width: 1370px !important;}
#menu-14 #tab-1 .scroll{width: 100%; overflow-x: scroll;}
#menu-14 #tab-1  .scroll > table {width: 671.3px !important;}
#menu-14 #tab-2 .scroll{width: 100%; overflow-x: scroll;}
#menu-14 #tab-2  .scroll > table {width: 800px !important;}
#menu-14 #tab-6 .scroll{width: 100%; overflow-x: scroll;}
#menu-14 #tab-6  .scroll > table {width: 1370px !important;}
#menu-14 #tab-4 .scroll{width: 100%; overflow-x: scroll;}
#menu-14 #tab-4  .scroll > div {width: 1370px !important;}
#menu-14 .spec-title{font-weight: 700; font-size: 22px; width: 500px; height: 28px; padding-left: 32px; background: url("/images/content/menu/zev_icn.png") no-repeat left center; background-size: 25px; margin: 20px 0;}
#menu-14 .spec-list{padding-left: 30px; margin-bottom: 15px;}
#menu-14 .spec-list .spec-li{margin-bottom: 3px;}
#menu-14 .spec-list .spec-li .cir{width: 7px; height: 7px; border-radius: 50%; margin-right:8px; background-color: #1B5DC1; display: inline-block;}

/* #menu-14 .p14-tab-1 .left{width: 36% !important;}
#menu-14 .p14-tab-1 .right{width: 64% !important;} */

#menu-14 .p14-img1{background: url("/images/content/menu/p14_1.png") no-repeat center/contain; width: 70%; height: 300px; margin:0 auto}
#menu-14 .p14-img2{background: url("/images/content/menu/p14_2.png") no-repeat center/contain; width: 140px; height: 140px; margin:0 auto}
#menu-14 .p14-img3{background: url("/images/content/menu/p14_3.png") no-repeat center/contain; width: 140px; height: 140px; margin:0 auto}
#menu-14 .p14-img4{background: url("/images/content/menu/p14_4.png") no-repeat center/contain; width: 140px; height: 140px; margin:0 auto}

#menu-14 .p14-img6{background: url("/images/content/menu/p14_6.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img5{background: url("/images/content/menu/p14_5.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img7{background: url("/images/content/menu/p14_7.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img8{background: url("/images/content/menu/p14_8.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img9{background: url("/images/content/menu/p14_9.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img10{background: url("/images/content/menu/p14_10.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img11{background: url("/images/content/menu/p14_11.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}

#menu-14 .p14-img12{background: url("/images/content/menu/p14_12.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img13{background: url("/images/content/menu/p14_13.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img14{background: url("/images/content/menu/p14_14.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}
#menu-14 .p14-img15{background: url("/images/content/menu/p14_15.png") no-repeat center/contain; width: 300px; height: 300px; margin:0 auto}

#menu-14 .p14-img16{background: url("/images/content/menu/p14_16.png") no-repeat center/contain; width: 1370px; height: 800px; margin:0 auto}

#menu-14 .p14-img20{background: url("/images/content/menu/p14_20.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img21{background: url("/images/content/menu/p14_21.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img22{background: url("/images/content/menu/p14_22.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img23{background: url("/images/content/menu/p14_23.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img24{background: url("/images/content/menu/p14_24.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img25{background: url("/images/content/menu/p14_25.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img26{background: url("/images/content/menu/p14_26.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img27{background: url("/images/content/menu/p14_27.png") no-repeat center/contain; width: 200px; height: 300px; margin:0 auto}
#menu-14 .p14-img28{background: url("/images/content/menu/p14_28.png") no-repeat center/contain; width: 450px; height: 300px; margin:0 auto}

#menu-14 .p14-img29{background: url("/images/content/menu/p14_29.png") no-repeat center/contain; width: 1370px; height: 400px; margin:0 auto}

/* #menu-14 > .wrap > #tab-5 > .spec-table > tbody > tr > td > .cir{width: 7px; height: 7px; border-radius: 50%; background-color: #1B5DC1;} */
.tab-5td{text-align:left !important; padding:10px 20px;vertical-align:top !important; font-size: 16px;}
.table-title{font-weight: 700; font-size: 20px; width: 100%; height: 28px; padding-left: 32px; background: url("/images/content/menu/zev_icn.png") no-repeat left center; background-size: 20px; margin: 15px 0;}
/*------------------ p15 ESS ---------------- */
#menu-15  .spec-img1{background: url("/images/content/menu/ess1.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-15  .spec-img2{background: url("/images/content/menu/ess2.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-15  .spec-img3{background: url("/images/content/menu/ess3.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-15  .spec-img4{background: url("/images/content/menu/ess4.png") no-repeat center/contain; width: 343px; height: 243px;}
#menu-15  .spec-img5{background: url("/images/content/menu/ess5.png") no-repeat center/contain; width: 343px; height: 243px;}






}/*모바일 종료*/