@charset "utf-8";
/* CSS Document */

ul.resp-tabs-list, p {margin: 0px;padding: 0px;}
.resp-tabs-list li {padding:11px 25px 4px 25px;margin:0 15px 0 0;display: inline-block;float: left;font-family: 'HyundaiSansHeadOffice';font-size:22px;color:#ffffff;font-weight:400;list-style:none;cursor:pointer;border-top-left-radius:12px;border-top-right-radius:12px;background-color:#3ecd59;border: 1px solid #c1c1c1;}

.resp-tabs-container {clear: left;padding: 0px;/*background-color: #fff;*/}
h2.resp-accordion {cursor: pointer;padding: 5px;display: none;}
.resp-tab-content {display: none;padding:1px 0 0 0;}
.resp-tab-active {margin-bottom: -1px !important;border: 1px solid #c1c1c1;  border-bottom:none;}
.resp-tab-active {font-family: 'HyundaiSansHeadBold' !important; color:#ffffff;background-color:#009846 !important;border-bottom: none;}
.resp-content-active, .resp-accordion-active {display: block;}
.resp-tab-content { /*border: 1px solid #c1c1c1;*/ }
h2.resp-accordion {margin:0px;padding:10px 15px;border:1px solid #c1c1c1;border-top:0px solid #c1c1c1;font-size:20px;background-color:#3ecd59;}
h2.resp-tab-active {margin-bottom:0px !important;padding:10px 15px !important;border-bottom:0px solid #c1c1c1 !important;color:#ffffff;}
h2.resp-tab-title:last-child {border-bottom:12px solid #c1c1c1 !important;background:blue;}

/*-----------Vertical tabs-----------*/

.resp-vtabs ul.resp-tabs-list {width: 30%;float: left;}
.resp-vtabs .resp-tabs-list li {display: block;padding: 15px 15px !important;margin: 0;cursor: pointer;float: none;}
.resp-vtabs .resp-tabs-container {width: 68%;min-height: 250px;padding: 0px;float: left;background-color: #fff;border: 1px solid #c1c1c1;border-radius: 4px;clear: none;}
.resp-vtabs .resp-tab-content {border: none;}
.resp-vtabs li.resp-tab-active {position: relative;margin-right: -1px !important;padding:14px 15px 15px 14px !important;z-index:1;border:1px solid #c1c1c1;border-right:none;background-color:#ffffff;}
.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 5px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 12px solid #ffffff;
}

h2.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 12px solid #ffffff;
}

/*-----------Accordion styles-----------*/

h2.resp-tab-active {background-color:#009846 !important;}
.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }
.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
.resp-jfit {width: 100%;margin: 0px;}
.resp-tab-content-active { display: block; }
h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important; }


@media only screen and (max-width: 768px) {
ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: block; }
.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }
.resp-vtabs .resp-tabs-container {width: 100%;min-height: initial;float: none;border: none;clear: none;}
.resp-accordion-closed { display: none !important; }
.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important;}
}

@media only screen and (max-width: 1280px) {
.resp-tabs-list li {padding:9px 22px 4px 22px;margin:0 15px 0 0;font-size:20px;}
}
@media only screen and (max-width: 1024px) {
.resp-tabs-list li {padding:8px 20px 4px 20px;margin:0 10px 0 0;font-size:18px;}
}
@media only screen and (max-width: 851px){
.resp-tabs-list li {padding:8px 20px 4px 20px;margin:0 10px 0 0;font-size:16px;}
}