/* Minification failed. Returning unminified contents.
(123,1): run-time error CSS1019: Unexpected token, found '@charset'
(123,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(123,17): run-time error CSS1019: Unexpected token, found ';'
(311,1): run-time error CSS1019: Unexpected token, found '@charset'
(311,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(311,17): run-time error CSS1019: Unexpected token, found ';'
(419,1): run-time error CSS1019: Unexpected token, found '@charset'
(419,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(419,17): run-time error CSS1019: Unexpected token, found ';'
(423,1): run-time error CSS1019: Unexpected token, found '@import'
(423,9): run-time error CSS1019: Unexpected token, found 'url('table_origin.css')'
(423,32): run-time error CSS1019: Unexpected token, found ';'
(623,1): run-time error CSS1019: Unexpected token, found '@charset'
(623,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(623,17): run-time error CSS1019: Unexpected token, found ';'
(639,1): run-time error CSS1019: Unexpected token, found '@charset'
(639,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(639,17): run-time error CSS1019: Unexpected token, found ';'
(682,134): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(683,156): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(846,1): run-time error CSS1019: Unexpected token, found '@charset'
(846,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(846,17): run-time error CSS1019: Unexpected token, found ';'
 */
@charset "utf-8";

/* 상단 옵션 버튼 */
.btnPack,.btnPack *{position:relative;overflow:visible;margin:0;padding:0;display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;border:0;white-space:nowrap}
.btnPack{margin-right:0;*margin-right:2px;z-index:8;}
.btnPack, .btnPack *{padding:0;cursor:pointer;_cursor:hand;vertical-align:middle !important}
.btnPack button:active{text-decoration:none}


.btnTopAreaSelect *:link, .btnTopAreaSelect *:hover, .btnTopAreaSelect *:active, .btnTopAreaSelect *:visited,
.btnTopAreaSelectOn *:link, .btnTopAreaSelectOn *:hover, .btnTopAreaSelectOn *:active, .btnTopAreaSelectOn *:visited,
.btnTopAreaCareers *:link, .btnTopAreaCareers *:hover, .btnTopAreaCareers *:active, .btnTopAreaCareers *:visited {color:#6d6d6d;text-decoration:none}

.btnTopAreaSelect, .btnTopAreaSelect *{height:25px;line-height:25px;font-size:14px;letter-spacing:0px;background:url(../images/btn/btn_topArea.gif) no-repeat 0px 0px}
.btnTopAreaSelect *{padding:0 30px 0 8px;background-position:100% 0px;}
:root .btnTopAreaSelect *{padding-top:1px}

.btnTopAreaSelectOn, .btnTopAreaSelectOn *{height:25px;line-height:25px;font-size:14px;letter-spacing:0px;background:url(../images/btn/btn_topArea.gif) no-repeat 0px -70px}
.btnTopAreaSelectOn *{padding:0 30px 0 8px;background-position:100% -70px}
:root .btnTopAreaSelectOn *{padding-top:1px}

.btnTopAreaCareers, .btnTopAreaCareers *{height:25px;line-height:25px;font-size:14px;letter-spacing:0px;background:url(../images/btn/btn_topArea.gif) no-repeat 0px -35px}
.btnTopAreaCareers *{padding:0 30px 0 8px;background-position:100% -35px;}
:root .btnTopAreaCareers *{padding-top:1px}



/* icon */
.iconNew { width:44px; height:20px; background-color:#ff262b;display:inline-block; line-height:21px; color:#FFFFFF;}
.iconBm { width:44px; height:20px; background-color:#d0d62c;display:inline-block; line-height:21px; color:#FFFFFF;}



/* buttons */

.button {
	display:inline-block;
	height:25px;
	line-height:25px;
	padding:0 10px 0 10px;
	background:url(../images/btn/white.gif) repeat-x 0px 0px;
	color:#FFFFFF!important;
	font-weight:bold;
	font-size:12px;
	text-shadow:0 0px 1px #000000;
	position:relative;
	border:1px solid #0078e7;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.button:hover {
	border-color:#0078e7;
	background:#0299f1;
	color:#FFFFFF!important;
}

.button span {
	position:absolute;
	top:0px;
	left:9px;
	width:25px;
	height:25px;
	background-repeat:no-repeat;
	background-position:center;
}


.btnDisable {
	display:inline-block;
	height:25px;
	line-height:25px;
	padding:0 10px 0 10px;
	background:url(../images/btn/whiteDisable.gif) repeat-x 0px 0px;
	color:#FFFFFF!important;
	font-weight:bold;
	font-size:12px;
	text-shadow:0 0px 1px #000000;
	position:relative;
	border:1px solid #c5c5c5;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	cursor: default;
}

.btnDisable span {
	position:absolute;
	top:0px;
	left:9px;
	width:25px;
	height:25px;
	background-repeat:no-repeat;
	background-position:center;
}


.button.search span {background-image:url(../images/btn/icons/search.png);}
.button.search {padding-left:40px !important;}
.btnDisable.search span {background-image:url(../images/btn/icons/search.png);}
.btnDisable.search {padding-left:40px !important;}


.button.back span {background-image:url(../images/btn/icons/back.png);}
.button.back {padding-left:40px !important;}
.btnDisable.back span {background-image:url(../images/btn/icons/back.png);}
.btnDisable.back {padding-left:40px !important;}

.button.excel span {background-image:url(../images/btn/icons/excel.png);}
.button.excel {padding-left:40px !important;}
.btnDisable.excel span {background-image:url(../images/btn/icons/excel.png);}
.btnDisable.excel {padding-left:40px !important;}


.button.dataCenter span {background-image:url(../images/btn/icons/dataCenter.png);}
.button.dataCenter {padding-left:40px !important;}
.btnDisable.dataCenter span {background-image:url(../images/btn/icons/dataCenter.png);}
.btnDisable.dataCenter {padding-left:40px !important;}



@charset "utf-8";

/* important css */
.t_left {text-align:left !important;}
.t_center {text-align:center !important;}
.t_right {text-align:right !important;}
.f_left {float:left !important;}
.f_center {float:center !important;}
.f_right {float:right !important;}
.v_middle {vertical-align:middle !important;}
.v_top {vertical-align:top !important;}

.t_normal{font-weight:normal !important}
.t_sp{letter-spacing:-1px !important}


.relative {position: relative;}
.absolute {position: absolute;}


input.txt {padding: 0 0 0 4px; line-height: 19px; height: 19px; border: 1px solid #cecece; color:#666;}
input.mainTxt {padding: 0 0 0 4px; line-height: 19px; height: 19px; border: 2px solid #05599c; color:#666;}
input.txtR {padding: 0 0px 0 0 ; line-height: 19px; height: 19px; border: 1px solid #cecece; text-align: right; color:#666;}


.hideextra { white-space: nowrap !important; overflow: hidden !important; text-overflow:ellipsis !important; }  /* 글자제한 */


/* 폰트색상 */
.point1 {color: #2b84b7 !important;} /* 블루 */
.point2 {color: #fa503f !important;} /* 빨강 */
.point3 {color: #353535 !important; padding: 0 0 0 6px;} /* 옅은 회색 */
.point4 {color: #4a84b5 !important;} /*  스카이 블루 */


/* 그래프색상 */
.graphColor01 {background-color:#fa503f !important;} /* 빨강 */
.graphColor02 {background-color:#9670ab !important;} /* 보라 */
.graphColor03 {background-color:#dee26b !important;} /* 연녹색 */
.graphColor04 {background-color:#e894b4 !important;} /* 핑크 */
.graphColor05 {background-color:#ffde8b !important;} /* 살구 */
.graphColor06 {background-color:#7f8fae !important;} /* 파랑 */
.graphColor07 {background-color:#97ca9b !important;} /* 청녹색 */
.graphColor08 {background-color:#dacf83 !important;} /* 연골드 */


/* 타이틀 영역 */
.subTitle {width: 100%; margin: 20px 0px -10px 10px;}
.subTitle img {vertical-align: 10%;}
.subTitle .subTitleLeft {float:left;}
.subTitle .subTitleLeft span {margin: 0px 5px 0px 5px; color: #003353; font-weight:bold;}
.subTitle .subTitleRight {float:right; padding-right: 10px;}


/* 탭 */
.tabType1{position:relative;padding-bottom:-2px;*zoom:1;border-bottom:3px solid #2b84b7;z-index:10; margin-bottom:30px;}
.tabType1:after{content:".";height:0;visibility:hidden;display:block;clear:both;}
.tabType1 li{float:left; margin-bottom:-3px;letter-spacing:0.1px;font-size:16px;text-align:center; cursor:pointer;}
.tabType1 li:first-child a{margin-left:0px !important;}
.tabType1 li.off a{display:block;padding:11px 25px 8px 25px;line-height:10px;background-color:#a8b9c2;margin-left:1px;color:#FFFFFF;margin-top:10px;}
.tabType1 li.off a:link, .tabType1 li a:hover, .tabType1 li a:active, .tabType1 li a:visited{color:#FFFFFF;text-decoration:none}
.tabType1 li.on a{display:block;padding:11px 25px 8px 25px;line-height:20px;background-color:#FFFFFF;margin-left:1px;border-top:3px solid #2b84b7;border-right:3px solid #2b84b7;border-left:3px solid #2b84b7; color:#2b84b7;}
.tabType1 li.on a:link, .tabType1 li.on a:hover, .tabType1 li.on a:active, .tabType1 li.on a:visited{color:#2b84b7;text-decoration:none}


/* 조건입력박스 */
.setBox {width:100%; height:46px; border:1px solid #2b84b7; display:inline-block; padding-top:18px; padding-left:20px;}
.setBox span.title {letter-spacing:0.1px; font-size:30px; color:#2b84b7; display:inline-block; vertical-align:middle;line-height:0.5; padding-right:10px;}
.setBox span.title2 {letter-spacing:0.1px; font-size:16px; color:#2b84b7; display:inline-block; vertical-align:middle;line-height:0.5; padding-right:10px;}
.setBox select {}
.setBox label {margin-right:10px;}
.setBox label.first {margin-left:30px;}
.setBox input {}
.setBox img {vertical-align: middle;}


/* 메인 */
.mainGroup01 {display:inline-block;margin-top:30px; width:100%;}
.mainGroup02 {display:inline-block;margin-top:40px; width:100%;}
.mainGroup03 {display:inline-block;margin-top:40px; width:100%;}
.mainGroup04 {display:inline-block;margin-top:40px; width:100%;}

.title1Depth {letter-spacing:-1px;font-size:30px;color:#2b84b7; line-height:30px; margin-bottom:10px; display:inline-block}
.title2Depth {letter-spacing:-1px;font-size:18px;color:#444444; line-height:18px; margin-bottom:10px;background: url('../images/common/bullet_2Depth.gif') no-repeat 0 0px; padding-left:22px;}

.graphBar {width:100%;}
.graphBar ul {width:100%;}
.graphBar ul li {width:100%; margin-top:6px;}
.graphBar ul li:first-child {margin-top:0px;}
.graphBar ul li span {float:left;letter-spacing:0.1px; font-size:14px;line-height: 41px; width:76px; text-align:right; display:inline-block;background: none;}
.graphBar .barBox { background-color:#f7f7f7; height:41px; margin-left:86px;}
.graphBar .barBg {background: url('../images/common/graphBarBg.gif') repeat-x; height:100%; margin-right:84px;}
.graphBar .barRed {position:relative;background-color:#ff262b; height:100%;}
.graphBar .text {position: absolute; right:0px; margin-right:-202px; text-align:left; width:200px; line-height: 49px;letter-spacing:-3px;font-size:25px; font-weight:bold;}
.graphBar .barRed .text { color:#ff262b;}
.graphBar .barSkyBlue {position:relative;background-color:#00c9d5; height:100%;}
.graphBar .barSkyBlue .text { color:#00c9d5;}
.graphBar .barBlue {position:relative;background-color:#2b84b7; height:100%;}
.graphBar .barBlue .text { color:#2b84b7;}
.graphBar .barDarkBlue {position:relative;background-color:#485f8b; height:100%;}
.graphBar .barDarkBlue .text { color:#485f8b;}
.graphBar .barGreen {position:relative;background-color:#d0d62c; height:100%;}
.graphBar .barGreen .text { color:#d0d62c;}

.graphLine {}
.graphLineGuide {margin:20px 0px 0px 84px;}
.graphLineGuide ul {letter-spacing:0.1px; font-size:14px;line-height:28px; color:#9b9fa9;}
.graphLineGuide ul li {float:left;display:inline-block;}
.graphLineGuide .guideImg {margin-right:6px;}
.graphLineGuide .guideText { margin-right:20px;}

.graphBox { width:100%; height:483px;background: url('../images/common/graphBoxBg.gif') repeat-x;}
.graphBoxGuide {}


/* 서브 */
.subGroup01 {display:inline-block;margin-top:30px; width:100%;}
.subGroup02 {display:inline-block;margin-top:40px; width:100%;}

/* Contact Us & License */
.contactUs {display:inline-block;margin-top:10px; width:100%; background: url('../images/common/visual_contactUs.png') no-repeat 100% 0; height:500px;}
.contactUs p{padding:10px 0 0 22px; letter-spacing:-1.2px; font-size:14px;line-height: 20px; width:400px; color:#898989;}
.contactUs p.phone{color:#2b84b7; padding-left:50px; background: url('../images/common/icon_phone.png') no-repeat 20px 12px;}
.contactUs p.phone span{color:#898989;}
.contactUs p.email{color:#2b84b7; padding-left:50px; background: url('../images/common/icon_email.png') no-repeat 20px 12px;}


/* aboutIndex */
.aboutIndex {display:inline-block;margin-top:10px; width:100%; background: url('../images/common/visual_aboutIndex_01.png') no-repeat 100% 0;}
.aboutIndex p{padding:10px 0 0 22px; letter-spacing:-1.2px; font-size:14px;line-height: 20px; width:400px; color:#898989;}
.aboutIndex dl{padding:10px 0 0 22px;letter-spacing:-1.2px; font-size:14px;line-height: 20px; width:400px; color:#898989;}
.aboutIndex dt {color:#2b84b7; padding-bottom:10px; padding-top:15px;}
.aboutIndex dt:first-child {padding-top:0px;}
.aboutIndex dd {color:#898989; padding-left:10px; background: url('../images/common/bullet_4Depth.png') no-repeat 0px 5px;}


/* aboutSector */
.aboutSector {display:inline-block;margin-top:10px; width:100%;}
.aboutSector p{padding:10px 0 0 22px;letter-spacing:-1.2px; font-size:14px;line-height: 20px; color:#898989;}
.aboutSector p.point2{padding:0 0 0 22px;}
.aboutSector p.annotation {font-size:12px; border-top:1px solid #cecece; margin-top:50px;}
.aboutSector p.annotation > span {color:#2B84B7;}
.aboutSector dl{padding:10px 0 0 22px;letter-spacing:-1.2px; font-size:14px;line-height: 20px; color:#898989;}
.aboutSector dt {color:#2b84b7; padding-bottom:10px; padding-top:15px;}
.aboutSector dt:first-child {padding-top:0px;}
.aboutSector dd {color:#898989; padding-left:10px; background: url('../images/common/bullet_4Depth.png') no-repeat 0px 5px;}
.aboutSector dd.file a {margin-left:10px;}
.aboutSector dd.file a img {vertical-align:-2px; margin-right:4px;}



/* siteMap */
.siteMapGroup03 {display:inline-block;margin-top:40px; width:100%;}


/* search */
.searchNoData {background: url('../images/common/visual_search_noData.png') no-repeat 200px 12px; width:100%; height:200px; margin-top:20px;}
.searchNoData span.title {letter-spacing:-1.2px; font-size:30px;line-height: 20px;color:#2b84b7; display:inline-block; vertical-align:middle; padding-left:380px; padding-top:80px;}
.searchList {width:100%; margin-top:20px;border-bottom: 1px solid #b2b2b2;}
.searchListTh {width:100%; height:40px; background-color:#eeeeee; border-top: 1px solid #b2b2b2;}
.searchListTh span.thText {letter-spacing:0.1px; font-size:14px; line-height: 40px; padding-left:20px;}
.searchListTh span.thBtn {float:right; padding:8px 20px 0 0;}
.searchListTd {width:100%; background-color:#FFFFFF; border-top: 1px solid #b2b2b2; padding:10px 0;}
.searchListTd span.thText {letter-spacing:0.1px; font-size:12px; line-height: 20px; padding-left:20px;color:#2b84b7;}

textarea {letter-spacing:0.1px;}

/* service */

.service {font-size:14px}
.service .link { border: 3px solid #f2f2f2; background-color: #fffdf5; padding: 20px 20px 15px; overflow: hidden; }
.service .link .column { float: left; width: 25%; padding-left:20px;}
.service .link .column:first-child{padding-left:0;}
.service .link .column a { display: block; padding-bottom: 5px; color: #0668cb; font-weight: bold; }
.service .cont { line-height: 26px; }
.service .cont h2 { margin-top: 40px; font-size: 16px; font-weight: bold; padding-bottom: 25px; }
.service .cont h3 { font-weight: bold; padding-bottom: 15px; }
.service .cont .dep1 { padding-left: 30px; }
.service .cont .dep2 { padding-left: 20px; padding-bottom: 40px; }
.service .cont .dep3 { padding-left: 20px; }

/* legalNotice */
.legalNotice h2 { padding-bottom: 20px; font-size: 23px; font-weight: bold; }
.legalNotice .legalNoticeBox {border: 3px solid #f2f2f2; background-color: #fffdf5; padding: 20px 20px 15px; overflow: hidden; }
.legalNotice .legalNoticeBox div { display:block; padding-bottom: 5px; font-size: 16px; }
.legalNotice .legalNoticeBox div p { display:inline; font-weight: bold; }
.legalNotice .cont { line-height: 26px; }
.legalNotice .cont div { padding-top: 20px; font-size: 16px; }
@charset "utf-8";

@font-face {
 font-family: 'NanumBarunGothic';
 src: url('../font/NanumBarunGothic.eot');
 src: local('?'),
  url('../font/NanumBarunGothic.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}

@font-face {
    font-family: 'Daum_Regular';
    src: url('../font/Daum_Regular.eot');
    src: url('../font/Daum_Regular.eot?#iefix') format('embedded-opentype'),
         url('../font/Daum_Regular.woff') format('woff'),
         url('../font/Daum_Regular.ttf') format('truetype'),
         url('../font/Daum_Regular.svg#Daum_Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
 font-family: 'Oswald-Light';
 src: url('../font/Oswald-Light.eot');
 src: local('?'),
  url('../font/Oswald-Light.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'Oswald-Regular';
 src: url('../font/Oswald-Regular.eot');
 src: local('?'),
  url('../font/Oswald-Regular.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'Oswald-Bold';
 src: url('../font/Oswald-Bold.eot');
 src: local('?'),
  url('../font/Oswald-Bold.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'ArchivoNarrow-Regular';
 src: url('../font/ArchivoNarrow-Regular.eot');
 src: local('?'),
  url('../font/ArchivoNarrow-Regular.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}


/* Reset */
html,body{
	width:100%;height:100%;
}
* {margin:0;padding:0;}
body {color:#4F565B;font-size:12px;font-family:NanumBarunGothic, "돋움",Dotum,AppleGothic,Tahoma,Sans-serif}
html{overflow:hidden;overflow-y:scroll}

h1, h2, h3, h4, h5, h6 {font-size:1em;font-weight:normal; font-family:NanumBarunGothic ,Helvetica,sans-serif;}
hr {display:none;}
ul, ol, li {list-style-type:none;}
fieldset{margin:0;padding:0;border:0;}
legend,caption {display:none}
address, em, cite {font-style:normal;}
input, button, select {font-size:1em; font-family:NanumBarunGothic, "돋움",Dotum,AppleGothic,Tahoma,Sans-serif!important;vertical-align:middle;}
input {ime-mode:active;}
button, textarea, input, object, select {display:inline-block;vertical-align:middle;}
code, pre {font-size:1em;}
button{overflow:visible;border:none;margin:0;padding:0}

.inpRadio, .inpCheck{width:13px;height:13px;margin-top:-1px;margin-left:15px}
.inpRadio:first-child, .inpCheck:first-child{}
.inpTxt{color:#464d61;height:25px;padding:0 7px;line-height:25px;border-top:1px solid #c1c6cd;border-left:1px solid #c1c6cd;border-right:1px solid #e0e4ea;border-bottom:1px solid #e0e4ea;background:#fff}
.readonly{color:#adb1b9;height:25px;padding:0 7px;line-height:25px;border-top:1px solid #bfc6cc;border-left:1px solid #bfc6cc;border-right:1px solid #d8dee3;border-bottom:1px solid #d8dee3;background:#f1f3f4}
.inpTxt:focus, .coltype td select:focus, .rowtype td select:focus, .titleArea1 select:focus{color:#464d61;border:1px solid #00a2e2;background:#edf6fb}
:root .inpTxt{height:24px;padding-top:1px}

select{height:27px;*margin-top:2px;padding:4px 4px 4px 4px; font-size:12px;line-height:30px;border-top:1px solid #c1c6cd;border-left:1px solid #c1c6cd;border-right:1px solid #e0e4ea;border-bottom:1px solid #e0e4ea;color:#4f565b;}
textarea {padding:5px;border:1px solid #bababa;line-height:1.167;_margin:-1px 0;}
img {border:0 none;}
label {display:inline-block;*display:inline;_zoom:1;vertical-align:middle;}
table {border-collapse: collapse;}


a:link {color: #686e70; text-decoration: none;}
a:visited {color: #686e70; text-decoration: none;}
a:active {color: #686e70; text-decoration: none;}
a:hover {color: #0098de; text-decoration: none;}

.clear{*height:1%;}
.clear:after{content:".";height:0;visibility:hidden;display:block;clear:both;}
* html .clear{height:1%;}
.cboth{clear:both;}
.cbothWrap {clear:both; *zoom:1;}
.cbothWrap:after{content:"";clear:both;display:block;}

.hidden{position:absolute !important;visibility:hidden !important;top:-9999px !important;left:-9999px !important;font:0/0 Arial}
.hiddenObj{height:0;position:absolute !important;visibility:hidden !important;top:-9999px !important;left:-9999px !important;font:0/0 Arial}
.tabcont.hidden{display:none}
@charset "utf-8";

/* 레이아웃 */

@import url('table_origin.css');
*html #wrapper{height:100%;width:expression(document.documentElement.clientWidth < 940 ? '1000px' : '100%');}

/*#wrapper {position: relative; width: 100%; min-width: 1000px;}*/
#wrapper{position:relative}
#wrapper{height:auto; min-height: 100%; padding-bottom: 207px;}
.container{width:inherit !important;padding:0;min-width:1256px;}

/* header */
/*#header {position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100px;}*/
#header {background:#1f2a49;border-top:1px solid #1ea4dd}
#header .inside{width:1256px;height:74px;margin:auto;}
#header .topArea {position: relative;padding:0; /*width: 1000px; margin: 0 auto; padding-top: 0px;*/}
#header .topArea:after{display:block;content:'';clear:both;}
/*#header h1 {position: absolute; top: 38px; left: 0px;}*/
#header h1 { float:left;margin:26px 0 0 5px; }
#header h1 a{float:left}
#header h1 span{float:left;background-color:#697085;width:1px;height:18px;display:inline-block;vertical-align:bottom;margin:0 20px;}
#header h1 a.logo_fn img{opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";}
#header h1 a.logo_fn img:hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

/*#contain {zoom: 1; width: 1000px; margin: 0 auto; padding-top: 155px;}*/
#contain { zoom: 1;width:1256px;margin:30px auto 90px}
#contain:after {content: ''; display: block; clear: both; visibility: hidden; font-size: 0; height: 0;}

#sitemapContents {overflow:hidden; float: right; width: 1000px; padding-top: 20px;}


/* 글로벌 */
.global {position: absolute; top: 10px; right: 15px; z-index: 100;}

.global ul.globalUtil {vertical-align: top; height: 27px;}
.global li {float:left; letter-spacing:0.4px;font-size:11px; color:#252525;}
.global *:link, .global *:hover, .global *:active, .global *:visited, .global *:focus{color:#252525;text-decoration:none;}
.global li.utilFirst {padding: 0px 14px 0px 0px;}
.global li.utilLast {padding: 0px 0px 0px 14px; background: url('../images/common/top_line.gif') no-repeat 0 3px;}
.global li.util {padding: 0px 14px 0px 14px; background: url('../images/common/top_line.gif') no-repeat 0 3px;}


/* 상단옵션 */
/*.topOption {position: absolute; top: 33px; right: 15px; z-index: 100;}*/
.topOption li {float:left; letter-spacing:0.4px;font-size:11px; color:#9ac4e0;}
.topOption *:link, .global *:hover, .global *:active, .global *:visited, .global *:focus {color:#9ac4e0;text-decoration:none;text-align:center;}

.topMu{float:right;}
.utilMu{float:left;margin-top:23px;}
.utilMu ul:after{display:block;content:'';clear:both;}
.utilMu li{font-size:14px;margin:0 0 0 15px;}
.utilMu li:first-child{margin-left:22px}
.utilMu li a{float:left;color:#9ac4e0;border:1px solid #1ea4dd;height:24px;line-height:24px;padding:0 10px;margin-left:15px;}
.utilMu li a:first-child{margin-left:0}
.utilMu li a:hover{color:#fff}
.utilList span{background:none;margin-top:4px}
.utilList span a{background:url(../images/common/btn_util.png) no-repeat -32px -20px;width:15px !important;height:15px;text-indent:-9999px;padding:0 4px;border:0 none;}
.utilList span a:hover{background-position:-32px 0;}
.utilSearch{display:none}

.topSearch{text-align:left;margin:2px 0 0 20px;}
.topSearch button{overflow:hidden;width:16px;height:16px;margin-top:0;text-indent:-9999px;background:url(../images/common/btn_util.png) no-repeat 0 -20px;cursor:pointer;_cursor:hand;outline:none;}
.topSearch button:hover{background-position:0 0;}
.topSearch input{display:none;float:left;width:122px;padding:6px 5px;border:none;background:none}


/* 상단메뉴 */
#gnb {zoom: 1; float:left;letter-spacing:0.4px;line-height:1.3;font-weight:300;}
/*#gnb div {position: absolute; top:10px;overflow:hidden;}*/
#gnb > ul {float:right;margin:0;}
#gnb > ul li {position:relative;float:left;display:table;width:160px;height:74px;text-align:center;font-size:15px}
#gnb > ul li a{display:table-cell;vertical-align:middle;color:#9ac4e0;}
#gnb > ul li:hover a{ background-color:#0f1524; color:#fff; cursor:pointer;}
#gnb > ul li.on a{ background-color:#0f1524; color:#fff; cursor:pointer;}
#gnb > ul li:hover a:before, #gnb > ul li.on a:before{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #1ea4dd; }

#gnb .gnbAll {display:none;position: absolute; top:74px; right:0;  left:0; height:300px; padding:20px 40px 36px; border-bottom:2px solid #243b94; background-color:#FFFFFF; z-index:10000;text-align:center;}
#gnb .gnbAll .gnbBox{overflow:hidden;display:inline-block;text-align:left;}
#gnb .gnbAll li a:hover{color:#2b84b7}
.gnbAll .gnbAll2Depth {float:left; margin-right:30px; width:197px;}
.gnbAll .gnbAll2Depth h2 {letter-spacing:0.4px;line-height:1.3;font-size:18px;color:#2b84b7; margin-bottom:20px;}
.gnbAll .gnbAll2Depth li {float: none !important; padding:2px 0px 2px 15px!important; margin-top:3px;color:#444444;font-size:12px;letter-spacing:0; font-weight:bold;background:url(../images/btn/bullet_top2Depth.gif) no-repeat 0px 3px!important;}
.gnbAll .gnbAll2Depth li:first-child {}
.gnbAll .gnbAll2DepthLasyt{margin-right:0;}

.gnbAll .gnbAll3Depth {padding-top:4px; padding-bottom:8px;}
.gnbAll .gnbAll3Depth li {float: none !important; padding:1px 0px 1px 15px!important; margin-left:10px !important; color:#444444;font-size:12px;letter-spacing:0; font-weight: normal;background:url(../images/btn/leftMenu_bullet_default.gif) no-repeat 0px 3px!important;}
.gnbAll .gnbAll3Depth li:first-child {}
.gnbAll .gnbAll3Depth li a:hover { font-weight:bold; }

/* 인덱스 리스트 */
.divIndexList {position: absolute; top:26px; left:0px; width:240px; height:200px; overflow:hidden; overflow:auto; padding:20px 0px 20px 30px; border: 1px solid #2b84b7; background-color:#FFFFFF; z-index:201;}
.divIndexList .list2Depth {float:left; margin-right:30px; width:209px;}
.divIndexList .list2Depth li {float: none !important; padding:2px 0px!important; margin-left:0px !important; color:#444444;font-size:12px;letter-spacing:0; font-weight:bold;}
.divIndexList .list2Depth li a:hover {font-weight:bold;color:#2b84b7;}
.divIndexList .list3Depth {padding-top:4px; padding-bottom:8px;}
.divIndexList .list3Depth li {float: none !important; padding:1px 0px 1px 15px!important; margin-left:10px !important; color:#444444;font-size:12px;letter-spacing:0; font-weight: normal;background:url(../images/btn/leftMenu_bullet_default.gif) no-repeat 0px 3px!important;}
.divIndexList .list3Depth li a:hover {font-weight:bold;color:#2b84b7;}


/* 왼쪽메뉴 */
/*#artSide {float: left;}*/
.leftMuBox{padding:0;width:270px;}
#artSide .leftMenu {width: 100%; border: 3px solid #e1e1e1; /*width: 240px;*/}
#artSide .leftMenu .leftMenu1Depth {padding:10px 0px;}
#artSide .leftMenu .leftMenu1Depth li {line-height:20px; border-top: 1px solid #e1e1e1; padding:6px 15px; font-weight:bold;}
#artSide .leftMenu .leftMenu1Depth li:first-child {border-top:none;}
#artSide .leftMenu .leftMenu1Depth li a {padding-left:15px; line-height:22px; background:url(../images/btn/leftMenu_bullet_up.gif) no-repeat 0px 0px;}
#artSide .leftMenu .leftMenu1Depth li.on {line-height:22px; border-top: 1px solid #e1e1e1; padding:6px 15px;}
#artSide .leftMenu .leftMenu1Depth li.on:first-child {border-top:none;}
#artSide .leftMenu .leftMenu1Depth li.on a {padding-left:15px; line-height:22px; background:url(../images/btn/leftMenu_bullet_down.gif) no-repeat 0px 0px;}
#artSide .leftMenu .leftMenu1Depth li.disable {line-height:20px; border-top: 1px solid #e1e1e1; padding:6px 15px;}
#artSide .leftMenu .leftMenu1Depth li.disable:first-child {border-top:none;}
#artSide .leftMenu .leftMenu1Depth li.disable a {padding-left:15px; line-height:22px; background:url(../images/btn/leftMenu_bullet_disable.gif) no-repeat 0px 0px;}
#artSide .leftMenu .leftMenu2Depth {padding:10px 10px;}
#artSide .leftMenu .leftMenu2Depth li {padding:0px 0px 0px 10px; line-height:22px; border-top: 0px solid #e1e1e1; font-weight: normal;}
#artSide .leftMenu .leftMenu2Depth li a {padding-left:15px; background:url(../images/btn/leftMenu_bullet_default.gif) no-repeat 0px 0px!important;}
#artSide .leftMenu .leftMenu2Depth li a:hover {font-weight:bold;}

.tree-view{line-height:22px;}

/* content */
#contents {overflow:hidden; float: right; display:inline-block; width:760px;}
.contentsBox{float:right;width:950px;padding:0;}


/* footer */
/*#footer {position: relative; /*width: 100%; * height: 80px; margin-top: 60px; /*border-top: 1px solid #cecece; * background: #fff;}
#footer .footer {position: relative;/*width: 1000px; margin: 0 auto; padding-top: 15px; * font-size: 0;}
#footer .footer img {margin-right: 43px; vertical-align: middle;}
#footer .footer .familySite { position:absolute; top:20px; right:15px; font-family:'ArchivoNarrow-Regular',Helvetica,sans-serif;letter-spacing:0.4px;font-size:11px !important; color:#252525;}
*/

/* footer */
.footer{height: 207px; position: relative; transform: translateY(-100%);}
.footer .inside{width: 1256px; margin:auto}
.footer .sec0 { height: 50px; background: #111829 }
.footer .sec0 .family { position: relative; margin: 0 auto; text-align: center; }
.footer .sec0 .family ul { padding: 13px 0; display: inline-block; }
.footer .sec0 .family li { display: inline-block; margin-left: 70px; height: 26px; text-align: center; background-image: url("/Content/images/family.png?20201222"); background-repeat: no-repeat; background-position: left top; background-size: auto; }
.footer .sec0 .family li a { display: block; width: 100%; height: 100%; }
.footer .sec0 .family li.s1 { background-position: 0 0; width: 99px; margin-left: 0; }
.footer .sec0 .family li.s2 { background-position: 0 -21px; width: 76px; }
.footer .sec0 .family li.s3 { background-position: 0 -42px; width: 61px; }
.footer .sec0 .family li.s4 { background-position: 0 -63px; width: 113px; }
.footer .sec0 .family li.s5 { background-position: 0 -84px; width: 85px; }
.footer .sec0 .family li.s6 { background-position: 0 -105px; width: 92px; }
.footer .sec0 .family li.s7 { background-position: 0 -126px; width: 72px; }
.footer .sec0 .family li.s8 { background-position: 0 -147px; width: 88px; }
.footer .sec0 .family .btn--prev { display: none; position: absolute; left: 0; top: 15px; width: 10px; height: 20px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: 0 -700px; background-size: auto; text-indent: -9999px; }
.footer .sec0 .family .btn--next { display: none; position: absolute; right: 0; top: 15px; width: 10px; height: 20px; background-image: url("/Content/images/btn.png"); background-repeat: no-repeat; background-position: -26px -700px; background-size: auto; text-indent: -9999px; }
.footer .sec2 { padding: 34px 0; background:#0c111d; text-align: center; }
.footer .sec2 div ul { margin-top: 8px; }
.footer .sec2 div ul > li { display: inline-block; text-align: center; font-size: 11px; color: #979797; }
.footer .sec2 div ul > li a { font-size: 11px; color: #979797; }
.footer .sec2 div ul > li a:hover { color: #eae9e9; }
.footer .sec2 div ul > li:before { content: " | "; color: #3b3f41; padding: 0 8px; }
.footer .sec2 div ul > li:first-child:before { content: ""; padding: 0; }
.footer .sec2 div ul > li.last a{color:#efeed1;text-decoration:underline;}
.footer .sec2 div ul > li.last a:hover{color:#fff;text-decoration:none;}
.footer .sec2 .copy { margin-top: 8px; color: #8d9098; }
.footer .sec2 .copy strong { color: #94243b; font-weight: bold; }

/* 카테고리 */
.category {float:right; text-align:right; vertical-align:middle; display:inline-block;}
.category img { vertical-align:-3px; margin-right:6px;}
.category span.on { font-weight:bold; color:#2b84b7;}
.category span.on a{ font-weight:bold; color:#2b84b7;}



/* 메인 */

#mainArtSide {}
#mainContents {}

/* 사이트맵 */
#siteMapContents {}
.siteMap {width:100%; padding:10px 40px;}
/*.siteMap .gnbAll2Depth {float:left; margin-right:30px; width:20%; border-left: 2px solid #2b84b7; padding-left:15px;}*/
.siteMap .gnbAll2Depth { border-left: 2px solid #2b84b7; }
.siteMap .gnbAll2Depth h2 {letter-spacing:0.4px;line-height:1.3;font-size:18px;color:#2b84b7; margin-bottom:20px;}
.siteMap .gnbAll2Depth li {float: none !important; padding:2px 0px 2px 15px!important; margin-left:0px !important; color:#444444;font-size:12px;letter-spacing:0; font-weight:bold;background:url(../images/btn/bullet_top2Depth.gif) no-repeat 0px 3px!important;}
.siteMap .gnbAll2Depth li:first-child {}

.siteMap .gnbAll3Depth {padding-top:4px; padding-bottom:8px;}
.siteMap .gnbAll3Depth li {float: none !important; padding:1px 0px 1px 15px!important; margin-left:10px !important; color:#444444;font-size:12px;letter-spacing:0; font-weight: normal;background:url(../images/btn/leftMenu_bullet_default.gif) no-repeat 0px 3px!important;}
.siteMap .gnbAll3Depth li:first-child {}
.siteMap .gnbAll3Depth li a:hover { font-weight:bold;}


/* 로그인 */
#login { width:350px; margin:60px auto; /*height:250px;*/ background-color:#FFFFFF; border: 3px solid #2b84b7;z-index: 300; padding:20px;}
#login p {letter-spacing:0.1px; font-size:14px;line-height:28px; margin:10px 0;}
#login p span {padding:20px;}
#login p.loginBtn {text-align:center;}
#login .loginLine {height:1px; background-color:#c7c7c7; margin:10px 0;}
#login .btnClose {position:absolute; top:10px; right:10px;}

/* Data Center */
.menu-move {cursor:pointer; }


@charset "utf-8";

.pop_wrap {position:relative;}
.pop_wrap div.pop_top {height: 41px;}
.pop_wrap .pop_top_center{background:url("../images/popup/bg_pop_top_02.png") repeat-x left top;}
.pop_wrap strong {float:left; color:#fff;}
.pop_wrap .btn_x {float:right; padding-right: 4px;}
.pop_wrap .pop_center {background: #ffffff; border-right: 2px solid #6bb445; border-left: 2px solid #6bb445; padding:16px 16px 10px 16px;}
.pop_wrap .pop_center .t_c {clear:both; padding:10px 0px 0px 5px; text-align:right;}
.pop_wrap .pop_center .title {color: #4daa47; font-weight:bold; font-size:14px;}
.pop_wrap .pop_center .title img{padding: 0 3px 0 0; vertical-align: 11%;}
.pop_wrap .pop_center .contents {overflow: hidden; overflow-y: auto; width:100%; height: 202px;}
.pop_wrap .pop_center .contents .writing {padding:0px 10px 0px 10px;}
.pop_wrap div.pop_bottom {height:11px;}
.pop_wrap .pop_bottom_center{background:url("../images/popup/bg_pop_bottom_02.png") repeat-x left top;}

@charset "utf-8";

/* listTableType1 */
.listTableType1 {border-top: 1px solid #b2b2b2;border-bottom: 1px solid #b2b2b2;}
.listTableType1 table {width: 100%;letter-spacing:0.1px; font-size:14px;}
.listTableType1 th,
.listTableType1 td {height:40px; padding:0px 10px; border-left: 1px solid #FFFFFF; text-align: center;letter-spacing:0.1px; font-size:14px;}
.listTableType1 td * {vertical-align: middle;}
.listTableType1 td.point {background-color:#e6f5f6;}
.listTableType1 tr:first-child th,
.listTableType1 tr:first-child td {border-top: none;}
.listTableType1 th {height:42px; background-color:#eeeeee; color:#4F565B; font-weight: bold;}
.listTableType1 th.point {background-color:#a2babc;}
.listTableType1 tr th:first-child {border-left: none;}
.listTableType1 tr td:first-child {border-left: none;}
.listTableType1 tr td.child-row {border-left: 1px solid #eaeaea;}
.listTableType1 tr:nth-child(2n+2) {background-color:#f3f3f3;}
.listTableType1 tr:nth-child(2n+2) td.point {background-color:#d3e9eb;}
.listTableType1 table.sector {font-size:12px;}
.listTableType1 table.sector th {font-size:12px;height:22px}
.listTableType1 table.sector td {font-size:12px;height:20px}

/* listTableRowtype1 */
.listTableRowtype1 {border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2;}
.listTableRowtype1 table {width: 100%;letter-spacing:0.1px; font-size:14px;}
.listTableRowtype1 th,
.listTableRowtype1 td {height:40px; padding:0px 10px; border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; text-align: center;letter-spacing:0.1px; font-size:14px;}
.listTableRowtype1 td * {vertical-align: middle;}
.listTableRowtype1 td.point {background-color:#e6f5f6;}
.listTableRowtype1 tr:first-child th,
.listTableRowtype1 tr:first-child td {border-top: none;}
.listTableRowtype1 th {height:42px; background-color:#eeeeee; color:#4F565B; font-weight: bold;border-top: 1px solid #FFFFFF;}
.listTableRowtype1 th.point {background-color:#a2babc;}
.listTableRowtype1 tr th:first-child {border-left: none;}
.listTableRowtype1 tr td:first-child {border-left: none;}
.listTableRowtype1 tr td.child-row {border-left: 1px solid #eaeaea;}
.listTableRowtype1 table.sector {font-size:12px;}
.listTableRowtype1 table.sector th {font-size:12px;height:22px}
.listTableRowtype1 table.sector td {font-size:12px;height:20px}

/* listTableType2 */
.listTableType2 {margin-top: 18px; padding-bottom: 20px; background: url('../images/common/table/tbl_bg3_01_02.gif') repeat-x left top;}
.listTableType2 table {width: 100%}
.listTableType2 table thead .leftTh {padding-left: 14px; background: url('../images/common/table/tbl_bg3_01_01.gif') no-repeat 0 0px;!important}
.listTableType2 table thead .rightTh {width: 5px; padding: 0px 0px 0px 0px; background: url('../images/common/table/tbl_bg3_01_03.gif') no-repeat 100% 0px;!important}
.listTableType2 table thead th {padding: 0px 5px 0px 5px; height: 33px; color: #333; background: url('../images/common/table/th_line.gif') no-repeat 0 11px;}
.listTableType2 table thead th a {color: #2e2e2e; text-decoration: none;}
.listTableType2 table thead th a:hover {color: #05599c; text-decoration: none;}
.listTableType2 table tbody td * {vertical-align: middle;}
.listTableType2 table tbody td {padding: 0px 5px 0px 5px; height: 29px; border-bottom: 1px solid #e3e3e3; text-align: center;}
.listTableType2 table tbody td.left {padding-left: 14px; text-align: left;}
.listTableType2 table tbody td.leftTd {padding-left: 14px;}
.listTableType2 table tbody td.bottomTd {border-bottom: 0px solid #ffffff;}
.listTableType2 table tbody td.rightTd {width: 5px; padding: 0px 0px 0px 0px;}



/*paging*/
.paging {background-color: #ffffff; margin-top: 14px; text-align:center;}
.paging img {margin: 6px 2px 0 2px;}

.paging .btnFirst {background: url('../images/btn/first.gif') no-repeat 4px 4px; width:28px; height:28px; display: inline-block;}
.paging .btnFirst:hover {background: url('../images/btn/firstActivate.gif') no-repeat 4px 4px;}
.paging .btnFirstDisable {background: url('../images/btn/firstDisable.gif') no-repeat 4px 4px; width:28px; height:28px; display: inline-block;}
.paging .btnFirstDisable:hover{cursor: default;}

.paging .btnPrev {background: url('../images/btn/prev.gif') no-repeat 4px 4px; width:28px; height:28px; display: inline-block;}
.paging .btnPrev:hover {background: url('../images/btn/prevActivate.gif') no-repeat 4px 4px;}
.paging .btnPrevDisable {background: url('../images/btn/btnPrevDisable.gif') no-repeat 4px 4px; width:28px; height:28px; display: inline-block;}
.paging .btnPrevDisable:hover{cursor: default;}

.paging .btnNext {background: url('../images/btn/next.gif') no-repeat 4px 4px; width:28px; height:28px; display: inline-block;}
.paging .btnNext:hover {background: url('../images/btn/nextActivate.gif') no-repeat 4px 4px;}
.paging .btnNextDisable {background: url('../images/btn/btnNextDisable.gif') no-repeat 4px 4px; width:28px; height:28px; display: inline-block;}
.paging .btnNextDisable:hover{cursor: default;}

.paging .btnLast {background: url('../images/btn/last.gif') no-repeat 4px 4px; width:28px; height:28px; display: inline-block;}
.paging .btnLast:hover {background: url('../images/btn/lastActivate.gif') no-repeat 4px 4px;}
.paging .btnLastDisable {background: url('../images/btn/btnLastDisable.gif') no-repeat 4px 4px; width:28px; height:28px; display: inline-block;}
.paging .btnLastDisable:hover{cursor: default;}

.pagingSum {margin: 10px 8px -14px 0px; text-align:right;}
.pagingSum span{font-weight:bold; color: #05599c;}
.paging * {vertical-align: middle;}
.paging span {padding: 0 8px ;letter-spacing:0.4px;color:#252525;}
.paging span a {display: inline-block; padding: 0 10px;  background: url('../images/common/table/pageLine.gif') no-repeat 0 4px; font-size: 14px;}
.paging span .noLeft{display: inline-block; margin: 0px 0px 0px -6px;  background: url('../images/common/table/pageLine.gif') no-repeat 0 80px; font-size: 14px;}
.paging span .numActivate{color: #05599c; font-weight:bold;}
/* search */
.searchNoData {background: url('../images/common/visual_search_noData.png') no-repeat 200px 12px; width:100%; height:200px; margin-top:20px;}
.searchNoData span.title {letter-spacing:-1.2px; font-size:30px;line-height: 20px;color:#2b84b7; display:inline-block; vertical-align:middle; padding-left:380px; padding-top:80px;}
.searchList {width:100%; margin-top:20px;border-bottom: 1px solid #b2b2b2;}
.searchListTh {width:100%; height:40px; background-color:#eeeeee; border-top: 1px solid #b2b2b2; display:block}
.searchListTh span.thText {letter-spacing:0.1px; font-size:14px; line-height: 40px; padding-left:20px;}
.searchListTh span.thBtn {float:right; padding:8px 20px 0 0;}
.searchListTd {width:100%; background-color:#FFFFFF; border-top: 1px solid #b2b2b2; padding:10px;}
span.sub-thText {letter-spacing:0.1px; font-size:12px; line-height: 20px; padding-left:20px;color:#2b84b7;}

/* table.css */
.paging span a {cursor:pointer}

/* 입력 조건 박스 */
.setBox { height: 66px; }
:root .inpTxt {height: 27px;}

/* 상단옵션 */
.topOption {top: 30px; }
.btnTopAreaSelect, .btnTopAreaSelect *, .btnTopAreaSelectOn, .btnTopAreaCareers, .btnTopAreaCareers * { line-height:23px; }
 
/* 메인 */
/*#gnb  { top: 60px; }
#gnb .gnbAll { display:none;}
#gnb li { margin-top:3px; }
#gnb li:hover a { color: #fff }
#gnb li.on a { color: #fff }
#gnb li .gnb1Depth { color: #9ac4e0 }
#gnb li .gnb1Depth:hover { color: #fff;}
	*/
.ellipsis { text-overflow: ellipsis; white-space:nowrap; overflow:hidden; display:inline-block; }
.tabType1 li { cursor:pointer; }
input[type=radio], label { cursor:pointer; }

/* Performance Top5 chart */
.graphBar ul li span {margin-right: 5px; float:left;letter-spacing:0.1px; font-size:14px;line-height: 44px; width:115px; text-align:right; display:inline-block;background: none;}
.graphBar .barBox { display:inline-block; margin-left:0px; margin-bottom:-7px; height:44px; }
.graphBar .barBox.minus { width:300px; }
.graphBar .barBox.minus .barBg { margin-right:0px; margin-left:80px; }
.graphBar .barBox.minus .barBg>div { float:right; }
.graphBar .barBox.minus .barBg>div .text { text-align:right; margin-left:-205px; margin-right:0px; left:0 }
.graphBar .barBox.plus  { width:300px; }
.graphBar .barBox.plus .barBg { margin-right:80px; }
.graphBar .barBox.plus .barBg>div .text { margin-right:-85px;  width: 80px; }

.graphBar .colorRed {position:relative;background-color:#FA503F; height:100%;}
.graphBar .colorRed .text { color:#FA503F;}
.graphBar .color0 {position:relative;background-color:#9670AB; height:100%;}
.graphBar .color0 .text { color:#9670AB;}
.graphBar .color1 {position:relative;background-color:#DEE26B; height:100%;}
.graphBar .color1 .text { color:#DEE26B;}
.graphBar .color2 {position:relative;background-color:#E894B4; height:100%;}
.graphBar .color2 .text { color:#E894B4;}
.graphBar .color3 {position:relative;background-color:#97CA9B; height:100%;}
.graphBar .color3 .text { color:#97CA9B;}
.graphBar .color4 {position:relative;background-color:#7F8FAE; height:100%;}
.graphBar .color4 .text { color:#7F8FAE;}
.graphBar .color5 {position:relative;background-color:#FFDE8B; height:100%;}
.graphBar .color5 .text { color:#FFDE8B;}
.graphBar .color6 {position:relative;background-color:#DACF83; height:100%;}
.graphBar .color6 .text { color:#DACF83;}
.graphBar .color7 {position:relative;background-color:#A4AE7A; height:100%;}
.graphBar .color7 .text { color:#A4AE7A;}
.graphBar .color8 {position:relative;background-color:#AE967A; height:100%;}
.graphBar .color8 .text { color:#AE967A;}
.graphBar .color9 {position:relative;background-color:#9E9489; height:100%;}
.graphBar .color9 .text { color:#9E9489;}
.graphBar .color10 {position:relative;background-color:#899E98; height:100%;}
.graphBar .color10 .text { color:#899E98;}
.graphBar .color11 {position:relative;background-color:#EC9D90; height:100%;}
.graphBar .color11 .text { color:#EC9D90;}
.graphBar .color12 {position:relative;background-color:#D8A960; height:100%;}
.graphBar .color12 .text { color:#D8A960;}
.graphBar .color13 {position:relative;background-color:#ADE1D1; height:100%;}
.graphBar .color13 .text { color:#ADE1D1;}

.setBox h3.pull-left{background-position:0px 6px; line-height:30px}

/* Ratio */
.item1 .sel, .item2 .sel { color:#FA503F !important; font-weight:bold;  }

/* 로그인 */
#login #UserName , #login #Password
{
    width: 180px;
    color: #464d61;
    height: 30px;
    padding: 0 7px;
    line-height: 30px;
    border-top: 1px solid #c1c6cd;
    border-left: 1px solid #c1c6cd;
    border-right: 1px solid #e0e4ea;
    border-bottom: 1px solid #e0e4ea;
    background: #fff;
}
#login #RememberMe 
{
    margin-left: 20px; margin-bottom:8px;    
}

.listTableRowtype1 .v_top { line-height: 40px; }

/* icon */
.iconNEW { width:44px; height:20px; background-color:#ff262b;display:inline-block; line-height:21px; color:#FFFFFF;}
.iconBM { width:44px; height:20px; background-color:#d0d62c;display:inline-block; line-height:21px; color:#FFFFFF;}

/* side menu */
#artSide .leftMenu .leftMenu2Depth li.acitve a,
#artSide .leftMenu .leftMenu1Depth li.acitve a{color:#2a6496; font-weight:bold}

/* Date Picker */
.date-single {border-radius:0 !important; width:110px}
.datepicker { font-size:1.3rem}
.datepicker table tr td.redcolor, .datepicker table tr td.redcolor:hover {
    background: none;
 	color:red;
}
/* Include this file in your html if you are using the CSP mode. */

@charset "UTF-8";

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak,
.ng-hide {
  display: none !important;
}

ng\:form {
  display: block;
}

.ng-animate-block-transitions {
  transition:0s all!important;
  -webkit-transition:0s all!important;
}

/*!
 * Fancytree "XP" skin.
 *
 * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
 * the LESS templates.
 */
/*******************************************************************************
 * Common Styles for Fancytree Skins.
 *
 * This section is automatically generated from the `skin-common.less` template.
 ******************************************************************************/
/*------------------------------------------------------------------------------
 * Helpers
 *----------------------------------------------------------------------------*/
.ui-helper-hidden {
  display: none;
}
/*------------------------------------------------------------------------------
 * Container and UL / LI
 *----------------------------------------------------------------------------*/
ul.fancytree-container {
  font-family: tahoma, arial, helvetica;
  font-size: 10pt;
  white-space: nowrap;
  padding: 3px;
  margin: 0;
  background-color: white;
  border: 1px dotted gray;
  overflow: auto;
  min-height: 0%;
}
ul.fancytree-container ul {
  padding: 0 0 0 16px;
  margin: 0;
}
ul.fancytree-container li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  background-attachment: scroll;
  background-color: transparent;
  background-position: 0px 0px;
  background-repeat: repeat-y;
  background-image: none;
  margin: 0;
  padding: 1px 0 0 0;
}
ul.fancytree-container li.fancytree-lastsib {
  background-image: none;
}
ul.fancytree-no-connector > li {
  background-image: none;
}
.ui-fancytree-disabled ul.fancytree-container {
  opacity: 0.5;
  background-color: silver;
}
/*------------------------------------------------------------------------------
 * Common icon definitions
 *----------------------------------------------------------------------------*/
span.fancytree-empty,
span.fancytree-vline,
span.fancytree-expander,
span.fancytree-icon,
span.fancytree-checkbox,
span.fancytree-radio,
span.fancytree-drag-helper-img,
#fancytree-drop-marker {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url("icons.gif");
  background-position: 0px 0px;
}
/* Used by iconclass option */
span.fancytree-custom-icon {
  display: inline-block;
}
/* Used by 'icon' node option: */
.fancytree-container img {
  width: 16px;
  height: 16px;
  margin-left: 3px;
  vertical-align: top;
  border-style: none;
}
/*------------------------------------------------------------------------------
 * Expander icon
 *
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: fancytree-exp-
 * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling
 *----------------------------------------------------------------------------*/
span.fancytree-expander {
  cursor: pointer;
}
.fancytree-exp-n span.fancytree-expander,
.fancytree-exp-nl span.fancytree-expander {
  cursor: default;
}
.fancytree-exp-n span.fancytree-expander,
.fancytree-exp-n span.fancytree-expander:hover {
  background-position: 0px -64px;
}
.fancytree-exp-nl span.fancytree-expander,
.fancytree-exp-nl span.fancytree-expander:hover {
  background-position: -16px -64px;
}
.fancytree-exp-c span.fancytree-expander {
  background-position: 0px -80px;
}
.fancytree-exp-c span.fancytree-expander:hover {
  background-position: -16px -80px;
}
.fancytree-exp-cl span.fancytree-expander {
  background-position: 0px -96px;
}
.fancytree-exp-cl span.fancytree-expander:hover {
  background-position: -16px -96px;
}
.fancytree-exp-cd span.fancytree-expander {
  background-position: -64px -80px;
}
.fancytree-exp-cd span.fancytree-expander:hover {
  background-position: -80px -80px;
}
.fancytree-exp-cdl span.fancytree-expander {
  background-position: -64px -96px;
}
.fancytree-exp-cdl span.fancytree-expander:hover {
  background-position: -80px -96px;
}
.fancytree-exp-e span.fancytree-expander,
.fancytree-exp-ed span.fancytree-expander {
  background-position: -32px -80px;
}
.fancytree-exp-e span.fancytree-expander:hover,
.fancytree-exp-ed span.fancytree-expander:hover {
  background-position: -48px -80px;
}
.fancytree-exp-el span.fancytree-expander,
.fancytree-exp-edl span.fancytree-expander {
  background-position: -32px -96px;
}
.fancytree-exp-el span.fancytree-expander:hover,
.fancytree-exp-edl span.fancytree-expander:hover {
  background-position: -48px -96px;
}
.fancytree-loading span.fancytree-expander,
.fancytree-loading span.fancytree-expander:hover {
  background-image: url("loading.gif");
  background-position: 0px 0px;
}
/*------------------------------------------------------------------------------
 * Checkbox icon
 *----------------------------------------------------------------------------*/
span.fancytree-checkbox {
  margin-left: 3px;
  background-position: 0px -32px;
}
span.fancytree-checkbox:hover {
  background-position: -16px -32px;
}
.fancytree-partsel span.fancytree-checkbox {
  background-position: -64px -32px;
}
.fancytree-partsel span.fancytree-checkbox:hover {
  background-position: -80px -32px;
}
.fancytree-selected span.fancytree-checkbox {
  background-position: -32px -32px;
}
.fancytree-selected span.fancytree-checkbox:hover {
  background-position: -48px -32px;
}
/*------------------------------------------------------------------------------
 * Radiobutton icon
 * This is a customization, that may be activated by overriding the 'checkbox'
 * class name as 'fancytree-radio' in the tree options.
 *----------------------------------------------------------------------------*/
.fancytree-radio span.fancytree-checkbox {
  margin-left: 3px;
  background-position: 0px -48px;
}
.fancytree-radio span.fancytree-checkbox:hover {
  background-position: -16px -48px;
}
.fancytree-radio .fancytree-partsel span.fancytree-checkbox {
  background-position: -64px -48px;
}
.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover {
  background-position: -80px -48px;
}
.fancytree-radio .fancytree-selected span.fancytree-checkbox {
  background-position: -32px -48px;
}
.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover {
  background-position: -48px -48px;
}
/*------------------------------------------------------------------------------
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: fancytree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 *----------------------------------------------------------------------------*/
span.fancytree-icon {
  margin-left: 3px;
  background-position: 0px 0px;
}
/* Documents */
.fancytree-ico-c span.fancytree-icon:hover {
  background-position: -16px 0px;
}
.fancytree-has-children.fancytree-ico-c span.fancytree-icon {
  background-position: -32px 0px;
}
.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
  background-position: -48px 0px;
}
.fancytree-ico-e span.fancytree-icon {
  background-position: -64px 0px;
}
.fancytree-ico-e span.fancytree-icon:hover {
  background-position: -80px 0px;
}
/* Folders */
.fancytree-ico-cf span.fancytree-icon {
  background-position: 0px -16px;
}
.fancytree-ico-cf span.fancytree-icon:hover {
  background-position: -16px -16px;
}
.fancytree-has-children.fancytree-ico-cf span.fancytree-icon {
  background-position: -32px -16px;
}
.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
  background-position: -48px -16px;
}
.fancytree-ico-ef span.fancytree-icon {
  background-position: -64px -16px;
}
.fancytree-ico-ef span.fancytree-icon:hover {
  background-position: -80px -16px;
}
/* Status node icons */
.fancytree-statusnode-wait span.fancytree-icon,
.fancytree-statusnode-wait span.fancytree-icon:hover {
  background-image: url("loading.gif");
  background-position: 0px 0px;
}
.fancytree-statusnode-error span.fancytree-icon {
  background-position: 0px -112px;
}
/*------------------------------------------------------------------------------
 * Node titles and highlighting
 *----------------------------------------------------------------------------*/
span.fancytree-node {
  /* See #117 */
  display: inherit;
  width: 100%;
}
span.fancytree-title {
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px;
  color: black;
  vertical-align: top;
  margin: 0px;
  margin-left: 3px;
  cursor: pointer;
}
span.fancytree-node.fancytree-error span.fancytree-title {
  color: red;
}
/*------------------------------------------------------------------------------
 * Drag'n'drop support
 *----------------------------------------------------------------------------*/
div.fancytree-drag-helper a {
  border: 1px solid gray;
  background-color: white;
  padding-left: 5px;
  padding-right: 5px;
  opacity: 0.8;
}
div.fancytree-drag-helper.fancytree-drop-reject {
  border-color: red;
}
div.fancytree-drop-accept span.fancytree-drag-helper-img {
  background-position: -32px -112px;
}
div.fancytree-drop-reject span.fancytree-drag-helper-img {
  background-position: -16px -112px;
}
/*** Drop marker icon *********************************************************/
#fancytree-drop-marker {
  width: 32px;
  position: absolute;
  background-position: 0px -128px;
  margin: 0;
}
#fancytree-drop-marker.fancytree-drop-after,
#fancytree-drop-marker.fancytree-drop-before {
  width: 64px;
  background-position: 0px -144px;
}
#fancytree-drop-marker.fancytree-drop-copy {
  background-position: -64px -128px;
}
#fancytree-drop-marker.fancytree-drop-move {
  background-position: -32px -128px;
}
/*** Source node while dragging ***********************************************/
span.fancytree-drag-source {
  background-color: #e0e0e0;
}
span.fancytree-drag-source span.fancytree.title {
  color: gray;
}
/*** Target node while dragging cursor is over it *****************************/
span.fancytree-drop-target.fancytree-drop-accept a {
  background-color: #3169C6 !important;
  color: white !important;
  /* @ IE6 */
  text-decoration: none;
}
/*------------------------------------------------------------------------------
 * 'table' extension
 *----------------------------------------------------------------------------*/
table.fancytree-ext-table {
  border-collapse: collapse;
}
table.fancytree-ext-table span.fancytree-node {
  display: inline-block;
}
/*------------------------------------------------------------------------------
 * 'columnview' extension
 *----------------------------------------------------------------------------*/
table.fancytree-ext-columnview tbody tr td {
  position: relative;
  border: 1px solid gray;
  vertical-align: top;
  overflow: auto;
}
table.fancytree-ext-columnview tbody tr td > ul {
  padding: 0;
}
table.fancytree-ext-columnview tbody tr td > ul li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  background-attachment: scroll;
  background-color: transparent;
  background-position: 0px 0px;
  background-repeat: repeat-y;
  background-image: none;
  /* no v-lines */
  margin: 0;
  padding: 1px 0 0 0;
}
table.fancytree-ext-columnview span.fancytree-node {
  position: relative;
  /* allow positioning of embedded spans */
  display: inline-block;
}
table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
  background-color: #CBE8F6;
}
table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
  background-position: 0px -80px;
  position: absolute;
  right: 3px;
}
/*------------------------------------------------------------------------------
 * 'filter' extension
 *----------------------------------------------------------------------------*/
.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
  color: silver;
  font-weight: lighter;
}
.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
  color: black;
  font-weight: normal;
}
.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
  color: black;
  font-weight: bold;
}
.fancytree-ext-filter-hide tr.fancytree-hide,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
  display: none;
}
.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
  color: silver;
  font-weight: lighter;
}
.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
  color: black;
  font-weight: normal;
}
/*******************************************************************************
 * Styles specific to this skin.
 *
 * This section is automatically generated from the `ui-fancytree.less` template.
 ******************************************************************************/
/*******************************************************************************
 * Tree container
 */
ul.fancytree-container li {
  background-image: url("vline.gif");
  background-position: 0 0;
}
ul.fancytree-container li.fancytree-lastsib {
  background-image: none;
}
ul.fancytree-no-connector > li {
  background-image: none;
}
/*******************************************************************************
 * Node titles
 */
span.fancytree-title {
  border: 0 solid transparent;
}
span.fancytree-title:hover {
  background-color: #F2F7FD;
  border-color: #B8D6FB;
}
span.fancytree-focused span.fancytree-title {
  outline: 1px dotted black;
  background-color: #EFEBDE;
}
.fancytree-folder span.fancytree-title {
  font-weight: bold;
}
.fancytree-selected span.fancytree-title {
  color: green;
  font-style: italic;
}
.fancytree-active span.fancytree-title {
  background-color: #3169C6 !important;
  color: white !important;
}
/*******************************************************************************
 * 'table' extension
 */
table.fancytree-ext-table {
  border-collapse: collapse;
}
table.fancytree-ext-table tbody tr.fancytree-focused {
  background-color: #99DEFD;
}
table.fancytree-ext-table tbody tr.fancytree-active {
  background-color: royalblue;
}
table.fancytree-ext-table tbody tr.fancytree-selected {
  background-color: #99FDDE;
}

label {
  display: inline-block;
  height: 14px;
  font-weight: normal;
}
label input[type=radio]{ margin-bottom:6px;}
h1, h2, h3 { margin:0px; }

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.datePicker {
    width:100px;
}
#btnIndexList {
    position:relative;
/*    width:130px;*/
}

#divSearch{
	position:absolute;
	left:0;
	top:75px;
	width:100%;
    background-color:#fff;
    border-bottom:2px solid #243b94;
    z-index:9999;
    font-size:12px;
    line-height:20px;
	text-align:center;
	padding:65px 0;
}
#divSearch .setBox{
	width:auto;
	border:1px solid #a2bdcc;
	padding:18px 20px;
}

/* 지수펼침메뉴 */
#divIndexList {
	top:75px;
	right:0;
	width:100%;
/*    width:600px;*/
	height:703px;
    position:absolute;
    background-color:#fff;
    border-bottom:2px solid #243b94;
    display: none;
    z-index:9999;
    font-size:12px;
    line-height:20px;
}
#divIndexList .inside{
	width:1014px;
	margin:40px auto;
}
#divIndexList .tab--type{
	border-bottom:1px solid #ccc;
}
#divIndexList .tab--type ul{
	margin:0;
}
#divIndexList .tab--type ul:after{
	display:block;
	content:'';
	clear:both;
}
#divIndexList .tab--type li{
	float:left;
	margin-left:-1px;
	margin-bottom:-1px;
	font-size:14px;
}
#divIndexList .tab--type li .btn--tab{
	border:1px solid #ccc;
	background:#f9f9f9;
	color:#666;
	padding:8px 16px;
}
#divIndexList .tab--type li.on .btn--tab{
	background:#3579d4;
	border:1px solid #3579d4;
	color:#fff;
}
#divIndexList .tab--cont{
	height:579px;
    overflow:auto;

}
/*#divIndexList1, #divIndexList2 {
    display: inline-block;
    float:left;
    text-align:left;
    vertical-align:top;
}
*/
#divIndexList > .inside > .tab--cont > .list {
    width: 100%;
    display: block;
    float: left;
    text-align: left;
    vertical-align: top;
    margin-top: 10px;
}
#divIndexList > .inside > .tab--cont > .list:not(:first-child) {
    display: none;
}
#divIndexList .ptit {
	display:block;
    color: #3579d4;
	border-bottom:1px solid #dcdcdc;
	margin-bottom:12px;
	padding-bottom:7px;
	font-size:16px;
}
#divIndexList .ctit {
    color: #333;   
}
#divIndexList .ctit:hover {
	text-decoration:underline;
}
#divIndexList .list:after{
	display:block;
	content:'';
	clear:both;
}
#divIndexList .list > div {
	float:left;
    width:230px;
    margin-left:20px;
}
#divIndexList .list > div:first-child{
	margin-left:0;
}
#divIndexList .list > div div{
	padding-top:5px;
	font-size:14px;
}
#divIndexList .list > div div img{
	display:none;
}
#divIndexList .list > div > div > div {
    padding-left:10px;
}

/* 페이지 stylesheet 수정 */
.paging .btnPrevDisable {
    background: url('/Content/images/btn/prevDisable.gif') no-repeat 4px 4px;
}

.paging .btnNextDisable {
    background: url('/Content/images/btn/nextDisable.gif') no-repeat 4px 4px;
}

.paging .btnLastDisable {
    background: url('/Content/images/btn/lastDisable.gif') no-repeat 4px 4px;
}
/* Tree View */
.tree-view{border:3px solid #e1e1e1; padding: 15px 5px 15px 15px }
.tree-view > ul:focus{outline:none; }
ul.fancytree-container {
    font-family:"돋움",Dotum,AppleGothic,Tahoma,Sans-serif;
    font-size:12px ;
    border: none ;
}
span.fancytree-title {
    color:inherit;
}
.fancytree-active span.fancytree-title{
    background-color:transparent !important;
    color:#4F565B !important;
}
.fancytree-selected span.fancytree-title{
    font-style:normal !important;
    font-weight:bold !important;
    background-color:transparent !important;
    color:#0098de !important;
}
.fancytree-focused span.fancytree-title{
    font-style:normal !important;
    font-weight:bold !important;
    background-color:transparent !important;
    color:#0098de !important;
}
span.fancytree-title:hover{
    border:none !important;
    background:transparent !important;
    color:#0098de !important;
    font-weight:bold !important;
}

span.fancytree-focused span.fancytree-title{outline:none}

a.link { color:#0098de; cursor:pointer; }
a.chart-link {position:relative; z-index: 1000}
a.link:hover { text-decoration:underline; }
a.linkSel { color:#FA503F; cursor:pointer; text-decoration:underline; }

.error-section {
    width: 800px;
    color: #222;
    align-content: center;
    vertical-align: middle;
    text-align: center;
    padding-top: 100px;
    font-size: .9rem;
    min-height: 500px;
    margin: 0 auto
}