/*@font-face {
  font-family: 'Modern H';
  font-style: normal;
  font-weight : normal;
  src: url('../../fonts/ModernH-Medium-webfont.woff') format('woff2'),
       url('../../fonts/ModernH-Medium-webfont.woff') format('woff');
}


@font-face {
	font-family: 'Modern H';
	font-style: normal;
	font-weight: bold;
	src: url('../../fonts/ModernH-Bold-webfont.woff') format('woff2'),
	     url('../../fonts/ModernH-Bold-webfont.woff') format('woff');
}*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time 
{ margin: 0; padding: 0; border:0; }

html,body{font:16pt;line-height:145%; color:black;height:100%;padding-bottom:10px; 
    font-family: 'Segoe UI','Malgun Gothic' !important;overflow: hidden;}


a {	
	font-size:12px;
	overflow:hidden; /* width:100% 방지*/
	text-decoration:none;
	}

a.hover:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
	}


a:link{color:blue !important;text-decoration:none; font-weight:500}
a:visited {color:blue !important;text-decoration:none; font-weight:500}
a:hover{color:#373737 !important;text-decoration:none; font-weight:500}

img{vertical-align:middle;border: 0;}
table th, table td {vertical-align:middle;}

.content_table {width:100%;text-align:left; font-size:13px; color:black;background-color:white}
.row { display:table; width:100%; margin:0 auto }
.cell { display:table-cell; height:25px; vertical-align:middle;min-width:180px;}
.th {
    width:15%;
    min-width:180px;
    height: 25px;
    text-align: left;
    border-right: 2px solid #ddd;
    border-bottom: 1px solid #eee;
    font-weight: 500;
    padding-left: 20px;
    padding-right: 20px;
    /*background-color: #f8f8f8;*/
   background-color:#F0F0F0 !important;
}
.th_tit {
    font-size:13pt;
    font-weight: 500; 
    border-right: none; 
    width: 100%;
    background-color:#E2E5EA;
    /*background:url(../../images/main/dot.png) no-repeat;
    background-size:10px;
    background-position-y:center;
    background-position-x:20px;*/
    padding-left: 38px;
    border-bottom: 1px solid #eee;
    height: 25px;
}
.td
{
    width:inherit;
    height: 25px;
    border-bottom: 1px solid #eee;
    padding: 5px 5px 5px 5px;
    text-align: left;
}
.table_child { clear: both;}
.table_child > div {
    position: relative;
    float: left;
    padding-right: 10px;
    line-height:25px;
    padding-bottom: 5px;
}

form input{
	line-height:1; 
	}

input[type="text"]

{
	border: 1px solid #d0d0d0;
	font-size:10pt;
	line-height:1;
	padding:2px 2px 3px 2px;
	outline:none;
    width:100%;

}

input[type="number"]

{
	border: 1px solid #d0d0d0;
	font-size:12px;
	line-height:1;
	padding:2px 2px 3px 2px;
	outline:none;
    width:120px;
}

input[type="password"]	

 {
	border: 1px solid #d0d0d0;
	font-size:12px;
	line-height:1;
	padding:2px 2px 3px 2px;
	outline:none;
     height:25px !important;
}

input.dimmed {background:#f4f4f4}
input[type="checkBox"]:focus , input[type="radio"]:focus{outline:none;border:0;background:none}

input:focus,
select:focus{
	background-color: #fff;
	border:1px solid;
    border-color:mediumblue; 
	}

input, label{
vertical-align:middle;
}
input.gray_in{background:#f8f8f8;}
input.point {border:2px solid #000}
input.warning{border:1px solid #ef1c1c}
select{	border: 1px solid #d0d0d0;height:24px;font-size:10pt;color:#000}
option:hover {color:white;background-color:black;}

/*#server .dxp-current {background-color:red !important;}*/
#server .dxtcLite_MetropolisBlue > .dxtc-stripContainer .dxtc-activeTab, 
#server .dxtcLite_MetropolisBlue > .dxtc-stripContainer .dxtc-activeTab a
{background-color:#24519C;}
#server .dxtcLite_MetropolisBlue.dxtc-top > .dxtc-stripContainer .dxtc-activeTab, 
#server .dxtcLite_MetropolisBlue.dxtc-top > .dxtc-stripContainer .dxtc-tab, 
#server .dxtcLite_MetropolisBlue.dxtc-top > .dxtc-stripContainer .dxtc-leftIndent, 
#server .dxtcLite_MetropolisBlue.dxtc-top > .dxtc-stripContainer .dxtc-spacer, 
#server .dxtcLite_MetropolisBlue.dxtc-top > .dxtc-stripContainer .dxtc-rightIndent, 
#server .dxtcLite_MetropolisBlue.dxtc-top > .dxtc-stripContainer .dxtc-sbWrapper,
#server .dxtcLite_MetropolisBlue.dxtc-top > .dxtc-stripContainer .dxtc-sbIndent, 
#server .dxtcLite_MetropolisBlue.dxtc-top > .dxtc-stripContainer .dxtc-sbSpacer
{
    border-bottom: 4px solid #24519C;
} 
#server .dxtc-tabHover{background-color:#24519C ;}
#server .dxgvFocusedRow_MetropolisBlue {background-color:#24519C !important;}
#server .dxgvPagerBottomPanel {border-bottom-color:#24519C !important;}
#server .dxp-current {background-color:#24519C !important;}

.rowLeftAlign {
    clear: both;
}

    .rowLeftAlign > div {
        position: relative;
        float: left;
        padding-left: 10px;
        height: 30px;
        padding-top: 5px;
    }

.dxtc-rightIndent {
    border-bottom-width: 0px !important;
}


.css_sized_container .iPhoneCheckContainer {
    width: 100px;
}

#mainContainer { overflow-y:auto; overflow-x:hidden; padding-right:25px !important; padding-left:15px !important; }

.dxpnl-edge.l { border:0px !important }

.Tabselect{ 
    font-weight:600;

    border:0 none;
    opacity: 1.0 ;
    border-radius:0;
    float:left;
}

.Tabunselect{
font-weight:600;

    border:0 none;
   opacity: 0.4;
   border-radius:0;
   float:left;
}