/* 
=============================================================
    (C)세창인스트루먼트(주)  2000-2007  sechang@sechang.com       
-------------------------------------------------------------
      문자스타일     CSS   
------------------------------------------------------------- 
      최초 작성일 :  2000-03-16   
      최종 수정일 :  2007-10-13
	  총 수정횟수 :  1 회   2007-10-13 이후
============================================================== 
*/

body {
background-color:white;
}

a, area {blr:expression(this.onFocus=this.blur()) }
:focus { -moz-outline-style: none; }

a:link {
color:#5466CC;
text-decoration:none;
}

img {border:none}

a:visited {
color:#5466CC;
text-decoration:none;
}

a:hover {
background:#EAEAEA none repeat scroll 0%;
color:blue;
text-decoration:none;
}

a:active {
background:#EAEAEA none repeat scroll 0%;
color:black;
text-decoration:none;
}

blockquote {
font-size:9pt;
}

br {
font-size:9pt;
}
center {
color:black;
font-size:9pt;
}
/*div {
color:black;
font-size:9pt;
}*/
form {
color:black;
font-size:9pt;
}
input {
background-color:#FCFCEB;
color:black;
font-size:10pt;
}
option {
color:black;
font-size:9pt;
}

p {
line-height:12pt;
margin:1pt;
}

p.msg {
color : black;
width : 450 px;
background-color:#EAEAEA;
padding: 50px 10px;
text-align : center;
margin: 10pt 10pt;
}
pre {
color:black;
font-size:9pt;
}
select {
background-color:#FCFCEB;
font-size:9pt;
}
td {
color:#2D2C2D;
font-family:"dotum","돋움","sans-serif";
font-size:12px;
}
td.uiout {
background:#E8E9EA none repeat scroll 0%;
color:#000000;
font-family:"dotum","돋움","sans-serif";
font-size:12px;
}
td.uiover {
background:#FFFFFF none repeat scroll 0%;
color:#000000;
font-family:"dotum","돋움","sans-serif";
font-size:12px;
}
tr.uiout {
background:#E8E9EA none repeat scroll 0%;
color:#000000;
font-family:"dotum","돋움","sans-serif";
font-size:12px;
}
tr.uiover {
background:#FFFFFF none repeat scroll 0%;
color:#000000;
font-family:"dotum","돋움","sans-serif";
font-size:12px;
}
textarea {
color:black;
font-size:9pt;
}
th {
font-family:"dotum","돋움","sans-serif";
font-size: 9pt;
color: #13131a;
}
.txtbox {
background:#4BAF4B none repeat scroll 0%;
border-color:#4BAF4B rgb(0, 100, 0) rgb(0, 100, 0) rgb(75, 175, 75);
border-style:solid;
border-width:1px 2px 1px 4px;
color:#FFFFFF;
}
.a_box {
color:purple;
height:15px;
margin: 2px 3px;
padding:5px ;
}

.a_box_bold {
background-color:#F0F0F0;
border:1px solid #B6B6B6;
color:purple;
height:12px;
padding:2px;
}

.over {
background-color:#FDFDFD;
border:2px solid #B6B6B6;
color:purple;
height:15px;
padding:7px;
}

.roll{
background-color:#F4F2FC;
border:2px solid #FAFAFA;
color:black;
height:15px;
padding:7px;
text-decoration:blink;
}


.select-free {
background-color:darkgray;
border:0px solid white;
/* cursor:move;*/
overflow:hidden;
position:absolute;
z-index:10;
}
.select-free iframe {
display:block;
height:3000px;
left:0pt;
position:absolute;
top:0pt;
width:3000px;
z-index:-1;
}
.select-free .bd {
border:1px solid #AAAAAA;
padding:12px;
}
div.module {
position:relative;
z-index:1;
}
div.container {
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background:blue none repeat scroll 0%;
border-bottom:2px solid #CCCCCC;
border-right:2px solid #CCCCCC;
font-family:Verdana;
font-size:0.75em;
margin:0pt 0pt 6px;
width:300px;
}
div.container div.content {
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background:white none repeat scroll 0%;
border:1px solid #336699;
left:-2px;
padding:16px;
position:relative;
top:-2px;
}

/* 외곽라인 */ 
#spec-table {
background-color:white;
border: 0 px solid #77AA77;
border-collapse:collapse;
empty-cells:show;
font-family:sans-serif;
font-size:100%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-left:0.1 em;
}
#spec-table > caption {
border-bottom:0.2em solid #44CCAA;
font-size:200%;
font-weight:bold;
margin-bottom:0.1em;
text-align:left;
}
#spec-table th, #spec-table td {
padding-right:0.5em;
text-align:right;
}
#spec-table th {
font-weight:bold;
padding-left:0.5em;
}
#spec-table > thead > tr:first-child > th {
color:blue;
text-align:center;
}
#spec-table > thead > tr + tr > th {
color:gray;
font-style:italic;
}
#spec-table sup {
font-size:75%;
}
/* 견적서 본문 */ 
#spec-table td {
background-color:white;
padding:0.1em 0.1em 0.1em 1em;
text-align:left;
}
#spec-table tbody th:after {
content:":";
}
#spec-table tfoot {
font-weight:bold;
}
#spec-table tfoot th {
color:blue;
}
#spec-table tfoot th:after {
content:":";
}
#spec-table > tfoot td {
background-color:#CCEEEE;
}
#spec-table > tfoot > tr:first-child td {
border-top:0.2em solid #77AA77;
}

/* 디폴트 표 */ 
table.brief { 
background-color : #ebecf8;
border : 1px dotted black;
border-collapse : collapse;
empty-cells : show;
text-align : center;
margin-left : auto;
margin-right : auto;
font-size : 9pt;
} 
table.brief th { 
background-color : #E1EEF1;
border : 1px dotted white;
padding :  2px 5px;
text-align : left;
color: #13131a;
font-size: 9pt;
} 

table.brief th.even { 
background-color : #ececec;
font-weight: normal;
} 
table.brief th.odd { 
background-color : #e1eef1;
font-weight: normal;
} 

table.brief th.left { 
text-align : left;
padding : 0 px 0px 0px 10px;
} 
table.brief th.right { 
text-align : right;
padding : 0 px 10px 0px 0px;
} 
table.brief th.center { 
text-align : center;
} 
table.brief tr { 
background-color : #fafafa;
text-align : left;
} 

table.brief tr.odd { 
background-color : #fafafa;
} 

table.brief tr.even { 
background-color : #eaeaea;
} 

table.brief td { 
border : 1px dotted #fbfbf9;
text-align : left;
padding :  2px 5px;
} 
table.brief td.currency:before { 
border : 1px dotted #e8e9ea;
text-align : left;
content: "$";
} 
table.brief td.center { 
text-align : center;
} 
table.brief td.right { 
text-align : right;
padding : 0 px 10px 0px 0px;
} 
table.brief caption { 
background : #fafafa none repeat scroll 0% 0%;
margin : 0;
padding : 0;
text-align : right;
width : 141px;
} 