/* ==================================================
   Basic Styles
================================================== */
@charset "utf-8";
/* CSS Document */

@import "nanumgothic.css";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/*html, body{ font-family: 'NanumGothic', 'NanumGothicWeb', �룍��, 援대┝, Dotum, Gulim, sans-serif; }*/
html, body { font-family:'NanumGothic', 'NanumGothicWeb', NanumGothic,'Nanum Gothic','Malgun Gothic', Dotum ,AppleGothic,sans-serif !important; font-weight:normal;}
strong, b, textarea{ font-family:'NanumGothic', 'NanumGothicWeb', NanumGothic,'Nanum Gothic', Dotum ,AppleGothic,sans-serif !important; font-weight:normal;}

/**@font-face {
    font-family:"NanumGothic","NanumGothicWeb";
    src: url("fonts/NanumGothic.eot");
    src: url("fonts/NanumGothic.eot?#iefix") format("embedded-opentype"),
    src: url("fonts/NanumGothic.woff") format("woff"),
    src: url("fonts/NanumGothic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}***/

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }


html, body {
	height: 100%;width:100%;
}

html{
	font-size: 100%; 
	overflow-y:none;
} 

body{
     overflow: auto !important;
    background:#fff;
	color:#333333;
	line-height: 140%;
	font-size:12px;
	text-align:left;*word-break:break-all;-ms-word-break:break-all;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em,iframe,img{margin:0;padding:0}

a{
	color:#333333;
	text-decoration: none;
	cursor: pointer;
	
	
}

a:hover,
a:active,
a:focus{
	outline: 0;
	color:#000000;
	text-decoration:none;
}

a img {
	border: none;
}

a > img {
	vertical-align: middle;	
}

dl,ul,ol,li{list-style:none;margin-top:0px; display: block;}

div {
    display: block;
}



fieldset, img {border:none;}
img {vertical-align:top;}
hr{display:none;}
input,textarea,select{font-size:12px;color:#333;vertical-align:top;}
#wrap table{width:100%;border-spacing:0;border-collapse:collapse;empty-cells:show;}
legend, caption{width:0; height:0; font:0/0 Sans-serif; visibility:hidden; z-index:-1;}
em, address {font-style:normal;}
a {cursor:pointer;}


/* ==================================================
   common

a:link, a:visited {text-decoration:none;color:#333;}
a:hover, a:active {text-decoration:none;color:#177cdf;}
a:hover strong, a:active strong {color:#177cdf !important;text-decoration:none;}
a:hover h1, a:active h1 {color:#177cdf !important;text-decoration:none;}
a:hover span, a:active span {color:#177cdf !important;text-decoration:none;}
a:hover em, a:active em {color:#177cdf !important;text-decoration:none;}
a:hover b, a:active b {color:#177cdf !important;text-decoration:none;}
.hidden{display:none;position:absolute;left:-10000px;top:0;visibility:hidden;z-index:-1;}
================================================== */



/* ==================================================
  layout
================================================== */
#wrapper{position:relative;width:100%;margin:0 auto;top:0px;    min-height: 100%;min-width: 1260px;}
.header{position:relative; width:100%; height:25px; background:#36a95d;z-index: 999;}
.header .topwrap{position:relative; margin:0 auto;width:1260px; height:25px; text-align:right;}
.header .topwrap > li{display: inline-block; float:right;position: relative;color:#fff;}
.header .topwrap > li a{padding:5px 10px 0 10px;line-height: 16px; font-size:11px;color:#FFF; float:left}
.header .topwrap > li a:hover{color:#fff; float:left}

.nav{position:relative;width: 100%;background:#fff;}
.nav .navbar{    position: relative;
  margin: 0 auto;
  height: 80px;
  width: 1260px;}
.nav .navbar a.toplogo{float:left; position:absolute; left:30px; top:2px;}
.nav .navbar a.toplogo img{height: 76px;}
.nav .navbar > ul{float:right;width:60%; position:absolute; right:0px;}
.nav .navbar > li{box-sizing: border-box;display: inline-block; float:left; width: 135px; text-align: center; font-size:18px; font-weight:600;height:80px;position: relative;color:#000;}
.nav .navbar > li:hover {
  border-bottom: 5px solid #36a95d;
  box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.45);
}
.nav .navbar > li:hover > a{color:#36a95d;}
.nav .navbar > li a{color:#000;    height: 100%;
  width: 100%;
  display: inline-block;
  line-height: 80px;}
.nav .navbar > li a:hover{color:#36a95d;}
.nav .navbar > li a.select {color:#36a95d;}

.nav2{position:relative;width:1350px; margin-left:300px; height:35px;border-bottom:2px solid #36a95d; background:#fff;}
.nav2 .navbar{position:relative; margin:0 auto; }
.nav2 .navbar > ul{float:left;width:60%; margin-left:300px; position:absolute; right:0px;}
.nav2 .navbar > li{display: inline-block; float:left;padding:15px 15px 00px 20px; font-size:16px; font-weight:600;height:auto;position: relative;color:#000;}
.nav2 .navbar > li a{color:#000;}
.nav2 .navbar > li a:hover{color:#36a95d;}
.nav2 .navbar > li a.select {color:#36a95d;}

.container {position:relative;width:1260px;min-height:650px;margin:0 auto;top:0px;}
.sub_container {position:relative;width:1260px;margin:0 auto;top:0px;min-height: 450px;}
.visual{position:relative; width:auto; height:auto;}
.visual .en1{position:absolute; top:170px; right:400px;}
.visual .en2{position:absolute; top:170px; right:130px;}

.quick{position:fixed; right:90px; top:120px; z-index:1000;}

.row{position:relative; width:100%;}
.row1{position:relative; width:120%;}

.col_250{position:relative;width:250px; margin-right:25px;float:left;}
.col_720{position:relative;width:710px; margin:0px;float:left;}

.col_p60{position:absolute;top:0;float:left;left:0px;width:60%;margin:0;padding:0;border:0;}
.col_p40{position:absolute;top:0;float:left;right:0px;width:40%;margin:0;padding:0;border:0;}

.col_p15{position:relative;float:left;left:0px;top:20px;width:18%;margin:0;padding:0;border:0;}
/* 20190830 lk-wss width 값 조정 82 -> 77 */
.col_p85{position:relative;left:0px;top:20px;width:77%;margin:0 auto;padding:0;border:0;}

.col_p151{position:relative;float:left;left:10px;top:20px;width:200px;margin:0;padding:0;border:0;}

/* ==================================================
 Tab
================================================== */
.tab_list{height:200px}
.tab_list ul{position:relative;margin:0;padding:0;border-bottom:2px solid #ababab;font-size:12px;list-style:none;*zoom:1}
.tab_list ul:after{display:block;clear:both;content:""}
.tab_list li{float:left;margin-bottom:-2px;}
.tab_list li img{vertical-align:middle;margin:0 4px 1px 0;}
.tab_list li a{float:left;position:relative;border:1px solid #ababab;border-bottom-color:#ababab;background:#fafafa;color:#666;text-decoration:none}
.tab_list li a span{display:inline-block;padding:15px 16px 7px 16px;cursor:pointer; font-size:16px;font-weight:600;}
.tab_list li ul{display:none;position:absolute;top:44px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;*zoom:1}
.tab_list li ul:after{display:block;clear:both;content:""}
.tab_list li li{float:none;position:relative;margin:0 0 11px 0;color:#999}
.tab_list li li a{float:none;margin:0;padding:0;border:0 !important;background:transparent;font-size:13px;font-weight:normal;color:#666 !important;letter-spacing:normal}
.tab_list li li a:hover,
.tab_list li li a:active,
.tab_list li li a:focus{color:#000 !important;text-decoration:underline}
.tab_list li li.more{position:absolute;top:1150px;right:0;border:0 !important;background:transparent}
.tab_list li li.more a{font-size:12px;}
.tab_list.m1 .m1 a,
.tab_list.m2 .m2 a,
.tab_list.m3 .m3 a,
.tab_list.m4 .m4 a,
.tab_list.m5 .m5 a,
.tab_list.m6 .m6 a,
.tab_list.m7 .m7 a,
.tab_list.m8 .m8 a,
.tab_list.m9 .m9 a,
.tab_list.m10 .m10 a,
.tab_list.m11 .m11 a,
.tab_list.m12 .m12 a{margin-top:-1px;border:2px solid #ababab;border-bottom:2px solid #fff;background:transparent;color:#333}
.tab_list.m1 .m1 a span,
.tab_list.m2 .m2 a span,
.tab_list.m3 .m3 a span,
.tab_list.m4 .m4 a span,
.tab_list.m5 .m5 a span,
.tab_list.m6 .m6 a span,



.tab_list.m7 .m7 a span,
.tab_list.m8 .m8 a span,
.tab_list.m9 .m9 a span,
.tab_list.m10 .m10 a span,
.tab_list.m11 .m11 a span,
.tab_list.m12 .m12 a span{padding-top:9px;}
.tab_list.m1 .m1 ul,
.tab_list.m2 .m2 ul,
.tab_list.m3 .m3 ul,
.tab_list.m4 .m4 ul,
.tab_list.m5 .m5 ul,
.tab_list.m6 .m6 ul,
.tab_list.m7 .m7 ul,
.tab_list.m8 .m8 ul,
.tab_list.m9 .m9 ul,
.tab_list.m10 .m10 ul,
.tab_list.m11 .m11 ul,
.tab_list.m12 .m12 ul{display:block}
.tab_list.js_off{height:auto}
.tab_list.js_off ul{border:0}
.tab_list.js_off li{float:none;position:relative}
.tab_list.js_off li a{display:block;float:none;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important;font-weight:bold;color:#333}
.tab_list.js_off li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.tab_list.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.tab_list.js_off li li.more{top:7px;right:15px}



.line_list{height:200px}
.line_list ul{position:relative;margin:0;padding:0;border-bottom:2px solid #36a95d;font-size:12px;list-style:none;*zoom:1}
.line_list ul:after{display:block;clear:both;content:""}
.line_list li{float:left;}
.line_list li.more{position:absolute;top:10px;right:0;border:0 !important;background:transparent}
.line_list li.more a{font-size:12px;}
.line_list li img{vertical-align:middle;margin:0 4px 1px 0;}
.line_list li span{font-size:16px; color:#000; padding:8px 0 8px 0;display:block;font-weight:600;}

.line_list li ul{position:absolute;top:35px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;*zoom:1}
.line_list li ul:after{display:block;clear:both;content:""}
.line_list li ul li{float:none;position:relative;margin:0px;padding:11px 0 12px 3px;color:#000;font-size:14px;font-weight:bold; background:url("/images/img/dotline.png") bottom repeat-x;}
.line_list li ul li span{color:#36a95d;float:right;right:0px; top:3px;position:absolute;font-size:15px;font-weight:700;}
.line_list li ul li span.date{color:#0e4420;float:right;right:0px;  top:3px;position:absolute;font-size:14px;font-weight:700;}
.line_list a:hover{text-decoration:underline;}


.chart_list{height:200px;}
.chart_list ul{position:relative;margin:0;padding:0;font-size:12px;list-style:none;*zoom:1}
.chart_list ul:after{display:block;clear:both;content:""}
.chart_list li{float:left;}
.chart_list li span{font-size: 16px;
  color: #000000;
  display: block;
  font-weight: 600;
  margin-top: -25px;}
.chart_list li span.stcv{padding-top: 30px;}
.chart_list li .stc.inc{color: #dc2d2d;}
.chart_list li .stc.desc{color: #2e8cd3;}
  
  
.chart_list li .stc{
  font-weight: bold;
  font-size: 13px;
  margin: 7px 0;}
.chart_list li img{vertical-align:middle;margin:0 4px 1px 0;}
.chart_list li.more{position:absolute;top:10px;right:0;border:0 !important;background:transparent}
.chart_list li.more a{font-size:12px;}
.chart_list a:hover{text-decoration:underline;}

.panel{position:relative;border:1px solid #cecece;margin-right:10px;}
.panel>.panel-heading{color: #333; background-color: #f5f5f5; border-color: #cecece;}

.panel2{position:relative;border:1px solid #cecece;margin:0px;}
.panel2>.panel-heading{color: #333; background-color: #f5f5f5; border-color: #cecece; height: 27px;}

.panel>.panel-heading{color: #333; background-color: #f5f5f5; border-color: #cecece; height: 27px;}
.panel-heading {padding:4px 0 2px 5px;border-bottom: 1px solid transparent; }
.panel-heading img{vertical-align:middle; margin-right:3px;}
.panel-title {margin-top:2px;font-weight:500;font-size: 16px;}
.panel-body {padding: 3px;}

.chart_itm{position:relative; width:100%;height: 125px; margin-top: 15px;}
.chart_itm th{text-align:center;margin:0;height:0; font-weight:500; font-size:13px; font-weight: bold;color: black;}
.chart_itm th img{vertical-align:middle; margin-right:4px;}
.chart_itm td{text-align:center;margin:0;padding:0;
  font-size: 21px;
  font-weight: bold;}
.chart_itm.first{margin-top: 0px;}



.banner{position:relative;clear:both; width:100%;margin:20px 0 25px 0;}
.banner a{vertical-align:middle; margin-right:6px;}



/* ==================================================
   left Menu
================================================== */
/* 20190829 lk-wss 왼쪽메뉴 수정 */
.side_wrap{position:relative;margin-right:45px;}
.side_wrap .nav_tit{position:relative;width:100%;background:#36a95d;text-align:center; font-size:16px; font-weight:500;color:#fff;padding:15px 0 15px 0}
.side_wrap .side-nav{position:relative; float:left; width:100%;}
.side_wrap .side-nav li{float:left; width:100%;position:relative;;display:block; border-bottom:1px solid #d7d7d7;color:#888;padding:10px 0 10px 0; font-size:14px;cursor:pointer;font-weight:500}
.side_wrap .side-nav li.active{float:left; position:relative; display:block; border-bottom:1px solid #d7d7d7;color:#000;font-size:14px;}
.side_wrap .side-nav li:hover{float:left; position:relative; display:block; border-bottom:1px solid #d7d7d7;color:#000;font-size:14px;}
.side_wrap .side-nav li span{position:absolute; right:0px; top:14px;}
/*
 
.side_wrap{position:relative;margin-left:300px;}
.side_wrap .nav_tit{position:relative;width:100%;background:#1d729b;text-align:center; font-size:16px; font-weight:500;color:#fff;padding:15px 0 15px 0}
.side_wrap .side-nav{position:relative; float:left; width:100%;}
.side_wrap .side-nav li{float:left; width:150px;position:relative;display:block; color:#888;padding:10px 0 10px 0; font-size:14px;cursor:pointer;font-weight:500}
.side_wrap .side-nav li.active{float:left; position:relative; display:block; color:#000;font-size:14px;}
.side_wrap .side-nav li:hover{float:left; position:relative; display:block; color:#000;font-size:14px;}
.side_wrap .side-nav li span{position:absolute; right:0px; top:14px;} 
*/

.side_wrap2{position:relative;margin-left:450px;}
.side_wrap2 .nav_tit{position:relative;width:100%;background:#1d729b;text-align:center; font-size:16px; font-weight:500;color:#fff;padding:15px 0 15px 0}
.side_wrap2 .side-nav{position:relative; float:left; width:100%;}
.side_wrap2 .side-nav li{float:left; width:150px;position:relative;;display:block;color:#888;padding:10px 0 10px 0; font-size:14px;cursor:pointer;font-weight:500}
.side_wrap .side-nav li.active{float:left; position:relative; display:block;color:#000;font-size:14px;font-weight:700}
.side_wrap .side-nav li:hover{float:left; position:relative; display:block;color:#000;font-size:14px;font-weight:700}
.side_wrap2 .side-nav li span{position:absolute; right:0px; top:14px;}

/* ==================================================
   Contents
================================================== */

.contents{position:relative; *zoom:1;margin-bottom:30px; margin-left: 85px;}
.contents .title{font-weight:500; color:#36a95d; font-size:18pt; width:100%; position:relative;height:34px;padding-top:12px;}
.contents .title .location{float:right; right:0px; top:15px; position:absolute; font-size:11px; color:#777;}
.contents .title .location img{vertical-align:middle; margin:0 4px 0 4px;}
.contents .title .location a{color:#777;}
.contents .title .location a:hover{color:#000;text-decoration:underline;}
.contents .hidden{font-weight:500; color:#000000; font-size:15pt; width:100%; position:relative;height:34px;padding-top:12px;text-align:center;}
.contents .selectbox{font-weight:500; color:#000000; font-size:15pt; width:100%; position:relative;height:34px;padding-top:12px;text-align:center;}
.contents .selectbox1{font-weight:500; color:#000000; font-size:15pt; width:100%; position:relative;height:34px;padding-top:12px;text-align:right;}

.contents .selectbox .son{bottom:15px;}

.son12{float:right;width:100%;}

/* 그래프들어갈 자리 19.09.27*/
.graph{width:970px; height: 350px;margin-bottom: 20px;}
/* 그래프들어갈 자리 19.09.27*/

.tb8  {border-collapse:collapse;border-spacing:0; width:970px;}
.tb8 td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black; width:100px;}
.tb8 th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black; width:100px;}
.tb8 .tg-7ter{background-color:#d8ead7;border-color:#036400;text-align:center;vertical-align:middle}
.tb8 .tg-w2hg{background-color:#9ac599;border-color:#036400;text-align:center;vertical-align:middle}

/* 
.select_wrap{width:100%;}
.select_wrap form{display:block;margin:0 auto;}
 */


/* 탭메뉴 추가 시작 2019.09.27 */
/*라디오버튼 숨김*/
		.tab{font-size: 14px; text-align: right;
			height:50px; width:970px; margin-bottom:10px;}
        /* input {
              display: none;} */

        label {
            display: inline-block;
            margin: 0 0 -1px;
            padding: 10px 25px;
            font-weight: 600;
            text-align: center;
            border: 1px solid transparent;}

        label:hover {
            color: #2e9cdf;
            cursor: pointer;}

        /*input 클릭시, label 스타일*/
        input:checked + label {
              color: #555;
              border-top: 1px solid #ffffff; 
              border-bottom: 2px solid #2e9cdf;}

        #tab1:checked ~ #content1,
        #tab2:checked ~ #content2,
        #tab3:checked ~ #content3{
            display: block;}
/* 탭메뉴 추가 끝 2019.09.27 */


.select_wrap{position:relative; width:100%; border:2px solid #d7d7d7;}
.select_wrap form{display:block;margin:0 auto;}
.form-group{margin:10px; text-align:center;} 
.form-group .bn{position:absolute; right:10px; bottom:15px;}

.rgbn_wrap{position:Relative; text-align:right;margin:15px  0 15px 0}
.lfbn_wrap{position:Relative; text-align:left;margin:15px  0 15px 0}

.both_wrap{position:Relative;z-index:10000;}
.lfbn{position:Relative; width:40%; float:left; text-align:left;margin:5px  0 5px 0}
.rgbn{position:Relative; width:60%; float:left; text-align:right;margin:15px  0 15px 0}

/* 
.form-group{    display: flex;margin:10px 0; text-align:center;} 
.form-group .bn{    display: flex;align-items: center;}

.rgbn_wrap{position:Relative; text-align:right;margin:15px  0 15px 0}
.lfbn_wrap{position:Relative; text-align:left;margin:15px  0 15px 0}

.both_wrap{position:Relative;z-index:100;}
.lfbn{position:Relative; width:40%; float:left; text-align:left;margin:15px  0 15px 0}
.rgbn{position:Relative; width:60%; float:left; text-align:right;margin:15px  0 15px 0}
 */
 
 
.error{position:relative;top:50px;width:600px;margin:0 auto; text-align:left;background:url("/images/img/error.png") top no-repeat}
.font1{color:#000;font-size:27pt; line-height:40px;text-align:center;font-weight:bold;padding:110px 0 25px 0;}
.font0{color:#000;font-size:23pt; line-height:40px;margin-bottom:15px;text-align:center;}
.font0 span{color:#36a95d;font-weight:bold;}
.font2{color:#555; font-size:14px;line-height:20px;}
.font2 span{color:#36a95d;font-weight:bold;}
.font3{color:#555; font-size:13px; line-height:20px;font-weight:500;}
.err_box{padding:10px 20px 10px 25px;margin-top:15px; width:100%; background:#f2f7fd; border:2px solid #d2ddec;}

.error500{position:relative;top:150px;width:550px;height:270px;margin:0 auto; text-align:left;padding:15px;border-radius:10px; border:1px solid #d2ddec; background:#f2f7fd url("/images/img/error500.png") 40px 17px no-repeat}
.error500 .font_pos1{position:absolute; padding:0;left:40%; top:60px;width:55%;text-align:center;}
.error500 .font_pos2{position:absolute; padding:0;left:40%;top:110px;width:55%;text-align:center;}
.font4 {color:#000;font-weight:500;font-size:18px;}
.err_box2{left:-1px;position:absolute; width:100%; height:128px; bottom:-1px; background:#fff;border-radius:0 0 10px 10px; border:1px solid #d2ddec;}
.err_box2 p{color:#555; font-size:14px; line-height:23px;font-weight:500;padding:15px;text-align:center;}


.tit_st1{position:relative; text-align:left; font-size:17px; font-weight:600; color:#36a95d;margin-bottom:10px;}
.tit_st1 img{vertical-align:middle; margin-right:3px;}

.tit_st2{position:relative; text-align:left; font-size:15px; font-weight:600; color:#000;margin-bottom:10px;line-height: 24px;}
.tit_st2.new{border-bottom:1px solid #ccc; padding-bottom:10px;}
.tit_st2 img{vertical-align:middle; margin-right:3px;}

/* ==================================================
   Typography
================================================== */

h1,
h2,
h3,
h4,
h5,
h6{
	margin:0 0 20px 0;
	color:#333;
	font-weight:200;
	font-family:'NanumGothic', 'NanumGothicWeb', 'Malgun Gothic',dotum,sans-serif,'Arial';
	line-height:1.2em;
	display: block;
}
h1{
	font-size:13px;
}

h2{
	font-size:18px;
}

h3{
	font-size:14px;
	display: block;
}



/* ==================================================
   button
================================================== */

a.btn_big{position:relative;display:inline-block;color:#fff;line-height:28px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; margin-right:4px;margin-left:4px;padding:0 15px 1px 30px;
  background: #3fc78b;
  background: -moz-linear-gradient(left, #3fc78b 0%, #36aa68 100%);
  background: -webkit-linear-gradient(left, #3fc78b 0%,#36aa68 100%);
  background: linear-gradient(to right, #3fc78b 0%,#36aa68 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fc78b', endColorstr='#36aa68',GradientType=1 );
  border-radius: 5px;font-size:13px;font-weight:600;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.36);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.36);}
a.btn_big img{position:absolute;vertical-align:middle;display:block; lefT:12px;top:7px;} 


a.btn_big:hover{position:relative;display:inline-block;color:#fff;line-height:28px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; margin-right:4px;margin-left:4px;padding:0 15px 1px 30px;
  background: #3fc78b;
  background: -moz-linear-gradient(left, #3fc78b 0%, #36aa68 100%);
  background: -webkit-linear-gradient(left, #3fc78b 0%,#36aa68 100%);
  background: linear-gradient(to right, #3fc78b 0%,#36aa68 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fc78b', endColorstr='#36aa68',GradientType=1 );
  border-radius: 5px;font-size:13px;}


a.btn_big2{position:relative;display:inline-block;color:#000;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; margin-right:4px;margin-left:4px;padding:0 15px 1px 30px;
background:#f7f7f7;font-size:13px; border:1px solid #d7d7d7;font-weight:600;}
a.btn_big2 img{position:absolute;vertical-align:middle;display:block; lefT:10px;top:6px;} 


a.btn_big2:hover{position:relative;display:inline-block;color:#000;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; margin-right:4px;margin-left:4px;padding:0 15px 1px 30px;
background:#efefef;font-size:13px;border:1px solid #d7d7d7}



a.btn_big3{position:relative;display:inline-block;color:#000;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; margin-right:4px;margin-left:4px;padding:0 12px 1px 12px;
background:#f7f7f7;font-size:13px; border:1px solid #d7d7d7; font-weight:600;}

a.btn_big3:hover{position:relative;display:inline-block;color:#000;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; margin-right:4px;margin-left:4px;padding:0 12px 1px 12px;
background:#efefef;font-size:13px;border:1px solid #d7d7d7}

a.btn_big4{width: auto !important;position:relative;display:inline-block;color:#36a95d;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; margin-right:4px;margin-left:4px;padding:0 12px 1px 12px;
background:#FFF;font-size:13px;border:2px solid #36a95d;font-weight:700;text-align:center;}

a.btn_big4:hover{position:relative;display:inline-block;color:#FFF;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; margin-right:4px;margin-left:4px;padding:0 12px 1px 12px;
background:#36a95d;font-size:13px;border:2px solid #36a95d;}

a.btn_big5{position:relative;display:inline-block;color:#FF8000;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; margin-right:4px;margin-left:4px;padding:0 12px 1px 12px;
background:#FFF;font-size:13px;border:2px solid #FF8000;font-weight:700; text-align:center;width: auto !important;float:right;}

a.btn_big5:hover{position:relative;display:inline-block;color:#FFF;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; margin-right:4px;margin-left:4px;padding:0 12px 1px 12px;
background:#FF8000;font-size:13px;border:2px solid #FF8000;width: auto !important;float:right;}


a.btn_sm1{position:relative;display:inline-block;color:#FFF;line-height:25px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; margin-right:4px;margin-left:4px;margin-bottom:4px;padding:0 10px 1px 25px;
background:#36a95d;font-size:13px;font-weight:600;}
a.btn_sm1 img{position:absolute;vertical-align:middle;display:block; lefT:7px;top:6px;} 


a.btn_sm1:hover{position:relative;display:inline-block;color:#FFF;line-height:25px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; margin-right:4px;margin-left:4px;margin-bottom:4px;padding:0 10px 1px 25px;
background:#2e8e4e;font-size:13px;}


.btn_submit{position:relative;display:inline-block;color:#fff;line-height:28px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; margin-right:4px;margin-left:4px;padding:0 15px 1px 30px;
background:#36a95d;font-size:13px;font-weight:600;}

/* ==================================================
   footer
================================================== */

.footer{    width: 100%;
  height: 81px;
  min-width: 1260px;
  border-top: 1px solid #cccccc;
  background: #6c6c6c;
 }
.footer .copy{     width: 1260px;
  box-sizing: border-box;
  padding: 24px 0px 0;
  position: relative;
  margin: 0 auto;}
.footer .copy span{    color: rgba(255, 255, 255, 0.5);
  min-width: 610px;
  font-size: 11px;
  display: inline-block;
  vertical-align: middle;}
/* background:url("../images/img/footer_ci.png")right 11px no-repeat; */



/* ==================================================
   Talbe
================================================== */
/* 20190830 .tb_wrap 스크롤 추가 */
.tb_wrap{overflow-x:auto;overflow-y:hidden;  position:relative; width:100%; height:auto;  overflow-x: auto;}
.tb_y_wrap{overflow-x:auto;overflow-y:auto;  position:relative; width:100%;height:auto;}

.tb1{position:relative;border-spacing:0;border-collapse:collapse;width:auto;margin:0 auto;text-align:center;right:25px;width:90%;}
.tb1 th{text-align:right;padding-right:4px;font-weight:bold; color:#000;font-size:13px;}
.tb1 td{padding:6px; text-align:left;  font-weight:normal; font-size:13px;}
.tb1 td.interval{padding:3px;}

.tb1 td input,textarea{
    height:16px;
    padding: 4px 6px;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc; 
	position:relative;}

.tb1 td select{
    text-transform: none;
    padding: 3px 5px 6px 5px;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc; 
	position:relative;}

.tb1 td img{cursor:pointer; vertical-align:middle; margin:0 3px  0 3px;}

.tb_wrap_graph{
    display: inline;
    width: 50%; 
    height: 430px;
}

/* 
.tb_wrap{position:relative; width:100%;height:100%; overflow-x: auto;}
.tb_y_wrap{position:relative; width:100%;height:auto;z-index: 1;}

.tb1{position:relative;border-spacing:0;border-collapse:collapse;width:auto;margin:0 auto;text-align:center;right:25px;width:90%;}
.tb1 th{text-align:right;padding-right:4px;font-weight:bold; color:#000;font-size:12px;}
.tb1 td{padding:6px; text-align:right;  font-weight:normal; font-size:13px;}
.tb1 td.interval{padding:3px;}

.tb_wrap_graph{
    display: inline;
    width: 50%; 
    height: 430px;
}

.tb1 td input,textarea{
    height:16px;
    padding: 4px 6px;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc; 
	position:relative;}

.tb1 td select{
    text-transform: none;
    padding: 3px 5px 6px 5px;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc; 
	position:relative;}

.tb1 td img{cursor:pointer; vertical-align:middle; margin:0 3px  0 3px;}
 */
/* font-family:'NanumGothic'; */
.tb6{position:relative;width:100%;font-size:12px;}
 /*.tb6 th{padding:7px 7px 6px 7px; text-align:center; background:#f3f3f3; border:1px solid #dcdcdc; border-bottom:2px solid #d0d0d0;font-weight:bold; color:#555;font-size:13px;white-space: nowrap;word-wrap: normal}
.tb6 th.hour{padding:7px 7px 6px 7px; text-align:center; background:#e6e6e6; border:1px solid #dcdcdc;border-bottom:2px solid #d0d0d0;font-weight:bold; color:#555;font-size:13px;white-space: nowrap;word-wrap: normal}
.tb6 td{padding:8px 7px 8px 7px; text-align:center; border:1px solid #dcdcdc; font-weight:normal; font-size:13px; white-space: nowrap;word-wrap: normal; letter-spacing:-1px;}
.tb6 td.price{text-align:right;padding:6px 6px 8px 6px; color:#000;font-weight:500}
.tb6 td.ord_sum{text-align:right;padding:6px 6px 8px 6px; background:#ecf1f4; color:#000;font-weight:500}
.tb6 td.kwh{padding:8px 17px 8px 7px; text-align:right; border:1px solid #dcdcdc; font-weight:normal; font-size:13px; white-space: nowrap;word-wrap: normal; letter-spacing:-1px;}
.tb6 td input[type=checkbox], input[type=radio] {margin: 4px 0 0;}
.tb6 td img{vertical-align:middle;}
.tb6 tr.striped { background-color:#fcfcfc; }

.tb6 td.sum{background:#dae8ef;font-weight:bold;color:#0976ab;border-top:2px solid #d0d0d0;border-bottom:2px solid #d0d0d0;}
.tb6 tfoot{background:#dae8ef;font-weight:bold;color:#0976ab;border-top:2px solid #d0d0d0;border-bottom:2px solid #d0d0d0;}
.tb6 tfoot td{border:1px solid #d0d0d0;}

.tb6 td input,textarea{
    height:16px;
    padding: 4px 6px;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc; 
	position:relative;
	text-align:center;}

.tb6 td select{
    text-transform: none;
    padding: 3px 5px 6px 5px;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc; 
	position:relative;
	text-align:center;}
 */

.tb2{    position: relative;
  border-spacing: 0;
  width: 100%;
  font-family: 'NanumGothic';
  border-collapse: separate;
  }
.tb2 th{    padding: 0;
  text-align: center;
  
  border: none;
  font-weight: bold;
  color: #FFF;
  font-size: 13px;
  white-space: nowrap;
  word-wrap: normal;
  height: 35px;}
.tb2 th.hour{padding:7px 7px 6px 7px; text-align:center; background:#e6e6e6; border:1px solid #dcdcdc;border-bottom:2px solid #d0d0d0;font-weight:bold; color:#555;font-size:13px;white-space: nowrap;word-wrap: normal}
.tb2 td{padding:4px 7px 4px 7px; text-align:center; border:1px solid #dcdcdc; font-weight:normal; font-size:13px; white-space: nowrap;word-wrap: normal; letter-spacing:-1px;}
.tb2 td.price{text-align:right;padding:6px 6px 8px 6px; color:#000;font-weight:500}
.tb2 td.left{text-align:left;padding:6px 6px 8px 26px; }
.tb2 td.ord_sum{text-align:right;padding:6px 6px 8px 6px; background:#ecf1f4; color:#000;font-weight:500}
.tb2 td.kwh{padding:4px 17px 4px 7px; text-align:right; border:1px solid #dcdcdc; font-weight:normal; font-size:13px; white-space: nowrap;word-wrap: normal; letter-spacing:-1px;}
.tb2 td input[type=checkbox], input[type=radio] {margin: 4px 0 0;}
.tb2 td img{vertical-align:middle;}
.tb2 tr.striped { background-color:#fcfcfc; }

.tb2 td.sum{background:#dae8ef;font-weight:bold;color:#0976ab;border-top:2px solid #d0d0d0;border-bottom:2px solid #d0d0d0;}
.tb2 tfoot{background:#dae8ef;font-weight:bold;color:#0976ab;border-top:2px solid #d0d0d0;border-bottom:2px solid #d0d0d0;}
.tb2 tfoot td{border:1px solid #d0d0d0;}

.tb2 td input,textarea{
    height:16px;
    padding: 4px 6px;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc; 
	position:relative;
	text-align:center;}

.tb2 td select{
    text-transform: none;
    padding: 3px 5px 6px 5px;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc; 
	position:relative;
	text-align:center;}
	
.tb7{position:relative;border-spacing:0;border-collapse:collapse;border-top:2px solid #515f66; border-bottom:2px solid #dedede;font-family:'NanumGothic'; width:1200px;}
.tb7 th{text-align:center; background:#eeeeee; border:1px solid #dcdcdc; border-bottom:2px solid #d0d0d0;font-weight:bold; color:#000000b3;font-size:13px;white-space: nowrap;word-wrap: normal}
.tb7 th.hour{padding:7px 7px 6px 7px; text-align:center; background:#e6e6e6; border:1px solid #dcdcdc;border-bottom:2px solid #d0d0d0;font-weight:bold; color:#555;font-size:13px;white-space: nowrap;word-wrap: normal}
.tb7 td{padding:8px 6px; text-align:center; border:1px solid #dcdcdc; font-weight:normal; font-size:13px; white-space: nowrap;word-wrap: normal; letter-spacing:-1px;}
.tb7 td.price{text-align:right;padding:6px 6px 8px 6px; color:#000;font-weight:500}
.tb7 td.ord_sum{text-align:right;padding:6px 6px 8px 6px; background:#ecf1f4; color:#000;font-weight:500}
.tb7 td.kwh{padding:8px 17px 8px 7px; text-align:right; border:1px solid #dcdcdc; font-weight:normal; font-size:13px; white-space: nowrap;word-wrap: normal; letter-spacing:-1px;}
.tb7 td input[type=checkbox], input[type=radio] {margin: 4px 0 0;}
.tb7 td img{vertical-align:middle;}
.tb7 tr.striped { background-color:#fcfcfc; }

.tb7 td.sum{background:#dae8ef;font-weight:bold;color:#0976ab;border-top:2px solid #d0d0d0;border-bottom:2px solid #d0d0d0;}
.tb7 tfoot{background:#dae8ef;font-weight:bold;color:#0976ab;border-top:2px solid #d0d0d0;border-bottom:2px solid #d0d0d0;}
.tb7 tfoot td{border:1px solid #d0d0d0;}

.tb7 td input,textarea{
    height:16px;
    padding: 4px 6px;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc; 
	position:relative;
	text-align:center;}

.tb7 td select{
    text-transform: none;
    padding: 3px 5px 6px 5px;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc; 
	position:relative;
	text-align:center;}

/* 예측>전력발전 셀렉트박스부분 수정 2019.09.27*/
.new_dropdown{cursor: pointer;}
.new_dropdown option{border-radius:.28571429rem;}
/* 예측>전력발전 셀렉트박스부분 수정 2019.09.27*/
.sel{width:100px;}
.tb3{position:relative;border-spacing:0;border-collapse:collapse;border-top:2px solid #515f66; border-bottom:2px solid #dedede;width:100%}
.tb3 th{padding:7px 7px 6px 7px; text-align:center; background:#f3f3f3; border:1px solid #dcdcdc; border-bottom:2px solid #d0d0d0;font-weight:bold; color:#555;font-size:13px;white-space: nowrap;word-wrap: normal}
.tb3 th.hour{padding:7px 7px 6px 7px; text-align:center; background:#e6e6e6; border:1px solid #dcdcdc;border-bottom:2px solid #d0d0d0;font-weight:bold; color:#555;font-size:13px;white-space: nowrap;word-wrap: normal}
.tb3 td{padding:2px 7px 2px 7px; text-align:center; border:1px solid #dcdcdc; font-weight:normal; font-size:13px; white-space: nowrap;word-wrap: normal; letter-spacing:-1px;}
.tb3 td.price{text-align:right;padding:6px 10px 8px 6px; color:#000;font-weight:500}
.tb3 td.ord_sum{text-align:right;padding:6px 10px 8px 6px; background:#ecf1f4; color:#000;font-weight:500}

.tb3 td input[type=checkbox], input[type=radio] {margin: 4px 0 0;}
.tb3 td img{vertical-align:middle;}
.tb3 tr.striped { background-color:#fcfcfc; }

.tb3 td.sum{background:#dae8ef;font-weight:bold;color:#0976ab;border-top:2px solid #d0d0d0;border-bottom:2px solid #d0d0d0;}
.tb3 tfoot{background:#dae8ef;font-weight:bold;color:#0976ab;border-top:2px solid #d0d0d0;border-bottom:2px solid #d0d0d0;}
.tb3 tfoot td{border:1px solid #d0d0d0;}

.tb3 td input,textarea{
    height:16px;
    padding: 4px 6px;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc; 
	position:relative;
	text-align:center;}

.tb3 td select{
    text-transform: none;
    padding: 3px 5px 6px 5px;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc; 
	position:relative;
	text-align:center;}



.tb4{position:relative;border-spacing:0;border-collapse:collapse;border-top:2px solid #515f66; border-bottom:2px solid #dedede;width:100%; margin-bottom:6px; table-layout:fixed}
.tb4 th{padding:7px 7px 6px 14px; text-align:left; background:#f3f3f3; border-bottom:1px solid #dcdcdc; font-weight:bold; color:#555;font-size:13px;}
.tb4 th.subject{padding:7px; text-align:center; background:#edf4f7; border-bottom:1px solid #bfcbd2; font-weight:bold; color:#000;font-size:14px;}
.tb4 th.mid_subject{padding:7px; text-align:center; background:#edf4f7; border-top:2px solid #bfcbd2;border-bottom:1px solid #bfcbd2; font-weight:bold; color:#000;font-size:14px;}

.tb4 td{padding:7px 7px 6px 10px;word-break:break-all;vertical-align:middle; text-align:left; border-bottom:1px solid #dcdcdc; font-weight:normal; font-size:13px; letter-spacing:-1px;}
.tb4 td.law{line-height:18px; color:#666;padding:14px;}
.tb4 td input[type=checkbox], input[type=radio] {margin-right:5px;vertical-align:middle; }
.tb4 td img{vertical-align:middle;}
.tb4 tr.striped { background-color:#fcfcfc; }

.tb4 th span{color:#ec334d;margin-right:3px; vertical-align:middle;}
.tb4 td span{color:#666; font-size:11px;margin-right:3px; vertical-align:middle;}

.tb4 td input,textarea,file{
    height:16px;
    padding: 3px 6px 6px 6px ;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc; 
	position:relative;
	text-align:left;
	vertical-align:middle}

.tb4 td input.desable{background:#eeeeee;}
.tb4 td select.desable{background:#eeeeee;}
.tb4 td input[type=file]{font-size:12px; border:none;height:24px;background:none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px}
/**.tb4 td label{position:absolute;z-index:10;padding:5px 8px 5px 4px; color:000;font-weight:bold; font-size:12px; line-height:normal; vertical-align:middle; background:#e5e5e5; cursor:pointer; border:1px solid #ccc; }
.tb4 td label img{vertical-align:middle; margin-right:2px;}**/
.tb4 td select{
    text-transform: none;
    padding: 3px 2px 6px 5px;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc; 
	position:relative;
	text-align:left;
	vertical-align:middle}


.tb5{position:relative;border-spacing:0;border-collapse:collapse;border-top:2px solid #515f66; border-bottom:2px solid #dedede;width:980px; margin-bottom:6px; table-layout:fixed}
.tb5 th{padding:7px 7px 6px 14px; text-align:left; background:#f3f3f3; border:1px solid #dcdcdc; font-weight:bold; color:#555;font-size:13px;}
.tb5 th.subject{padding:7px; text-align:center; background:#edf4f7; border-bottom:1px solid #bfcbd2; font-weight:bold; color:#000;font-size:14px;}
.tb5 th.mid_subject{padding:7px; text-align:center; background:#edf4f7; border-top:2px solid #bfcbd2;border-bottom:1px solid #bfcbd2; font-weight:bold; color:#000;font-size:14px;}

.tb5 td{padding:7px 7px 6px 10px;text-align:left;word-break:break-all;vertical-align:middle; text-align:left; border:1px solid #dcdcdc; font-weight:normal; font-size:13px; letter-spacing:-1px;}
.tb5 td.law{line-height:18px; color:#666;padding:14px;}
.tb5 td input[type=checkbox], input[type=radio] {margin-right:5px;vertical-align:middle; }
.tb5 td img{vertical-align:middle;}
.tb5 tr.striped { background-color:#fcfcfc; }

.tb5 th span{color:#ec334d;margin-right:3px; vertical-align:middle;}
.tb5 td span{color:#666; font-size:11px;margin-right:3px; vertical-align:middle;}

.tb5 td input,textarea,file{
    height:16px;
    padding: 3px 6px 6px 6px ;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc; 
	position:relative;
	text-align:left;
	vertical-align:middle}

.tb5 td input.desable{background:#eeeeee;}
.tb5 td select.desable{background:#eeeeee;}
.tb5 td input[type=file]{font-size:12px; border:none;height:24px;background:none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px}
/**.tb5 td label{position:absolute;z-index:10;padding:5px 8px 5px 4px; color:000;font-weight:bold; font-size:12px; line-height:normal; vertical-align:middle; background:#e5e5e5; cursor:pointer; border:1px solid #ccc; }
.tb5 td label img{vertical-align:middle; margin-right:2px;}**/
.tb5 td select{
    text-transform: none;
    padding: 3px 2px 6px 5px;
    font-size: 13px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc; 
	position:relative;
	text-align:left;
	vertical-align:middle}

/* ==================================================
   Paging
================================================== */

.paginate_complex{padding:20px 0 30px 10px;line-height:normal;text-align:center;position:relative;}
.paginate_complex img{vertical-align:middle; }
.paginate_complex a{color:#666;display:inline-block;position:relative;padding:0 0 0 6px;font:bold;text-decoration:none;}
.paginate_complex a:hover{text-decoration:underline;}
.paginate_complex strong{color:#0976ab;padding:0 0 0 6px;font:bold;}
.paginate_complex .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{color:#0976ab;}
.paginate_complex .prev{border-left:0}
.paginate_complex .next{border-right:0}


/* ==================================================
   Popup
================================================== */
.pop_wrap{position:relative;border:2px solid #36a95d;}
.pop_wrap .pop_title{background:#36a95d; text-align:center; color:#fff; font-size:20px; font-weight:bold; padding:13px 0 13px 0;}
.pop_wrap .pop_title span{float:right; right:10px; top:13px;position:absolute;}
.pop_wrap .pop_title span img{vertical-align:center;cursor:pointer;}
.pop_wrap .pop_contain{height:100%;padding:15px;}

/* ==================================================
  Login
================================================== */
.log_Wrap{min-height:100%;height:100%;margin:0;padding:0; width:100%;}


.login_box{width:823px; height:550px;position:relative; background:url("/images/img/bg_login3.png") no-repeat center; margin:0 auto;}
.login_box .idwrap{position:absolute;top:255px; left:600px; height:26px; width:173px;}
.login_box .idwrap input[type="text"]{border:none; background:transparent; vertical-align:middle; width:100%; padding:5px 0 4px 3px; color:#555; font-size:14px;}

.login_box .pwwrap{position:absolute;top:297px; left:600px; height:26px;  width:173px;}
.login_box .pwwrap input[type="password"]{border:none; background:transparent; vertical-align:middle; width:100%; padding:5px 0 4px 3px;color:#555;font-size:14px;}

.login_box .bnwrap{position:absolute;top:340px; left:596px; height:56px; width:182px;}
.login_box .bnwrap img{cursor:pointer;}

.login_box .memwrap{position:absolute;top:400px; left:596px; height:26px; width:182px;}

/* ==================================================
	circle animation
================================================== */
.page {
		margin: 40px;
}
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.dark-area {
	background-color: #555;
	padding: 40px;
	margin: 0 -40px 20px -40px;
}

/* ==================================================
	jquery ui dialog decoration
================================================== */
.popUp .ui-widget-header {
	background: #36a95d;
	text-align: center;
	color: #fff;
	font-size: 1.8em;
	height: 30px;
	line-height: 30px;
}

.ui-jqgrid .ui-jqgrid-htable th {
    height: 20px;
    line-height: 20px;
    padding: 0 2px 0 2px;
    font-family:'NanumGothic';
	font-weight: bold;
	color:#000;
	font-size:13px;
}

.ui-jqgrid .ui-jqgrid-htable th div {
    overflow: hidden;
    position: relative;
    height: 30px;
}


/* .tb2 td.price{text-align:right;padding:6px 6px 8px 6px; color:#000;font-weight:500} */

.ui-jqgrid tr.jqgrow td{
	height: 2em !important;
}

.ui-jqgrid .ui-jqgrid-labels .ui-th-column>div {
	height: auto;
}

. .ui-widget-header {
	background: #FF0000;
	text-align: center;
	color: #fff;
	font-size: 0.8em;
	height: 20px;
	line-height: 20px;
}

.SimpleChart {
	position: relative;
	z-index: 9999999;
}

.SimpleChart #tip {
    background-color: #f0f0f0;
    border: 1px solid #d0d0d0;
    position: absolute;
    left: -200px;
    top: 30px;
}

.down-triangle {
    width: 0;
    height: 0;
    border-top: 10px solid #d0d0d0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    left: -200px;
}


.SimpleChart #highlighter {
    position: absolute;
    left: -200px;
    z-index: 9999999;
}

.-simple-chart-holder {
    float: left;
    position: relative;
    width: 100%;
    background-color: #fff;
    border: 1px solid #cecece;
    /*padding: 6px;*/
}


.SimpleChart .legendsli {
    list-style: none;
    z-index: 9999999;
}

.SimpleChart .legendsli span {
    float: left;
    vertical-align: middle;
}

.SimpleChart .legendsli span.legendindicator {
    position: relative;
    top: 5px;
}

.SimpleChart .legendsli span.legendindicator .line {
    width: 30px;
    height: 3px;
}

.SimpleChart .legendsli span.legendindicator .circle {
    width: 12px;
    height: 12px;
    border-radius: 20px;
    position: relative;
    top: -5px;
    right: 20px;
}

.simple-chart-legends {
    background: #E7E7E7;
    border: 1px solid #d6d7dd;
    padding: 5px;
    margin: 2px 0px;
}

.simple-chart-legends ul {
}

.simple-chart-legends ul li {
    display: inline;
    border-right: 1px solid #d6d7dd;
    float: left;
    padding: 10px;
}

.simple-chart-legends ul li:last-child {
    border-right: 0px;
}

.simple-chart-legends.vertical {
    margin: 0px 10px;
}

.simple-chart-legends.vertical ul li {
    display: block;
    border: 0px;
    border-bottom: 1px solid #d6d7dd;
}

.simple-chart-legends.vertical ul li:last-child {
    border-bottom: 0px;
}

.simple-chart-legends .legendvalue {
    padding-left: 2px;
    background: #fff;
}

.simple-chart-Header {
    position: absolute;
    font-size: 13px;
}

.pointer {
	cursor : pointer;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    1001;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .2 ) 
                url('../images/loading.gif') 
                50% 50% 
                no-repeat;
}

body.loading {
    overflow: hidden;
}

body.loading .modal {
    display: block;
}


/*SUBMENU*/
.new_submenu {
  display: none;
  position: absolute;
  width: 135px;
  top: 80px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  padding-top: 7px;
  z-index: 1001;
}
.new_submenu ul {
  position: relative;
  z-index: 2;
  background: white;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.55);
  z-index: 1001;
  border: 2px solid #36a95d;
}
.new_submenu ul li{
  cursor: pointer;
  color: #000;
  padding: 11px 0 11px 0;
  font-size: 14px;
}
.new_submenu ul li:not(:last-child) {
  border-bottom: 2px solid #36a95d;
}
.new_submenu ul li:hover{
  background: #36a95d;
  color: white;
  font-size: 14px;
  font-weight: 700;
}

.pin {
  width: 16px;
  height: 16px;
  position: absolute;
  top: -8px;
  left: 0;
  right: 0;
  margin: auto;
  background: white;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.55);

  z-index: 1;
}

input {
  background: #f3f3f4 !important;
  height: 16px;
  padding: 4px 6px;
  font-size: 13px;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  position: relative;
  -webkit-box-sizing: unset;
  box-sizing: unset;
}
input:focus {
  background: white !important;
}
div.ui-jqgrid-hbox {

}
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
  color: #FFF !important;
}
.striped-row {
  background: #f6f6f6;
}
.label.ui.selection.dropdown {
  position: relative;
}
.ui-jqgrid {
  z-index: 1;
}
.ui.dropdown {
  min-height: auto !important;
  
  padding: 0.7em 2.6em 0.7em 1em !important;
}

.ui.dropdown .menu {
  box-sizing: border-box;
  /* font-size: 0.3em !important; */
}    

.ui.dropdown .menu .item {
  font-size: 1em !important;
}
.ui.fluid.dropdown {
  display: block;
  width: auto !important;
  min-width: 0;
}

nav.nav {
  z-index: 998;
  box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.15);
}
ul.nav.navbar > li.select {
  border-bottom: 5px solid #36a95d;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl, .ui-corner-right, .ui-corner-tr, .ui-corner-bottom, .ui-corner-bl, .ui-corner-br {
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  -khtml-border-radius:0;
}
.ui-jqgrid-btable .ui-state-highlight td{ 
  
}
.ui-jqgrid-btable .ui-state-highlight td{ 
  color:white;
  background: #36a95d; 
  
}
.ui-jqgrid-btable .ui-state-highlight td:not(.ui-state-default) { 
  font-weight: bold !important;
}

tr.ui-jqgrid-labels > th > div {
  color: white !important;
}
tr.ui-jqgrid-labels > th {
  border: none !important;
  height: 35px !important;
}
.ui-jqgrid tr.jqgrow td {
  height: 35px !important;
}
tr.ui-jqgrid-labels > th {
  background: none !important;
}
.ui-jqgrid .ui-jqgrid-view{
  overflow: hidden;
}
.ui-jqgrid-hdiv.ui-state-default.ui-corner-top {
  /*box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.45);*/
  /*z-index: 100;*/
  background: #808080 !important;
  background: -moz-linear-gradient(left, #808080 0%, #565656 100%) !important;
  background: -webkit-linear-gradient(left, #808080 0%,#565656 100%) !important;
  background: linear-gradient(to right, #808080 0%,#565656 100%) !important;
  border: none;
}
.frozen-div.ui-jqgrid-hdiv.ui-state-default{
  background: #6c6c6c;
}

.bullet {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  margin-right: 7px;
  border: 2px solid #36a95d;
}
.tit_st3 {
  position: relative;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  color: #383838;
  margin-bottom: 10px;
  line-height: 24px;
}
.ovlh > .tb2 {
  
}
.tb2 td:first-child {
  border: 1px solid #dcdcdc;
  border-top:none;
}
.tb2 td:not(:first-child) {
  border: 1px solid #dcdcdc;
  border-top:none;
  border-left:none;
}
.tb2 >tbody> tr:first-child {
  box-shadow: 0 5px 12px -5px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 0 5px 12px -5px rgba(0, 0, 0, 0.55);
  -moz-box-shadow:  0 5px 12px -5px rgba(0, 0, 0, 0.55);
  background: #808080;
  background: linear-gradient(to right, #808080 0%,#565656 100%);
  background: -moz-linear-gradient(left, #808080 0%, #565656 100%);
  background: -webkit-linear-gradient(left, #808080 0%,#565656 100%);
  margin: 0;
  background-repeat: no-repeat;
  background-attachment: fixed;

  /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.55);
  -moz-box-shadow:  0px 0px 10px rgba(0, 0, 0, 0.55);*/
}
.tb2 >tbody> tr:first-child + tr > td {
  border-top:none;
}
.grd-bk{
  background: #808080;
  background: linear-gradient(to right, #808080 0%,#565656 100%);
  background: -moz-linear-gradient(left, #808080 0%, #565656 100%);
  background: -webkit-linear-gradient(left, #808080 0%,#565656 100%);
  margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.header .topwrap > li:first-child {
  width: 161px;
}
.ui-jqgrid-btable .ui-state-highlight td {

}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #f6f6f6 !important;
}

.aligner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui-jqgrid-view:After {
  /*clear: both;
  content: "";
  display: block;
  position: absolute;
  top: 35px;
  left: -5%;
  right: -5%;
  margin: auto;
  height: 150%;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.55);
  -moz-box-shadow:  inset 0px 0px 10px rgba(0, 0, 0, 0.55);
  z-index: 1;*/
}

div#gbox_ordPwrTrdLst .ui-jqgrid-view:After {
  /*clear: both;
  content: "";
  display: block;
  position: absolute;
  top: 46px;
  left: -5%;
  right: -5%;
  margin: auto;
  height: 150%;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.55);
  -moz-box-shadow:  inset 0px 0px 10px rgba(0, 0, 0, 0.55);
  z-index: 1;*/
}

.ovlh {
  overflow: hidden;
  padding: 0;
}

.ui-jqgrid-bdiv:after{
  /*clear: both;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -5%;
  right: -5%;
  margin: auto;
  height: 1px;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.55);
  z-index: 1;*/
}
.bsx {
  clear: both;
  content: "";
  display: block;
  position: absolute;
  top: 45px;
  left: -5%;
  right: -5%;
  margin: auto;
  height: 1px;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.55);
  z-index: -1;
}
td#input_ordPwrTrdLstPager {
  line-height: 20px;
}
/* 20190820 lk- wss dialog z-index 조정 추가 */
.ui-dialog{ z-index: 999;}



/* 그래프들어갈 자리 19.09.27*/
.graph{width:970px; height: 350px; margin-bottom: 20px;}
/* 그래프들어갈 자리 19.09.27*/
/* 탭메뉴 추가 시작 2019.09.27 */
/*라디오버튼 숨김*/
.tab{font-size: 14px; text-align: right;height:50px; width:970px; margin-bottom:10px;}
 label {
            display: inline-block;
            margin: 0 0 -1px;
            padding: 10px 25px;
            font-weight: 600;
            text-align: center;
            border: 1px solid transparent;
       }
label:hover {color: #2e9cdf; cursor: pointer;}

/*input 클릭시, label 스타일*/
input:checked + label {color: #555;  border-top: 1px solid #ffffff;  border-bottom: 2px solid #2e9cdf;}
#tab1:checked ~ #content1,#tab2:checked ~ #content2,#tab3:checked ~ #content3{ display: block;}
/* 탭메뉴 추가 끝 2019.09.27 */
/* 20190830 .tb_wrap 스크롤 추가 */
.tb_wrap{position:relative; width:100%;height:100%; overflow-x: auto;}
.tb_y_wrap{position:relative; width:100%;height:auto;z-index: 1;}
/* 2019.10.15 운영>영농현황 페이지추가 내용*/
.p85_title{color:#36a95d; font-weight: 500; font-size: 2.0em; padding-top: 12px;}

/* 예측>전력발전 셀렉트박스부분 수정 2019.09.27*/
.new_dropdown{cursor: pointer;}
.new_dropdown option{border-radius:.28571429rem;}
/* 예측>전력발전 셀렉트박스부분 수정 2019.09.27*/

/* 테이블3 */
.result_table3  {border-collapse:collapse;border-spacing:0; width: 100%;}
.result_table3 td{font-family:Arial, sans-serif;font-size:14px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.result_table3 th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.result_table3 .rt_th3{border-color:inherit;text-align:center;vertical-align:middle;height: 60px;}
.result_table3 .rt_td3{border-color:inherit;text-align:center;vertical-align:middle;  height: 33px;}

/* REC최적화 2019.11.22 */
.table_box{display: inline; text-align: center;}
.rec_box1{display: inline-block; margin-top: 20px; margin-left: 50px;}
.rec_box1 h3{display: inline-block; line-height: 30px; font-weight: 700; margin-right: 10px;}
.rec_box2{display: inline-block; margin-left: 50px;}
.data_f{width: 100px; margin-right: 5px;}

/* REC최적화 2019.11.22 팝업창 */
.recpop_field{margin-bottom: 10px; margin-left: 8%;}
.recpop_field1{display: inline-block;}
.recpop_field1.fir{margin-left: 20px;}
.recpop_name{font-size: 1.2em; line-height: 26px; font-weight: 500; display: inline-block; width: 80px; margin-bottom: 20px; margin-top: 10px;}
.rec_pop{margin-top: 5px;}
.rec_data{width: 20%; border:1px solid #ccc; border-radius: 5px; text-indent: 10px; margin-bottom: 20px; margin-top: 5px;}
.rec_data1{width: 20%; border:1px solid #ccc; border-radius: 5px; text-indent: 10px;}
.recpop_field2{display: inline-block;}
.recpop_field2.fir{margin-left: 20px;}
.recpop_name1{font-size: 1.2em; line-height: 26px; font-weight: 500; display: inline-block; width: 80px; text-align: justify;}
.recpop_field3{display: block; float: right; width: 50px; height: 30px; border-radius: 10px; background-color: #2e8e4e; margin-top: 25px;}
.recpop_field3 a{line-height: 30px; margin-left: 12px; color:#fff;}

/* REC최적화 페이지 추가 2019.10.31*/
.rec_box{width: 100%; margin-top: 20px; display: inline-block;}
.rec_contents{display: inline-block; width: 33.3333%; float: left;}
/* REC월별생산량&판매량 테이블 2019.10.31 */
.rec_table{border-collapse:collapse;border-spacing:0; width: 320px;}
.rec_th{font-family:Arial, sans-serif;font-size:12px;font-weight:normal;border-style:solid;border-width:2px;overflow:hidden;word-break:normal;border-color:#fff; text-align: center; background-color: #36a95d; height: 30px; color:#fff; font-weight: 700; box-sizing: border-box;}
.rec_td{font-family:Arial, sans-serif;font-size:12px;border-style:solid;border-width:2px;overflow:hidden;word-break:normal;border-color:#fff; text-align: center; height: 30px; background-color: #ededed; box-sizing: border-box;}
/* REC최적화 */
.rec_table1{border-collapse:collapse;border-spacing:0; width: 320px; box-sizing: border-box;}
.rec_th1{font-family:Arial, sans-serif;font-size:12px;font-weight:normal;border-style:solid;border-width:2px;overflow:hidden;word-break:normal;border-color:#fff; text-indent: 30px; background-color: #36a95d; height: 30px; color:#fff; font-weight: 700; box-sizing: border-box;}
.rec_td1{font-family:Arial, sans-serif;font-size:12px;border-style:solid;border-width:2px;overflow:hidden;word-break:normal;border-color:#fff; text-align: center; height: 30px; background-color: #ededed; box-sizing: border-box;}
/* REC최적화 팝업창 */
.rec_field{margin-bottom: 10px;}
.rec_field1{display: inline; margin-left: 50px;}
.rec_name{font-size: 1.2em; line-height: 26px; font-weight: 500; display: inline-block; width: 80px; margin-bottom: 20px; margin-top: 10px;}
.rec_data{width: 30%; border:1px solid #ccc; border-radius: 5px; text-indent: 10px; margin-bottom: 20px; margin-top: 5px;}
.rec_data1{width: 30%; border:1px solid #ccc; border-radius: 5px; text-indent: 10px;}
.rec_field2{display: inline; margin-left: 50px;}
.rec_name1{font-size: 1.2em; line-height: 26px; font-weight: 500; display: inline-block; width: 80px; text-align: justify;}
.rec_field3{display: block; float: right; margin-right: 60px; width: 50px; height: 30px; border-radius: 10px; background-color: #2e8e4e;}
.rec_field3 a{line-height: 30px; margin-left: 12px; color:#fff;}
/* 2019.11.27 */
.y_forecast_elec .date{padding-left:15px; background:url('../images/icon/bul_01.gif') no-repeat 7px 5px; color:#555; letter-spacing:-0.5px; padding-bottom:12px;}
.y_forecast_elec .btn_more{position:absolute; top:31px; right:18px;}
.y_forecast_elec .table_info{font-size:12px; color:#777; letter-spacing:-0.5px; /*padding-top:15px;*/ text-align:right; padding-bottom:9px}
.y_forecast_elec table{width:100%;}
.y_forecast_elec table th{border:1px solid #386fa6; line-height:33px; text-align:center; color:#fff; font-weight:700; background-color:#1965b0; font-size:13px;}
.y_forecast_elec table tr:nth-of-type(even) th{background-color:#3793d6}
.y_forecast_elec table td{background:#ededed; border:1px solid #d3d3d3; border-left:none; line-height:33px; text-align:center; font-size:12.5px}
.y_forecast_elec table tr:nth-of-type(1) td{color:#000}
.y_forecast_elec table tr:nth-of-type(2) td{color:#ea1f27; font-weight:700}
.y_forecast_elec table tr:nth-of-type(3) td{color:#008240;}
.y_forecast_elec table tr:nth-of-type(4) td{color:#004a99;}

/* 2019.10.17 메인 사이드 그래프부분 추가 */
.quick{position: absolute; top:20px; right: -220px; z-index:1000; background-image: url("/images/new/kpx_bg1.png");  background-repeat: no-repeat; width: 200px; height: 590px;}
.quick1{position: relative; margin-top: 20px;}
.quick1 .quick1_title{font-size: 1.3em; color:#006cba; float: left; margin-left: 20px; margin-top: 10px; font-weight: 500; margin-bottom: 15px;}
.quick1_title .red{color: red;}
.quick1 .quick1_ico{float: right; font-size: 1.4em; margin-right: 16px; margin-top: 9px;}
.date_time{font-weight: 700;}
.quick1 .date{clear: both; margin-left: 25px; font-weight: 500; margin-bottom: 10px;}
.g1_img{margin-left: 16%; margin-top: 15px;}
.quick1 .txt1{float: left; font-size: 1.2em; font-weight: 500; margin-left: 15px; margin-top: 10px; line-height: 22px;}
.quick1 .txt1 .blue{color:#006cba;}
.quick1 .txt2{float: right; font-size: 1.2em; font-weight: 500; text-align: right; margin-right: 15px; margin-top: 10px; line-height: 22px;}
.quick2{position: relative; top: 120px;}
.quick2 .quick2_title{display: inline-block; font-size: 1.3em; color:#006cba; margin-left: -60px; margin-top: 40px; font-weight: 500; margin-bottom: 5px;}
.quick2_title .red{color: red;}
.quick2 .quick2_ico{float: right; font-size: 1.4em; margin-right: -68px; margin-top: 38px;}
.quick2 .date_time{clear: both; margin-left: 25px; font-weight: 700;}
.g1_img{margin-left: 16%;}
.quick2 .txt1{float: left; font-size: 1.2em; font-weight: 500; margin-left: 15px; margin-top: 10px;}
.quick2 .txt1 .blue{color:#006cba;}
.quick2 .txt2{float: right; font-size: 1.2em; font-weight: 500; text-align: right; margin-right: 15px; margin-top: 10px;}
/* 2019.10.17 메인 사이드 그래프부분 추가 */