@charset "utf-8";
/* default로 세팅된 일반 텍스트 Definition */
body {
	font-family: 돋움, "나눔고딕", "맑은 고딕", Tahoma, Seoul, 한강체; font-size:75%;
	color: #000;
	text-decoration: none; 
	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;
}
body {
	background-color: #FFFFFF;
	background-image: url(/common/images/frame_bgPattern.gif);
	scrollbar-face-color: #FFFFFF; 
	scrollbar-shadow-color: #CCCCCC; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #999999; 
	scrollbar-darkshadow-color: #D5D7D9; 
	scrollbar-track-color: #FFFFFF; 
	scrollbar-arrow-color: #333333; 
}
a {
	font-family: 돋움, "맑은 고딕", Tahoma, Seoul, 한강체;
	color: #333300;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #330033;
}
a:hover {
	text-decoration: underline;
	color: #000033;
}
a:active {
	text-decoration: none;
	color: #003333;
}
img {
  border:none;}

/* Layout Style Definition */
#wholeFrame {
	position:inherit; float:none;
	background-image:url(/common/images/frame_bg.gif); background-attachment:fixed;
	background-position:left; background-repeat:repeat-x;
}
#mainArea {
	position:inherit; float:left;
	width:970px; padding:10px; margin:10px;
	background-image:url(/common/images/main_bg.gif);
	border:1px solid #403b2c;
}
#leftArea {
	position:static; float:left;
	width:309px; height:660px; padding-left:5px;
	
}
#topArea {
	position:static; float:left;
	width:640px; padding:0px; margin:20px 0px 0px 0px;
	background-color:#BFBFA0; 
	border-color:#f4f5e8; border-style:solid; border-width:3px;
}
#titleArea {
	position:static; float:left;
	width:640px; height:15px; padding:12px 3px 3px 3px; margin:0; overflow:visible;
	background-image:url(/common/images/content_bgPattern.gif); background-attachment:fixed;
	background-position:left; background-repeat:repeat;
}
#contentArea {
	position:static; float:left;
	width:626px; height:470px; padding:10px; margin:0px; overflow:auto;
	background-image:url(/common/images/content_bgPattern.gif); background-attachment:fixed;
	background-position:left; background-repeat:repeat;
}
#contentBody {
    margin:0 auto; padding:0;}
#bottomArea {
    font-family:돋움, "나눔고딕", "맑은 고딕", "돋움", "애플 고딕"; font-size:11px; font-weight:normal;
}

/* Header */
#topArea a {
  color:#333; text-decoration:none;}

/* Menu */
#leftArea .submenu {
    position:absolute; left:230px; padding:0 0 5px 0; overflow:visible;}
#leftArea .submenu ul {
    list-style-type:none; margin:10px; padding:0;}
#leftArea .submenu ul li {
    margin:2px 0;}
#leftArea .submenu ul li a {
    color:#333; font-family:"돋움"; text-decoration:none; display:block; padding:3px;}
#leftArea #subm01 {
    display:none; top:170px;}
#leftArea #subm02 {
    display:none; top:200px;}
#leftArea #subm03 {
    display:none; top:230px;}
#leftArea #subm04 {
    display:none; top:260px;}
#leftArea #subm05 {
    display:none; top:290px;}

/* 일반 텍스트에 대한 Style 정의 */
.body	{
	font-family: 돋움, "맑은 고딕", Tahoma, Seoul, 한강체;
	line-height:160%; text-align:justify; margin-left:10px; margin-right:10px;
	}
.body a	{
	padding-right:12px;
	background-image:url(/common/lib/images/popup.gif); background-position:center right; background-repeat:no-repeat;}
.txt { font-family: 돋움, "맑은 고딕", "Arial"; color: 444444; font-size: 9pt; font-style: normal; line-height:16px; font-weight: normal; font-variant: normal}
.txt a { font-family: 돋움, "맑은 고딕", "Arial"; color: 444444; font-size: 9pt; font-style: normal; line-height:16px; font-weight: normal; font-variant: normal; text-decoration: none}
.txt a:hover { font-family: 돋움, "맑은 고딕", "Arial"; color: 444444; font-size: 9pt; font-style: normal; line-height:16px; font-weight: normal; font-variant: normal}
h1 {
	font-family:"맑은 고딕", "돋움", Seoul; font-size:24px;
	letter-spacing:-0.1em;}
h2 {
	font-family:"맑은 고딕", "돋움", Seoul; font-size:18px; font-weight:bolder;
	letter-spacing:-0.1em;}
h3 {
	font-family:"맑은 고딕", "돋움", Seoul; font-size:14px; font-weight:bold;
	letter-spacing:-0.1em;}
h4 {
	font-family:"맑은 고딕", "돋움", Seoul; font-size:12px; font-weight:bold;
	letter-spacing:-0.1em;}
h5 {
	font-family:"맑은 고딕", "돋움", Seoul; font-size:12px; font-weight:bold;
	letter-spacing:-0.1em;}
.subMenu {
    margin:0 auto; padding:0; width:400px; list-style-type:square;}
.subMenu li {
    margin:1em 0; padding:0;}


/* Form Elements에 대한 Style 정의 */
form {  
	font-family:돋움, "맑은 고딕", "Tahoma", "Arial", "Helvetica", "sans-serif"
	color: #333333; text-decoration: none; margin-bottom: 0px; border-bottom-width: 0px}
input {  
	font-family:돋움, "맑은 고딕", "Tahoma", "Arial", "Helvetica", "sans-serif"; font-size: 12px; 
	color: #333333; text-decoration: none; margin: 0px; border: 1px solid #333333;}
input.search { 
	font-family:돋움, "맑은 고딕", "Arial" ; font-size:12px ; 
	background-color:#ffffff ; 
	border-top:solid 2px #999999 ; border-right:solid 2px #999999 ; 
	border-bottom:solid 2px #999999 ; border-left:solid 2px #999999 ; 
	height: 20px}
select.directmenu { 
	font-family:돋움, "맑은 고딕", "Arial" ; font-size:9pt ; 
	background-color:#eeeeee ; 
	border-top:solid 1px #999999 ; border-right:solid 1px #999999 ; 
	border-bottom:solid 1px #999999 ; border-left:solid 1px #999999 ; 
	height: 18px}


/* select-list에 대한 style */
select {
	font-size: 12px; text-decoration: none; color: #333333; 
	scrollbar-face-color: #f2f2f2;
	scrollbar-shadow-color: black;
	scrollbar-highlight-color: gray;
	scrollbar-3dlight-color: #DDDDDD;
	scrollbar-darkshadow-color: #EDEDED;
	scrollbar-track-color: #f4f4f4;
	scrollbar-arrow-color: black
}


/* 테이블에 대한 style정의*/
.tableLawyer1 {
	border:none; width:430px; line-height:16px;}
.tableLawyer1 th {
	text-align:justify; font-weight:normal;}
.tableLawyer1 td {
	letter-spacing:-1px;}
.tableLawyer1 caption {
	}
.b_table { bordercolor:#5f787d; bordercolordark:#ffffff; bordercolorlight:#5f787d; }

.view_title { 
	font-family: 돋움, "맑은 고딕", Tahoma, Seoul, 한강체;
	font-size: 16px; color: black; padding-bottom: 0; font-weight: bold; }
.guest { 
	font-family: 돋움, "맑은 고딕", Tahoma, Seoul, 한강체;	
	font-size: 12px; color: black; 
	line-height:130%; text-align:justfy; padding-top: 10; padding-bottom:10; }
.text { 
	font-family: 돋움, "맑은 고딕", Tahoma, Seoul, 한강체;
    font-size: 12px; color: black; 
 	line-height:140%; text-align:justfy; padding-top: 10; padding-bottom:10; }
.sub { 
	font-family: 돋움, "맑은 고딕", Tahoma, Seoul, 한강체;	
	font-size: 12px; color: white; 
	filter:dropshadow(offx=1, offy=1, color=black); 
	padding-bottom: 0; padding-top: 3; }
a:link.sub {
	font-family: 돋움, "맑은 고딕", Tahoma, Seoul, 한강체;	
	font-size: 12px; color: white; font-weight: none; text-decoration: none; 
	filter:dropshadow(offx=1, offy=1, color=#336688); 
	margin: 0px; padding-left: 0px; padding-bottom: 0; padding-top: 3; }
a:visited.sub {
	font-family: 돋움, "맑은 고딕", Tahoma, Seoul, 한강체;	
	font-size: 12px; color: white;  font-weight: none; text-decoration: none; 
	filter:dropshadow(offx=1, offy=1, color=#336688); 
	margin: 0px; padding-left: 0px; padding-bottom: 0; padding-top: 3; }
a:active.sub {
	font-family: 돋움, "맑은 고딕", Tahoma, Seoul, 한강체;	
	font-size: 12px; color: #ff7300;  font-weight: none;  text-decoration: none;
	filter:dropshadow(offx=1, offy=1, color=#336688); 
	margin: 0px; padding-left: 0px; padding-bottom: 0; padding-top: 3; }
a:hover.sub {
	font-family: 돋움, "맑은 고딕", Tahoma, Seoul, 한강체;	
	font-size: 12px; color: #ff7300; font-weight: none; text-decoration: none;
	filter:dropshadow(offx=1, offy=1, color=#336688); 
	margin: 0px; padding-left: 0px; padding-bottom: 0; padding-top: 3; }


/* Table 하단 list number에 대한 Style 정의 */
.txtw { 
	font-family: "맑은 고딕", 돋움, Tahoma, Seoul, 한강체;	
	color: black; font-size: 8pt; font-style: normal; font-weight: normal; font-variant: normal}
.txtw a { 
	font-family: "맑은 고딕", 돋움, Tahoma, Seoul, 한강체;	
	color: black; font-size: 8pt; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: none}
.txtw a:hover { 
	font-family: "맑은 고딕", 돋움, Tahoma, Seoul, 한강체;	
	color: black; font-size: 8pt; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: underline}

/* My Location bar에 대한 Style 정의 */
.txtlo { font-family: "굴림", "Arial"; color: 444444; font-size: 9pt; font-style: normal; line-height:16px; font-weight: bold; font-variant: normal}
.txtlo a { font-family: "굴림", "Arial"; color: 444444; font-size: 9pt; font-style: normal; line-height:16px; font-weight: normal; font-variant: normal; text-decoration: none}
.txtlo a:hover { font-family: "굴림", "Arial"; color: 222222; font-size: 9pt; font-style: normal; line-height:16px; font-weight: normal; font-variant: normal; text-decoration: underline}

/* form에서의 input 정의 */
.input {font-family:"맑은 고딕", "돋움"; font-size:9pt; color:#000000; background-color:#f0f0f0; border-width:1; border-color:#777777; border-style:solid;}
.input1 {font-family:"맑은 고딕", "돋움"; font-size:9pt; color:#000000; background-color:#f0f0f0; border-width:1; border-color:#FFFFFF; border-style:solid;}
.searchInput {font-family:"맑은 고딕", "돋움"; font-size:9pt; color:#000000; background-color:#FFFFFF; border-width:2; border-color:#314F98; border-style:solid;}

/* list menu에 대한 Style 정의 */
.list	{ font-family: "맑은 고딕", "돋움", "Arial"; color:#202020; font-size: 9pt; font-style: normal; line-height:1.3em; font-weight: normal; font-variant: normal}
.list li {list-style-image:url(/common/lib/images/bullet_li.gif);}
.list a	{ font-family: "맑은 고딕", "돋움", "Arial"; color:#202020; font-size: 9pt; font-style: normal; line-height:1.3em; font-weight: normal; font-variant: normal; text-decoration: none}
.list a:hover	{ font-family: "맑은 고딕", "돋움", "Arial"; color:#003789; font-size: 9pt; font-style: normal; line-height:1.3em; font-weight: normal; font-variant: normal}

/* ?도움말? */
.help { padding: 6 11; font: 9pt 굴림,Tahoma; color: #404060; background: #EEEEEE; border: 2 #222222 solid;  filter: alpha(opacity=80);}

/* 기타 */
/*png 알파값 이미지 표시
반드시 javascript(setPng24함수)와 함께 쓰여야 한다 */
.png24 { 
	tmp:expression(setPng24(this)); 
}