@charset "utf-8";
/* NotoKR */

/*굵게*/
.text-bold{font-weight:bold;}

/*colresizable*/
.grip{
  width:20px;
  height:15px;
  margin-top:-3px;
  background-image:url('img/grip.png');
  margin-left:-5px;
  position:relative;
  z-index:88;
  cursor:e-resize;
}

.grip:hover{
  background-position-x:-20px;
}
.JCLRLastGrip .grip{
    background-position-y:-18px;
    left:-2px;
}

.dragging .grip{
  background-position-x:-40px;
}

.sampleText{
  position:relative;
  width:100%;
}

.dotted{
  background-image:url('img/dotted.png');
  background-repeat:repeat-y;
}
/*colresizable*/



.fullwidth {width:100%;}

/*TABLE*/
.Basic-Table {
	width:100%;
	border: 1px solid #dddddd;/*#969696;*/
	border-width: 1px 0px 0px 0px;
	font-size: 0.9em;
	font-family: notokr;
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout: fixed;
}


.Basic-Table th {
	background-color: #FBFCFC; /*#e0e0e0;*/
	border: 1px solid #dddddd; /*#808080;*/
	border-width: 0px 1px 1px 0px;
  font-weight:bold;
	text-align:center;
	vertical-align:middle;	
  height: 30px;
	padding:2px;
	overflow:hidden;
	white-space : nowrap;
	text-overflow: ellipsis;	
}
.Basic-Table th.lasting {
	background-color: #FBFCFC; /*#e0e0e0;*/
	border: 1px solid #dddddd; /*#808080;*/
	border-width: 0px 0px 1px 0px;
	font-weight: normal;
	text-align:center;
	font-weight:400;
	vertical-align:middle;
	padding:0px;
	overflow:hidden;
	white-space : nowrap;
	text-overflow: ellipsis;	
}
.Basic-Table>tbody>tr:last-child>th { border-bottom: 1px dotted #C0C0C0 }
.Basic-Table .solid-left { border-left: 1px solid #dddddd }


.Basic-Table td {
	border: 0px;
	background-color: white;
	padding: 3px;
	border: 1px dotted #C0C0C0;
	border-width: 0px 1px 1px 0px;
	height: 30px;
	overflow:hidden;
	white-space : nowrap;
	text-overflow: ellipsis;	
}

.Basic-Table td.heading {
	background-color: #FBFCFC;
	border: 1px solid #808080;
	border-width: 0px 1px 1px 0px;
  font-weight:bold;
	text-align: center;
	padding: 0px 0px 0px 0px;
	vertical-align:middle;
}

.Basic-Table td.textOverDefault {
		white-space : normal; /*기본값*/
		text-overflow: clip; /*기본값*/
}

.Basic-Table td.lasting {
	border: 0px;
	background-color: #FBFCFC;
	padding: 0px 1px 0px 1px;
	border: 0px dotted #C0C0C0;
	border-width: 0px 0px 1px 0px;
}
/*TABLE*/






/*TABLE*/
.Simple-Table {
  width:100%;
  border: 1px solid #dddddd;/*#969696;*/
  border-width: 0px 0px 0px 0px;
  font-size: 0.9em;
  font-family: notokr;
  border-spacing: 0px;
  border-collapse: collapse;
  table-layout: fixed;
}


.Simple-Table th {
  background-color: #FBFCFC; /*#e0e0e0;*/
  border: 1px solid #dddddd; /*#808080;*/
  border-width: 1px 0px 0px 0px;
  font-weight:bold;
  text-align:center;
  vertical-align:middle;    
  padding:8px;
  overflow:hidden;
  white-space : nowrap;
  text-overflow: ellipsis;  
}
.Simple-Table th.lasting {
  background-color: #FBFCFC; /*#e0e0e0;*/
  border-top: 1px solid #dddddd; /*#808080;*/
  border-width: 1px 0px 0px 0px;
  font-weight:bold;
  text-align:center;
  vertical-align:middle;
  padding:8px;
  overflow:hidden;
  white-space : nowrap;
  text-overflow: ellipsis;  
}
.Simple-Table>tbody>tr:last-child>th { border-bottom: 0px solid #C0C0C0 }
.Simple-Table .solid-left { border-left: 1px solid #dddddd }


.Simple-Table td {
  border: 0px;
  background-color: white;
  padding: 3px;
  border: 1px solid #dddddd; /*#808080;*/
  border-width: 1px 0px 0px 0px;
  height: 30px;
  overflow:hidden;
  white-space : nowrap;
  text-overflow: ellipsis;
  padding-left: 5px;
}

.Simple-Table td.heading {
  background-color: #FBFCFC;
  border: 1px solid #dddddd; /*#808080;*/
  border-width: 1px 0px 0px 0px;
  font-weight:bold;
  text-align: center;
  padding: 0px 5px 0px 0px;
  vertical-align:middle;
}

.Simple-Table td.textOverDefault {
    white-space : normal; /*기본값*/
    text-overflow: clip; /*기본값*/
}

.Simple-Table td.lasting {
  border: 0px;
  background-color: #FBFCFC;
  padding: 0px 1px 0px 1px;
  border: 1px solid #dddddd;
  border-width: 1px 0px 0px 0px;
}
/*TABLE*/









.ellipsis {
width:250px;       /* 이 부분은 디자인된 길이에 따라서 변경이 가능합니다.*/
display:inline-block;
text-overflow:ellipsis;  /*잘라지는 부분에 자동으로 ...을 넣어주는 속성입니다.*/
overflow:hidden;
white-space:nowrap;
}
.pointer{cursor:pointer;}
.hidden{
	display:none;
}
.filter-divider{margin-left:10px;}

/*margin*/
.mg05{margin:5px !important;}
.mg10{margin:10px !important;}
.ml00{margin-left:0px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.mr00{margin-right:0px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.md00{margin-bottom:0px !important;}
.md05{margin-bottom:5px !important;}
.md10{margin-bottom:10px !important;}
.md20{margin-bottom:20px !important;}
.mt00{margin-top:0px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}

/*padding 강제 적용*/
.pd00{padding:0px !important;}
.pd05{padding:5px !important;}
.pd05-foot{padding:5px 5px 0px 5px;}
.pd10{padding:10px !important;}
.pl00{padding-left:0px !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pr00{padding-right:0px !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pb00{padding-bottom:0px !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pt00{padding-top:0px !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}



.center{text-align:center;}
.no-topborder{border-top:0px;}
.panel-inside{width:100%;height:30px;}
.panel-inside .text{line-height:30px;}



.maxwidth{max-width:800px;}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#333;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}




/*상단 메뉴*/
  #header-menu{
    margin: 0px 0px 0px 10px;
    padding:0px;
    float: left;
    height:50px;
  }
  #header-menu  li{
    float: left;
    padding: 15px 10px;
    list-style: none;
    font-size:1.1em;
    line-height:20px;
    /*background-color:black;/*
    /*color:white;*/
    /*opacity: 0.1;*/
  }
  #header-menu>li>a{
    /*background-color:black;*/
    color:black;*/
    opacity: 0.9;*/
  }
  #header-menu .active{
    background-color:#D7DBDD;
    font-weight:bold;
  }

/*상단 메뉴*/


/*레이어 팝업*/
.pop_layer {
        display: none;
        position: absolute;
        border: 1px solid rgba(0, 0, 0, 0.4);
        background:#fff;
        z-index:15000;
        -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.3);  /* Safari and Chrome */
        -moz-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.3);  /* Firefox */
        box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.3);  /* CSS3 */
        overflow: hidden;
    }
.pop_layer .head_box {width:100%;clear:left; left:0px;top:0px; height:30px; background:#f3f3f3; line-height:30px;border-bottom: 1px solid rgba(0, 0, 0, 0.4);}
.pop_layer .head_box .close_btn{float:right; margin-right:10px; cursor:pointer;font-size: 20px;font-weight: bold}
.pop_layer .head_box .check_title{float:left; margin-left:10px; font-size: 12px;}

.pop_layer .close_box {width:100%;position:absolute; clear:left; left:0px;bottom:0px; height:30px; background:#f3f3f3; line-height:30px;}
.pop_layer .close_box .close_btn {float:right; margin-right:10px; cursor:pointer;}
.pop_layer .close_box .check_btn {float:left; margin-left:10px; font-size: 12px;}
/*레이어 팝업*/