@charset "utf-8";


.logo {top:18px}
.mainMenu li {width:180px}
.mainMenu li a {width:160px}
.mainMenu li a:after {left:73px}
.mainMenu li a:hover:after {left:73px}
.mainMenu li a.nowOn:after {left:73px}
.mainMenu li a.nowOn.on:after {left:73px}

.submenu {font-size:12px}
.submenu > ul > li:first-child > ul {width:170px}
.submenu > ul > li > ul {width:186px}
.submenuWrap {height:275px}
.submenu > ul > li:after {height:250px}
.address p {float:left;margin-right:10px}
.address div {margin-top:20px}
.leftMenu {font-size:12px;width:185px}
.leftMenu > li > ul > li > a {font-size:10px}

.pageTitle {font-size:20px}


.datacont .part1 {width:453px;height:55px;float:left;margin-right:20px;background:#fcbd88;box-sizing:border-box;padding:20px}
.datacont .part2 {width:350px;height:55px;float:left;margin-right:20px;background:#89c997;box-sizing:border-box;padding:20px 25px;}
.datacont .part2 li {margin-right:40px}
.datacont .part3 {width:216px;height:55px;float:left;background:#97caf9;box-sizing:border-box;padding:20px 10px}
.datahead {background:#e4e4e4;width:100%;height:65px;margin-bottom:40px}
.datahead .part1 {width:453px;height:65px;float:left;margin-right:20px;box-sizing:border-box;}
.datahead .part2 {width:350px;height:65px;float:left;margin-right:20px;box-sizing:border-box;}
.datahead .part3 {width:216px;height:65px;float:left;box-sizing:border-box;}
.datahead ul {width:135px;height:65px;border-top:2px solid #838383;border-bottom:2px solid #838383;box-sizing:border-box;font-size:12px;margin:0 auto;padding:5px 0 ;}
.datahead .part3 ul {width:190px}
.datahead .part1 ul li {padding-left:20px;line-height:25px;color:#848484; position: relative;}
.datahead .part1 ul li:before {content: ""; position: absolute; background: url("../images/css_sprites.png") no-repeat -220px -204px; top: 10px; left: 10px; width: 5px; height: 5px;}
.datahead .part2 ul li {line-height:12px;font-size:10px;margin-right:20px; position: relative;}
.datahead .part2 ul li:before { content: ""; position: absolute; background: url("../images/css_sprites.png") no-repeat -220px -204px; top: 5px; left: 5px; width:5px; height:5px;}
.datahead .part3 ul li {padding-left:20px;line-height:25px;background:url("../images/bul_dot2.gif") no-repeat 10px 10px ;color:#848484; position: relative;}
.datahead .part3 ul li:before { content: ""; position: absolute; background: url("../images/css_sprites.png") no-repeat -220px -204px; top: 0px; left: 0px; width: 5px; height: 5px;}
.datahead .part1:after {content:"";background:url("../images/datacont_arrow1.gif") no-repeat 0 0;position:absolute;top:65px;left:214px;width:18px;height:27px}
.datahead .part2:after {content:"";background:url("../images/datacont_arrow2.gif") no-repeat 0 0;position:absolute;top:65px;left:169px;width:18px;height:27px}
.datahead .part3:after {content:"";background:url("../images/datacont_arrow3.gif") no-repeat 0 0;position:absolute;top:65px;left:100px;width:18px;height:27px}
.dbsystem > div ul li {width:150px}
.dbsystem .stp04 ul li {width:180px}
.datacont ul:after {left:220px}
.datacont ul.part2:after {left:175px}
.datacont ul.part3:after {left:105px}
.dbsystem > div:before {left:47%}
.dbsystem .stp04 ul li:nth-child(2) {padding-top:40px}
.dbsystem .dbsystem_title {width:52px}
.dbsystem .stp01 {background:url("../images/bg_stp01_en.png") no-repeat 5px 5px #fff;}
.dbsystem .stp02 {background:url("../images/bg_stp02_en.png") no-repeat 5px 5px #fff;}
.dbsystem .stp03 {background:url("../images/bg_stp03_en.png") no-repeat 5px 5px #fff;}
.dbsystem .stp04 {background:url("../images/bg_stp04_en.png") no-repeat 5px 5px #fff;}
.dbsystem > div ul {margin-top:40px}
.dbsystem > div {height:90px}
.dbsystem .stp04 {height:180px}
.dbsystem .stp04 {font-size:11px}

.radioBox label {font-size:12px;padding-left:20px;color:#838383;cursor:pointer;font-weight:bold; position: relative; display: inline-block; padding-top: 4px;}
.radioBox label:before{ content: ""; background: url("../images/css_sprites.png") no-repeat -186px -204px; position: absolute; top:4px; left:0; width:14px; height:14px;}

/* header */
.headerWrap {width:100%; position: relative;}
.headerWrap .headerTopWrap { width:1280px; height:70px; margin:0 auto;}
.headerWrap .headerLogoWrap:after { content: ""; clear: both; display: block;}
/* header-top */
.headerTopWrap .headerLogoWrap { float: left; margin-top:15px;}
.headerTopWrap .headerLogoWrap .epsis_logo { float: left; position: relative; padding-right:20px; margin-top: 7px; }
.headerTopWrap .headerLogoWrap .epsis_logo:after { content: ""; position: absolute; top:0; right: 0; width:1px; height: 25px; background-color: #999;}
.headerTopWrap .headerLogoWrap .goverment_logo { float: left; padding-left:20px;}
.headerTopWrap .topMenu { float: right; margin-top:15px;}
.headerTopWrap .topMenu .topmenuList { float: left; margin-top:12px; margin-right:15px; }
.headerTopWrap .topMenu .topmenuList li { float: left;}
.headerTopWrap .topMenu .topmenuList li a { display: block; font-size: 12px; color:#666; padding:0px 10px; position: relative;}
.headerTopWrap .topMenu .topmenuList li a:after { content: ""; position: absolute; top:3px; right:0; width:1px; height:9px; background-color:#666 ;}
.headerTopWrap .topMenu .headSearch { float: left;  position: relative;}
.headerTopWrap .topMenu .headSearch:after { content: ""; clear: both; display: block;}
.headerTopWrap .topMenu .headSearch input { width:270px; height:40px; padding:0 20px; box-sizing: border-box; border:2px solid #006bb7; border-radius: 50px; font-size: 12px; }
.headerTopWrap .topMenu .headSearch button { position: absolute; top:9px; right:15px; width:22px ;height:20px; text-indent: -9999px; background: url("../images/css_sprites.png") no-repeat -274px -274px; border:0 none;}
/* header-menu */
.headerWrap .headerMenuWrap { width:100%; height:64px; font-size: 17px; line-height:25px; background-color: #0d4c99;}
.headerWrap .headerMenuWrap .headerMenu { width:1280px; margin: 0 auto;}
.headerWrap .headerMenuWrap .headerMenu:after { content: ""; clear: both; display: block;}
.headerWrap .headerMenuWrap .headerMenu li { display:table; float: left;}
.headerWrap .headerMenuWrap .headerMenu li a { display: table-cell; position: relative; width:182px; height:64px; color:#fff; font-size: 16px; text-align: center; vertical-align: middle; }
.headerWrap .headerMenuWrap .headerMenu li:nth-child(8) a{ box-sizing: border-box; text-align: center;}
.headerWrap .headerMenuWrap .headerMenu > li:last-child > a:after { display: none; }
.headerWrap .headerMenuWrap .headerMenu li a:after { content: ""; position: absolute; top:24px; right:0; width:1px; height:15px; background-color: #486ea0;}
.headerWrap .headerMenuWrap .headerMenu li a.nowOn { background-color:#ffa92f; font-weight: bold;}
.headerWrap .headerMenuWrap .headerMenu li a.on {background-color:#4977c1;}
.headerGnbWrap {position: absolute; top:134px; left:0px;  width:100%; background-color: #fff; border-bottom: 4px solid #0d4c99; display: none; z-index: 999; }
.headerGnbWrap .headerGnbMenu { width:1280px; margin:0 auto;}
.headerGnbWrap .headerGnbMenu > li { float: left; width:182px; height:275px; position: relative; padding:18px 0px; box-sizing: border-box;}
.headerGnbWrap .headerGnbMenu > li:after { content:""; position: absolute; top:0; left:0; width:1px; height:275px; background-color:#dadada;}
.headerGnbWrap .headerGnbMenu > li:hover, .headerGnbWrap .headerGnbMenu > li.on { background-color: #deedff;}
.headerGnbWrap .headerGnbMenu > li.nowOn { background-color: #fff4e4;} 
.headerGnbWrap .headerGnbMenu > li:hover a { font-weight: bold;}
.headerGnbWrap .headerGnbMenu > li > ul > li > a { padding:2px 5px;}
.headerGnbWrap .headerGnbMenu > li > ul > li > a:hover { background-color: #c1c1c1; color:#fff}
.headerGnbWrap .headerGnbMenu > li.nowOn > ul > li > a.on { color:#0d4c99; font-weight: bold; }
/* .headerGnbWrap .headerGnbMenu > li:nth-child(6) { width:146px;}
.headerGnbWrap .headerGnbMenu > li:nth-child(8) { width:134px;}
.headerGnbWrap .headerGnbMenu > li:nth-child(9) { width:146px;} */
.headerGnbWrap .headerGnbMenu li a { display:block; font-size:13px; color:#9c9a9a}

/* main */
.mainContWrap_1 { width:100%; height:687px; padding:35px 0 30px; box-sizing: border-box; background: url("../images/main_bg_eng.png") no-repeat center center;}
.mainContWrap_1 .content1 { width: 1280px; margin:0 auto; }
.mainContWrap_1 .content1 .graphChartWrap { width:100%; height:364px; margin-top:258px; }
.mainContWrap_1 .content1 .graphChartWrap > div { width:407px; height:364px; padding:20px 15px;  box-sizing:border-box; float:left; margin-left:30px; background-color: #e8eff6;}
.mainContWrap_1 .content1 .graphChartWrap > div:first-child { width:406px; margin-left:0;}
.mainContWrap_1 .content1 .graphChartWrap .chartTitle {  padding-bottom:10px; margin-bottom:5px; border-bottom: 2px solid #87a5c8; }
.mainContWrap_1 .content1 .graphChartWrap .chartBox { width:100%; height:288px;}
.mainContWrap_1 .content1 .graphChartWrap .chartTitle p { font-size: 16px; color:#333; font-weight: 700; }
.mainContWrap_1 .content1 .graphChartWrap .chartTitle p span { text-align: right; font-size: 13px; color:#0d4c99; float: right; margin-top: 2px;}

/* main(icon) */
.mainContWrap_1.mIcon { height:635px; background: url("../images/main_bg_eng.png") no-repeat center center;}

.mainInfoGraph { display:table; table-layout: fixed; width:1280px; margin-top: 338px; box-sizing: border-box; background-color:#fff; }
.mainInfoGraph .infoIcon { display: table-cell; padding:31px 0; text-align: center; border-right:1px solid #dfdfdf; }
.mainInfoGraph .infoIcon:last-child { border-right:0 none;}
.mainInfoGraph .infoIcon .info-icon img { margin:0 auto; }
.mainInfoGraph .infoIcon .info-unit { margin-top: 15px; font-size: 30px; line-height: 30px; font-weight: bold; }
.mainInfoGraph .infoIcon .info-unit span { margin-left:15px; font-size:24px; line-height: 24px; font-weight: bold; }
.mainInfoGraph .infoIcon .info-tit { margin-top:15px; font-size:20px; line-height: 20px; font-weight: bold; color: #9d9d9d;}