.isReq{
	color:red;
}

div.ocr {
	position:absolute; 
	z-index:1;
	cursor:pointer; 
	opacity:0.7; 
	filter:alpha(opacity=50);
	border-style:solid;
	border-width:4px;
	color:red;
}

div.greenOrc {
	position:absolute; 
	z-index:1;
	cursor:pointer; 
	opacity:0.7; 
	filter:alpha(opacity=50);
	border-style:solid;
	border-width:3px;
	color:#177726;
}

div.ocrInfo {
	position:absolute; 
	z-index:9999;
	cursor:pointer; 
	background-color:blue;
	opacity:1; 
	filter:alpha(opacity=50);
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	color:blue;
}

[data-tooltip-text]:hover {
	position: relative;
}

[data-tooltip-text]:after {
	-webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	-moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	transition: bottom .3s ease-in-out, opacity .3s ease-in-out;

	background-color: green;
/* 	background-color: rgba(0, 0, 0, 0.8); */

	-webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	color: #FFFFFF;
	font-size: 15px;
	margin-bottom: 10px;
	padding: 7px 12px;
	position: absolute;
	width: auto;
	min-width: 50px;
	max-width: 1000px;
	word-wrap: break-word;

	z-index: 9999;

	opacity: 1;
	left: -9999px;
	top: 90%;
	
	content: attr(data-tooltip-text);
}

[data-tooltip-text]:hover:after {
	top: 110%;
	left: 0;
	opacity: 1;
}


p {
	margin : 2px;
}

h2 { /* Headers & Footer in Center & East panes */
	font-size   : 13px;
	background  : #EEEEFF;
	border      : 1px solid #EEEEFF;
	border-width: 0 0 1px;
	padding     : 7px 10px;
	margin      : 0;
}

.ui-layout-pane {
	padding : 0;
	overflow: auto;
}
.ui-widget-content { /* used as the ui-layout-content class */
	padding : 1ex;
	/* overflow: auto; */
}
.ui-widget-overlay{
	background:#aaa;
	opacity   :.3;
	filter    :Alpha(Opacity=30)
}

.ui-layout-toggler-west	{
	background: #3c79a5;
}

.ui-widget {
	font-family: Lucida Grande, Lucida Sans, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

.myClass.ui-dialog {
	left     : 0;
	outline  : 0 none;
	padding  : 0 !important;
	position : absolute;
	top      : 0;
}

.myClass.ui-dialog .ui-dialog-content {
	background : none repeat scroll 0 0 transparent;
	border     : 0 none;
	overflow   : auto;
	position   : relative;
	padding    : 0 !important;
}

.myClass.ui-dialog .ui-dialog-titlebar {
	background : black;
	color      : white;
	border     : 0;
	padding    : .4em 1em;
	position   : relative;
}

.myClass.ui-dialog .ui-dialog-titlebar-close {
	background : white;
	position   : absolute;
	right      : .3em;
	top        : 50%;
	width      : 20px;
	margin     : -10px 0 0 0;
	padding    : 1px;
	height     : 20px;
}

.moClass.ui-dialog .ui-dialog-content {
	background : none repeat scroll 0 0 transparent;
	border     : 0 none;
	overflow   : auto;
	position   : relative;
	padding    : 0 !important;
}

.moClass.ui-dialog .ui-dialog-titlebar {
	display: none;
}

.custom-tooltip {
    position: absolute;
    max-width: 100%;
    height: auto;
    border: 1px solid cornflowerblue;
    overflow: auto;
    pointer-events: none;
    transition: opacity 1s;
    background-color: white;
}



.custom-tooltip.ag-tooltip-hiding {
    opacity: 0;
}

.custom-tooltip p {
    margin: 10px;
    white-space: nowrap;
}

.custom-tooltip p:first-of-type {
    font-weight: bold;
}

.fa-question-circle:before {
    content: "\f059";
    color: #ffffff;
    float: right
}

.layer_def_wrap {
    display: none;
    z-index:9999;
    position: absolute;
    float:left;
}

.layer_def_a2 {
    left: auto;
    right: 5px;
    position: absolute;
    padding: 2px 6px 6px;
    border: 1px solid #8b8b8b;
    background: #fff;
    color: #666;
    font: 12px "Helvetica Neue", "Apple SD Gothic Neo", dotum, sans-serif;
    line-height: 160%;
}
}

.have_tit {
    padding: 2px 7px 7px;
}

.layer_def_a2, .layer_def_b2, .layer_def_c2 {
    border-style: solid;
    border-width: 2px;
}

.layer_tit {
    padding: 5px 0 4px 3px;
    border-bottom: 1px solid #b2b2b2;
    color: #111;
    line-height: 120%;
    font-weight: bold;
}

.layer_content {
	padding: 10px;
	background: #fff;
}

.row_click_style {
  background-color: #D3D9FF !important;
}

.file_down{display:inline-block; position:relative; height:24px; padding:0 34px 0 0; border-radius:2px; font-weight:normal; box-sizing:border-box;}
.file_down span{cursor:pointer;}
.file_downonly span{cursor:pointer;}

.file_delete{display:inline-block; position:relative; height:24px; padding:0 34px 0 8px; border-radius:2px; font-weight:normal; box-sizing:border-box; text-decoration:line-through; }

.accent {
	font-weight:bold;
	color:blue;
}
.loading_wrap{z-index:9999; position:fixed; left:0; top:0; right:0; bottom:0; background: url(/image/ajax-loader_blue.gif); background-position:50% 50%; background-repeat:no-repeat;}

.tit_sub{padding:5px 0 6px; line-height:1;}
.tit_sub .tit{display:inline-block; color:#333; font-size:20px; background-color:#ffffff;}
.tit_sub .txt{padding:0 10px; color:#666; font-size:12px; font-weight:normal;}
.cont_box{margin-bottom:10px; border:1px solid #dae0e3; background-color:#fff; box-sizing:border-box;}
.cont_box:after{content:""; display:block; clear:both;}
.cont_box > .inner{position:relative; padding:5px;}/* 180503 padding�닔�젙 */
.cont_box > .inner + .cell_r{height:100%; border-left:1px solid #dae0e3;}
.cont_box.split [class*='cell']{float:none;}
.cont_box .tit_cont .tit{padding-bottom:8px; color:#333; font-size:15px;}
.tbl{color:#333;}
.tbl th{white-space:nowrap; font-weight:600;}
.tbl tr.select th,
.tbl tr.select td{background-color:#fff5a7;}
.tbl thead th,
.tbl thead td{padding:0 6px; border-right:1px solid #d4d9dc; border-bottom:1px solid #b1babf; background-color:#f6f6f6;}
.tbl tbody th{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.tbl tbody th,
.tbl tbody td{padding:2px 6px; border-bottom:1px solid #d4d9dc; border-right:1px solid #d4d9dc; word-break:keep-all;}
.tbl .tit_lb_b{padding:0;}
.tbl tfoot th,
.tbl tfoot td{border-bottom:1px solid #d4d9dc; background-color:#edfbe9;}
.tbl tbody th{background-color:#f0f2fa; white-space:pre-wrap;}
.tbl_row{}
.tbl_row tbody th,
.tbl_row tbody td,
.tbl_row tfoot th,
.tbl_row tfoot td{min-height:30px; padding:3px 6px; border:0; text-align:left;}
.tbl_row tbody th{padding:7px 6px; background-color:#f6f6f6; color:#333; vertical-align:middle;}
.tbl_row tfoot td strong{padding-left:28px; font-size:14px;}
.tbl_row tfoot td .tit_sum{font-size:12px;}
.tbl_input tbody td{padding:3px;}

.ui-dialog .ui-dialog-titlebar-buttonpane>a{
    width		: 20px;
    height		: 20px;
    margin-right : 4px;
}


#footer{ width:100%; background:#fff; padding:50px 0 25px 0; clear:both; position:relative; min-height:150px;}
/* #footer .foot_inner {width:100%;max-width:540px;margin:auto auto;position:relative;} */
#footer .foot_inner {width:100%;max-width:600px;margin:auto auto;position:absolute; left:0; right:0; bottom:0;}
#footer .foot_inner .info {clear:both; padding-top:25px; padding-left:40px; overflow:hidden;}
#footer .foot_inner .info h1 {width:88px; height:48px; background:url(/image/fonsMaker.png) no-repeat 0 0; text-indent:-55555px; float:left; margin:0; display:inherit;}
#footer .foot_inner .info address {font-size:12px; color:#111; float:left; line-height:15px;}
#footer .foot_inner .info address span {display:block; float:left; margin-right:15px; color:#111;}
#footer .foot_inner .info .copyright {display:inline-block; padding-top:10px; clear:both;}

@media screen and (max-width:480px) {

	#footer .foot_inner .info h1 {display:none;}
}
@media screen and (min-width: 650px) {
	
	#largeImg {height:90%;}
}
@media screen and (max-width: 1279px) {
 
	#modelInfoSpec_li {max-width:35%; font-size:10px;}
	#main {height:92vh !important;}
}
@media screen and (min-width: 1280px) {
 
	#modelInfoSpec_li {max-width:40%; font-size:11px;}
	#largeImg {height:100%;}
	
}
@media screen and (min-width: 1680px) {
 
	#modelInfoSpec_li {max-width:53%; font-size:11px;}
}
@media screen and (min-width: 1800px) {
 
	#modelInfoSpec_li {max-width:55%; font-size:11px;}
}
@media screen and (max-width: 1000px)
 {
    #gnb {display: none;}
    #main {height:100vh !important;}
}
@media screen and (min-width: 1000px)
 {
    .mobile_header {display: none};
}
@media screen and (min-width: 1000px)
 {
    .mobile_panel {display: none};
}

.mobile_header{
        width: 100%;
        height: 32px;
        background: #232F3E;
    }
.mobile_panel {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  position: fixed;
  z-index: 9999;
  top: 0;
  height: 100%;
  width: 80%;
  background-color: #383b42;
}

.mobile_panel .info-btn {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  display: inline-block;
  float: left;
  cursor: pointer;
  padding: 30px 20px 30px 0px;
  position: absolute;
  z-index: 2;
  top: -25px;
  width: 25px;
  height: 20.18181818px;
}

.mobile_panel .ninja-btn {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  display: inline-block;
  float: left;
  cursor: pointer;
  padding: 30.285714px 31px;
  position: absolute;
  z-index: 2;
  top: -22px;
  width: 30px;
  height: 20.18181818px;
}
.mobile_panel .ninja-btn span,
.mobile_panel .ninja-btn span:before,
.mobile_panel .ninja-btn span:after {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  width: 30px;
  height: 2px;
  background-color: #fff;
}
.mobile_panel .ninja-btn span {
  position: relative;
  display: inline-block;
  float: left;
  margin-top: 9.09090909px;
}
.mobile_panel .ninja-btn span:before,
.mobile_panel .ninja-btn span:after {
  content: "";
  position: absolute;
  left: 0;
}
.mobile_panel .ninja-btn span:before {
  top: -9.09090909px;
}
.mobile_panel .ninja-btn span:after {
  top: 9.09090909px;
}

/*메뉴 클릭후, 메뉴 버튼을 활성화 시켰을때 속성*/
.mobile_panel .ninja-btn.active span {
  background-color: transparent;
}
.mobile_panel .ninja-btn.active span:before,
.mobile_panel .ninja-btn.active span:after {
  top: 0;
}
.mobile_panel .ninja-btn.active span:before {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
}
.mobile_panel .ninja-btn.active span:after {
  -webkit-transition-delay: 0.09s;
  -moz-transition-delay: 0.09s;
  -o-transition-delay: 0.09s;
  -msa-transition-delay: 0.09s;
  transition-delay: 0.09s;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}
.mobile_panel ul {
  width:100%;
  list-style-type: none;
  position: absolute;
  z-index: 1;
  margin: 0;
  padding: 0;
  top: 5%;
  left: 0;
  right: 60px;
  height: auto;
  text-align: left;
  color:#F6F6F6;
}

.mobile_panel ul li,
.mobile_panel ul a {
  display: inline-block;
  float: left;
  width: 100%;
  line-height: 1.4;
  padding: 0;
  font-weight: 200;
  color:#F6F6F6;
}
.mobile_panel ul li{
  height:45px;
  border-top: 1px solid #474a50;
}
.mobile_panel ul li.menu-label a{
  padding:11px 0 0 40px;
  height:100%;
  display:block;
  font-size: 17px;
  text-transform: lowercase;
}
.mobile_panel ul li.menu-label:first-child {
  border-top: 0;
}

.mobile_panel ul li.menu-contacts a {
  font-size: 16px;
  text-transform: inherit;
}

/* 안보이는 패널위치고정 */
.mobile_panel-overlay {
  position: fixed;
  top: 0;
  z-index: 9998;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

.mobile_panel.left {
  left: -1000px;
}
/*패널 버튼 부분 위치*/
.mobile_panel.left .ninja-btn {
  left: 990px;
}
/*패널 버튼 부분 위치*/
.mobile_panel.left .info-btn {
  left: 1065px;
}
/* 패널이 활성화 되었을때 */
.mobile_panel.left.active {
  left: 0;
  overflow: scroll;
}
.mobile_panel.left.active .ninja-btn {
  left: 100%;
  margin-left: -90px;
}

.mobile_panel ul li.sub-menu{
  background: #2e333c;
  padding:11px 0 0 50px;
}

.mobile_panel_search{
	float:left;
	width : 33.3%;
	height : 28vh;
}

.btn-file{
            position: relative;
            overflow: hidden;
        }
.btn-file input[type=file] {
    position: absolute;
    top: 0;
        right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.btn-filter{
	color:#333;
	background-color:#fff;
	border-color:#ccc;
}

.btn-filter.active,.btn-filter.focus,btn-filter:active,.btn-filter:focus,.btn-filter:hover,.open>.dropdown-toggle.btn-filter {
	color:#333;
	background-color:#fff;
	border-color:#adadad;
}

.btnRotation {
	width		: 20px;
    height		: 20px;
    margin-right : 4px;
    padding      : 1px;
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.btnIro {
	width		: 16px;
    height		: 16px;
    text-align  : center;
}

.fa-2{
	font-size   : 1.3em !important;
	padding     : 2px 2px;
}