.customer {margin-top:80px;}
.customer .list{margin-top:60px;}
.customer .list ul{display: flex;flex-wrap: wrap;}
.customer .list ul li{display: flex;flex-wrap: wrap;justify-content: space-between;height:58px;width:100%}
.customer .list ul li{border-top:1px solid #cecfd8;font-size:16px;font-weight:400;}
.customer .list ul li .subject{width:85%;display: flex;align-items: center;padding-left:20px;}
.customer .list ul li .date{width:15%;display: flex;align-items: center;justify-content: center;}
.customer .list ul li:last-child{border-bottom:1px solid #cecfd8;}

/* .customer .list .notice{display: none;} */
.customer .list .notice li{cursor: pointer;}
.customer .list .notice li.title{border-top:1px solid #2a3482;font-size:18px;font-weight:600;cursor:auto;}
.customer .list .notice li.title .subject{justify-content: center;}

.customer .list .notice_view{display: none;}
.customer .list .notice_view ul{display: flex;flex-wrap: wrap;}
.customer .list .notice_view ul li.notice{border-top:1px solid #2a3482;width:100%}
.customer .list .notice_view ul li{display: flex;flex-wrap: wrap;justify-content: space-between;height:58px;width:100%}
.customer .list .notice_view ul li.notice .subject{width:85%;display: flex;align-items: center;padding-left:20px;color:#000;font-size:18px;font-weight:600;}
.customer .list .notice_view ul li.notice .date{width:15%;display: flex;align-items: center;justify-content: center;color:#666666;font-size:14px;font-weight:400;}
.customer .list .notice_view ul li.content{border-top:1px solid #cecfd8;min-height:390px;font-size:16px;font-weight:400;padding:40px;}

.customer .list .notice_view ul li.list div{font-size:16px;font-weight:400;padding:10px 40px}
.customer .list .notice_view ul li.list .prev{width:100%;border-top:1px solid #cecfd8;}
.customer .list .notice_view ul li.list .next{width:100%;border-top:1px solid #eaebf1;border-bottom:1px solid #cecfd8;}
.customer .list .notice_view ul li.list .btn{text-align: right;width: 100%;padding-right: 0px;}
.customer .list .notice_view ul li.list .btn a{width:84px;height:34px;background-color: #2a3482;border: 1px solid #cecfd8;display:inline-flex;color:#fff;align-items: center;justify-content: center;font-size:13px;}  

.customer .center{justify-content: center !important;align-items: center !important;height: 130px !important;}

/* .faq ul li. */

.tab {margin-top:60px;}
.tab ul{display: flex;justify-content: space-between;background-color: #cecfd8;padding:1px;}
.tab ul li{font-size:18px;font-weight:400;display:flex;width:391px;height:64px;background-color:#fff;align-items: center;justify-content: center;cursor:pointer;}
.tab ul li:nth-child(2){width:394px;}
.tab ul li.active{font-weight: bold;color:#fff;background-color:#2a3482;}

.customer .banner{margin-top:60px;}
.customer .banner ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.customer .banner ul li{width:573px;height:159px;border:1px solid #edeef5;background-size: 100% 100% !important;}
.customer .banner ul li:nth-child(1){background: url(/static/img/main/custom_bg1.jpg) no-repeat;padding:35px 0 0 46px;}
.customer .banner ul li:nth-child(2){background: url(/static/img/main/custom_bg2.jpg) no-repeat;padding:35px 0 0 46px;}
.customer .banner ul li .title{font-size:18px;font-weight:400;color:#000;}
.customer .banner ul li .time{font-size:16px;font-weight:400;color:#787878;margin:11px 0;}
.customer .banner ul li .tel{font-size:32px;font-weight:bold;color:#2a3482;}
.customer .banner ul li:nth-child(2) .title{font-size:18px;font-weight:400;color:#fff;}
.customer .banner ul li:nth-child(2) .memo{font-size:16px;font-weight:400;color:#acacac;margin:8px 0;}
.customer .banner ul li:nth-child(2) .btn a{font-size:28px;font-weight:bold;color:#fff;vertical-align: super;}

.customer .list .faq{border-top:1px solid #2a3482;width:100%;display: none;}
.customer .list .faq ul{display: flex;justify-content: space-between;}
.customer .list .faq ul li{display: flex;justify-content: space-between;height:100%;cursor:pointer;}
.customer .list .faq ul li .subject{display: flex;font-size:16px;font-weight:400;width:95%;height:58px;padding-left:40px;}
.customer .list .faq ul li .subject em{color:#2a3482;font-weight: bold;margin-right:10px;}
.customer .list .faq ul li .btn{display: flex;align-items: center;justify-content: center;width:5%;height:58px;}
.customer .list .faq ul li .content{border-top:1px solid #cecfd8;min-height:120px;padding:40px;width:100%;display: none;} 

.customer .list .qna{border-top:1px solid #2a3482;width:100%;display: none;}
.customer .list .qna ul{display: flex;justify-content: space-between;}
.customer .list .qna ul li{display: flex;justify-content: space-between;height:100%;cursor: pointer;}
.customer .list .qna ul li .subject{display: flex;font-size:16px;font-weight:400;width:70%;height:58px;padding-left:40px;}
.customer .list .qna ul li .date{display: flex;align-items: center;justify-content: center;width:15%;height:58px;font-size:14px;}  
.customer .list .qna ul li .state{display: flex;align-items: center;justify-content: center;width:15%;height:58px;font-size:14px;}
.customer .list .qna ul li .state.active{color:#b51e1d;}
.customer .list .qna ul li.title{font-weight: 600;align-items: center;font-size:18px;cursor:auto;}
.customer .list .qna ul li.title .subject{font-weight: 600;align-items: center;padding:0;width:70%;justify-content: center;font-size:18px;}
.customer .list .qna ul li.title .date{font-size:18px;}
.customer .list .qna ul li.title .state{font-size:18px;}
.customer .list .qna ul li .content{border-top:1px solid #cecfd8;min-height:120px;padding:40px;width:100%;display: none;} 
.customer .list .qna ul li .reply{background-color: #f8f8fb;padding:20px;width:100%;margin: 20px 40px;display: none;}
.customer .list .qna ul li .reply .data{color:#666666;font-size:14px;text-align: right;margin-top:30px;}
.customer .list .qna .btn{width: 100%;padding-right: 0px;z-index:10;}
.customer .list .qna .btn a{width:84px;height:34px;background-color: #2a3482;border: 1px solid #cecfd8;display:inline-flex;color:#fff;align-items: center;justify-content: center;font-size:13px;position: absolute;top: 20px;right: 0;}    

.customer .list .qna_write{border-top:1px solid #2a3482;width:100%;display: none;}
.customer .list .qna_write li.subject{width:100%;padding:0 20px;}
.customer .list .qna_write li.content{width:100%;padding:20px;height:350px;}
.customer .list .qna_write li input{border:0 solid black;font-size:18px;font-weight: 600;width:100%;height:100%;color:#666666;outline: none !important; }      
.customer .list .qna_write li textarea{border:0 solid black;font-size:16px;width:100%;height:100%;color:#666666;outline: none !important;resize: none; }
.customer .list .qna_write .btn{width: 100%;padding-right: 0px;}
.customer .list .qna_write .btn a{width:84px;height:34px;background-color: #2a3482;border: 1px solid #cecfd8;display:inline-flex;color:#fff;align-items: center;justify-content: center;font-size:13px;position: absolute;top: 20px;right: 0;} 
.customer .list .qna_write .btn .list-btn{right:95px;background-color: #fff;color: #2a3482;}  

.location{background: url(/static/img/main/location_bg5.jpg) no-repeat center #434769;}


  
@media (max-width:1024px) {		
  .customer .banner ul li{width:49%;}
}

@media (max-width:820px) {		
  
}

@media (max-width:720px) {	
  .customer .banner ul li{width:100%;}
  .customer .banner ul li:nth-child(2){margin-top: 20px;}
}

@media (max-width:480px) {	
  
}