@charset "utf-8";
@import "reset.css";

/* skipToContent */
#skipToContent a{position:absolute; top:0px; left:0px; z-index:9999; width:100%; height:1px;	margin-top:-1px; display:block;	background-color:#3875c1; font-size:12px; font-weight:bold; color:#fff; line-height:1; text-align:center; overflow:hidden;}
#skipToContent a:focus,
#skipToContent a:active{margin-top:0px; height:auto; padding:10px 0px;}

/* Web Content Accessibility TTS(Text To Speech) Code */
caption{visibility:hidden;width:0;height:0;line-height:0;font-size:0;text-indent:-99999px;overflow:hidden;}
.hidden, legend{display:block;position:absolute;left:0;top:-1000em;overflow:hidden;}
.dpNone{display:none;}

/* clearfix */
.clearfix:after {content: "";display:block;height:0;overflow:hidden;clear:both;}
.clearfix {zoom: 1;}

.searchArea > .innerWrap > .btnSrch{display:block;width:208px;height:35px;margin:10px auto 0;color:#fff;font-size:12px;text-align:center;border:1px solid #dd6c11;background-color:#f06e05}
.searchArea > .innerWrap > .btnSrch span{padding-left:20px;background:url("../img/ico_srch.png") no-repeat left center}

/*input*/
.inputText{height:15px;line-height:15px;padding:4px;letter-spacing:-1px;border:1px solid #d1d1d1;}
.inputBox{display:inline-block;position:relative;width:97px;padding:4px;vertical-align:middle;overflow:hidden;letter-spacing:-1px;border:1px solid #d1d1d1;}
.inputBox input{position:absolute;right:0;top:0;padding:3px 8px;background-color:#d1d1d1}
.inputSelect{height:27px;line-height:27px;color:#464646;border:1px solid #d1d1d1;}

/*tabs*/
.tabs li{float:left;width:50%;overflow:hidden}
.tabs li a{display:block;padding:8px 0;color:#111529;font-size:13px;text-align:center;letter-spacing:-1px;background-color:#fff/* #f06e05 */}
/* .tabs li a:hover, */
.tabs li.current a{color:#fff;text-decoration:none;background-color:#107ACB}
/* .tabs li a:hover span, */
.tabs li.current a span{padding-left:23px;background:url("../img/blet_01.png") no-repeat left center}

/*tabCont*/
.tabCont .title,
.tabCont .inputArea{float:left;}
.tabCont > ul > li{position:relative;padding:5px 10px 5px 15px;overflow:hidden;background-color:#fff}
.tabCont > ul > li:nth-child(odd){background-color:#fafafa}
.tabCont > ul > li > .title{width:60px;padding:7px 5px;font-size:12px;letter-spacing:-1px;background:url("../img/blet_02.png") no-repeat left center}
.tabCont ul li:after{display:block;clear:both;content:""}
.tabCont .inputArea ul li:first-child{margin-bottom:6px;}
.tabCont > ul > li .l_padding { padding: 5px 10px 11px 0;}
.tabCont .inputArea ul li .title{position:relative;top:6px;width:36px;height:18px;line-height:18px;padding-left:22px;font-size:12px;letter-spacing:-1px;background:url("../img/ico_w.png") no-repeat left center}
.tabCont .inputArea ul li .title.E{background:url("../img/ico_e.png") no-repeat left center}
.tabCont .inputArea ul li .title.N{background:url("../img/ico_n.png") no-repeat left center}


/* .tabCont .inputArea ul li .title{position:relative;top:6px;width:36px;height:18px;line-height:18px;padding-left:22px;font-size:12px;letter-spacing:-1px;background:url("../img/ico_w.png") no-repeat left center}
 */
.tabCont .inputArea .btnSrch{position:absolute;right:10px;top:5px;width:67px;height:56px;color:#fff;background-color:#26235c}

.btnSrch22{
    display: block;
    width: 104px;
    height: 35px;
    margin: 3px auto 0;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #107ACB;
    background-color: #107ACB;
}

.tabCont .boardWrap{padding:20px 10px;background-color:#fff}
.tabCont .boardWrap table{border-top:1px solid #27235e;}
.tabCont .boardWrap table th,
.tabCont .boardWrap table td{padding:5px;text-align:left;vertical-align:middle;border:1px solid #e3e3e3;border-width:0 0 1px 1px ;}
.tabCont .boardWrap table th:first-child,
.tabCont .boardWrap table td:first-child{border-left:0;width:30px;}
.tabCont .boardWrap table td:nth-child(2){padding-left:10px;}

/*checkItem*/
.checkItem{margin-top:8px;background-color:#fff}
.checkItem .topArea{height:35px;line-height:35px;overflow:hidden;color:#fff;background-color:#5a5d6a}
.checkItem .topArea h3{float:left;padding-left:16px;font-size:15px;font-weight:normal}
.checkItem .topArea h3 a{position:relative;top:-2px}
.checkItem .topArea .right{float:right;}
.checkItem .topArea .right label{display:inline-block;height:35px;line-height:35px;margin-right:12px;font-size:12px;letter-spacing:-1px;vertical-align:top}
.checkItem .topArea .right label input{margin-right:6px}
.checkItem .topArea .right .btnOpen{display:inline-block;width:35px;height:35px;text-indent:-99999px;background:#3a3b40 url("../img/arrow_down.png") no-repeat center center}
.checkItem .topArea .right .btnOpen.close{background:#3a3b40 url("../img/arrow_up.png") no-repeat center center}
.checkItem ul li{padding:3px 11px 3px;}
.checkItem ul li:nth-child(odd){background-color:#eeedf2}
.checkItem ul li label{float:left;}
.checkItem ul li:after{content:"";display:block;clear:both}
.checkItem input[type='checkbox']{width:17px;height:17px;margin-right:7px;border:1px solid #cacaca;background-color:#fff;background:#fff url(../img/bg_check_off.png) no-repeat center center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-webkit-appearance: none;}
.checkItem input[type='checkbox']{box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.checkItem input[type='checkbox']:checked {background:#fff url(../img/bg_check_on.png) no-repeat center center;}
.checkItem.item01 ul li label{width:33.3%;}
.checkItem.item02 ul li label{width:50%;}

/*dataArea*/
.contTopArea{height:20px;line-height:20px;overflow:hidden;background:#fff;border-top: 1px solid #959595; border-bottom: 1px solid #959595;}
.contTopArea > div{float:left;color:#333;font-size:13px;letter-spacing:-1px;}
.contTopArea .left{padding:0 20px;border-top: 1px solid #959595; border-bottom: 1px solid #959595;}
.contTopArea .left2{padding:0 20px; border-bottom: 1px solid #959595;}
.contTopArea .right{padding:0 15px;}
.contTopArea .right .inputSelect{position:relative;top:-2px;margin-left:13px}
.dataArea .boardWrap th,
.dataArea .boardWrap td{padding:8px;text-align:center;letter-spacing:-1px;vertical-align:middle;background-color:#fff}
.dataArea .boardWrap th{color:#fff;font-weight:normal;background-color:#202020;}
.dataArea .boardWrap tr:nth-child(even) td{background-color:#eeedf2}
.dataArea .boardWrap{width:622px;overflow-x:scroll}


.contTopArea2{height:28px;line-height:26px;overflow:hidden;background:#5a5d6a;}
.contTopArea2 > div{float:left;color:#fff;font-size:13px;letter-spacing:-1px;}
.contTopArea2 .left{width: 100%;padding:0 20px;background:#42434c;}
.contTopArea2 .left2{padding:0 20px;background:#5a5d6a;}
.contTopArea2 .right{padding:0 20px 0 150px; float: right;}
.contTopArea2 .right .inputSelect{position:relative;top:-2px;margin-left:13px}


/*controll*/
.controll .innerWrap{width:170px;padding-left:46px;}
.controll .zoomArea{padding:6px 8px;background-color:#142049;}
.controll .zoomArea .ctBtnL{float:left}
.controll .zoomArea .ctBtnS{position:relative;top:4px;float:right}
.controll ul{border:1px solid #ced4f7}
.controll ul li{padding:7px 10px;color:#1f1f1f;font-size:12px;background-color:#fff}
.controll ul li img{margin-right:10px;}
.controll ul li:nth-child(even){background-color:#eeedf2}
.controll .inputArea{width:190px;padding:5px 12px;margin-top:5px;border:1px solid #ced4f7;background:url("../img/bg01.png")}

/*chart*/
.chart_content{
	border : 0px solid #009;
	padding: 0px;
	height : 160px;
	overflow: auto;
}
.chart_scale{
	width: 75px;
	border : 0;
	font-family:"돋움",dotum;
	font-size: 11px;
	left : 40px;
	top : 12px;
	position:relative;
	z-index : 1000;
	color : #222222;
}
.val_s{ color : #339eff; }
.val_b{ color : #ff6700; }