.Gyeonggi {font-family: 'GyeonggiTitleM';}


.source {font-size: 15px; color: #222;}
.source span::before {display: inline-block; width: 18px; height: 18px; background: url(/images/sub/notice.png) no-repeat center; background-size: 100%; content: ''; margin-right: 5px; vertical-align: middle; margin-top: -2px;}
.source.right {text-align: right;}
.source.center {text-align: center;}
@media (max-width:1024px) {
    .source {
        font-size: 13px;
    }
}
@media (max-width:480px) {
    .source {
        font-size: 11px;
    }
}

.sub_contents_container {background: #f5f5f5; padding: 80px 0; padding-top: 150px;}
.sub_contents_container::before {position: absolute; top: 0; left: 0; height:490px; width: 100%; content: ''; background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_contents_container#sub01::before {background-image:url("/images/sub/sub01_visual.jpg");}

.sub_contents_container .contents {position: relative; width: 1300px; margin: 0 auto;}

@media (max-width:1300px) {
    .sub_contents_container .contents {
        width: 95%;
    }
}
@media (max-width:1024px){
    .sub_contents_container .contents {
        width: 100%;
    }
    .sub_contents_container::before {
        height: 280px;
    }
}
@media (max-width:480px){
    .sub_contents_container {
        padding-top: 120px;
    }
    .sub_contents_container::before {
        height: 240px;
    }
}


.img_0306 {width:50%;  margin:50px auto;}
@media (max-width:767px) {
.img_0306 {width:100%;} 	
}

#page_title {margin-bottom: 20px;}
#page_title h3 {font-size: 45px; color: #fff; font-weight: 600}
#page_title h3 span {font-family: 'GyeonggiTitleM'; font-size: 21px; font-weight: 400; padding-left: 15px; vertical-align: unset;}

#sub_locationDrop {width: 100%; height: 60px; position: relative; z-index: 9;}
#sub_locationDrop ul.sub_dropdown-menu {float:left; height:100%;}
#sub_locationDrop ul.sub_dropdown-menu>li {position:relative; float:left; width:321.25px; height:100%; box-sizing:border-box; transition:0.3s; text-align: center; border-radius: 5px 5px 0 0; margin-right: 5px; background: #fff;}
#sub_locationDrop.length4 ul.sub_dropdown-menu>li {width: 321.25px;}
#sub_locationDrop ul.sub_dropdown-menu>li:first-of-type {background: #233385;}
#sub_locationDrop ul.sub_dropdown-menu>li:last-of-type {margin-right: 0}
#sub_locationDrop ul.sub_dropdown-menu>li>span {position:relative; display:block; width:100%; height:100%; color:#111; font-size:17px; box-sizing:border-box; padding:15px 20px; cursor:pointer;}
#sub_locationDrop ul.sub_dropdown-menu>li:first-of-type span {color: #fff;}
#sub_locationDrop ul.sub_dropdown-menu>li>span::after {position:absolute; right:20px; top:50%; margin-top:-7px; width:13px; height:14px; background-image:url("/images/btn/arrow-down.png"); background-size:100%; background-repeat:no-repeat; content:''; transform: rotate(0);}
#sub_locationDrop ul.sub_dropdown-menu>li:first-of-type>span::after {background-image:url("/images/btn/arrow-down-w.png");}
#sub_locationDrop ul.sub_dropdown-menu>li.on span::after {transform: rotate(-180deg);}
#sub_locationDrop ul.sub_dropdown-menu>li a {display:block; width:100%; height:100%; color:#636363; font-size:.944rem; box-sizing:border-box; padding:0 20px; text-decoration:none; font-size: 15px;}
#sub_locationDrop ul.sub_dropdown-menu li ul {display:none; position:absolute; left:0; top:60px; width:100%; background:#fafafa; border:1px solid #e0e0e0; box-sizing:border-box; padding:10px 0}
#sub_locationDrop ul.sub_dropdown-menu li ul li {position: relative; float:none; width:100% !important; padding: 10px 0}
#sub_locationDrop ul.sub_dropdown-menu li ul li:hover {background:none;}
#sub_locationDrop ul.sub_dropdown-menu li ul li:hover a {color:#3368ba !important;}
#sub_locationDrop ul.sub_dropdown-menu li ul li a { color: #333; }
#sub_locationDrop ul.sub_dropdown-menu li ul li span.ready_text {display: none; color: #3368ba;}
#sub_locationDrop ul.sub_dropdown-menu li ul li span.menu_name {color: #333;}
#sub_locationDrop ul.sub_dropdown-menu li ul li:hover span.menu_name {display: none;}
#sub_locationDrop ul.sub_dropdown-menu li ul li:hover span.ready_text {display: block;}
#sub_locationDrop ul.sub_dropdown-menu li ul li ul { left: 100%; top: 0;}

@media (max-width:1300px) {
    #sub_locationDrop ul.sub_dropdown-menu {
        width: 100%;
    }

    #sub_locationDrop ul.sub_dropdown-menu > li {
        width: 24.7%;
        margin-right: 0.4%;
    }
}

@media (max-width:1024px){
    #page_title h3 {
        font-size: 38px;
        padding-left:30px;
    }
    #sub_locationDrop ul.sub_dropdown-menu li ul li a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width:767px) {
    #page_title h3 {
        font-size: 26px;
        padding-left: 30px;
    }
    
    #sub_locationDrop ul.sub_dropdown-menu > li {
        text-align:left;
    }
    #sub_locationDrop ul.sub_dropdown-menu > li > span {
        font-size: 14px;
        padding:0 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #sub_locationDrop ul.sub_dropdown-menu > li > span::after {
        right: 10px;
        margin-top: -5px;
        width: 10px;
        height: 10px;
    }
}

@media (max-width:480px){
    #sub_locationDrop {
        height: 40px;
    }
    #sub_locationDrop ul.sub_dropdown-menu li ul {
        top: 40px;
    }
    #sub_locationDrop ul.sub_dropdown-menu > li {
        width: 25%;
        border-right: 1px solid #ccc;
        margin-right: 0;
    }

    #sub_locationDrop ul.sub_dropdown-menu > li:last-of-type {
        border-right:0;
    }

    #sub_locationDrop ul.sub_dropdown-menu > li > span {
        font-size: 13px;
        padding: 0 6px;
        line-height: 40px;
    }

    #sub_locationDrop ul.sub_dropdown-menu > li > span::after {
        right: 5px;
        margin-top: -5px;
        width: 10px;
        height: 10px;
    }
    
    #sub_locationDrop ul.sub_dropdown-menu li ul li {
        padding: 4px 0;
    }
    
    #sub_locationDrop ul.sub_dropdown-menu > li a {
        padding: 0 10px;
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #page_title h3 {
        font-size: 23px;
        padding-left: 10px;
    }
}

#main_container {background: #fff; box-sizing: border-box; padding:70px 50px; overflow: hidden;}
#main_container p.extra_big_text {font-size: 50px; font-weight: 700; color: #233385; line-height: 1.3; margin: 15px 0; letter-spacing: -1px;}
#main_container p.extra_big_text span {font-weight: 300; letter-spacing: -1px;}
#main_container p.mid_text {font-size: 23px; font-weight: 700;}
#main_container p.small_text {font-size: 19px; color: #212121; font-weight: 500;}
#main_container p.small_text.nomal {font-weight: 400; color: #333}

@media (max-width:1300px) {
    #main_container {
        padding: 40px 30px;
    }
    #main_container>img{
        width:100%;
    }
}

@media (max-width:1024px){
    #main_container {
        padding: 30px 10px;
    }
    #main_container p.extra_big_text {
        font-size: 44px;
        margin: 10px 0;
    }
    #main_container p.mid_text {
        font-size: 20px;
    }
    #main_container p.small_text {
        font-size: 17px;
    }
}

@media (max-width:768px){
    #main_container p.small_text {
        font-size: 15px;
    }
    #main_container p.extra_big_text {
        font-size: 28px;
        margin: 4px 0;
    }
    #main_container p.mid_text {
        font-size: 17px;
    }
    #main_container p.small_text {
        font-size: 15px;
    }
}

ul.depth3_snb {width: 100%; display: flex; margin: 50px 0;}
ul.depth3_snb li {width: 195px; height: 60px; background: #f1f1f1; text-align: center; line-height: 60px; color: #fff; margin-right: 10px; float: left;}
ul.depth3_snb li a {display: block; color: #555; line-height: 60px;}
ul.depth3_snb li.on {color: #fff; background: #233385;}
ul.depth3_snb li.on a {color: #fff;}
ul.depth3_snb.non-title {margin: 20px 0 0 0}

.page_top_text {margin-bottom: 100px;}
.page_top_text.mb50 {margin-bottom: 50px;}
.page_top_text p {font-size: 18px; color: #4a4a4a; line-height: 1.5;}
.page_top_text p.mid_text {color: #212121}

@media (max-width:1300px){
    .page_top_text p {
        font-size: 17px;
    }
}
@media (max-width:1024px){
    .page_top_text p {
        font-size: 15px;
    }
}
@media (max-width:768px){
    .page_top_text p {
        font-size: 13px;
    }
}




/*기본 게시판*/
#bbs_wrapper {width: 100%;}
.bbs_list {width: 100%; border-top: 1px solid #ddd;}
.bbs_list .bbsBox {width: 100%; display: table;  border-bottom: 1px solid #ddd; table-layout: fixed;}
.bbs_list .bbsBox div {display: table-cell; padding: 40px 0; font-size: 16px; color: #747474; text-align: center; vertical-align: middle;}
.bbs_list .bbsBox .num {width: 10%}
.bbs_list .bbsBox .category {font-weight: 600; color: #0075bf; width: 10%;  font-size: 19px;}
.bbs_list .bbsBox .title {text-align: left; width: 65%; box-sizing: border-box; padding-left: 30px;  font-size: 19px;}
.bbs_list .bbsBox .title a {color: #212529; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.bbs_list .bbsBox .title a:hover {color: #0075bf;}
.bbs_list .bbsBox .date {width: 15%}
.bbs_list .bbsBox.notice {}
.bbs_list .bbsBox.notice .num {font-weight: 600; color: #0075bf;}
.bbs_list .bbsBox.notice .title {font-weight: 600;}

.bbs_list.has_writer {}
.bbs_list.has_writer .bbsBox .title {width:50%}
.bbs_list.has_writer .bbsBox .name {width: 15%}
.bbs_list.has_writer .bbsBox .date {width: 15%}

.bbs_list.qna .bbsBox .title {width:65%}
.bbs_list.qna .bbsBox .name {width: 10%}
.bbs_list.qna .bbsBox.reply {background: #fafafa;}
.bbs_list.qna .bbsBox.reply .num img {width: 25px}
.bbs_list.qna .bbsBox.reply .title {font-weight: 600}


@media screen and (max-width: 980px) {
    .page_top_text{
        margin-bottom: 20px;
    }
    .page_top_text.mb50 {
        margin-bottom: 20px;
    }
	.bbs_list .bbsBox {display: block; position: relative; box-sizing: border-box; padding-left: 70px; padding-top: 20px; padding-bottom: 20px; overflow: hidden;}
	.bbs_list .bbsBox div { padding: 0;}
	.bbs_list .bbsBox .num {position: absolute; top: 50%; margin-top: -12px; left: 0; width: 70px; display: block;}
	.bbs_list .bbsBox .title {padding-left: 0; width: 100%; font-size: 16px;}
	.bbs_list .bbsBox .category {width: auto; text-align: left; font-size: 16px; padding-right: 10px; font-weight: 500;}
	.bbs_list .bbsBox .date {width: auto; text-align:left; display: block;}
	
	.bbs_list.has_writer .bbsBox .title {width: auto;}
	.bbs_list.has_writer .bbsBox .name {width: auto; display: block; float: left; font-size: 14px; padding-right: 10px;}
	.bbs_list.has_writer .bbsBox .date {width: auto; float: left; font-size: 14px;}
	
	
	.bbs_list.qna .bbsBox.reply .num img {width: 17px;}
}

@media screen and (max-width: 768px) {
	.bbs_list .bbsBox {padding-left: 55px; padding-top: 10px; padding-bottom: 10px;}
	.bbs_list .bbsBox div {display: block;}
	.bbs_list .bbsBox .num {font-size: 15px; width: 55px;}
	.bbs_list .bbsBox .title {font-size: 14px;}
	.bbs_list .bbsBox .category {font-size: 13px;}
	.bbs_list .bbsBox .date {font-size: 13px;}
	.bbs_list .bbsBox .name {font-size: 13px;} 
}



/*갤러리형게시판*/
.gallery_list_wrap {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 2px solid #000; padding: 60px 0 40px 0; border-bottom: 1px solid #ddd;}
.gallery_list_wrap .gallery_box {width: 48%; margin-bottom: 2em; }
.gallery_list_wrap .gallery_box .pics {width: 100%; height: 300px; border-radius: 10px; overflow: hidden; position: relative; transition: .3s;}
.gallery_list_wrap .gallery_box .pics img {width: 100%; height: 100%; object-fit: cover;}
.gallery_list_wrap .gallery_box .info {width: 100%; padding: 25px 0;}
.gallery_list_wrap .gallery_box .info p {}
.gallery_list_wrap .gallery_box .info p.title {font-size: 21px !important; font-weight: 600; color: #212529 !important; transition: .3s;}
.gallery_list_wrap .gallery_box .info p.date {font-size: 15px !important; color: #747474; margin-top: 10px;}
.gallery_list_wrap .gallery_box .info p.date span {color: #212529; font-weight: 500; padding-right: 15px;}
.gallery_list_wrap .gallery_box:hover .pics {box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.gallery_list_wrap .gallery_box:hover .info p.title {color: #0075bf !important;}


@media screen and (max-width: 980px) {
	.gallery_list_wrap .gallery_box {width: 49%;}
	.gallery_list_wrap .gallery_box .pics {height: 240px;}
	.gallery_list_wrap .gallery_box .info {padding: 20px 0}
	.gallery_list_wrap .gallery_box .info p.title {font-size: 17px !important; }
	.gallery_list_wrap .gallery_box .info p.date {margin-top: 2px;}
}



@media screen and (max-width: 768px) {
	.gallery_list_wrap .gallery_box {width: 100%; margin-left: 0}
	.gallery_list_wrap .gallery_box .pics {min-height: 200px; max-height: 230px; height: auto;}
	.gallery_list_wrap .gallery_box .info {padding: 15px 0}
	.gallery_list_wrap .gallery_box .info p.date {font-size: 14px !important;}
}


/*페이징*/
#paging {width: 100%; display: flex; justify-content: center; margin-top: 50px; flex-wrap: wrap;}
#paging a {display:block; width: 35px; height: 35px; border-radius: 100%; text-align: center; line-height: 35px; font-size: 15px; color: #212529; margin: 0 5px;}
#paging a.on {background: #0075bf; color: #fff;}
#paging a.btn {text-indent: -99999px; border: 1px solid #ddd; background-position: center; background-repeat: no-repeat;}
#paging a.btn.first {background-image: url("/images/btn/bbs_paging_first.jpg");}
#paging a.btn.prev {background-image: url("/images/btn/bbs_paging_prev.jpg");}
#paging a.btn.next {background-image: url("/images/btn/bbs_paging_next.jpg");}
#paging a.btn.last {background-image: url("/images/btn/bbs_paging_last.jpg");}

@media screen and (max-width: 980px) {
	#paging {margin: 30px 0 60px 0}
	#paging a {width: 25px; height: 25px; line-height: 25px; margin: 0 2px; font-size: 14px;}
	#paging a.btn {background-size: 45%;}
}

@media screen and (max-width: 768px) {
	#paging a {font-size: 13px;}
}

#search_ver2 {width: 100%; display: flex; justify-content: space-between; margin-bottom: 25px;}
#search_ver2 #resutl_shop_num {margin-bottom: 0; padding-top: 25px; background-position: top 27px left;}
#search_ver2 #search {width: 360px; position: relative;}
#search_ver2 #search input[type="text"] {width: 100%; height: 60px; background: #f5f5f5; border-radius: 5px; border: 0; font-size: 16px; padding: 0 10px; box-sizing: border-box; padding-right: 70px;}
#search_ver2 #search button {position: absolute; top: 0; right: 0; width: 60px; height: 60px; background:url("/images/btn/search.png") no-repeat center; background-size: 25px; text-indent: -99999px;}
#resutl_shop_num {background: url("/images/btn/alert.png") no-repeat top 3px left; background-size:17px; padding-left: 23px; font-size: 17px; color: #6b7786; margin-bottom: 15px;}
#resutl_shop_num strong {color: #0075bf;}


/*연혁*/
.history_wrap {width: 100%; display: flex; margin: 70px 0}
.history_pic-slider {width:45%; overflow: hidden; max-height: 410px; min-width: 547px;}
.history_pic-slider .swiper-slide {box-sizing: border-box; border: 1px solid #dedede;}
.history_pic-slider .swiper-slide img {width: 100%;}
.history_pic-slider .swiper-slide span {position: absolute; bottom: 0; left: 0; width: 100%; padding:15px 10px; font-size: 14px; color: #fff; text-align: center; z-index: 1
; background: rgba(0,0,0,0.5);}
.history_list {width: 55%;}
.history_list img{width: 100%;}
.history_wrap:nth-of-type(odd) {flex-direction: row-reverse;}


@media (max-width:1300px){
    .history_pic-slider {
        width: 50%;
        min-width: inherit;
        max-height: 390px;
    }
    .history_list {
        width: 50%;
    }
}
@media (max-width:1024px) {
    #resutl_shop_num {
        font-size: 15px;
        margin-bottom: 15px;
    }

    #search_ver2 #search {
        width: 280px;
        position: relative;
    }
}
@media (max-width:768px) {
    .history_wrap {
        display: block;
        margin: 40px 0
    }

    .history_pic-slider {
        width: 100%;
        min-width: inherit;
        max-height: inherit;
    }

    .history_list {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
    
    .history_list img{
        width: 90%;
    }
}

@media (max-width:480px) {
    #resutl_shop_num {
        font-size: 13px;
    }

    #search_ver2 #resutl_shop_num {
        padding-top: 5px;
        background-position: top 5px left;
    }

    #search_ver2 #search {
        width: 180px;
        position: relative;
    }

    #search_ver2 #search input[type="text"] {
        height: 30px;
        font-size: 12px;
        padding-right: 40px;
    }

    #search_ver2 #search button {
        width: 30px;
        height: 30px;
        background-size: 16px;
    }
}


/*경영이념*/
.sub01_04-con li{
    border: 6px solid #ddd;
}
.sub01_04-con li h4{
    padding:4px;
    margin-bottom: 8px;
    font-size: 17px;
    font-weight: 900;
    color: #222;
}
.sub01_04-con li p{
    padding:2px;
    font-size: 17px;
    font-weight: 700;
    color: #222;
}

@media (max-width:1024px){
    .sub01_04-con li h4 {
        font-size: 15px;
        font-weight: 700;
    }

    .sub01_04-con li p {
        font-size: 15px;
        font-weight: 500;
    }
}

@media (max-width:768px) {
    .sub01_04_con li {
        border: 6px solid #ddd;
    }
    .sub01_04-con li h4 {
        font-size: 13px;
        padding: 2px;
        margin-bottom: 4px;
    }

    .sub01_04-con li p {
        font-size: 13px;
    }
}


/*R&D 특허*/

.sub01_06-con li img{
    width:100%;
}

@media (max-width:768px) {

    .sub01_06-con li {
        margin-bottom: 10px;
    }

}

/*Network*/
.sub01_07-tel{
}

.sub01_07-tel p{
    position: relative;
    display: inline-block;
    padding-left: 38px;
    line-height: 30px;
    margin-right: 12px;
}

.sub01_07-tel p:after{
    display: block;
    position: absolute;
    top:0;
    left: 0;
    width:30px;
    height:30px;
    background-position: center;
    background-size: contain;
    content: '';
}

.sub01_07-tel p.tel:after{
    background-image: url('/images/sub/sub01_07-icon1.png');
}
.sub01_07-tel p.email:after{
    background-image: url('/images/sub/sub01_07-icon2.png');
}



/*셀 리튬이온전지*/














/*서브섹션 기본*/
.sub_section {width: 100%; padding-top: 70px; margin-top: 70px; border-top: 1px solid #ddd;}
.sub_section.first {margin-top: 0; border-top: 0; padding-top: 0}
.sub_section_title {}
.sub_section_title p {font-size: 17px; color: #333; margin-bottom: 10px; word-break: break-all;}
.sub_section_title p.mid_text {color: #233385;}
.sub_section_title p.big_text {font-size: 27px; font-weight: 700; color: #212121;}

.conBox{
    position: relative;
    width:100%;
    overflow: hidden;
    padding-bottom: 30px;
    list-style: none;
}
.conBox li{
    float: left;
    text-align: center;
    padding: 20px 0;
}

.conBox.len3 li{
    width:32%;
    margin-right: 2%;
}

.conBox.len4 li{
    width:23.5%;
    margin-right: 2%;
}

.conBox.len5 li{
    width:18%;
    margin-right: 2.5%;
}

.conBox.len3 li:nth-of-type(3n){
    margin-right:0;
}

.conBox li:last-of-type{
    margin-right:0;
}

.conBox li img{
    width:100%;
}


@media (max-width:1300px) {
    .sub_section_title p {
        font-size: 16px;
    }
    .sub_section_title p.big_text {
        font-size: 23px;
    }
}
@media (max-width:1024px) {
    .sub_section_title p {
        font-size: 14px;
    }
    .sub_section_title p.big_text {
        font-size: 20px;
    }
}
@media (max-width:768px) {
    .sub_section_title p {
        font-size: 12px;
    }

    .sub_section_title p.big_text {
        font-size: 17px;
    }

    .conBox {
        padding-bottom: 0;
    }

    .conBox li {
        float: none;
        width: 70% !important;
        margin: 0 auto !important;
        margin-bottom: 10px !important;
        padding: 10px 0;
    }

    .conBox li:last-of-type {
        margin-right: auto !important;
    }
}

.inner_section {margin: 50px 0;}
.inner_section img{
    width:100%;
}


.img_wrap {margin: 50px 0}
.img_wrap.mt20 {margin-top:20px;}
.img_wrap.pc_img {display: none;}
.img_wrap.m_img {display: block;}
.img_wrap img {width: 100%;}

/*회사소개 상세*/
.img_wrap.sub01_01-map{border: 1px solid #ddd; background-color: #fafafa; text-align: center;}
.img_wrap.sub01_01-map img{width:60%;}

@media (min-width:767px) {
    .img_wrap.pc_img {
        display: block;
    }

    .img_wrap.m_img {
        display: none;
    }
	
	
}

@media (max-width:768px) {

    .img_wrap.sub01_01-map {
        border: 0;
        background-color: inherit;
    }

    .img_wrap.sub01_01-map img {
        width: 100%;
    }
}

.mt40 {clear:both; margin-top:40px !important}
.txt_wrap {padding: 30px;  border:1px solid #d9d9d9;}
.txt_wrap p { color:#000}
.flex_box {
    display: flex;
    flex-wrap: wrap;
}
.flex_align_cnt {
    align-items: center;
}
.jobs_detail_ess li {
    padding: 0.75rem 0;
    font-size: 16px;
}
.jobs_detail_ess span {
    width: 10rem;
    color: #666;
}
.jobs_detail_ess strong {
    font-weight: 400;
    width: calc(100% - 10rem);
}
@media (max-width:768px) {
.jobs_detail_ess li {
  
    font-size: 12px;
}
.txt_wrap p {font-size: 12px;}

}
.table_title {position: relative; font-size:19px; color: #212121; font-weight: 600; padding-left: 25px;}
.table_title::after {position: absolute; top: 7px; left: 0; width: 10px; height: 10px; border: 5px solid #b885b9; content: ''; border-radius: 100%}


/*테이블*/
.table_overflow {margin-top: 30px; overflow:auto;}
.table_overflow.has-title {margin-top: 10px; overflow:auto;}
table.basic_table {width:100%; min-width: 800px; border-right: 1px solid #ddd;}
table.basic_table tr th, table.basic_table tr td {text-align: center; font-size: 17px; height: 70px; border-bottom: 1px solid #ddd; box-sizing: border-box; border-left: 1px solid #ddd; padding: 10px 20px; line-height: 1.4;}
table.basic_table thead tr th {background: #283678; color: #fff; font-weight: 500;}
table.basic_table tbody tr th {background: #fafafa;}
table.basic_table tbody tr td {background: #fff; color: #3a3a3a; font-weight: 400;}
table.basic_table.small-type tr th, table.basic_table.small-type tr td {font-size: 17px;}
table.basic_table.ver2 {border-top: 1px solid #ddd;}
table.basic_table.ver2 tbody tr th {background: #283678; color: #fff;}
table.basic_table.ver2 tbody tr td.gary {background: #fafafa;}
table.basic_table td.left {text-align: left;}
table.basic_table thead th.red {background: red;}
table.basic_table thead th.green {background: #51d511;}

p.table_notice {font-size: 13px; text-align: right; padding-top: 5px;} 

.feauture_list {list-style: none; padding-left: 0; margin-left: 0}
.feauture_list li {position: relative; padding-left: 35px; box-sizing: border-box; font-size: 17px; margin: 5px 0;}
.feauture_list li span.num {position: absolute; top: -2px; left: 0; width: 27px; height: 27px; border-radius: 100%; text-align: center; line-height: 27px; font-weight: 600; font-size: 13px; background: #233385; color: #fff;}

@media (max-width:1024px){
    table.basic_table tr th,
    table.basic_table tr td {
        font-size: 15px;
        height: 50px;
        padding: 5px 10px;
    }

    table.basic_table.small-type tr th,
    table.basic_table.small-type tr td {
        font-size: 15px;
    }

    table.basic_table {
        min-width: 700px;
    }

    .feauture_list li {
        font-size: 15px;
        padding-left: 25px;
    }

    .feauture_list li span.num {
        top: 2px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 13px;
    }
}

@media (max-width:768px){
    table.basic_table tr th,
    table.basic_table tr td {
        font-size: 13px;
        height: 40px;
        padding: 4px 8px;
    }
    table.basic_table.small-type tr th,
    table.basic_table.small-type tr td {
        font-size: 12px; padding: 5px;
    }
    /*table.basic_table {
        min-width: 400px;
    }*/
    .feauture_list li {
        font-size: 13px;
        padding-left: 22px;
    }

    .feauture_list li span.num {
        top: 2px;
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 11px;
    }
}