@charset "utf-8";
/*font*/
@font-face {
    font-family: "NanumGothic";
    src: url('../font/NanumGothic.eot') format('eot');
    src: url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
        url('../font/NanumGothic.woff') format('woff');
}

@font-face {
    font-family: "NanumGothicBold";
    src: url('../font/NanumGothicBold.eot') format('eot');
    src: url('../font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
        url('../font/NanumGothicBold.woff') format('woff');
}
/*basic level*/
html,body {margin:0;padding:0;font-family:"Nanumgothic",arial,Sans-serif;box-sizing:border-box}
p,h1,h2,h3,h4,h5,h6,blockquote {margin:0;padding:0;font-size:14px;}
em {font-style:normal}
a, a:link, a:active, a:hover {font-style:normal;text-decoration:none;color:#333}
ul, dl, ol {margin:0;padding:0}
li, dd {margin:0;padding:0;list-style:none;}
address {font-style:normal}
table {width:100%}
table, th, td {border:1px solid #333;border-collapse:collapse;border-spacing:0;padding:0;margin:0}
button {display:block;font-family: "Nanumgothic"} /** display:block - html5 inline **/
img {border:none;display:block} /** display:block - html5 inline **/
fieldset {border:0;margin:0;padding:0}
input,button {vertical-align:middle}
button, input[type=button] {cursor:pointer}
caption {display:none}
input[type=checkbox], input[type=radio] {margin:3px}

/*err-page*/
.errWrap {border-top:27px solid #0d4c99}
.errWrap img {display:inline}
.errMsg {width:870px;margin:0 auto;margin-top:60px}
.msgTop {border-bottom:1px solid #dedede;text-align:center;padding:10px 0;}
.msgBody .icon {text-align:center;padding:30px 0}
.msgBody .msgBox {width:570px;margin:0 auto;margin-bottom:50px;overflow:hidden}
.msgBody .msgBox .big {font-size:18px;font-weight:bold;color:#373737;margin-bottom:20px;}
.msgBody .msgBox .nor {font-size:16px;color:#7e7e7e;margin-bottom:10px;}
.msgBody .btnArea {width:425px;margin:0 auto;overflow:hidden;display:block}
.msgBody .btnArea button {display:inline-block;width:200px; height:43px;margin-right:15px;font-size:12px;line-height:14px;border:2px solid #ebebeb;border-radius:2px;background:#7faee7;color:#fff;}
.msgBody .btnArea button:last-child {margin-right:0}
.msgBody .btnArea button.white {background:#fff;color:#474747;}

/*magicnumber*/
.tc {text-align:center !important}
.mt40 {margin-top:40px !important}
.mb0 {margin-bottom:0px !important}

/*  skipNavi */
.skipNavi{position:absolute; left:0; top:-1000px; width:100%; height:0px; z-index:1000; line-height:0px; font-size:0px;}
.skipNavi a{display:block; text-align:center; width:100%; line-height:0px; font-size:0px;}
.skipNavi a:focus, .skipNavi a:hover, .skipNavi a:active {position:absolute; left:0px; top:1000px; padding:8px 0;  display:block; height:20px; background:#20262c; font-size:12px; font-weight:bold; line-height:18px; color:#fff;}

/*sub layout*/
html, body {height:100%}
.allWrap {min-height:100%;min-width:1280px;position:relative}
.headWrap {width:100%;height:100px;border-bottom:5px solid #0d4c99;}
.head {width:1280px;margin:0 auto;overflow:hidden}
.bodyWrap {width:100%;padding-bottom:100px;/*footer ���� + bottom���� */}
.bodyWrap.onlymain {padding-bottom:80px;}
.body {width:1280px;margin:0 auto;overflow:hidden;padding-top:40px;}
.leftMenuWrap {width:220px;float:left;margin-top:2px}
.cont {width:1060px;float:left}
.footerWrap {width:100%;position:absolute;bottom:0;left:0;border-top:1px solid #999}
.footer {width:1280px;margin:0 auto;height:80px;position:relative}
.footer:before { content: ""; position: absolute; background: url("../images/css_logo_sprites.png") no-repeat -15px -235px; top: 13px; left: 0px; width:91px; height: 54px; }
.bannerWrap {width:100%;background:#e0e0e0;border-bottom:9px solid #0068b7;margin-top:13px}
.siteBannerWrap {width:100%;background:#fff;}

.mainMenu_wrap {float:left;position:relative;width:100%;height:78px}
.logo {position:absolute;top:19px;left:0;width:252px}
.logo a, .logo img {width:100%;}
.mainMenu {position:absolute;right:0;top:0;height: 68px;}
.mainMenu li {width:115px;height:100%;display:inline-block;text-align:center;font-size:18px;color:#999;font-family:"Nanumgothic",arial,Sans-serif;font-weight:bold;overflow:hidden;}
.mainMenu li a {width:109px;display:block;float:left;height:100%;line-height: 63px;position:relative;}
.mainMenu li a.on {color:#0d4c99 !important;}

.mainMenu li a.nowOn {color:#ffa92f;}
.mainMenu li a.nowOn:after {content:"";display:block;width:10px;height:10px;background: url("../images/css_sprites.png") no-repeat -279px -168px;position:absolute;top: 47px;left:50px;}
.mainMenu li a.nowOn.on:after {content:"";display:block;width:10px;height:10px;background: url("../images/css_sprites.png") no-repeat -279px -140px !important;position:absolute;top:47px;left:50px}
.mainMenu li a.active {color:#0d4c99;}
.mainMenu li a.active:after {content:"";display:block;width:10px;height:10px;background: url("../images/css_sprites.png") no-repeat -279px -140px;position:absolute;top:53px;left:50px}
.mainMenu li:after {content:"";display:block;width:1px;height:15px;float:right;background:#999;margin-top: 23px;}
.mainMenu li:last-child:after {display:none}

.globalWrap {width:100%;background:#0d4c99}
.globalArea {width:1280px;margin:0 auto;height:37px;overflow:hidden}
.glMenuWrap {float:right;overflow:hidden}
.glMenu {float:left;margin-top:8px;margin-right:5px}
.glMenu li {display:inline-block;font-size:12px;position:relative;margin-right:8px;font-family:arial,Sans-serif;}
.glMenu li a {color:#fff;letter-spacing:-1px}
.glMenu li:after {content:"";display:block;width:1px;height:10px;background:#999;position:absolute;bottom:2px;right:-6px}
.menuSrh {float:left;position:relative;display:block;width:222px;height:30px;margin-top:1px}
.menuSrh input {position:absolute;top:5px;left:0;width:222px;height:24px;font-size:12px;padding-left:5px;box-sizing:border-box}
.menuSrh button {position:absolute;top:6px;right:0;border:none;width:23px;height:22px;;text-indent:-999999px;border:none; background-color: #dcdcdc; }
.menuSrh button:after { content: ""; position: absolute; background: url("../images/css_sprites.png") no-repeat -246px -10px #dcdcdc; width: 13px; height: 16px; top: 3px; left: 5px;}


.submenuWrap {width:100%;height:244px;position:absolute;left:0;top:100px;border-bottom:2px solid #0d4c99;background:#fff;display:none;z-index:200;border-top:5px solid #0d4c99;}
.submenu {width:1280px;height:100%;margin:0 auto;overflow:hidden;font-size:13px;}
.submenu > ul {overflow:hidden;height:100%;float:right;box-sizing:border-box}
.submenu > ul > li {float:left;height:100%;position:relative;margin-right:-1px}
.submenu > ul > li:after {content:"";display:block;width:1px;height:220px;background:#dadada;position:absolute;top:13px;left:0px}
.submenu > ul > li.on {background:#deedff !important}
.submenu > ul > li.nowOn {background:#fff4e4}
.submenu > ul > li > ul {width:121px;height:100%;padding:18px 0px 18px 0px;box-sizing:border-box;}
.submenu > ul > li > ul >li {margin:0;padding:2px 0 2px 8px}
.submenu > ul > li:first-child > ul {width:125px;}
.submenu > ul > li.on a {font-weight:bold}
.submenu a {color:#9c9a9a;display:block;letter-spacing:-1px}
.submenu a.on {color:#0d4c99;font-weight:bold}
.submenu li:hover {background:#c1c1c1}
.submenu ul > li > ul > li:hover a {color:#fff;}

.main {padding-bottom:20px;border-bottom:4px solid #e0e0e0;overflow:hidden;}
.zone_head {float:left;width:805px;margin-right:15px;position:relative;height:630px;border-bottom:4px solid #e0e0e0;}
.zone_head:after {display:block;content:"";width:1px;height:620px;background:#bbbbbb;position:absolute;top:0;right:-8px}
.zone_head .slideView {margin-bottom:20px;overflow:hidden}
.zone_head .sumData {position:relative;overflow:hidden;width:100%;height:240px}
.zone_head .sumData table {position:absolute;top:250px;left:0}
.zone_head .sumData table.on {top:0}

.zone_foot {float:left;width:460px;height:630px;border-bottom:4px solid #e0e0e0;}
.secTitle_type1 {border-bottom:3px solid #c4c4c4;font-size:20px;color:#4f4f4f;padding-bottom:13px;font-weight:bold;overflow:hidden}
.secTitle_type1 em {float:right;font-size:12px;margin-top:7px}
.secTitle_type1 span {font-size:12px;color:#0d4c99}
.secTitle_type2 {position: relative;border-bottom:1px solid #c4c4c4;font-size:14px;color:#4f4f4f;padding-left:10px;padding-bottom:10px;font-weight:bold;overflow:hidden; margin-top:5px}
.secTitle_type2:after { content:"";background: url("../images/css_sprites.png") no-repeat -246px -184px; width:11px; height: 14px; position: absolute; top:0px; right:13px}
.secTitle_type2:hover:after {content:""; background:url("../images/css_sprites.png") no-repeat -246px -150px; width: 12px; height: 14px; }
.secTitle_type2 a {display:block}
.secTitle_type2 em {font-size:12px;margin-left:10px}
.secTitle_type2 em.blu {color:#068cd3}
.secTitle_type3 {font-size:18px;background:#8890a4;color:#fff;padding:6px 15px}
.secTitle_type4 {position: relative; font-size:14px;border-bottom:1px solid #d3d3d3;font-weight:bold;padding-left:5px;padding-bottom:5px;}
.secTitle_type4:after {content:"";background: url("../images/css_sprites.png") no-repeat -246px -184px; width:11px; height: 14px; position: absolute; top:0px; right:13px }
.secTitle_type4:hover:after {content:""; background:url("../images/css_sprites.png") no-repeat -246px -150px; width: 12px; height: 14px; }
.secTitle_type4 a {color:#4f4f4f;display:block}
.secTitle_type4 span {color:#068cd3;font-size:10px}

.miniTitle {width:70%; float: left;height:36px;font-size:20px;color:#4f4f4f;padding-bottom:13px;font-weight:bold;overflow:hidden;box-sizing:border-box;position:relative}
.miniTitle span {font-size:12px;color:#0d4c99}
.miniTitle li {position:absolute;top:100%;left:0;padding-top:5px}
.miniTitle li.on {top:0}
.minichartWrap {width:610px;height:333px;box-sizing:border-box;overflow:hidden;position:relative}
.minichart {width:610px;height:333px;box-sizing:border-box;overflow:hidden;background:url("../images/loading.gif") no-repeat center center;position:absolute;top:333px;left:0}
.minichart.on {top:0;left:0}
.chart_control {width:175px;height:197px;overflow:hidden;float:left;box-sizing:border-box;margin-right:15px;border:4px solid #c4c4c4;border-radius:10px 10px 0 0;}
.viewBox {width:610px;float:left}
.chartWrap {overflow:hidden;}
.chartWrap p {font-size:16px;font-weight:bold;text-align:center;color:#7e7e7e;padding:5px 0;border-bottom:4px solid #c4c4c4}
.chartList {float:left;width:129px;padding:15px 0px 0px 19px;}
.chartList li {width:100%;height:42px;box-sizing:border-box;position:relative;}
.chartList ul:first-child li.on {border:2px solid #0d4c99;background:#d1edff}
.chartList ul:last-child li.on {border:2px solid #0d4c99;background:#d1edff}
.chartList ul:first-child li.on:after {content:"";display:block;width:9px;height:10px;background: url("../images/css_sprites.png") no-repeat -279px -110px;;position:absolute;left:-11px;top:13px;}
.chartList ul:last-child li.on:after {content:"";display:block;width:9px;height:10px;background: url("../images/css_sprites.png") no-repeat -279px -110px;;position:absolute;left:-11px;top:13px;}

.chartList li button {width:100%;height:100%;border:none;background:none;text-align:left;font-size:15px;font-weight:bold;color:#7e7e7e;letter-spacing:-1px}
/*--- 19-03-04 추가 ---*/
.viewBox .miniWrap { width: 100%; height: 100%; height:36px; border-bottom:3px solid #c4c4c4;}
.viewBox .miniWrap:after { display: block; content: ""; clear: both; }
.viewBox .miniWrap .miniCtr{ width: 22px; height: 22px; float: right; margin-top: 7px; }
.viewBox .miniWrap .miniCtr .miniBtn { display: block; width: 22px; height: 22px; background: url("../images/css_sprites.png") no-repeat -204px -52px; text-indent:-9999px;}
.viewBox .miniWrap .miniCtr .miniBtn.start { display: block; width: 22px; height: 22px; background: url("../images/css_sprites.png") no-repeat -204px -10px;}
/*--------------------*/

.chartObj {float:left;width:30px;margin-right:8px}
.chartObj > div {height:162px;text-align:center;padding-top:50px;box-sizing:border-box;position:relative;font-size:14px;font-weight:bold;color:#7e7e7e;margin-bottom:10px}
.chartObj > div:last-child {margin-bottom:0}
.chartObj > div:first-child.on {background:#ffa92f;color:#fff}
.chartObj > div:last-child.on {background:#0d4c99;color:#fff}
.chartObj > div:after {display:block;content:"";width:19px;height:1px;background:#c4c4c4;position:absolute;bottom:-5px;left:6px}
.chartObj > div:last-child:after {display:block;content:"";width:2px;height:320px;background:#c4c4c4;position:absolute;top:-167px;left:30px}

.tabMenu {height:30px;overflow:hidden;background:#8890a4;box-sizing:border-box;padding-left:30px;margin-bottom:20px}
.tabMenu li {float:left;width:100px;height:30px;background:#8890a4;box-sizing:border-box;padding:3px}
.tabMenu li.on {background:#3b7371}
.tabMenu li a {display:inline-block;width:92px;height:22px;line-height:20px;font-size:14px;border:1px solid #fff;text-align:center;color:#fff}
.tabCont {display:none;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;padding-top:13px}
.tabCont.on {display:block}
table.noneborder {position:relative}
table.noneborder, table.noneborder th, table.noneborder td {border:none;text-align:center;color:#7e7e7e;font-size:14px;font-weight:bold;padding:10px 0;}
table.noneborder th {font-weight:normal}
table.noneborder tbody {margin:10px 0}
table.noneborder thead {position:relative}
/* table.noneborder thead:before {display:block;content:"";width:787px;height:1px;background:#747474;position:absolute;top:0;left:8px}
table.noneborder thead:after {display:block;content:"";width:787px;height:1px;background:#747474;position:absolute;top:40px;left:8px} */
table.noneborder thead th {color:#fff;padding:12px;font-weight:bold;background:#a7a7a7;}
table.noneborder thead th:first-child {border-radius:0px 0 0 0px;border-right:1px solid #a7a7a7}
table.noneborder thead th:last-child {border-radius:0 0px 0px 0;border-left:1px solid #a7a7a7}
table.noneborder tbody th {text-align:left;padding:10px 0;font-weight:bold;font-size:14px;vertical-align:middle;text-align:center;position:relative}
table.noneborder tbody tr:first-child th {padding-top:20px}
table.noneborder tbody tr:last-child th {padding-bottom:20px}
table.noneborder tbody tr:first-child td {padding-top:20px}
table.noneborder tbody tr:last-child td {padding-bottom:20px}
table.noneborder tbody th:after {display:block;content:"";width:1px;height:40px;background:#c4c4c4;position:absolute;top:0;right:0}
table.noneborder tbody tr:first-child th:after {top:10px}
table.noneborder tbody tr:last-child th:after {top:-10px}
.stautsBox {margin-bottom:20px;border-bottom:4px solid #e0e0e0}
.stautsBox ul li {padding:13px 8px;font-size:12px;border-bottom:1px solid #e0e0e0;overflow:hidden;margin-right:5px}
.stautsBox ul li em {float:right}
table.noLine {font-size:14px;border:none;margin-bottom:15px}
table.noLine th {border:none;padding:10px 0}
table.noLine td {border:none;padding:15px 0}
table.noLine thead, table.noLine tbody {border-bottom:1px solid #c4c4c4}
.noLine .max {color:#e30c1a}
.noLine .min {color:#0d4c99}
.noLine .aver {color:#54b762}
.noLine span.up {padding-right:17px; position: relative;}
.noLine span.up:after { content: ""; background: url("../images/css_sprites.png") no-repeat -44px -240px; width:14px; height: 12px; position: absolute; right:0; bottom:2px}
.noLine span.down {padding-right:17px; position: relative;}
.noLine span.down:after { content: ""; background:url("../images/css_sprites.png") no-repeat -204px -133px;  width:14px; height: 12px; position: absolute; right:0; bottom:2px}
.noLine td:last-child {text-align:right}
.power {margin-bottom:15px}
.iconList {margin-top:5px}
.iconList li {display:inline-block;width:150px;font-size:12px;height:80px;position:relative} 
.iconList li:after {display:block;content:"";width:1px;height:60px;background:#d3d3d3;position:absolute;top:10px;right:-3px}
.iconList li:last-child:after {display:none}
.iconList li a {display:block;width:108px;height:74px;overflow:hidden; margin: 0 auto;}
.iconList li:nth-child(1) a, .iconList li:nth-child(2) a, .iconList li:nth-child(3) a { position: relative;}
.iconList li:nth-child(1) a:before { content: ""; background: url("../images/css_logo_sprites.png") no-repeat -136px -235px; position: absolute; top: 7px; left: 24px; width: 59px; height: 51px; transform: scale(0.65);}
.iconList li:nth-child(2) a:before { content: ""; background: url("../images/css_logo_sprites.png") no-repeat -15px -319px; position: absolute; top:0px; left:28px; width:53px; height:60px; transform: scale(0.65);}
.iconList li:nth-child(3) a:before { content: ""; background: url("../images/css_logo_sprites.png") no-repeat -98px -319px; position: absolute; top: 4px; left: 28px; width: 52px; height: 55px; transform: scale(0.73);}
.iconList li span {display:block;text-align:center;margin-top:55px}

.infoSection {border:3px solid #e0e0e0;margin-bottom:10px;position:relative}
.infoSection > div {padding:5px 32px;}
.infoSection .viewArea {width:100%;height:180px;overflow:hidden;position:relative;border:1px solid #d3d3d3}
.infoSection .viewArea ul {width:100%;height:100%;overflow:hidden;position:relative;}
.infoSection .viewArea ul li {position:absolute;top:0;left:100%;width:100%;}
.infoSection .viewArea ul li.on {left:0}
.infoSection .viewArea ul img {width:100%;}
.infoSection .pagedot {position:absolute;top:7px;right:0}
.infoSection .pagedot ul {overflow:hidden;float:left;margin-right:5px;margin-top:4px}
.infoSection .pagedot ul li {float:left;margin-right:10px;text-indent:-9999px;border:1px solid #e0e0e0;width:8px;height:8px;border-radius:5px}
.infoSection .pagedot ul li.on {background:#0d4c99;border-color:#0d4c99}
.infoSection .pagedot span {float:left;}
.infoSection .pagedot button {width:17px;height:17px;background: url("../images/css_sprites.png") no-repeat -49px -165px;;text-indent:-9999px;border:none;margin-right:15px}
.infoSection .pagedot button.play {width:17px;height:17px;background: url("../images/css_sprites.png") no-repeat -86px -165px;}

.customer {border-top:4px solid #e0e0e0;padding-top:5px}

.elStatus {overflow:hidden;padding-bottom:15px}
.elStatus .el_left {width:225px;float:left;box-sizing:border-box;position:relative}
.elStatus .el_right {width:225px;float:right;box-sizing:border-box;}
.elStatus .el_left:after {display:block;content:"";width:1px;height:195px;background:#d3d3d3;position:absolute;top:28px;right:-6px}
.elStatus ul {font-size:12px;font-weight:bold;color:#4f4f4f;padding:15px 0 5px 0;border-bottom:1px solid #d3d3d3;height:200px;}
.elStatus ul li {overflow:hidden;padding-left:20px;padding-right:15px;width:100%;font-size:12px;font-weight:normal;box-sizing:border-box;margin:2px 0;margin-bottom:10px;letter-spacing:-1px; position: relative;}
.elStatus ul li:after { content: ""; background: url("../images/css_sprites.png") no-repeat -142px -240px; width: 10px; height: 13px; position: absolute; top: 2px; left:4px}
.elStatus ul li:hover:after {background: url("../images/css_sprites.png") no-repeat -172px -240px;}
.elStatus ul li:hover a {color:#469ed9}
.elStatus ul li.blu {color:#0d4c99}
.elStatus .status_title {float:left}
.elStatus .status_data {float:right}
.elStatus .url_title {display:block;}
.elStatus .url_title em {font-weight:bold}
.elStatus .status_url {display:block;width:200px;white-space:nowrap;}
.imgArea {text-align:center;border-bottom:1px solid #d3d3d3;}
.imgArea > img {margin-top:10px;display:inline-block}
.status_date {font-size:12px;text-align:right;margin-bottom:10px;font-weight:bold;overflow:hidden}
.status_date em {float:right;margin-left:3px}



.siteBannerBox {width:1280px;margin:0 auto;height:80px}
.siteBannerTitle {float:left;width:160px;height:80px;position:relative}
.siteBannerTitle span {position:absolute;top:28px;left:90px;font-size:16px;color:#8890a4;font-weight:bold;}
.siteBanner {position:relative;overflow:hidden;width:1070px;;height:80px;float:left;}
.siteBannerView {overflow:hidden;width:950px;margin:0 auto;position:relative;height:80px}
.siteBanner ul {width:100%;position:absolute;top:0;left:0}
.siteBanner li {float:left;width:190px;position:absolute;top:0;left:0}
.siteBanner li:last-child {margin-right:0}
.siteBanner li a {display:table-cell;width:165px;height:80px;text-align:center;overflow:hidden;vertical-align:middle}
.siteBanner li a img{display:inline}
.siteBanner .control {width:100%;position:absolute;top:0;left:0}
.siteBanner .control .prev {border:none;background:none;position:absolute;left:10px;top:25px;background: url("../images/css_sprites.png") no-repeat -100px -75px;;width:25px;height:25px;text-indent:-99999px;}
.siteBanner .control .next {border:none;background:none;position:absolute;right:10px;top:25px;background: url("../images/css_sprites.png") no-repeat -10px -75px;width:25px;height:25px;text-indent:-99999px;}
.siteBanner .control .prev:hover {background: url("../images/css_sprites.png") no-repeat -10px -120px;}
.siteBanner .control .next:hover {background: url("../images/css_sprites.png") no-repeat -55px -75px;}

.localNav {float:right;overflow:hidden;height:20px;margin-top:3px}
.localNav li {float:left;font-weight:bold;font-size:12px;overflow:hidden}
.localNav li:last-child {color:#0d4c99;display:block;margin-top:-2px}
.localNav li:after {content:" > ";display:inline-block;color:#fff;margin-left:3px;margin-right:5px}
.localNav li:last-child:after {display:none}
.localNav li a {color:#fff;display:block;float:left;margin-top:-2px}
.localNav li:first-child a {margin-top:0px}

.pageTitle {width:100%;display:block;border-bottom:1px solid #999;font-size:20px;padding-bottom:5px;padding-top:7px;font-weight:bold;color:#333;overflow:hidden;letter-spacing:-1px;}
.pageTitle .localNavi {float:right;font-size:14px;margin-top:12px;letter-spacing:0px}
.pageTitle .localNavi a {color:#6d6d6d}
.pageTitle .localNavi em {color:#0d4c99}
.pageSubTitle {font-size:20px;color:#bababa;margin:10px 0 20px 0;font-weight:bold}

.login_localnavi {text-align:right;position:absolute;top:0;right:0}
.login_localnavi .localNavi {float:right;font-size:12px;}
.login_localnavi .localNavi a {color:#6d6d6d}
.login_localnavi .localNavi em {color:#0d4c99}

.page {padding-top:8px}
.loginPage {width:100%;overflow:hidden;position:relative;margin-top:-25px}
.loginBox {width:800px;height:290px;margin:0 auto;margin-top:100px;border-top:3px solid #7faee7;border-bottom:3px solid #7faee7;padding:50px 0;box-sizing:border-box}
.login_logo {margin-bottom:50px;}
.login_logo img {margin:0 auto;width:260px  }
.btn_login {margin-top:20px;text-align:center}
.btn_login button {display:inline-block;width:177px; height:52px;margin-right:5px;vertical-align:middle;font-size:20px;line-height:14px;border:2px solid #ebebeb;border-radius:2px;background:#7faee7;color:#fff;}
.admnTitle {font-size:14px;color:#616161;font-weight:bold;margin-bottom:5px}
.cnStatusWrap {border-bottom:4px solid #83b2eb;padding-bottom:30px}
.statsWrap {border-top:4px solid #7faee7;border-bottom:4px solid #7faee7;padding:5px 0}
.statsWrap .statsHead {overflow:hidden;height:30px}
.statsWrap .statsControl  {overflow:hidden}
.statsWrap .statsControl a {background:none;border:none;float:left;margin-right:15px;cursor:pointer;height:30px;line-height:23px}
.statsWrap .statsControl a:hover {color:#7faee7}
.statsWrap .statsControl a:after {content:"";width:1px;height:10px;display:block;background:#6c6c6c;float:right;margin-top:7px;margin-left:15px}
.statsWrap .statsControl a:last-child:after {display:none}
.statsWrap .statsInfo {float:left;font-size:12px;font-weight:bold;margin-top:6px;margin-left:204px}
.statsWrap .statsInfo.title {font-size:16px}
.statsWrap .stats {overflow:hidden;margin:0}
.statsWrap .stats .treeArea {float:left;width:285px;height:450px;border:1px solid #dedede;padding:10px 20px;position:relative;overflow-x:hidden;overflow-y:auto;}
.statsWrap .stats .treeArea:after {content:"";display:block;width:3px;height:470px;position:absolute;top:0;right:-17px;background:#b1cdf0}
.statsWrap .stats .editorArea {float:left;border:1px solid #ebebeb;width:700px;height:470px;margin-left:30px}

.blueBox {padding:40px;background:#e3f0ff;margin-bottom:10px}
.blueBox p {font-size:14px; line-height: 24px; color:#333;margin-bottom:15px;}
.blueBox p:last-child {margin-bottom:0}
.blueBox .blue_txt {font-size:18px;line-height: 26px; text-align: center; color:#0d4c99;margin-bottom:35px;}
.blueBox .blue_txt strong { font-size:20px;}
.logoInfo { height:52px; margin:0px auto 50px; padding-top:25px; background:url("../images/epsis_Info.png") no-repeat center bottom; text-indent: -9999px; border-top:5px solid #7faee7;}
.dtListWrap .infoTitle { position: relative; color:#333333; font-size:23px; font-weight:700; padding:3px 0 3px 40px; margin-top:60px; margin-bottom:30px; }
.dtListWrap .infoTitle:before { content: ""; position: absolute; top:0px; left:0px; width:7px; height:34px; background-color: #5e5e5e;}
.dtListWrap ul {overflow:hidden;margin-bottom:10px; border-bottom:1px solid #cccccc; }
.dtListWrap ul li  {width:265px;float:left;height:200px;border-right:1px solid #cccccc;box-sizing:border-box}
.dtListWrap ul li:nth-child(4n)  {border-right:none}
.dtListWrap ul li dt  {text-align:center;font-weight:bold;font-size:14px;color:#474747;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:10px; background-color:#f5f5f5;}
.dtListWrap ul li dd  {padding-left:30px;font-size:12px;font-weight:bold;margin-bottom:5px; position: relative;}
.dtListWrap ul li dd:after { content: ""; background: url("../images/css_sprites.png") no-repeat -131px -274px; position: absolute; top: 4px; left: 20px; width:5px; height:5px}
.dtListWrap ul li dd:nth-child(2)  {margin-top:15px}
.history_list { border:0 none; border-top:2px solid #a1a1a1; border-bottom:2px solid #a1a1a1; }
.history_list th {border:0 none; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; font-size:16px;padding:10px 20px}
.history_list tr td, .history_list tr th {border:0 none; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; text-align:center; font-size:14px; padding:12px 0; font-weight:700;}
.history_list tr td:last-child { border-right:0 none; text-align: left; padding-left:25px;}
.epsisInfo { margin-top:30px; padding:20px 10px 0; border-top:5px solid #7faee7}
.epsisInfo p {font-size:12px;color:#474747;margin-bottom:10px;line-height:16px}
.epsisInfo p.contact {font-weight:bold;margin-bottom:5px}

.leftTitle {display:block;width:190px;font-size:24px;margin-bottom:10px;font-weight:bold;color:#0d4c99;text-align:center}
.leftTitle.small {font-size:20px;margin-bottom:14px}
.leftMenu {width:190px;border-top:2px solid #0d4c99;border-bottom:2px solid #0d4c99;font-size:14px;font-weight:bold}
.leftMenu > li {border-bottom:1px solid #dadada;display:block}
.leftMenu > li.hasSub { position: relative;}
.leftMenu > li.hasSub:before { content: ""; position: absolute; background: url("../images/css_sprites.png") no-repeat -101px -274px; width:10px; height: 6px; top:12px; right:5px; }
.leftMenu > li.hasSub span {position: relative; font-size:12px;font-weight:bold;padding:5px  0 5px 20px;display:block}
.leftMenu > li.hasSub span:before { content: ""; background: url("../images/css_sprites.png") no-repeat -139px -120px; top: 10px; left: 9px; width:7px; height:7px;}

/* .leftMenu > li.hasSub.on {background:url("../images/sub_arrow_close.png") no-repeat right 5px top 12px;} */
.leftMenu > li.hasSub.on {background-color:#ffecd0}
.leftMenu > li.hasSub.on > a {border-bottom:1px solid #dadada}
.leftMenu > li.hasSub.nowOn {background-color:#ffecd0;color:#616161}
.leftMenu > li.hasSub.nowOn a {color:#616161;}
.leftMenu > li.hasSub.nowOn > ul > li > a.on {color:#0d4c99}
.leftMenu > li > a {padding:7px 0 7px 10px;display:block;}
.leftMenu > li > a.on {background-color:#ffecd0;color:#616161;}
.leftMenu > li:last-child {border-bottom:none}
.leftMenu > li > ul {display:none}
/* .leftMenu > li > ul:nth-child(2) {border-top:1px solid red} */
.leftMenu > li > ul.dep3 {background:#fffaf2}
.leftMenu > li > ul.dep3.on {background:none}
.leftMenu > li > ul.dep3 li > a {font-weight:normal;background-position:20px 10px;padding:5px 0 5px 25px}
.leftMenu > li > ul > li > a {display:block;padding:7px 0 7px 30px;font-size:12px;color:#616161;background-color:#fff; position: relative; }
.leftMenu > li > ul > li > a:after { content: ""; position: absolute; background: url("../images/css_sprites.png") no-repeat -156px -274px; width: 4px; height: 4px; top:12px; left:18px;}
.leftMenu > li > ul > li > a.on {color:#0d4c99; background-color:#deedff;color:#616161}
.leftMenu > li > ul > li > a.on:after { content: ""; background: url("../images/css_sprites.png") no-repeat -180px -274px; }
.leftMenu > li > ul.dep3 > li > a.on {color:#0d4c99;background-color:#deedff}
.leftMenu > li > ul.dep3 > li > a.on:after { background: url("../images/css_sprites.png") no-repeat -180px -274px; top: 10px; left: 18px; }
.leftMenu a:hover {background-color:#e7e7e7;color:#333}
.leftMenu a.on:hover {background-color:#e7e7e7;color:#333}
.leftMenu li.hasSub > a:hover {background-color:rgba(0,0,0,0);color:#333}
.leftMenu li.hasSub:hover {background-color:#e7e7e7}
.leftMenu li.hasSub.on:hover {background-color:#ffecd0;}
.leftMenu li.hasSub.nowOn.on:hover {background-color:#ffecd0;}
.leftMenu li.hasSub.on a:hover {color:#333}

.leftMenu > li.hasDep4.on > a {border-bottom:1px solid #dadada}
.leftMenu > li.hasDep4 {position: relative;}
.leftMenu > li.hasDep4:after { content: ""; position: absolute; background: url("../images/css_sprites.png") no-repeat -101px -274px; width:10px; height: 10px; top: 12px; right: 5px;}
.leftMenu > li.hasDep4.on:after { background:none }
.leftMenu li.hasDep4 .hasSub2 {position: relative;}
.leftMenu li.hasDep4 .hasSub2 > a:before {  content: ""; background: url("../images/css_sprites.png") no-repeat -101px -274px;position: absolute; top:12px; right:5px; width: 10px; height: 6px;}
.leftMenu li.hasDep4 .hasSub2.on > a:before {background:none}
.leftMenu li.hasDep4 .hasSub3 { position: relative; }
.leftMenu li.hasDep4 .hasSub3 > a:before {content: "";background: url("../images/css_sprites.png") no-repeat -101px -274px; position: absolute; top:12px; right:5px; width: 10px; height: 6px;}
.leftMenu li.hasDep4 .hasSub3.on > a:before {background:none}
.leftMenu li.hasDep4 > a:hover {background-color:rgba(0,0,0,0);color:#333}
.leftMenu li.hasDep4:hover {background-color:#e7e7e7}
.leftMenu li.hasDep4.nowOn {background-color:#ffecd0}
.leftMenu li.hasDep4 .hasSub3ul {border-bottom:1px solid #dadada}
.leftMenu li.hasDep4 > ul a:hover {background-color:#e7e7e7}
.leftMenu li.hasDep4 .hasSub2.nowOn > a {background-color:#ffecd0}
.leftMenu li.hasDep4 .hasSub3.nowOn > a {background-color:#ffecd0}
.leftMenu li.hasDep4 .hasSub3ul a.on {background-color:#deedff;color:#0d4c99}
.leftMenu li.hasDep4 .hasSub2.on > a:hover, .leftMenu li.hasDep4 .hasSub2.nowOn > a:hover {background-color:#e7e7e7}
.leftMenu li.hasDep4 .hasSub3.on > a:hover, .leftMenu li.hasDep4 .hasSub3.nowOn > a:hover {background-color:#e7e7e7}
.leftMenu li.hasDep4 .hasSub3ul a.on:hover {background-color:#e7e7e7}
.leftMenu li.hasDep4 .hasSub2.on > a {border-bottom:1px solid #dadada}
.leftMenu li.hasDep4 .hasSub3 > a {border-bottom:1px solid #dadada}
.leftMenu li.hasDep4 .hasSub3:last-child > a {border-bottom:none}
.leftMenu li.hasDep4 .hasSub3.on:last-child > a {border-bottom:1px solid #dadada}
.leftMenu li.hasDep4 .hasSub3:last-child > .hasSub3ul {border-bottom:none}
.leftMenu li.hasDep4 ul {display:none}
.leftMenu li.hasDep4 > ul {background:#fff}
.leftMenu li.hasDep4 > ul a {position:relative}
.leftMenu li.hasDep4 > ul .nowOn > a {background-color:#deedff;color:#0d4c99}
.leftMenu li.hasDep4 > ul .hasSub2.nowOn > a, .leftMenu li.hasDep4 > ul .hasSub3.nowOn > a  {background-color:#ffecd0;color:#333}
.leftMenu li.hasDep4 > ul > li {border-bottom:1px solid #dadada}
.leftMenu li.hasDep4 > ul > li:last-child {border-bottom:none}
.leftMenu li.hasDep4 > ul > li > a {font-size:12px;font-weight:bold;padding:7px  0 7px 32px;display:block;background:inherit}
.leftMenu li.hasDep4 > ul > li > ul > li > a {display:block;padding:7px 0 7px 45px;font-size:12px;color:#616161;}
.leftMenu li.hasDep4 > ul > li > ul > li > ul  > li > a {display:block;padding:7px 0 7px 59px;font-size:12px;font-weight:bold;color:#333}
.leftMenu li.hasDep4 > ul > li > a:after {content:"";position:absolute;left:17px;top:9px;z-index:12;width:12px;height:10px;background: url("../images/css_sprites.png") no-repeat -40px -274px;}
.leftMenu li.hasDep4 > ul > li > ul > li > a:after {content:"";position:absolute;left:33px;top:10px;z-index:10;width:7px;height:7px;background: url("../images/css_sprites.png") no-repeat -139px -120px;}
.leftMenu li.hasDep4 > ul > li > ul > li > ul  > li > a:after {content:"";position:absolute;left:51px;top:12px;z-index:10;width:4px;height:4px;background: url("../images/css_sprites.png") no-repeat -156px -274px;}





.radioBox {position:relative;overflow:hidden;margin-bottom:10px}
.radioBox span {position:relative;display:block;height:20px;float:left;margin-right:15px;}
.radioBox input {position:absolute;left:0;top:0;opacity:0}
.radioBox label {font-size:12px;padding-left:20px;color:#838383;cursor:pointer;font-weight:bold; position: relative}
.radioBox label:before{ content: ""; background: url("../images/css_sprites.png") no-repeat -186px -204px; position: absolute; top:0; left:0; width:14px; height:14px;}
.radioBox input:checked+label {color:#7faee7}
.radioBox input:checked+label:before { content: ""; background: url("../images/css_sprites.png") no-repeat -117px -204px;}
.radioBox label:hover {color:#7faee7}
.radioBox label:hover:before {content: ""; background: url("../images/css_sprites.png") no-repeat -10px -240px; color:#7faee7}
.radioBox button {height:20px;border:none;border-bottom:2px solid #b2b2b2;color:#b2b2b2;text-align:left;padding:0 20px 5px 5px; position: relative; background-color: #Fff;}
.radioBox button:after { content: ""; position: absolute;background: url("../images/css_sprites.png") no-repeat -78px -240px; top: 2px; right:5px; width:12px; height: 12px;}
.radioBox button:hover {border-bottom:2px solid #0d4c99;color:#0d4c99}
.radioBox button:hover:after {content: ""; background: url("../images/css_sprites.png") no-repeat -110px -240px;}
label.lb_hide {  position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(1px, 1px, 1px, 1px);}

.laybox {overflow:hidden;height:350px;margin-bottom:10px;}
.laybox>div {height:100%}
.laybox.long {height:600px}
.laybox.xlong {height:800px}
.laybox.clear {height:800px}
.laybox .full {width:100%}
.laybox .divi {float:left;width:49%;}
.laybox .divi:last-child {float:right;width:49%;}
.laybox .tri:first-child {float:left;width:69%}
.laybox .tri:last-child {float:right;width:29%}
.laybox>.flow {display:block;width:100%;}
.laybox .flow>.dataBox {display:block;width:100%;margin-bottom:10px;height:340px}
.laybox .flow>.dataBox:last-child {margin-bottom:0;height:197px}
.laybox .flow.hasunit > .dataBox {height:320px}
.laybox .flow.hasunit>.dataBox:last-child {margin-bottom:0;height:197px}

.opBox {margin-bottom:10px;border-top:1px solid #83b2eb;border-bottom:1px solid #83b2eb;background:#fafafa;padding:6px 10px;}
.opBox .section {overflow:hidden;margin-bottom:4px;height:30px}
.opBox .section:last-child {margin-bottom:0}
.opBox .section.exception {height:130px;}
.opBox .section.exception .viewSelect {display:inline-block;width:167px;height:120px;overflow-y:auto;overflow-x:hidden;border:1px solid #dedede;}
.opBox .section.exception .viewSelect li {position:relative;height:22px}
.opBox .section.exception .viewSelect input {opacity:0;position:absolute;top:0;left:0}
.opBox .section.exception .viewSelect label {display:block;position:absolute;top:0;left:0px;padding-left:5px;width:100%;height:22px;line-height:22px;font-size:12px}
.opBox .section.exception .viewSelect label:hover {background:#0d4c99 !important;color:#fff}
.opBox .section.exception .viewSelect input:checked+label {background:#7faee7;color:#fff}
.opBox select {height:20px;vertical-align:middle;font-size:12px}
.opBox label {font-size:14px;margin-right:10px}
.opBox .section span {float:left;margin-right:30px;height:30px;line-height:30px;}
.opBox .section span.mr0 {margin-right:0}
.opBox .section span.exception {width:100%;}
.opBox .year {width:80px}
.opBox .mon {width:50px}
.opBox .day {width:50px}
.opBox .section .btnArea {float:right;overflow:hidden;margin-right:0}
.opBox .section .btnArea button {float:left;display:block;width:82px; height:25px;margin-right:5px;vertical-align:middle;font-size:12px;line-height:14px;background:#7faee7;border:2px solid #ebebeb;border-radius:2px;color:#fff;margin-top:2px}
.opBox .section .btnArea button:hover {color:#fff;font-weight:bold}
.dataBox {width:100%;display:table-cell;background:url("../images/loading.gif") no-repeat center center #fff;}
.dataBox img {width:300px;display:block;margin:0 auto}
.dataBox.loadingComplte {background:none}
.unit {text-align:right;margin-bottom:3px;font-size:14px;padding-right:5px;}
.info p {margin-bottom:5px;font-size:12px;}
.info p a {color:#0d4c99}
.opBox .opTitle {font-size:16px;font-weight:bold}
.spaceBreak { display:inline-block; float:none !important; font-size:14px; height:0px !important; line-height:0px !important; margin-right:5px !important;} /* 지도 검색 box 공백 */

.address {position:absolute;top:13px;left:385px;font-size:12px;color:#767676}
.address ul {float:left;overflow:hidden;margin-right:15px}
.address ul li  {float:left;margin-right:5px;overflow:hidden}
.address ul li:after {content:"|";display:block;float:right;margin-left:5px}
.address ul li:last-child:after {display:none}
.address ul li a {font-size:12px;color:#767676}
.address ul li:first-child a{ color:#ff6508; font-weight: 900;}
.address p  {margin-bottom:3px;font-size:12px}
.address span {float:left;display:block;border-top:1px solid #979797;border-bottom:1px solid #979797;background:#d2d2d2;padding:0 6px;font-size:10px;font-weight:bold}
.address span em {color:#333;font-size:10px}
.address div {overflow:hidden;margin-bottom:4px}
.site {position:absolute;top:30px;right:30px;}
.site select {display:inline-block;height:20px;line-height:20px;color:#0d4c99;font-weight:bold}


.board {border-top:5px solid #7faee7;border-bottom:4px solid #7faee7;border-left:none;border-right:none;margin-bottom:15px}
.board td, .board th {border-bottom:1px solid #c1d7f3;border-right:1px solid #ebebeb;height:36px;}
.board td:last-child {border-right:none;}
.board th:first-child {border-left:none;}
.board th {border-right:1px solid #ebebeb;font-weight:bold;color:#474747;font-size:16px;text-align:left;padding:0 30px;}
.board.small th {font-size:14px}
.board td {padding:4px 12px}
.board td.nbl {border-left:none}
.board input {height:36px;width:175px;box-sizing:border-box;font-size:18px;border:1px solid #ececec;margin-right:10px;font-size:12px;padding-left:15px}
.board input {margin-left:10px}
.board input[type=checkbox] {width:15px;height:15px;box-sizing:border-box;border:none;margin-right:0px}
.board input:first-child {margin-left:0}
.board input[readonly=readonly] {background:#e3e3e3}
.board input.title {width:610px}
.board input.normal {width:250px;padding-left:15px;box-sizing:border-box}
.board input.short {width:100px;padding-left:15px;box-sizing:border-box}
.board input.long {width:454px;padding-left:15px}
.board input.login {width:480px}
.board input.tel {width:85px;padding-left:15px}
.board select {width:250px;height:30px;border:1px solid #ececec;padding-left:8px}
.board select.short {width:150px;}
.board select.headingMsg {height:30px;}
.board button {display:inline-block;padding:8px 15px;background:#fff;border:2px solid #ebebeb;box-sizing:border-box;margin-right:10px}
.board em {margin:0 2px;color:#666}
.board textarea {border:1px solid #ececec;margin-top:3px;width:100%;box-sizing:border-box;padding-left:15px}
.board td > p {font-size:16px;height:36px;line-height:36px;color:#838383}
.board label {font-size:12px;color:#838383;margin-left:10px}
.board td > div {margin-bottom:5px}
.board td > div:last-child {margin-bottom:0px}
.board .necessary {display:inline-block;padding-right:10px; position: relative;}
.board .necessary:after { content: ""; position: absolute; background: url("../images/css_sprites.png") no-repeat -279px -224px; width: 8px; height: 7px; top:6px; right: 0;}
.board .editor {min-height:300px;width:100%;overflow:hidden;padding:8px 0;}
.board .editor img {width:100%}
.board.login {border-top:1px solid  #7faee7;border-bottom:1px solid #7faee7}
.board.login td, .board.login th {border-top:none}
.board.login th {padding-left:50px}
.board .addedFile a {display:block;margin-bottom:5px;font-size:16px;color:#838383;}
.board .addedFile a:hover {color:#7faee7;text-decoration:underline}
.board .addedFile a:last-child {margin-bottom:0}
.board .addingFile {position:relative;width:100%;height:36px}
.board .addingFile input[type=file] {position:absolute;top:0;left:0;width:120px;z-index:20;opacity:0;}
.board .addingFile input[type=text] {position:absolute;top:0;left:120px;width:600px;border:none;font-weight:normal;padding-left:10px}
.board .addingFile button {position:absolute;top:0;left:0;width:120px;height:36px;z-index:10;border:2px solid #ebebeb;border-radius:2px;background:#7faee7;color:#fff;}
.board .multiaddingFile {width:100%}
.board .multiaddingFile .btn button {display:inline-block;width:75px;height:30px;margin-right:10px;border:2px solid #ececec;border-radius:2px;color:#fff;background:#7faee7;padding:0}
.board .multiaddingFile .btn button.white {color:#474747;background:#fff;}
.board .multiaddingFile .fileList input {width:15px;height:15px;margin-left:0;cursor:pointer}
.board .multiaddingFile .fileList label {font-size:14px;cursor:pointer}
.board.adm label {color:#474747; font-size:16px; margin-left:0px;}
.board.adm tr td span { font-size:12px; color:#838383; margin-left:10px;}
.board label.fileLabel { font-size:14px; color:#838383; margin-left:10px;}


.board_list {border-top:4px solid #7faee7;border-bottom:4px solid #7faee7;border-left:none;border-right:none;margin-bottom:10px}
.board_list th {border:none;border-bottom:1px solid #b1cdf0;background:#ebebeb;font-size:16px;padding:10px 20px}
.board_list td {border-left:none;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;text-align:center;font-size:14px;padding:8px 20px}
.board_list td.title {text-align:left}
.board_list td.title a {display:block;width:500px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.board_list td.title.short a {width:400px}
.board_list td a.downlink {display:inline-block;width:25px;height:25px;text-indent:-99999px;background: url("../images/css_sprites.png") no-repeat -55px -120px;}
.board_list td a.downlink:hover {background: url("../images/css_sprites.png") no-repeat -97px -120px;}
.board_list tbody tr:hover {background:#e3f0ff;font-weight:bold}
.board_list.noneHover tbody tr:hover {background:#fff;font-weight:normal}
.board_list tbody tr.noneData:hover {font-weight:normal;background:none}
.dblistWrap .board_list {border-bottom:none;border-top:none;margin-bottom:0}
.dblistWrap_head .board_list {border-top:4px solid #7faee7;border-bottom:none;margin-bottom:0}
.dblistWrap .board_list td {border-top:none}
.dblistWrap_head .board_list th {border-bottom:none}
.dblistWrap {height:500px;overflow-y:auto;border-bottom:4px solid #7faee7}
.table_cost {text-align:right;font-size:12px;color:#616161;margin-top:10px;margin-bottom:5px}
.tableshr {border:2px solid #ebebeb;background:#f2f8ff;text-align:center;vertical-align:top;position:relative}
.tableshr span {display:inline-block;height:50px;vertical-align:middle;line-height:50px}
.tableshr span.sep {font-size:14px;color:#6a6a6a;font-weight:bold;margin-right:20px;position:relative}
.tableshr span.sep:after {content:"";display:block;width:2px;height:12px;background:#6a6a6a;position:absolute;top:20px;right:-10px}
.tableshr select {height:30px;width:100px;vertical-align:middle}
.tableshr input {height:24px;width:400px}
.tableshr button {display:inline-block;width:72px;height:30px;margin-left:5px;border:none;background:#dcdcdc;color:#6a6a6a;font-weight:bold;line-height:30px}
.tableshr button.eListBtn {width:120px; background-color: #1E90FF; color: #fff; }/* 19-04-04 추가*/
.tableshr .boardName {position:absolute;top:0px;left:10px;width:200px}
.tableshr .boardName select {width:100%}
.dicWrap {border-top:4px solid #7faee7;border-bottom:4px solid #7faee7;margin-top:20px;padding:10px 0;position:relative}
.listWrap ul {margin-bottom:3px}
.listWrap li {display:inline-block;margin-right:-2px}
.listWrap li button {display:block;font-size:12px;font-weight:bold; width:20px;height:20px;border:2px solid #ebebeb;background:#f2f8ff;color:#6a6a6a;text-align:center;box-sizing:border-box;padding:0}
.listWrap li button.on {background:#fff4e4;}
.listWrap li button:hover {background:#0d4c99;color:#fff}
.resultMsg {position:absolute;top:40px;right:0;font-size:16px;color:#474747}
.resultWrap {margin:10px 0;overflow:hidden}
.resultWrap .result {width:320px;height:470px;float:left;border:1px solid #cdcdcd;overflow-y:auto;overflow-x:hidden;background:#ebebeb;margin-right:20px;position:relative}
.resultWrap .result p {padding:30px}
.resultWrap .result ul {padding:30px 0}
.resultWrap .result li {margin-bottom:5px;}
.resultWrap .result li:hover {background:#f2f8ff;color:#7faee7}
.resultWrap .result li.on {background:#f2f8ff;color:#7faee7}
.resultWrap .result li.on button {color:#7faee7}
.resultWrap .result button {background:none;border:none;font-weight:bold;font-size:14px;display:block;width:100%;text-align:left;padding:5px 30px;height:100%;color:#474747 }
.resultWrap .explain {float:left;width:710px;height:470px;border:1px solid #ebebeb;box-sizing:border-box;padding:30px;font-size:14px;color:#474747;line-height:30px;font-weight:bold;position:relative}
.resultWrap .explain:after {content:"";display:block;width:4px;height:470px;background:#b1cdf0;position:absolute;top:0;left:-13px}
.menuResultWrap {border-top:4px solid #83b2eb;border-bottom:4px solid #83b2eb;margin-top:20px;padding:10px 0}
.menuResult_box {margin: 10px 0;text-align:center;background:#ebebeb;height:50px;font-size:14px;color:#333;font-weight:bold;line-height:50px}
.menuResult_box span {color:#0d4c99}
.menuResult {padding-left:40px;padding-bottom:5px;color:#0d4c99;font-size:14px;font-weight:bold;border-bottom:1px solid #d4e8ff}
.menuResult_list {margin:20px 50px;}
.menuResult_list li {margin-bottom:15px;border-bottom:1px solid #c3c3c3;font-size:12px;font-weight:bold;color:#8b8d8f;line-height:20px}
.menuResult_list li span {font-size:14px;color:#616161}
.menuResult_list li em {color:#e51717}
.menuResult_list_no_data {margin:20px 50px;}
.menuResult_list_no_data li {margin-bottom:15px;font-size:12px;font-weight:bold;color:#8b8d8f;line-height:20px}
.menuResult_list_no_data li span {font-size:14px;color:#616161}
.menuResult_list_no_data li em {color:#e51717}


.tabtype {border-top:4px solid #7faee7;border-bottom:4px solid #7faee7;margin-bottom:10px}
.tablist {width:100%;background:#ebebeb}
.tablist li {display:inline-block;position:relative}
.tablist li:after {content:"";display:block;width:2px;height:14px;position:absolute;top:14px;right:-1px;background:#474747}
.tablist li:last-child:after {display:none}
.tablist a {background:none;border:none;height:40px;font-weight:bold;font-size:14px;padding:0 20px;display:block;line-height:40px}
.tablist a:hover {background:#e3f0ff}
.tablist li.on a {background:#e3f0ff}
.tabcont {display:none;padding:20px}
.tabcont.on {display:block;}
table.unit {border:none}
table.unit th {text-align:left;padding: 5px 0 5px 20px;border:none;font-size:12px;color:#474747}
table.unit td {text-align:left;border:none}

.boradControl {position:relative;text-align:center;display:block;height:36px;margin-bottom:15px}
.boradControl .btnArea {float:right;overflow:hidden}
.boradControl .btnArea button {float:left;display:block;width:80px; height:36px;margin-right:5px;vertical-align:middle;font-size:12px;line-height:14px;border:2px solid #ebebeb;border-radius:2px;background:#fff;color:#474747;}
.boradControl .btnArea button:hover {background:#7faee7;color:#fff}
.boradControl .pagenation {display:inline-block;;margin:0 auto;overflow:hidden;margin-top:10px}
.boradControl .pagenation .btnArea {position:absolute;top:0;right:0}
.boradControl .pagenation button {float:left;border:none;background:none;font-size:0;width:10px;height:15px;}
.boradControl .pagenation button.start {background: url("../images/css_sprites.png") no-repeat -246px -46px;}
.boradControl .pagenation button.prev {background: url("../images/css_sprites.png") no-repeat -279px -10px;}
.boradControl .pagenation button.next {background: url("../images/css_sprites.png") no-repeat -279px -45px;}
.boradControl .pagenation button.end {background: url("../images/css_sprites.png") no-repeat -246px -115px;}
.boradControl .pagenation ul {float:left;margin:0 15px;}
.boradControl .pagenation ul li {float:left;margin:0 10px}
.boradControl .pagenation ul li a {color:#474747;padding-bottom:1px;letter-spacing:-1px}
.boradControl .pagenation ul li a.on {display:block;color:#0d4c99;border-bottom:1px solid #0d4c99;font-weight:bold}

.replyWrap {border-top:5px solid #7faee7;border-bottom:4px solid #7faee7;padding:10px 0}
.replyWrap ul {border-bottom:3px solid #7faee7;height:100%;margin-bottom:10px}
.replyWrap ul li {overflow:hidden;display:block;width:100%;height:100%;border-top:1px solid #c1d7f3;}
.replyWrap ul li span {box-sizing:border-box;height:100%;display:table-cell}
.replyWrap ul li span.writer {width:183px;text-align:left;vertical-align:top;font-weight:bold;box-sizing:border-box}
.replyWrap ul li span.admin {background:#ececec;border:2px solid #fff}
.replyWrap ul li span.writer em {display:block;padding:14px 20px;box-sizing:border-box;height:100%}
.replyWrap ul li span.comt {width:750px;padding:16px 20px 14px 20px;color:#838383;font-size:16px;border-left:1px solid #ebebeb;}
.replyWrap ul li span.date {width:166px;overflow:hidden;vertical-align:middle;font-size:14px;color:#838383;padding:14px 0;text-align:right}
.replyWrap ul li span.date button {float:left;background:none;border:none;border-bottom:1px solid #b6d1f2;margin-left:5px;margin-top:1px;color:#b6d1f2;padding:0}
.replyWrap ul li span.date em {float:left;}

.reply_box {height:125px;width:100%;overflow:hidden;border-top:1px solid #ededed;border-bottom:1px solid #ededed}
.reply_box .relply {float:left;height:100%;width:138px;border-right:1px solid #ededed;text-align:center;line-height:128px;font-weight:bold}
.reply_box .reply_write {float:left;width:921px;box-sizing:border-box}
.reply_box .reply_text {display:block;width:893px;height:72px;padding:5px 14px ;}
.reply_box .reply_text textarea {width:100%;height:100%;box-sizing:border-box;border:1px solid #ededed}
.reply_box .reply_info {display:block;height:45px;border-top:1px solid #ededed}
.reply_box .reply_info p {overflow:hidden}
.reply_box .reply_info p span {float:left;display:block;height:43px;border-right:1px solid #ededed;line-height:43px}
.reply_box .reply_info p span .subject {height:43px;float:left;width:116px;font-size:16px;color:#474747;font-weight:bold;;text-align:center;border-right:1px solid #ededed}
.reply_box .reply_info p span .enter {height:43px;float:left;width:200px;line-height:38px}
.reply_box .reply_info p span.submit {float:right;border:none;}
.reply_box .reply_info p span input {margin-left:10px; width:175px;border:1px solid #ededed;height:28px;}
.reply_box .reply_info p span button {display:block;width:80px; height:36px;margin-right:5px;vertical-align:middle;font-size:12px;line-height:14px;background:#fff;color:#474747;border:2px solid #ebebeb;border-radius:2px;margin-top:3px;}
.reply_box .reply_info p span button:hover {background:#7faee7;color:#fff}

.allMap {width: 100%; height: 827px; margin: 0 auto; position:relative;background:url('../images/ekes001008_bg.png') no-repeat center 0;font-size:12px}
.sel_year {width:100%;margin-bottom:8px}
.sel_year span {display:block;margin:0 auto;text-align:right}
    .psoBox div {text-align:center;font-size:14px;color:#616161;font-weight:bold}
    .psoBox div.black {color:#fff;font-weight:normal;}
    .psoBox div.blur {text-shadow:3px 3px 5px #000}
    .psoBox div span {display:block;}
    .psoBox .pos01 {position: absolute;width: 125px;top: 15px;left: 15px;}
    .psoBox .pos02 {position: absolute;width: 125px;top: 15px;left: 349px;z-index: 9;}
    .psoBox .pos03 {position: absolute;width: 125px;top: 15px;left: 550px;}
    .psoBox .pos04 {position: absolute;width: 125px;top: 15px;left: 918px;z-index: 100;}

    .psoBox .pos05 {position: absolute;width: 82px;top: 85px;left: 15px;font-size:12px;}
    .psoBox .pos06 {position: absolute;width: 82px;top: 148px;left: 15px;font-size:12px;}
    .psoBox .pos07 {position: absolute;width: 82px;top: 234px;left: 15px;font-size:12px;}
    .psoBox .pos08 {position: absolute;width: 82px;top: 307px;left: 15px;font-size:12px;}
    .psoBox .pos09 {position: absolute;width: 82px;top: 385px;left: 15px;font-size:12px;}
    .psoBox .pos10 {position: absolute;width: 82px;top: 472px;left: 15px;font-size:12px;}
    .psoBox .pos11 {position: absolute;width: 82px;top: 562px;left: 15px;font-size:12px;}
    .psoBox .pos12 {position: absolute;width: 82px;top: 639px;left: 15px;font-size:12px;color:#616161;}

    .psoBox .pos13 {position: absolute;width: 135px;top: 101px;left: 383px;color:#333;text-shadow:3px 3px 5px #6f6e6e !important;}
    .psoBox .pos14 {position: absolute;width: 135px;top: 148px;left: 365px;}
    .psoBox .pos15 {position: absolute;width: 135px;top: 226px;left: 339px;}
    .psoBox .pos16 {position: absolute;width: 135px;top: 307px;left: 332px;}
    .psoBox .pos17 {position: absolute;width: 135px;top: 379px;left: 310px;}
    .psoBox .pos18 {position: absolute;width: 135px;top: 488px;left: 291px;}
    .psoBox .pos19 {position: absolute;width: 135px;top: 537px;left: 292px;}
    .psoBox .pos20 {position: absolute;width: 135px;top: 577px;left: 292px;}
    .psoBox .pos21 {position: absolute;width: 135px;top: 618px;left: 292px;}

    .psoBox .pos22 {position: absolute;width: 135px;top: 654px;left: 552px;}
    .psoBox .pos23 {position: absolute;width: 135px;top: 749px;left: 291px;}
    .psoBox .pos24 {position: absolute;width: 135px;top: 750px;left: 476px;}
    .psoBox .pos25 {position: absolute;width: 135px;top: 749px;left: 628px;}

    .psoBox .pos26 {position: absolute;width: 67px;top: 607px;left: 845px;font-size:12px;}
    .psoBox .pos27 {position: absolute;width: 67px;top: 135px;left: 978px;font-size:12px;}
    .psoBox .pos28 {position: absolute;width: 67px;top: 200px;left: 978px;font-size:12px;}
    .psoBox .pos29 {position: absolute;width: 67px;top: 277px;left: 978px;font-size:12px;}
    .psoBox .pos30 {position: absolute;width: 67px;top: 356px;left: 978px;font-size:12px;}
    .psoBox .pos31 {position: absolute;width: 67px;top: 433px;left: 978px;font-size:12px;}
    .psoBox .pos32 {position: absolute;width: 67px;top: 496px;left: 978px;font-size:12px;}
    .psoBox .pos33 {position: absolute;width: 67px;top: 556px;left: 978px;font-size:12px;}

.layerPopWrap {position:fixed;width:100%;height:100%;z-index:50;top:0;left:0;display:none}
.dim {width:100%;height:100%;background:#000;opacity:0.2}
.layerWrap {width:600px;height:330px;background:#fff;position:absolute;top:50%;left:50%;margin-left:-300px;margin-top:-165px;border:1px solid #898989;border-radius:2px}
.layerWrap p {text-align:center}
.layerWrap span {display:inline-block;text-align:center}
.layerWrap .layerTitle {margin:60px 0;font-size:26px;color:#898989;font-weight:bold}
.layerWrap .del_password input {width:240px;height:42px;border:1px solid #898989;padding-left:10px;box-sizing:border-box;margin-bottom:20px}
.layerWrap button {float:left;width:118px; height:50px;margin-right:5px;vertical-align:middle;font-size:12px;line-height:14px;background:#7faee7;border:2px solid #ebebeb;border-radius:2px;color:#fff}
.layerWrap button:last-child {margin-right:0}
.layerWrap button.white {background:#fff;color:#7faee7}

.sitemap {overflow:hidden;height:100%}
.sitemap > li {display:block;width:100%;height:100%;border-top:1px solid #b1cced;border-bottom:1px solid #b1cced;overflow:hidden;box-sizing:border-box;margin-bottom:10px;background:#fffcf7}
.sitemap > li > span {width:210px;height:100%;padding:20px 25px;float:left;font-size:30px;color:#7faee7;font-weight:bold}
.sitemap > li > span.small_list {padding:8px 25px}
.sitemap > li > ul {float:left;padding-left:10px;background:#fff;width:800px;border-left:1px solid #ebebeb;box-sizing:border-box}
.sitemap > li > ul > li {height:100%;overflow:hidden;border-bottom:1px solid #ebebeb;font-size:14px;color:#474747;font-weight:bold}
.sitemap > li > ul > li:last-child {border-bottom:none}
.sitemap > li > ul > li:hover {background:#e3f0ff}
.sitemap > li > ul > li > a {width:200px;display:block;float:left;box-sizing:border-box;border-right:1px solid #ebebeb;padding:5px 5px 5px 15px;margin-right:-1px}
.sitemap > li > ul > li > ul {float:right;background:#fff;width:590px;box-sizing:border-box;border-left:1px solid #ebebeb}
.sitemap > li > ul > li > ul > li {float:left;border-bottom:none;margin-right:10px;overflow:hidden}
.sitemap > li > ul > li:hover > ul {background:#e3f0ff}
.sitemap > li > ul > li > ul > li > a {float:left;padding:5px 5px 5px 20px;margin-right:5px;font-size:12px;color:#474747;font-weight:normal; position: relative;}
.sitemap > li > ul > li > ul > li > a:before {content: ""; position: absolute; top: 10px; left: 10px; width:5px; height: 5px; background: url("../images/css_sprites.png") no-repeat -131px -274px;}
.sitemap > li > ul > li > ul > li > a:hover {text-decoration:underline;font-weight:bold}

.sitemap .site_dep > li {width:100%;display:block;background:#fff}
.sitemap .site_dep > li:hover {background:#e3f0ff}
.sitemap .site_dep > li > ul > li:hover {background:#e3f0ff}
.sitemap .site_dep > li > ul > li > ul:hover {background:#e3f0ff}
.sitemap .site_dep > li > ul > li > ul:hover > li {background:#e3f0ff}
.sitemap .site_dep li {border-bottom:1px solid #ebebeb;overflow:hidden}
.sitemap .site_dep a:hover {text-decoration:underline;font-weight:bold}
.sitemap .site_dep li:last-child {border-bottom:none}
.sitemap > li > ul > li > ul.site_dep > li > a {padding:5px 5px 5px 25px; position: relative;}
.sitemap > li > ul > li > ul.site_dep > li > a:before{ content: ""; background: url("../images/css_sprites.png") no-repeat -202px -240px; width: 10px; height: 11px; position: absolute; top: 7px; left: 10px;}
.sitemap > li > ul > li > ul.site_dep > li > ul.site_dep2 {float:right;background:#fff;width:470px;box-sizing:border-box;}
.sitemap > li > ul > li > ul.site_dep > li > ul.site_dep2.nomore > li {float:left;margin-right:10px;overflow:hidden;border-bottom:none}
.sitemap > li > ul > li > ul.site_dep > li > ul.site_dep2.nomore:hover {background:#e3f0ff}
.sitemap > li > ul > li > ul.site_dep > li > ul.site_dep2 > li {border-bottom:none}
.sitemap > li > ul > li > ul.site_dep > li > ul.site_dep2 > li > ul.site_dep3 {float:right;background:#fff;width:330px;box-sizing:border-box;}
.sitemap > li > ul > li > ul.site_dep > li > ul.site_dep2 > li > ul.site_dep3:hover {background:#e3f0ff}
.sitemap > li > ul > li > ul.site_dep > li > ul.site_dep2 > li > ul.site_dep3 > li {float:left;margin-right:10px;overflow:hidden;border-bottom:none}
.sitemap > li > ul > li > ul.site_dep > li > ul.site_dep2 > li > ul.site_dep3 > li > a {float:left;padding:5px 5px 5px 20px;margin-right:5px;background:url("../images/dot_sitemap3.png") no-repeat 12px 12px;font-size:12px;color:#474747;font-weight:normal; position: relative;}
.sitemap > li > ul > li > ul.site_dep > li > ul.site_dep2 > li > ul.site_dep3 > li > a:before { content: ""; position: absolute; background: url("../images/css_sprites.png") no-repeat -279px -251px; top: 12px; left: 12px; width: 4px; height: 2px;}
.sitemap > li > ul > li > ul.site_dep > li > ul.site_dep2 > li > a {float:left;padding:5px 5px 5px 20px;margin-right:5px;font-size:12px;color:#474747;font-weight:normal; position: relative; }
.sitemap > li > ul > li > ul.site_dep > li > ul.site_dep2 > li > a:before { content: ""; position: absolute; background: url("../images/css_sprites.png") no-repeat -131px -274px; top: 10px; left: 10px; width: 5px; height: 5px; }
.sitemap > li > ul > li > ul.site_dep > li > ul.site_dep2 > li > a:hover, .sitemap > li > ul > li > ul.site_dep > li > ul.site_dep2 > li > ul.site_dep3 > li > a:hover {font-weight:bold}


.popPage {overflow-x:hidden;overflow-y:hidden}
.popWrap {width:648px;overflow:hidden;border-top:20px solid #0d4c99;background:#fff}
.popWrap .pophead {padding: 20px 52px 15px 52px;border-bottom:5px solid #7faee7}
.popWrap .pophead .poplogo {width:100%;text-align:center;border-bottom:1px solid #bebebe;padding-bottom:20px;margin-bottom:15px}
.popWrap .poplogo img {display:inline;width:50%}
.popWrap .pophead .popTitle {font-size:20px;margin-bottom:20px;color:#0b3f80;font-weight:bold}
.popWrap .pophead p {font-size:11px;margin-bottom:8px;font-weight:bold;color:#838383}
.popWrap .pophead p.cl_p {color:#0d4c99}
.popWrap .popbody {padding:10px 30px;background:#e5f1ff}
.popWrap .popbody .section {padding:13px 39px;background:#fff;border:1px solid #dadada;margin-bottom:10px}
.popWrap .popbody .section2 {padding:7px 30px;background:#fff;border:1px solid #dadada;margin-bottom:10px}
.popWrap .popbody .section:last-child, .popWrap .popbody .section2:last-child {margin-bottom:0}
.popWrap .popbody .section.fixedsetion , .popWrap .popbody .section2.fixedsetion {height:350px;overflow:auto}
.popWrap .popbody .notice {font-size:11px;font-weight:bold;color:#474747;line-height:22px}
.popWrap .popbody dl dt {font-size:12px;font-weight:bold;color:#757575;margin-bottom:8px}
.popWrap .popbody dl dd {padding-left:15px;font-size:11px;color:#757575;margin-bottom:10px}
.popWrap .popbody dl dd:last-child {margin-bottom:0px}
.popWrap .popbody dl dd span {margin-right:50px}
.popWrap .popbody .terms li {overflow:hidden;padding-left:15px;margin-bottom:10px; position: relative; }
.popWrap .popbody .terms li:after { content: ""; position: absolute;background: url("../images/css_sprites.png") no-repeat -279px -196px; top: 2px; left: 0px; width: 8px; height: 8px;}
.popWrap .popbody .terms li span {font-size:10px;color:#757575;float:left;margin-right:10px;font-weight:bold}
.popWrap .popbody .terms li span.radioBox {float:right;margin-right:0;margin-bottom:0}
.popWrap .popbody .terms2 li {overflow:hidden;padding-left:15px; position: relative;}
.popWrap .popbody .terms2 li:after { content: ""; position: absolute; background: url("../images/css_sprites.png") no-repeat -279px -196px; width: 8px; height: 8px; top: 7px; left: 0px; }
.popWrap .popbody .terms2 li span {font-size:11px;color:#757575;float:left;margin-right:10px;font-weight:bold}
.popWrap .popbody .terms2 li span.radioBox {float:right;margin-right:0;margin-bottom:0; margin-top: 4px;}
.popWrap .popbody .terms2 li span.spanTop { margin-top:5px }
.popWrap .popbody .terms2 .dwBtnWrap {overflow: hidden; width:511px; }
.popWrap .popbody .terms2 button.dwBtn {display:inline-block; float: right; width:80px; height:24px;font-size:11px;line-height:14px;border:2px solid #ebebeb;border-radius:2px;background:#7faee7;color:#fff;}
.popWrap .popbody .caution {text-align:center;font-size:12px;color:#757575;margin-top:10px;font-weight:bold}
.popWrap .popbody .request {width:500px;margin:0 auto;font-size:14px;color:#474747;font-weight:bold}
.popWrap .popbody .request label {margin-right:10px;float:left;margin-top:6px}
.popWrap .popbody .request input {height:22px;float:left;margin-right:15px}
.popWrap .popbody .request select {width:180px;height:28px;float:left}
.popWrap .popbody .request p {margin-bottom:10px;overflow:hidden}
.popWrap .popbody .request p.rq {margin-bottom:10px;overflow:hidden}
.popWrap .popbody .request p.rq label { width: 72px;}
.popWrap .popbody .request p.rq .rpSpan{ overflow: hidden;}
.popWrap .popbody .request p.rq input {height:22px;float:none; margin-right: 0px; margin-left: 6px;}
.popWrap .popbody .request p.rq textarea { margin-right: 0px; margin-left: 6px;} /* 19-04-03 추가*/
.popWrap .popbody .request .email {width:412px;margin-right:0}
.popWrap .popbody .request .name {width:220px;}
.popWrap .popbody .request .name2 {width:252px;} /* 19-04-03 추가*/
.popWrap .popbody .request .number {width:70px; margin:  0px 6px 0px 6px !important;}
.popWrap .popbody .request .btnArea {display:block;text-align:center}
.popWrap .popbody .request .btnArea button {display:inline-block;width:80px; height:36px;margin-right:5px;font-size:12px;line-height:14px;border:2px solid #ebebeb;border-radius:2px;background:#7faee7;color:#fff;}
.popWrap .popbody .request .btnArea button.white {display:inline-block;width:80px; height:36px;margin-right:5px;font-size:12px;line-height:14px;border:2px solid #ebebeb;border-radius:2px;background:#fff;color:#474747;}
.popWrap .popfooter {border-top:4px solid #83b2eb;height:50px;overflow:hidden;background-size:55px; position: relative;}
.popWrap .popfooter:before {content: ""; background: url("../images/css_logo_sprites.png") no-repeat -15px -235px; position: absolute; top: -1px; left: 22px; width: 91px; height: 54px; transform: scale(0.6); }
.popWrap .popfooter p {text-align:center;padding-left:50px;display:block;margin:20px;color:#474747;font-size:12px;font-weight:bold}
.popWrap .popfooter a {color:#ee0000;font-weight:bold;margin-right:5px}
.popWrap .popbody .request .comp_text {text-align:center;margin-top:10px}


.popWrap.termsPage .pophead {padding: 20px 22px 15px 22px;border-bottom:5px solid #7faee7}
.popWrap.termsPage .pophead p {font-size:12px;margin-bottom:0;line-height:18px}
.popWrap.termsPage .pophead p.poplogo {margin-bottom:15px;color:red}
.popWrap.termsPage .pophead p.popTitle {font-size:20px;margin-bottom:20px;color:#0b3f80;font-weight:bold}
.popWrap.termsPage .popbody {padding:10px 20px;border-bottom:5px solid #7faee7}
.popWrap.termsPage .popbody .section {padding:13px 20px;}
.popWrap .popbody p.clause {font-size:14px;color:#757575;font-weight:bold;margin-bottom:10px;margin-top:20px}
.popWrap .popbody p.clause:first-child {margin-top:0}
.popWrap .popbody p.clause_detail {font-size:12px;color:#757575;font-weight:bold;line-height:18px}
.popWrap .popbody ol.clause_list {font-size:12px;color:#757575;font-weight:bold;line-height:18px}
.popWrap .popbody ul.clause_list {font-size:12px;color:#757575;font-weight:bold;line-height:18px}
.popWrap .popbody ul.clause_list li {padding-left:15px; position: relative;}
.popWrap .popbody ul.clause_list li:after { content: ""; width: 10px; height: 10px; position: absolute; background: url("../images/css_sprites.png") no-repeat -10px -274px; top: 5px; left:0px; }

.perContact {overflow:hidden;margin:5px}
.perContact div {float:left;width:49%;margin-right:1%;}
.perContact div:last-child {margin-right:0}
.perContact table {border-top:3px solid #7faee7;border-bottom:3px solid #7faee7;border-left:none;border-right:none}
.perContact table th {text-align:center;background:#ebebeb;font-size:14px;color:#474747;font-weight:bold;padding:5px 0;border-left:none;border-right:none;border-bottom:1px solid #d0e1f6}
.perContact table td {border:none;padding:5px 15px;font-size:13px;font-weight:normal;color:#474747}
.perContact table td:first-child {border-right:1px solid #ececec}
.version {padding:10px}
.version p {text-align:right;font-size:12px;font-weight:bold;color:#474747}

.popWrap .info_text {padding-left:20px;font-size:11px;color:#474747;margin-bottom:10px;font-weight:bold}
.popWrap .pop_foot {text-align:center;height:50px;position:relative}
.popWrap .pop_footer {position:absolute;top:10px;left:100px;font-size:12px;color:#474747;background:url("../images/footer_logo.gif") no-repeat 0 0;display:block;height:30px;margin:0 auto;padding-left:60px;margin:0 auto;line-height:30px}
.popWrap .popbody dl dd li {display:inline-block}
.popWrap .popbody dl dd ul > li {margin-bottom:2px}
.popWrap .popbody dl dd li span {font-weight:bold;margin-bottom:2px;display:block}
.popWrap .popbody dl dd li label {margin-right:10px;cursor:pointer}
.popWrap .popbody dl dd li input[type=text] {width:300px;padding-left:5px}
.popWrap .popbody dl dd li input[type=radio], .popWrap .popbody dl dd li input[type=checkbox]  {opacity:0;margin-right:-12px;}
.popWrap .popbody dl dd li input:checked + label {color:#0e27e4;}
/*adminsection*/

.adminsection {color:#747474}
.adminsection .rowindx {background:#83b2eb;height:25px;padding:5px}
.adminsection > label {margin-right:10px;font-size:12px}
.adminsection .index_list {padding:10px;border-bottom:1px solid #747474;margin-bottom:10px;overflow:hidden;vertical-align:middle}
.adminsection ul li {width:320px;;height:30px;display:table-cell;float:left;overflow:hidden;margin-bottom:5px;}
.adminsection ul li label {/* float:left ;*/width:120px;height:30px;display:table-cell;vertical-align:middle;font-size:12px;}
.adminsection ul li span {display:table-cell;}
.adminsection ul li span input {height:20px}
/* .adminsection ul li input {float:left;width:170px;height:20px} */
.adminsection .index_button {/*margin-bottom:10px; */ height: 30px; }
.adminsection .index_button button {display:inline-block; margin: 2px 8px 2px 0; padding: 5px 6px; border: 1px solid #A9A9A9; background-color: #e8e8e8; font-family: "Nanumgothic"; color: #333; font-size: 13px; }
.adminsection .index_button span+button { margin-left: 8px;}
.adminsection .index_button button:hover, .adminsection .index_button button:active { background: #D3D3D3;  border: 1px solid #778899; }


/*layer*/
.poplayerWrap {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(137,137,137,0.35);display:none;z-index:10}
.poplayer {width:1150px;height:800px;background:#fff;margin:60px auto;border:2px solid #898989}
.maparea {width:100%;;overflow:hidden}
.maparea table tbody tr:hover {background:none;font-weight:normal}
.mappart {width:681px;height:746px;float:left;padding-bottom:20px;box-sizing:border-box}
.datapart {width:462px;height:746px;float:right;padding:15px;box-sizing:border-box}

.popWrap.termsPage .pophead {padding: 20px 22px 15px 22px;border-bottom:5px solid #7faee7}
.popWrap.termsPage .pophead p {font-size:12px;margin-bottom:0;line-height:18px}
.popWrap.termsPage .pophead p.poplogo {margin-bottom:15px;color:red}
.popWrap.termsPage .pophead p.popTitle {font-size:20px;margin-bottom:20px;color:#0b3f80;font-weight:bold}
.popWrap.termsPage .popbody {padding:10px 20px;border-bottom:5px solid #7faee7}
.popWrap.termsPage .popbody .section {padding:13px 20px;}

/**/
.infographicWrap {border-top:2px solid #0d4c99;border-bottom:2px solid #0d4c99;padding:20px 0;margin-bottom:50px}
.datacont {overflow:hidden;height:90px}
.datacont ul {overflow:visible;position:relative}
.datacont ul:after {content:"";width:6px;height:100px;background:#fcbd88;position:absolute;top:50px;left:260px;}
.datacont ul.part2:after {content:"";width:6px;height:100px;background:#89c997;position:absolute;top:50px;left:160px;}
.datacont ul.part3:after {content:"";width:6px;height:100px;background:#97caf9;position:absolute;top:50px;left:75px;}
.datacont ul li {float:left;margin-right:30px;text-align:center;color:#fff}
.datacont ul li:last-child {margin-right:0}
.datacont .part1 {width:533px;height:55px;float:left;margin-right:20px;background:#fcbd88;box-sizing:border-box;padding:20px}
.datacont .part2 {width:330px;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:156px;height:55px;float:left;background:#97caf9;box-sizing:border-box;padding:20px 30px}
.datahead {background:#e4e4e4;width:100%;height:65px;margin-bottom:40px;}
.datahead .part1 {width:533px;height:65px;float:left;margin-right:20px;box-sizing:border-box;position:relative}
.datahead .part2 {width:330px;height:65px;float:left;margin-right:20px;box-sizing:border-box;position:relative}
.datahead .part3 {width:156px;height:65px;float:left;box-sizing:border-box;position:relative}
.datahead .part1:after {content:"";background: url("../images/css_sprites.png") no-repeat -166px -10px;position:absolute;top:65px;left:254px;width:18px;height:27px}
.datahead .part2:after {content:"";background: url("../images/css_sprites.png") no-repeat -166px -57px;position:absolute;top:65px;left:154px;width:18px;height:27px}
.datahead .part3:after {content:"";background: url("../images/css_sprites.png") no-repeat -166px -104px;position:absolute;top:65px;left:69px;width:18px;height:27px}
.datahead ul {width:125px;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 .part1 ul {width:165px;}
.datahead .part2 ul {width:105px;height:65px;border-top:2px solid #838383;border-bottom:2px solid #838383;box-sizing:border-box;float:left;font-size:12px;margin-right:7px}
.datahead .part2 ul:last-child {margin-right:0}
.datahead ul li {padding-left:20px;line-height:25px;color:#848484; position: relative;}
.datahead ul li:before { content: ""; position: absolute; background: url("../images/css_sprites.png") no-repeat -220px -204px; width: 5px; height: 5px; top: 10px; left: 10px;}
.datahead .part1 ul li {padding-left:50px;line-height:25px;color:#848484}
.datahead .part1 ul li:before { content: ""; top: 10px; left: 40px; }
.datahead .part3 ul li {padding-left:35px;line-height:25px;color:#848484}
.datahead .part3 ul li:before { content: ""; top: 10px; left: 25px;}
.dbsystem {padding:30px 60px;background:#eaf4ff;padding-bottom:50px}
.dbsystem .hiddentext {text-indent:-9999px;float:left}
.dbsystem .dbsystem_title {width:202px;font-size:20px;color:#616161;border-bottom:1px solid #0d4c99;padding-bottom:5px;font-weight:bold;}
.dbsystem > div {margin-top:50px;position:relative;background:#fff;padding:10px;overflow:visible;height:60px}
.dbsystem > div:before {content:"";width:50px;height:21px;background: url("../images/css_sprites.png") no-repeat -204px -274px;position:absolute;top:-35px;left:50%}
.dbsystem .stp01 {background:url("../images/bg_stp01.png") no-repeat 5px 5px #fff;}
.dbsystem .stp02 {background:url("../images/bg_stp02.png") no-repeat 5px 5px #fff;}
.dbsystem .stp03 {background:url("../images/bg_stp03.png") no-repeat 5px 5px #fff;}
.dbsystem .stp04 {background:url("../images/bg_stp04.png") no-repeat 5px 5px #fff;}
.dbsystem > div ul {overflow:hidden;float:right;margin-top:10px}
.dbsystem > div ul li {float:left;border-right:1px solid #838383;font-size:12px;color:#616161;text-align:center;width:120px;height:40px;line-height:20px;font-weight:bold}
.dbsystem > div ul li:last-child {margin-right:0;border-right:none}
.dbsystem .stp04 {height:150px}
.dbsystem .stp04 ul li {float:left;font-size:14px;color:#616161;text-align:center;width:150px;height:105px;line-height:20px;font-weight:bold;background:url("../images/bg_stplist.png") no-repeat center 0;position:relative;border-right:none;padding-top:40px}
.dbsystem .stp04 ul li:nth-child(2) {padding-top:30px}
.dbsystem .stp04 ul li:after {content:"";width:1px;height:40px;background:#838383;position:absolute;right:0;top:40px}
.dbsystem .stp04 ul li:last-child:after {display:none}
.dbsystem .stp04 ul li span {display:block;margin-top:25px;font-size:12px;font-weight:bold;line-height:14px}


.tableshr2 {border:2px solid #ebebeb;background:#f2f8ff;text-align:center;vertical-align:top;padding:10px;margin-bottom:20px}
.tableshr2 > div {margin-bottom:10px}
.tableshr2 > div:last-child {margin-bottom:0}
.tableshr2 label {font-size:14px;color:#6a6a6a;font-weight:bold;margin-right:10px;line-height:30px}
.tableshr2 input {width:110px;height:24px;vertical-align:top}
.tableshr2 input.long {width:200px}
.tableshr2 select {height:30px}
.tableshr2 span {margin-right:20px;vertical-align:top}
.tableshr2 span:last-child {margin-right:0}
.tableshr2 button.shr {display:inline-block;border:none;font-size:12px;font-weight:bold;color:#6a6a6a;background:#dcdcdc;width:50px; height:30px;margin-left:10px;vertical-align:top}
.tableshr2 p.exmAddress {font-size:13px;font-weight:bold;color:#979797}
.tableshr2 .btn {text-align:right;vertical-align:top}
.tableshr2 .btn.instyle {display:inline-block}
.tableshr2 .btn button {display:inline-block;height:30px;margin-right:5px;vertical-align:middle;font-size:12px;background:#7faee7;border:none;color:#fff;box-sizing:border-box}

.shr_layerWrap {width:100%;height:100%;background:rgba(137,137,137,0.35);position:absolute;top:0;left:0;display:none;z-index:10}
.shr_layerWrap .popWrap {margin:0 auto;margin-top:50px}
.shr_layerWrap .shr_layerbtn {text-align:right}
.shr_layerWrap .shr_layerbtn button {display:inline-block;padding:4px 20px;border:2px solid #ebebeb;background:#83b2eb;color:#fff;font-size:12px;font-weight:bold}

.board_list td.centerRight {padding-right:100px;text-align:right}

.helpwrap {border-top:4px solid #7faee7;border-bottom:4px solid #7faee7;padding:4px 0;margin-top:30px}
.helptitle {text-align:center;padding:15px 0;background:#ebebeb;font-size:18px;color:#474747;margin-bottom:13px}
.helpsub {padding-left:30px;font-size:18px;color:#7faee7;padding-bottom:7px;border-bottom:2px solid #7faee7;margin:0 auto;width:90%}
.helppic {padding:0 30px;text-align:center;margin-bottom:10px}
.helppic img {display:inline-block}

.popEventWrap { width: 550px; position: relative; } /* 19-02-21 추가 */
.popEventWrap a { width: 175px; height: 50px; position: absolute; top: 605px; right: 40px;} /* 19-02-21 추가 */
.popEventWrap .popImgRsch { width: 550px; height: auto; } /* 19-02-21 추가 */

img.hyplink { display:inline; margin-left:5px;}
.info p .fsize { font-size:10pt; }

/*  width  */
.w8p { width:8%; }
.w10p { width:10%; }
.w11p { width:11%; }
.w12p { width:12%; }
.w12_5p { width:12.5%;}
.w13p { width:13%; }
.w15p { width:15%; }
.w17p { width:17%;}
.w19p { width:19%; }
.w20p { width:20%; }
.w22p { width:22%; }
.w25p { width:25%; }
.w30p { width:30%; }
.w39p { width: 39%; }
.w40p { width:40%; }
.w45p { width:45%; }
.w46_5p{ width:46.5% }
.w47p { width:47%; }
.w50p { width:50%; }
.w53p { width:53%; }
.w53_5p { width:53.5%; }
.w60p { width:60%; }
.w65p { width:65%; }
.w75p { width:75px; }
.w120p { width:120px; }
.wAuto { width:auto;}


/* 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:45px; line-height:45px; font-size: 17px; background-color: #0d4c99;}
.headerWrap .headerMenuWrap .headerMenu { width:1280px; margin: 0 auto; position:relative}
.headerWrap .headerMenuWrap .headerMenu:after { content: ""; clear: both; display: block;}
.headerWrap .headerMenuWrap .headerMenu li { float: left;}
.headerWrap .headerMenuWrap .headerMenu li a { display: block; position: relative; width:142px; color:#fff; font-size: 17px; text-align: center; }
.headerWrap .headerMenuWrap .headerMenu li:nth-child(8) a{ box-sizing: border-box; text-align: center;}
.headerWrap .headerMenuWrap .headerMenu > li:nth-of-type(9)> a:after, .headerWrap .headerMenuWrap .headerMenu > li:last-child> a:after { display: none; }
.headerWrap .headerMenuWrap .headerMenu li a:after { content: ""; position: absolute; top:15px; 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;}
.headerWrap .headerMenuWrap .headerMenu li.energyBtn a { position:absolute; right:-140px; background-color: #434B59;}
.headerGnbWrap {position: absolute; top:115px; 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:142px; height:230px; position: relative; padding:18px 0px; box-sizing: border-box;}
.headerGnbWrap .headerGnbMenu > li:after { content:""; position: absolute; top:0; left:0; width:1px; height:230px; background-color:#dadada;}
.headerGnbWrap .headerGnbMenu > li:last-child::before{ content:""; position: absolute; top:0; right:0; width:1px; height:230px; 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.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; cursor: pointer;}
.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;}

/* notice */
.mainContWrap_2 { width:100%; height:448px; padding:30px 0; border-bottom: 4px solid #e0e0e0; box-sizing: border-box; background: url("../images/content2_bg.png") no-repeat center center;}
.mainContWrap_2 .content2 { width:1280px; height:388px; margin:0 auto; }
.mainContWrap_2 .content2_1, .mainContWrap_2 .content2_2, .mainContWrap_2 .content2_3 { width:407px; height:388px; position: relative; float:left; box-sizing: border-box; margin-left:30px; border:1px solid #dedede;  background-color: #fff;}
.mainContWrap_2 .content2_1 { width:406px; margin-left:0; }
.mainContWrap_2 .content2_3 {background-color:#4a5f79}
.mainContWrap_2 .content2_3 .cont2_title a { color:#fff}
.mainContWrap_2 .content2 .content2_inner { width:383px; height:366px; padding:25px; box-sizing: border-box; position:absolute; top:10px; left:10px; border:1px solid #dedede;  background-color: #fff; }
.mainContWrap_2 .content2 .content2_1 .content2_inner { width:382px; height:366px; position:absolute; top:10px; left:10px; border:1px solid #dedede;  background-color: #fff; }
.mainContWrap_2 .content2 .content2_inner .cont2_title { font-size: 20px; line-height: 20px; font-weight: 700; margin-bottom: 27px;}
.mainContWrap_2 .content2 .content2_3 .content2_inner { background-color: #4a5f79; border:1px solid #fff;}
.mainContWrap_2  .content2_inner .noticeList > li:first-child { padding-top:0px; }
.mainContWrap_2  .content2_inner .noticeList > li:last-child { border-bottom: 0 none;}
.mainContWrap_2  .content2_inner .noticeList li{ border-bottom:1px solid #dfdfdf; padding-top:15px; padding-bottom:15px;}
.mainContWrap_2  .content2_inner .noticeList li a { display: block; color:#0d4c99; font-size: 15px;; font-weight: 700; line-height: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.mainContWrap_2  .content2_inner .noticeList li a span { display:block; font-size: 13px; line-height:13px; color:#9d9d9d; margin-top:15px; font-weight: normal; }
.mainContWrap_2 .content2_inner .latestInputData { margin-bottom:10px; text-align: center;}
.mainContWrap_2 .content2_inner .latestInputData li { display: inline-block; width:153px; height:60px; border:1px solid #2c3848; box-sizing: border-box; border-radius: 5px; margin-right:20px; background-color: #405267;}
.mainContWrap_2 .content2_inner .latestInputData li a { display:block; color:#f7f7f7; font-size: 15px; line-height:15px; margin-top: 10px;}
.mainContWrap_2 .content2_inner .latestInputData li a span{ display:block; margin-top:10px; color:#e1dede; font-size: 13px; line-height: 13px;}
.mainContWrap_2 .content2_inner .latestInputData>li:last-child { margin-right:0px}
.mainContWrap_2 .content2_inner>.latestInputData:last-child { margin-bottom:0px;}

/* 관련법규 */
.latestLaw { margin-bottom: 30px; text-align: center;}
.latestLaw:after { display: block; content: ""; clear: both;}
.latestLaw .lawBx { display: block; position: relative;  float: left; width:205px; padding:25px 0; height:172px; border:1px solid #dadada; box-sizing: border-box; margin-right:8px;} 
.latestLaw > .lawBx:last-child { margin-right:0px; }
.latestLaw .lawBx img { margin:0 auto; margin-bottom:10px;}
.latestLaw .lawBx p { font-size:16px; font-weight: 700;}
.latestLaw .lawBx p span { font-size:14px; }
.latestLaw .lawBx a { display: block; width:100px; height:26px; line-height:26px; position:absolute; bottom:25px; left:55px; font-size:13px; color:#fff; background-color: #669ee6; border-radius: 50px;}
.etcLaw {width:100%;display:block;border-bottom:1px solid #999;font-size:20px;padding-bottom:5px;padding-top:7px;margin-bottom: 8px; font-weight:bold;color:#333;overflow:hidden;letter-spacing:-1px;}

.mobile_view_btn { position: absolute; width:100%; }
.mobile_view_btn p a{ display: block; width: 100%; background-color: #ebf3ff; color: #666;  text-align: center; height: 60px; line-height: 60px; font-size: 23px; font-weight: bold; border-top: 1px solid #D3D3D3; }

.tablewrap { width:100%; margin-bottom: 10px; border-bottom:2px solid #a7a7a7;}