@charset "utf-8";

@import url('reset.css');

html, body { height: 100%; margin:0 auto; background-color: #4D4D4D;}
body { margin-bottom:2px; }

/**  gnb  ********/
#gnb{background:white repeat-x; width:100%; height:100px; position:relative; z-index: 11;   display: flex; flex-direction: row; align-items:center}
#gnb .area {  min-width:1280px; position:relative; margin:0 auto; z-index:1; height:100px; background-color:#fff; }
#gnb .area:after { content:""; display:block; clear:both; }
#gnb .area h1 a { display:block; height:100px; width:264px; float:left; text-indent:-5000px; background:url(/images/common/front/top_logo.png) no-repeat left center;  }

#gnb .area .menu { list-style:none; float:right; width: 1016px;}
#gnb .area .menu li { height: 100px; width: 100px; display:inline-block; /* padding:0 70px 0 70px; */ padding-left: 150px;}
#gnb .area .menu a { line-height:100px; display:inline-block; font-size:18px; color:#5B5B58; font-weight:550;}
#gnb .area .util { float:right; list-style:none; padding-top:40px; margin-right:10px; }
#gnb .area .util li { display:inline-block; padding-left:15px; }
#gnb .area .util li a { display:inline-block; font-size:12px; color:#676767; line-height:20px; }
#gnb .area .util li strong a { display:inline-block; font-size:12px; color:#676767; line-height:20px; padding-right:15px; background:url(/images/common/arrow_lang.gif) no-repeat right top; font-weight:normal; }
#gnb .area .util .lang { position:absolute; right:0; top:62px; border-top:2px #ccc solid; display:none; }
#gnb .area .util .lang li { display:block; width:75px; background:#fff; font-size:12px; line-height:28px; color:#676767; border:1px #dedede solid; border-width:0 1px 1px 1px; }
#gnb .area .util .lang li:hover { background:#f5f5f5; }

#gnb .gnbActive{width:100%; background:white repeat-x center bottom; padding-bottom:10px; position:absolute; top:-500px; left:0; min-height:190px; z-index:0; }
#gnb .gnbActive .menuWrap{width:100%; max-width: 1280px; min-width: 1280px; margin:0 auto; position:relative; border-top:1px solid #eeeeee; /* margin-top:-15px; */}
#gnb .gnbActive .menuWrap>ul:nth-of-type(1){margin-left: 385px;}
#gnb .gnbActive .menuWrap>ul:nth-of-type(2){margin-left: 640px;}
#gnb .gnbActive .menuWrap>ul:nth-of-type(3){margin-left: 60%;}
#gnb .gnbActive .menuWrap>ul:nth-of-type(4){margin-left: 1150px;}
#gnb .gnbActive .menuWrap .twoDepth{width:20%; padding:15px 0; display:none;}
#gnb .gnbActive .menuWrap .twoDepth.overview{width:100%; position:relative; }
/* #gnb .gnbActive .menuWrap .twoDepth.overview:{width:50%; position:relative; } */
#gnb .gnbActive .menuWrap ul{ min-height:200px}

#gnb .gnbActive .menuWrap .twoDepth.overview li{display:block; position:absolute; }
#gnb .gnbActive .menuWrap .twoDepth.overview li.no1 { left:0; top:15px; }
#gnb .gnbActive .menuWrap .twoDepth.overview li.no2 { left:0; top:55px; }
#gnb .gnbActive .menuWrap .twoDepth.overview li.no3 { left:0; top:95px; }
#gnb .gnbActive .menuWrap .twoDepth.overview li.no4 { left:0; top:135px; }
#gnb .gnbActive .menuWrap .twoDepth.overview li.no5 { left:0; top:175px; }
#gnb .gnbActive .menuWrap .twoDepth.overview li.no6 { left:50%; top:15px; }
#gnb .gnbActive .menuWrap .twoDepth.overview li.no7 { left:50%; top:55px; }
#gnb .gnbActive .menuWrap .twoDepth.overview li.no8 { left:50%; top:95px; }
#gnb .gnbActive .menuWrap .twoDepth.overview li.no9 { left:50%; top:135px; }
#gnb .gnbActive .menuWrap .twoDepth li a{display:block; font-size:14px; color:#444; line-height:20px; padding:10px 0 10px 25px; letter-spacing: 0.5px;}
#gnb .gnbActive .menuWrap .twoDepth li a.on,#gnb .gnbActive .menuWrap .twoDepth li a:hover{color:#fff; font-weight:bold; background:no-repeat right center #676057; width:126px;}
#gnb .gnbActive .menuWrap .twoDepth li a.long.on,#gnb .gnbActive .menuWrap .twoDepth li a.long:hover{color:#fff; font-weight:bold; background:no-repeat right center #676057; width:200px;}

#gnb .gnbActive .menuWrap .threeDepth{width:20%; padding:15px 0; border-right:1px solid #e9e9e9; position:absolute; left:20%; top:0; display:none;}
#gnb .gnbActive .menuWrap .threeDepth li a.on,#gnb .gnbActive .menuWrap .threeDepth li a:hover{color:#fff; font-weight:bold; background:url(/images/common/threeDepthOver.gif) no-repeat right center #555555;}

#gnb .gnbActive .menuWrap .fourDepth{width:100%; padding:15px 0; border-right:1px solid #e9e9e9; position:absolute; left:100%; top:0; display:none;}
#gnb .gnbActive .menuWrap .fourDepth li a.on,#gnb .gnbActive .menuWrap .fourDepth li a:hover{color:#fff; font-weight:bold; background:#555555;}

#gnb .gnbActive .bannerWrap{width:40%; position:absolute; right:0; top:0; height:100%; min-height:240px;}
#gnb .gnbActive .bannerWrap div{float:left; width:49%;height:100%;}
#gnb .gnbActive .bannerWrap .title1{font-size:13px; color:#666; font-weight:bold; margin:30px 0 0 30px;}
#gnb .gnbActive .bannerWrap .banner1 .title2{font-size:17px; color:#b08757; margin-top:10px; font-weight:bold; margin-left:30px;}
#gnb .gnbActive .bannerWrap .banner2 .title2{font-size:17px; color:#f29c20; margin-top:10px; font-weight:bold; margin-left:30px;}
#gnb .gnbActive .bannerWrap .txt{ line-height:18px; font-size:13px; color:#666; margin-top:15px; margin-left:30px;}
#gnb .gnbActive .bannerWrap a{ font-size:14px; color:#333; font-weight:bold; line-height:20px; background:url(/images/common/gnbBannerBtn.png) no-repeat 59px 24px; margin-top:11px; display:inline-block; margin-left:30px;}
#gnb .gnbActive .bannerWrap .banner1{ border-right:1px solid #e9e9e9; background:url(/images/common/gnbBanner1.png) no-repeat 177px 150px;}
#gnb .gnbActive .bannerWrap .banner2{ background:url(/images/common/gnbBanner2.png) no-repeat 177px 150px;}




/**  footer  ********/
/* #footer{ width:100%; min-width:960px; height:130px; background:#fff; border-top:2px #777 solid; position:relative; z-index:100; } */
#footer{ width:100%; min-width:960px; height:100px; background:#fff; border-top:1px #d0d0d0 solid; position:relative; z-index:100; background-color: rgb(77,77,77);}
.mainPage #footer{ border-top: none;}
#footer .top{ width:100%; height:44px; border-bottom:1px #dedede solid; cursor:pointer; }
#footer .area { width:100%; max-width:1260px; margin:0 auto; }
#footer .area:after { content:""; display:block; clear:both; }
#footer .area .news { float:left; margin-left:10px; }
#footer .area .news dt,
#footer .area .news dd { display:inline-block; vertical-align:middle; }
#footer .area .news dd { padding-left:20px; }
#footer .area .news dd.title { width:380px; height:44px; overflow:hidden; }
#footer .area .news dd.date { font-size:13px; color:#767676; line-height:44px; }
#footer .area .news dd a { font-size:14px; color:#444; line-height:44px; }
#footer .area .news dd a:hover { text-decoration:underline; }
#footer .area .news dd.title ul { list-style:none; width:380px; }
#footer .area .news dd.title ul li { height:44px; line-height:44px; }
#footer .area .news dd.title ul li a { width:300px; overflow:hidden; }
#footer .area .news dd.title ul li .date { float:right; font-size:13px; color:#767676; line-height:44px; }
#footer .area .menu { float:right; margin-right:10px; }
#footer .area .menu li { display:inline-block; vertical-align:middle; padding-right:35px; }
#footer .area .menu li a { font-size:13px; color:#666; font-weight:bold; line-height:44px; }
#footer .area .newsBtn { float:left; margin-left:50px; margin-top:11px; width: 49px; height:22px; background:url(../images/common/footArrow_line.gif) no-repeat center center; }
#footer .area .newsBtn a { cursor:pointer; }
#footer .area .newsBtn a.prev { float:left; }
#footer .area .newsBtn a.next { float:right; }
#footer .copy { width:100%; max-width:1260px; min-width:960px; margin:0 auto; }
#footer .copy .info { padding-top: 25px; margin-left:10px; }
/* #footer .copy .info dt { width:113px; display:inline-block; font-size:13px; color:#b12a1c; font-weight:bold; } */
#footer .copy .info dt {padding-right:20px;display:inline-block; font-size:13px; color:#b12a1c; font-weight:bold; min-height: 100px;}
#footer .copy .info dd { font-size:13px; color:#fff; padding:0 10px 0px 40px; display:inline-block; background: url(/images/common/copy_bar.gif) no-repeat 0 2px; line-height: 20px; }
#footer .copy .info dd a { font-size:13px; color:#555; font-weight:bold; }
#footer .copy .info dd.bar { background:url(/images/common/copy_bar.gif) no-repeat 0 2px }
#footer .copy address { padding:8px 0 0 136px; display:block; font-size:12px; color:#767676; font-style:normal; }

#footer a.pageTop { position:fixed; left:50%; margin-left:650px;}

.green{font-weight:bold;color:#43b344}
.purple{font-weight:bold; color:#7b55c4;}
.blue{font-weight:bold; color:#00c5b4;}
.yellow {font-weight:bold; color:#edba00;}
.black{ color:#333; font-weight:bold;}


/***********  sitemap  ********/
/* #sitemap { width:100%; height:100%; position:fixed; left:0; top:0; z-index:99999999; display:none;}
#sitemap #contents_wrap{position: absolute; left:50%; top:50%; z-index:99999999; width:940px; height:1000px; margin:-285px 0 0 -470px;}
#sitemap #contents_wrap .title{position: relative;width:940px; height:70px; background:#222222}
#sitemap #contents_wrap .title h3 {position: absolute; left:0}
#sitemap #contents_wrap .title a{ display:block; position:absolute; right:0; width:70px; height:70px; text-indent:-999999px; background:url(/images/sitemap/close.gif) no-repeat center center}

#sitemap #contents_wrap .contents{ background:#fff; height:100%; overflow-y:scroll; min-height:500px;}
#sitemap #contents_wrap .contents .depth1{ width:820px; margin:0 auto; padding: 50px 0; border-top:1px #ddd solid; }
#sitemap #contents_wrap .contents .noLine { border-top:0; }

#sitemap #contents_wrap .contents .lastDepth { list-style:none; margin-top:25px; }
#sitemap #contents_wrap .contents .lastDepth:after { content:""; display:block; clear:both; }
#sitemap #contents_wrap .contents .lastDepth li { list-style:none; line-height:14px; font-size:14px; color:#666; margin-top:15px; border-left:1px #d0d0d0 solid; padding-left:10px; }
#sitemap #contents_wrap .contents .lastDepth li a { color:#666; }

#sitemap #contents_wrap .contents .depth2 { margin-top:40px; }
#sitemap #contents_wrap .contents .depth2:after { content:""; display:block; clear:both; }
#sitemap #contents_wrap .contents .depth2 .no1 { width:629px; border-right:1px #ececec solid; float:left; }
#sitemap #contents_wrap .contents .depth2 .no2,
#sitemap #contents_wrap .contents .depth2 .no3 { float:right; width:160px; }
#sitemap #contents_wrap .contents .depth2 .no3 { margin-top:190px; }

#sitemap #contents_wrap .contents .depth3:after { content:""; display:block; clear:both; }
#sitemap #contents_wrap .contents .depth3 p { font-size:14px; color:#666; font-weight:bold; margin-top:30px; line-height:20px; }
#sitemap #contents_wrap .contents .depth3 > li.left { width: 203px; min-height: 287px; float:left; }
#sitemap #contents_wrap .contents .depth3 > li.left1 { width: 191px; float:left; }
#sitemap #contents_wrap .contents .depth3 > li.left2 { width: 179px; float:left; }
#sitemap #contents_wrap .contents .depth3 > li.clear { clear:both; }

#sitemap #contents_wrap .contents .depth3 .lastDepth { margin-top:20px; }

#sitemap #contents_wrap .contents .col2:after { content:""; display:block; clear:both; }
#sitemap #contents_wrap .contents .col2 .colLeft { width:400px; float:left; }
#sitemap #contents_wrap .contents .col2 .colRight { width:400px; float:right; }

#sitemap #contents_wrap .contents .noLine .lastDepth li { float:left; width:125px; }

#sitemap #bg{ width:100%; height:100%; background-color:#000;	-moz-opacity: 0.5;	opacity:.50;	filter: alpha(opacity=50);position: absolute; left:0; top:0; z-index:0;}
 */