@charset "utf-8";

.mainWrap{ width:100%; background:#e5ecf1; min-width:1180px;}
.mainWrap.open{ position:relative; top:-284px; z-index:-1;}
.mainInner{ height:895px; background:url(/images/dc/main_bg.jpg) center no-repeat;}
.main{width:1180px; margin:0 auto;}

.mainTop{ margin-bottom:10px;}
.mainBottom{ margin-bottom:18px;}
.mainTop .fr > div{ width:280px; height:280px; border-radius:5px;}

.disputeTotal{ height:580px; padding-top:140px; }
.disputeTotal h3{ color:#3e50b4; font-size:48px; line-height: 60px; margin-bottom: 20px; font-weight:800; font-family:'Nanum Square', 'Nanum Gothic';}
.disputeTotal h3 span{ color:#3e50b4; /* font-size:48px; */ font-weight:400; font-family:'Nanum Square', 'Nanum Gothic';}
.disputeTotal h3 strong{ color:#393f48; font-weight:800;}
.disputeTotal h3 strong span{ color:#393f48; font-weight:400;}
.disputeTotal p{ font-size:24px; font-weight:700; line-height:35px; color:#434a54; font-family:'Nanum Square', 'Nanum Gothic';}
.disputeTotal a{ width:160px; height:50px; background:transparent; color:#000000; border:1px solid #000; font-size:14px; text-align:center; display:block; line-height:50px; margin-top:50px;border-radius:3px; font-weight:700;}

.disputeApp{ margin-bottom:10px; background: #213787 url(/images/dc/main_dispute_app.png) center 55px no-repeat; margin-top:15px;}
.disputeInq{ background: #5267db url(/images/dc/main_dispute_inq.png) 56% 55px no-repeat;}
.disputeApp h3,
.disputeInq h3{ font-weight:800; font-size:20px; text-align:center; font-family:'Nanum Square', 'Nanum Gothic';}
.disputeApp a,
.disputeInq a{ display:block; height:100%; padding-top:160px; color:#fff;}
.disputeApp p,
.disputeInq p{ font-size:14px; line-height:1.5; text-align:center; padding-top:20px;}

.mainMiniBbs{ float:left; width:580px; height:280px; background:#fff;border-radius:5px; position:relative; overflow:hidden;}
.mainMiniBbs > ul > li{ float:left; width:50%; height:64px; background:#f0f2f5; font-size:18px; font-family:'Nanum Square', 'Nanum Gothic';}
.mainMiniBbs > ul > li.on{ background:#fff; color:#5267db;}
.mainMiniBbs > ul > li > button{ cursor:pointer; display:block; width:100%; height:100%; padding-left:45px; text-align:left; position:relative;}
.mainMiniBbs > ul > li > button a{ display:block; width:32px; height:32px; background:url(/images/dc/main_mini_more_btn.png) center no-repeat; border:1px solid #abb1b5; text-indent:-9999em; position:absolute; top:50%; right:22px; margin-top:-16px;}
.mainMiniBbs > ul > li .miniBox{ display:none;}
.mainMiniBbs > ul > li.on .miniBox{ display:block;}
.mainMiniBbs .miniFaq .miniBox{ position: absolute; top: 100px; left: 0; bottom: 0; right: 0; width: 100%; word-break:keep-all; padding-left:42px; padding-right:125px;}
.mainMiniBbs .miniFaq .miniBox strong{ font-weight:700; font-size:18px; line-height:30px; color:#000; height:55px; display:block; font-family:'Nanum Square', 'Nanum Gothic';}
.mainMiniBbs .miniFaq .miniBox p{ color:#616265; font-size:14px; line-height:24px; margin-top:10px; height:44px;}
.mainMiniBbs .miniFaq .miniBox .ell{-webkit-line-clamp:2}
.mainMiniBbs .miniFaq .miniBox .more{ color:#3e50b4; font-size:14px; text-decoration:underline; position:absolute; bottom:25px; left:42px;}
.mainMiniBbs .miniFaq .miniBox .bx-next{ border:1px solid #abb1b5; background:url(/images/dc/main_mini_next_btn.png) center no-repeat; width:32px; height:32px; display:block; position:absolute; top:0; right:25px;}
.mainMiniBbs .miniFaq .miniBox .bx-prev{ border:1px solid #abb1b5; background:url(/images/dc/main_mini_prev_btn.png) center no-repeat; width:32px; height:32px; display:block; position:absolute; top:0; right:56px;}
.mainMiniBbs .miniSusic .miniBox{ position: absolute; top: 100px; left: 0; bottom: 0; right: 0; width: 100%; padding-left:45px; padding-right:45px;}
.mainMiniBbs .miniSusic .miniBox p:after{ clear:both; content:''; display:block;}
.mainMiniBbs .miniSusic .miniBox p{ border-bottom:1px solid #f0f2f5; font-size:14px; color:#434a54; padding-bottom:10px; position:relative; padding-left:140px; margin-top:10px;}
.mainMiniBbs .miniSusic .miniBox li:first-child p{ margin-top:0;}
.mainMiniBbs .miniSusic .miniBox p span{ color:#213787; position:absolute; top:0; left:0;}
.mainMiniBbs .miniSusic .miniBox p a{ font-size:12px; color:#768082; background:url(/images/dc/main_mini_down.png) 0 0 no-repeat; float:right; padding-left: 24px; padding-top: 2px;}




/*
.disputeFmt{ background:#ffffff; width:580px; height:225px; padding-left:39px; padding-top:37px; position:relative; border:1px solid #dcdee5;}
.disputeFmt > div{ float:left;}
.disputeFmt h3{ font-size:24px; position:relative; padding-top:12px; line-height:1.3;}
.disputeFmt h3:after{ position:absolute; top:0; left:0; content:''; display:block; width:15px; height:1px; background:#000;}
.disputeFmt > ul{ float:left; margin-left:108px; margin-top:15px; width:300px;}
.disputeFmt li{ margin-bottom:13px; position:relative;}
.disputeFmt li:after{ display:block; content:''; clear:both;}
.disputeFmt li span{ color:#3e50b4; font-size:12px; float:left;}
.disputeFmt li p{ float:left;}
.disputeFmt .fmtList{ float:left;font-size:14px; margin-left:25px;}
.disputeFmt .fileDw{ background:url(/images/dc/file_down_icon.png) 0 0 no-repeat; width:17px; height:15px; text-indent:-9999em; display:block; float:right; position:absolute; top:0; right:0;}
.disputeFmt .disputeMoreBtn{ background:url(/images/dc/main_more_btn.png) 0 0 no-repeat; display:block; text-indent:-9999em; width:20px; height:20px; position:absolute; bottom:40px; left:40px;}

.mainFaq{ background:#fafaf4; width:580px; height:225px; position:relative; padding-left:39px; padding-top:37px; border:1px solid #dcdee5; border-top:none;}
.mainFaq h3{font-size:24px; position:relative; padding-top:12px; line-height:1.3;}
.mainFaq h3:after{ position:absolute; top:0; left:0; content:''; display:block; width:15px; height:1px; background:#000;}
.mainFaq .mainFaqTit{ width:100px;}
.mainFaq .mainFaqConWrap{ position: absolute; padding-left: 240px; top: 48px; left: 0;  padding-right: 70px; width:100%; height:115px;}
.mainFaq .mainFaqCon > div{ float:left; margin-top:15px; width:300px;}
.mainFaq .mainFaqCon p{ font-size:18px; line-height:1.5; margin-bottom:15px;}
.mainFaq .mainFaqCon span{ color:#616265; font-size:14px; line-height:1.5;}
.mainFaq .mainFaqBtn{ position:absolute; bottom:40px; left:40px;}
.mainFaq .mainFaqBtn .left{ background:url(/images/dc/faq_left_btn.png) 0 0 no-repeat; margin:0 10px;}
.mainFaq .mainFaqBtn .right{background:url(/images/dc/faq_right_btn.png) 0 0 no-repeat}
.mainFaq .mainFaqBtn .disputeMoreBtn{background:url(/images/dc/main_more_btn.png) 0 0 no-repeat; text-indent:-9999em; width:20px; height:20px; vertical-align:middle; display:inline-block;}
.mainFaq .mainFaqBtn .bx-next,
.mainFaq .mainFaqBtn .bx-prev{ width:12px; height:20px; text-indent:-9999em; display:block; position:absolute;}
.mainFaq .mainFaqBtn .bx-next{ background:url(/images/dc/faq_left_btn.png) 0 0 no-repeat; top:0; left:35px;}
.mainFaq .mainFaqBtn .bx-prev{background:url(/images/dc/faq_right_btn.png) 0 0 no-repeat; top:0; left:60px;}
.mainFaq .bx-viewport{ height:130px !important;}
.mainFaq .ell{-webkit-line-clamp:2;}
*/

.disputeInfo{ background:url(/images/dc/disputeInfo_bg.png); width:280px; height:280px; float:left; margin-left:20px;}
.disputeInfo h3,
.disputeSev h3{ background:#5267db; color:#fff; font-size:18px; font-weight:700; width:120px; height:120px; position:relative; padding-top:34px; padding-left:18px; line-height:1.3;border-radius:5px; font-family:'Nanum Square', 'Nanum Gothic';}
.disputeInfo h3:after,
.disputeSev h3:after{ position:absolute; top:20px; left:20px; width:16px; height:1px; background:#fff; display:block; content:'';}
.disputeInfo a,
.disputeSev a{ height:100%; display:block; padding-top:36px; padding-left:41px;}
.disputeSev{ background:url(/images/dc/disputeSev_bg.png); width:280px; height:280px; float:left; margin-left:20px;}

.newsWrap{ background:#fff ;height:575px; padding-top:60px;}
.newsWrap h3{ font-size:48px; text-align:center; margin-bottom:30px; position:relative; font-family:'Nanum Square', 'Nanum Gothic';}
.newsWrap h3:after{ position:absolute; bottom:-7px; left:50%; content:''; display:block; width:35px; height:3px; background:#5267db; margin-left:-17.5px;}
.newsWrap h3 + p{ text-align:center; font-size:18px; font-family:'Nanum Square', 'Nanum Gothic';}
.newsWrap .newsList{ width:1180px; margin: 0 auto; margin-top:50px;}
.newsWrap .newsList > div{ width:280px; height:280px; margin-left:20px; float:left; border:1px solid #768082; border-radius:5px;}
.newsWrap .newsList > div:first-child{ margin-left:0;}
.newsWrap h4{ font-weight:700; font-size:20px; margin-bottom:24px; font-family:'Nanum Square', 'Nanum Gothic';}
.newsWrap .newsBbs,
.newsWrap .sevGuide,
.newsWrap .newsDir{ padding-left:38px; padding-top:38px; position:relative;}
.newsWrap .newsBbs .newsMore,
.newsWrap .sevGuide .newsMore,
.newsWrap .newsDir .newsMore{background:url(/images/dc/main_more_btn.png) 0 0 no-repeat; text-indent:-9999em; width:20px; height:20px; vertical-align:middle; display:inline-block; position:absolute; bottom:40px; left:40px;}
.newsWrap .sevGuide p,
.newsWrap .newsDir p{ color:#616265; font-size:16px; line-height:1.5;}
.newsWrap .newsBbs{ background:#fff url(/images/dc/main_bbs_bg.png) 80% 85% no-repeat;}
.newsWrap .sevGuide{ background:#fff url(/images/dc/main_guide_bg.png) 80% 85% no-repeat;}
.newsWrap .newsDir{ background:#fff url(/images/dc/main_dir_bg.png) 80% 85% no-repeat;}
.newsWrap .newsBbs .newsBbsBtn{ position:absolute; top:38px; right:40px;}
.newsWrap .newsBbs .newsBbsBtn a{ width:12px; height:20px; text-indent:-9999em; display:block;}
.newsWrap .newsBbs .newsBbsBtn .bx-prev{ background:url(/images/dc/bbs_left_btn.png) 0 0 no-repeat; position:absolute; top:0; right:5px;}
.newsWrap .newsBbs .newsBbsBtn .bx-next{ background:url(/images/dc/bbs_right_btn.png) 0 0 no-repeat; position:absolute; top:0; left:5px;}
.newsWrap .newsBbs p{ width:230px;word-break:keep-all; line-height:1.5; font-size:16px; margin-bottom:13px; color:#616265;}
.newsWrap .newsBbs .ell{-webkit-line-clamp:2; height:45px;}
.newsWrap .newsBbs span{ color:#abb1b5; font-size:12px;}
.newsWrap .newsBanner{ background:#fff; position:relative; padding-top:41px; padding-left:40px;}
.newsWrap .newsBannerCtl a{ display:block; width:14px; height:23px; position:absolute; top:50%; margin-top:-11.5px;}
.newsWrap .bx-pager{ position:absolute; bottom:16px; right:50%; margin-right:-24.5px;}
.newsWrap .bx-pager:after{ clear:both; content:''; display:block;}
.newsWrap .bx-pager-item{ float:left; margin-left:5px;}
.newsWrap .bx-pager-item:first-child{ margin-left:0;}
.newsWrap .bx-pager-link.active{ background:url(/images/dc/news_banner_on.png) 0 0 no-repeat;}
.newsWrap .bx-pager-link{ text-indent:-9999em; background:url(/images/dc/news_banner_off.png) 0 0 no-repeat; width:13px; height:13px; display:block;}
.newsWrap .newsBannerCtl .bx-next{ background:url(/images/dc/news_banner_right.png) 0 0 no-repeat; right:15px;}
.newsWrap .newsBannerCtl .bx-prev{background:url(/images/dc/news_banner_left.png) 0 0 no-repeat; left:15px;}