/*
BODY
{
    font-family:돋움; font-size:12px; color:#454545; font-style:normal;

    //scrollbar-face-color: #CDCDCD;
    //scrollbar-shadow-color: #000000;
    //scrollbar-highlight-color: #000000;
    //scrollbar-3dlight-color: #ffffff;
    //scrollbar-darkshadow-color:#ffffff;
    //scrollbar-track-color: #FFFFFF;
    //scrollbar-arrow-color: #000000
    //padding: 0 0 0 0;
    //margin-left  : 0px;
    //margin-top   : 0px;
    //margin-bottom: 0px;
    //margin-right : 5px;
}
TD,Th { font-family:돋움; font-style:normal; FONT-SIZE:12px; color:#454545;}
*/
.testBox { border:1px solid red;}

p.breakbefore {page-break-before:always;}
p.breakafter  {page-break-after:always;}

a:link    {color:#454545;  text-decoration:underline}
a:active  {color:#454545;  text-decoration:underline}
a:visited {color:#454545;  text-decoration:underline}
a:hover   {color:red;      text-decoration:underline}

.hoverUnderline:hover  {color:#454545;  text-decoration:underline; cursor:pointer;}
    
a.no-underline:link    {color:#454545;  text-decoration:none}
a.no-underline:active  {color:#454545;  text-decoration:none}
a.no-underline:visited {color:#454545;  text-decoration:none}
a.no-underline:hover   {color:red;      text-decoration:none}

a.underline:link    {color:#666;  text-decoration:underline}
a.underline:active  {color:#666;  text-decoration:underline}
a.underline:visited {color:#666;  text-decoration:underline}
a.underline:hover   {color:red;   text-decoration:underline}

image { border:0px solid red; vertical-align:middle}

#noOverColor:hover td { background-color:transparent; }
#overColor:hover td { background-color:#cecece; }
.im { width:300px !important; }
/*----------------------------------------------------------*/
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.clear { clear: both; display:block;}
.center {margin-left: auto;margin-right: auto;text-align:center}


.right { float:right;}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.autoSize { /*이미지원본의 최대크기에서..화면의 크기에 따라 이미지가 자동으로 축소*/
   max-width:100%;
   height: auto;
   width: auto\9; /* ie8 */
   vertical-align:top;
   margin:0 auto;
}
.block {
    display: inline-block;
    vertical-align:top;
} 
@media print {
   block {
		display: inline-block;
    } 
}
.cursor {
	cursor:pointer;
	text-decoration:underline;
}

/*----------------------------------------------------------*/
input, textarea, select {
	border:1px solid #cacaca; padding:2px;color:#555555;margin:0px
}
#input_nobox {
	border:0px solid #ffffff; padding:2px;color:#555555;background-color:#ffffff;
}

input:focus, textarea:focus, select:focus, #line_button:hover, .line_button:hover {
    outline: none !important;
    border:1px solid #719ECE;
    box-shadow: 0 0 2px #719ECE;
}
input.nobox { border:0px solid #ffffff; }

input[readonly], textarea[readonly] { background-color: #efefef; }

/* 각진 사각형 */
#line_box, .line_box {    
    border-collapse:collapse; border-spacing:0px;
    border: 1px solid #dfdfdf; padding:7px;
    font-weight:normal;
}
/* 각진 사각형 */
#line_box4, .line_box4 {    
    border-collapse:collapse; border-spacing:0px;
    border: 1px solid #dfdfdf; padding:4px;
    font-weight:normal;
}

/* 둥근 사각형 */
#line_box_radius, .line_box_radius, #line_button, .line_button, #line_button_radius, .line_button_radius {
    border-collapse:collapse; border-spacing:0px; 
    border:1px solid #cacaca;
    margin-bottom:0px;
    padding:0 10px 0 10px;  
    background-color:#ffffff; 
    font-weight:normal;
    font-family:돋움;/*font-size:12px;*/
        
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;

    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;

    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;

    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;        
}
#line_button, .line_button, .line_button_radius { 
    cursor:pointer; color:#777777; padding:0.3em 0.9em 0.25em 0.9em;
}

#line_dashed, .line_dashed{
	border-top:0px solid #9C9C9C; padding:1px;border-bottom:1px dashed #cbcbcb;
}
#line_solid, .line_solid{
    border-top:0px solid #9C9C9C; padding:1px;border-bottom:0px solid  #cbcbcb;
}

.item, .item_grad {
    text-align:left;font-weight:bold;padding:5px;
}
.item_grad {
    background-color:#efefef; 
} 
.value, .value_grad {
    text-align:left;font-weight:normal;padding:5px;
}
.value_grad {
    background-color:#efefef; 
}

.vertical-center
{
	/* Internet Explorer 10 */
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	
	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	
	/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	
	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;
}

<!----------------------------------->
.textOver {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 5px solid #DFDFDF;
    color: #717171;
    font-size: 13px;
    height: 30px;
    letter-spacing: 1px;
    line-height: 30px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -80px;
    left:-30px;
    display:none;
    padding:0 20px;

}
.textOver:after{
    content:'';
    position:absolute;
    bottom:-10px;
    width:10px;
    height:10px;
    border-bottom:5px solid #dfdfdf;
    border-right:5px solid #dfdfdf;
    background:#f8f8f8;
    left:50%;
    margin-left:-5px;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
.textOver{
    margin:0px;
    float:left;
    position:relative;
    cursor:pointer;
}

.textOver:hover span{
    display:block;
}

/*
.ui-icon {
    background-image: url("/path-php2/images/ui-icons_ef8c08_256x240.png");
    width: 16px;
    height: 16px;
}
.ui-icon-zoomin { background-position: -128px -112px; }
*/