@charset "utf-8";


/*** font ***/
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic-Regular.eot);
  src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Regular.woff2) format('woff2'),
       url(../font/NanumGothic-Regular.woff) format('woff'),
       url(../font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumGothic-Bold.eot);
  src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Bold.woff2) format('woff2'),
       url(../font/NanumGothic-Bold.woff) format('woff'),
       url(../font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(../font/NanumGothic-ExtraBold.eot);
  src: url(../font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(../font/NanumGothic-ExtraBold.woff) format('woff'),
       url(../font/NanumGothic-ExtraBold.ttf) format('truetype');
}

/*** base ***/
* { margin:0; padding:0; }
body { background:#ddd; }
html, body { font-family: "Nanum Gothic", sans-serif; height:100%;}
body { width:100%; height:100%; margin:0; padding:0; font-family: "Nanum Gothic", serif; font-size:12px; color:#222222; text-align:left; line-height:160%; background:#fff; }
a { text-decoration:none; color:#333; width:100%;}
h1, h2, h3, h4, img, input, div, p, ul, li { margin:0; padding:0; }
li { list-style-type:none; }
img { border:0; }
fieldset, form {  border:0; }
fieldset legend { position:absolute; left:-9999%; text-indent:-9999%; overflow:hidden; }
input, textarea, select, button { font-family: "Nanum Gothic", serif; font-size:12px; }
b {font-weight:bold;}

.del { position:absolute; left:-9999%; font-size:0; text-indent:-9999%; line-height:0; overflow:hidden;}

/* clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }


.wrapper { width:100%; background:url(../../img/mainBg.jpg) no-repeat top center;}
.header { width:100%; height:80px; background:url(../../img/headerBg.png) repeat-x left top; overflow:hidden;}
.header .logo { width:1040px; height:80px; overflow:hidden; margin:0 auto; padding:10px 0;}
.header .logo img { width:160px;}
.wrap { width:1000px; margin:40px auto 0; min-height:500px; background:#fff; padding:20px;}
.top { height:40px;background:#894c60; border:2px solid #57001d;}
ul.topMenu { height:40px;}
ul.topMenu li { width:108px; height:40px; float:left; text-align:center; border-right:2px groove #c05d80; background: #894c60;}
ul.topMenu li.active { background: #57001d;}
ul.topMenu li:last-child { border:0;}
ul.topMenu li a { display:block; width:108px; height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#fff;}
.content { padding:0;}
ul.contentList { padding:0; margin:20px 0 0; border-top:1px solid #894c60;}
ul.contentList li { width:499px; height:150px; float:left; border-bottom:1px solid #894c60; border-right:1px solid #894c60;}

ul.contentList li ul.listBox li { width:250px; height:auto; line-height:16px; padding:0 0 0 50px; float:left; text-indent:-40px; letter-spacing:-0.5px; cursor:pointer; border:0 none;}
ul.contentList li ul.listBox li.boxImg { width:199px; height:150px; overflow:hidden; text-align:center; padding:0; text-indent:-30px; }
ul.contentList li ul.listBox li.boxImg div { width:200px; height:150px; overflow:hidden; padding:0; margin:0;}
ul.contentList li ul.listBox li.boxImg img { width:260px;}
ul.contentList li ul.listBox li.boxTitle { font-size:20px; line-height:20px; letter-spacing:-1px; font-weight:bold; color:#894c60; padding:10px 5px 5px 10px; text-indent:0;}
ul.contentList li ul.listBox li.boxLink { /*width:330px; margin-top:4px;*/ font-size:12px; text-indent:-40px;}
ul.contentList li ul.listBox li.boxLink a { font-size:11px;word-break:break-all;}
ul.contentList li div.listPop { position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;
    background:rgb(0,0,0);  
    background: transparent\9;  
    background:rgba(0,0,0,0.6);  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  
    zoom: 1;
}
ul.contentList li ul.listBox li span { font-weight:bold; font-size:;}
ul.contentList li div.listPop .listPopInner { width:983px; height:660px; position:fixed; top:50%; left:50%;}
ul.contentList li div.listPop .listPopInner span { position:absolute; top:-310px; right:520px; font-size:34px; font-weight:bold; color:#fff; cursor:pointer; z-index:9999;}
ul.contentList li div.listPop .listPopInner iframe { position:absolute; top:-330px; left:-500px;  background:#ddd;}

.moreInfo {width:1000px; margin:20px auto; text-align:center;}
.moreInfo .infoBtn { width:100%; height:37px; line-height:36px; color:#fff; text-align:center; cursor:pointer;  background:#57001d; font-size:16px; font-weight:bold;}
.moreInfo .infoContent { margin-top:20px; display:none;}
.moreInfo .infoContent .infoContentInner { border-top:2px solid #57001d; border-right:1px solid #57001d; 
  border-bottom:2px solid #57001d; border-left:2px solid #57001d; border-radius:5px 5px 0 0; margin-left:;}
.moreInfo .infoContent .infoContentInner .infoTitle { height:50px; line-height:50px; background:#894c60; color:#fff; font-size:14px; font-weight:bold; }
.moreInfo .infoContent .infoContentInner ul { margin-left:1px;}
.moreInfo .infoContent .infoContentInner ul li { width:248px; height:32px; line-height:32px; float:left; font-size:13px; color:#555555; border-right:1px solid #57001D;}
.moreInfo .infoContent .infoContentInner ul li.active {background:#e5dfd5;}
.moreInfo .infoContent .infoContentInner ul li span.infoName { float:left; padding-left:15px;}
.moreInfo .infoContent .infoContentInner ul li span.infoNum { float:right; padding-right:15px;}
.moreInfo .infoContent .infoLink { width:440px; height:80px; margin:20px auto 0;}
.moreInfo .infoContent .infoLink li { float:left; margin:0 8px;}
.moreInfo .infoContent .infoLink li.goHomepage { width:236px; height:68px; line-height:68px; background:url(../../img/go_homepage.png) no-repeat 0 0; font-size:14px; font-weight:bold;}
.moreInfo .infoContent .infoLink li.goHomepage a { color:#009fe9;}

.footer { width:100%; height:150px; background:#333; font-size:11px; line-height:14px;}
.footerInner { width:1040px; height:150px; margin:0 auto; color:#fff;}
.footerInner a { color:#fff;}
.footerInner .footerLogo { width:140px; height:110px; padding-top:40px; float:left; text-align:center; margin-right:20px;}
.footerInner .footerLogo img { width:120px;}
.footerInner ul.copy1 { width:880px; float:left; margin-bottom:14px; margin-top:20px;}
.footerInner ul.copy1 li { float:left; margin:0 20px 0 0;}
.footerInner ul.copy2 { width:880px; float:left; margin-bottom:14px;}