@charset "utf-8";

/* default로 세팅된 일반 텍스트 */
body,td,th {
	font-family: "맑은 고딕", Tahoma, "돋움", Seoul, "한강체"; font-size:12px;
	color: #333333; text-decoration: none; line-height: 1.7em; 
	margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;
}
body {
	width:100%; height:100%;
	background-image:url(); background-attachment:scroll;
	background-color:#FFFFF7; background-position:top; background-repeat:repeat-x;
	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, "한강체";
	text-decoration: none; color: #333300;}
a:link {
	behavior:url(/en/common/images/img.htc);
	font-family: "맑은 고딕", Tahoma, "굴림", "돋움", Seoul, "한강체";
	text-decoration: none; color: #333300;}
a:visited {
	font-family: "맑은 고딕", Tahoma, "굴림", "돋움", Seoul, "한강체";
	text-decoration: none; color: #330033;}
a:hover {
	font-family: "맑은 고딕", Tahoma, "굴림", "돋움", Seoul, "한강체";
	text-decoration: underline; color: #000033;}
a:active {
	font-family: "맑은 고딕", Tahoma, "굴림", "돋움", Seoul, "한강체";
	text-decoration: none; color: #003333;}
img {
	behavior:url(/en/common/images/img.htc);}


/* Area Setting */
#WholeArea {
	float:none; position:relative; width:900px; height:100%;
	visibility: visible; overflow:visible;}
#LeftArea {
	float:left; position:relative; display:block; width:200px; height:80%; overflow:visible;}
#MiddleArea {
	float:right; position:relative; display:block; width:700px; visibility:visible; overflow:visible;}
#TopArea {
	float:none; position:static; display:block; clear:both; width:700px; height:101px; overflow:visible;}
#BodyArea {
	float:none; position:static; display:block; clear:both; width:660px; overflow:hidden;
	background-color:#FFFFF7; padding:20px 20px 60px 20px;}
#BottomArea {
	float:none; position:static; display:block; clear:both; height:60px; overflow:visible;
	background-color:#4D4D45;}


/* Top menu text */
#MenuBlank {
	float:none; position:inherit; width:700px; height:36px; clear:both; visibility: visible; overflow:visible;
	font-size:11px; text-decoration:none;}

#MenuArea {font-family:"Trebuchet MS","Tahoma","Helvetica"; font-size:12px; color:#333333; overflow:visible;
	background-position:top; margin:0px; padding:0px;}

#menuMain {
	background-color:#002478; 
	margin:0px; padding:0px; height:32px; list-style:none; display:inline; overflow:hidden;}
#menuMain li {
	margin:0px; padding:0px; list-style:none; display:inline;}
#menuMain a {
	float:left; padding:32px 0px 0px 0px; overflow:hidden; 
	height:0px !important; height: /**/:32px; /*IE5를 위해서 이렇게 해준다*/}
#menuMain a:hover {
	background-position:0 -32px;}
#menuMain a:active, #menuMain a.selected {
	background-position:0 -64px;}
#tmk01 a {
	width:53px; background:url(/en/common/images/topMenu_k01.gif) top left no-repeat;}
#tmk02 a {
	width:85px; background:url(/en/common/images/topMenu_k02.gif) top left no-repeat;}
#tmk11 a {
	width:85px; background:url(/en/common/images/topMenu_k11.gif) top left no-repeat;}
#tmk12 a {
	width:52px; background:url(/en/common/images/topMenu_k12.gif) top left no-repeat;}
#tmk13 a {
	width:98px; background:url(/en/common/images/topMenu_k13.gif) top left no-repeat;}
#tmk14 a {
	width:128px; background:url(/en/common/images/topMenu_k14.gif) top left no-repeat;}

body#mk01 li#tmk01 a, body#mk02 li#tmk02 a, 
body#mk11 li#tmk11 a, body#mk12 li#tmk12 a, body#mk13 li#tmk13 a, body#mk14 li#tmk14 a {
	background-position:0 -64px;}



#MenuSubArea {font-family:"맑은 고딕","Trebuchet MS","Tahoma","Helvetica"; font-size:12px; color:#333333; 
	background-color:#FFFFF7; height:24px; overflow:hidden;}
#MenuSubArea div {position:absolute;
	background-color:#EFF4FA; background-repeat:no-repeat; filter:alpha(opacity=90);
	margin:0px 0px 0px 10px; padding:10px 10px 10px 10px; border:#F0F0F9 solid 1px;}
#MenuSubArea span {
	font-family:"맑은 고딕","Trebuchet MS","Tahoma","Helvetica"; font-size:12px; color:#000000; text-decoration:none;
	padding:1px; margin:1px; cursor:hand;}
#MenuSubArea a:link, #MenuSubArea a:visited {
	font-family:"맑은 고딕","Trebuchet MS","Tahoma","Helvetica"; font-size:12px; color:#000000; text-decoration:none;
	padding:1px; margin:1px; letter-spacing:-0.1em;}
#MenuSubArea a:hover, #MenuSubArea a:active, #MenuSubArea a:selected {
	font-family:"맑은 고딕","Trebuchet MS","Tahoma","Helvetica"; font-size:12px; color:#333333; text-decoration:none; 
	padding:1px; border-bottom:dashed 1px; letter-spacing:-0.1em;}



/* Left menu text */
#navigation {
	margin:10px; width:178px;}
#navigation li {
	border-bottom: 1px solid #BAD5F1;/*#E4F4FF*/}
#navigation a {
	font: bold 12px "맑은 고딕",Arial,Helvetica,sans-serif;
	color: #002478;/*#B3D5ED*/
	line-height:16px;
	letter-spacing:-0.1em;
	text-decoration: none;
	display:block;
	padding:6px 6px 8px 18px;}
#navigation a:hover {
	background: #6699CC;
	color:#FFFFFF;/*#330099*/}
.navTitle {
	font-size:14px; font-weight:bold; color:#FFFFFF; background-color:#002478; 
	padding:4px 6px 5px 12px;}
.navText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:-0.1em;
	text-decoration: none;}
#leftSub {
	background-image:url(/en/common/images/leftMenu_bg01.gif); background-repeat:repeat; width:200px; height:24px; 
	text-align:right; padding-top:3px;
	font-family:"Trebuchet MS","Tahoma","Helvetica"; font-size:12px; color:#333333; }
#leftSub a:link {font-family:"Trebuchet MS","Tahoma","Helvetica"; font-size:12px; color:#333333;}
#leftSub a:visited {font-family:"Trebuchet MS","Tahoma","Helvetica"; font-size:12px; color:#333333;}
#leftSub a:hover {font-family:"Trebuchet MS","Tahoma","Helvetica"; font-size:12px; color:#9F0050; text-decoration:none;}
#leftSub a:active {font-family:"Trebuchet MS","Tahoma","Helvetica"; font-size:12px; color:#333333;}



/* Contents ID style*/
#TitleArea {
	float:inherit; position:static; width:700px; height:80px;
	background-color:#FFFFFF; overflow:hidden;}
#pageVisual {
	float:inherit; position:static; width:650px; height:90px; padding:30px 0px 0px 0px;
	background-image:url(/en/common/images/pageTitle_img01.gif); background-position:bottom;
	background-repeat:no-repeat; background-color:#F5F5F0; overflow:hidden;}
#pageTitle {
	float:inherit; position:static; width:640px; height:40px; padding:20px; overflow:hidden;
	background-color:#FFFFFF; margin-left:10px;}
#ContentArea {float:inherit; position:static;
	background-color:#FFFFFF; border-color:#CCCCCC; border-spacing:1px; border-style:double; border-width:medium; 
	padding:10px 20px 30px 20px; margin:0px 0px 20px 0px;}
#ContentArea a.popup {
	background-image:url(/en/common/images/popup.gif); background-position:right; background-repeat:no-repeat;
	padding-right:16px;}

h2 { font-family:"맑은 고딕", Verdana, "돋움", Seoul; font-size:16px; font-weight:bold; color:#001234; letter-spacing:-1px;
	background-image:url(/en/common/lib/images/titleH2.jpg); background-position:left; background-repeat:no-repeat;
	overflow:hidden; height:23px; padding:2px 0px 0px 12px;}
h3 { font-family:"맑은 고딕", Verdana, "돋움", Seoul; font-size:14px; font-weight:bold; color:#002478; letter-spacing:-1px;
	margin:10px 0px 5px 0px;}
h4 { font-family:"맑은 고딕", Verdana, "돋움", Seoul; font-size:13px; font-weight:bold; color:#333333; letter-spacing:-1px;
	background-image:url(/en/common/lib/images/titleH4.gif); background-position:left; background-repeat:no-repeat;
	margin:10px 0px 5px 5px; padding:0px 0px 0px 17px;}
h5 { font-family:"맑은 고딕", Verdana, "돋움", Seoul; font-size:12px; font-weight:bold; color:#333333; letter-spacing:-1px;
	background-image:url(/en/common/lib/images/titleH5.gif); background-position:left; background-repeat:no-repeat;
	margin:10px 0px 5px 15px; padding:0px 0px 0px 13px;}
p.body { 
	font-family:"맑은 고딕", Verdana, "돋움", Seoul; font-size:12px; color:#001234; line-height:180%; text-align:justify;
	margin:4px 0px 5px 20px;}
ul { 
	font-family:"맑은 고딕", Verdana, "돋움", Seoul; font-size:12px; color:#001234; line-height:180%;
	margin:3px 0px 4px 30px;}


/* Bottom ID style */
#BottomArea div {
	font-family:"Trebuchet MS","Tahoma","Helvetica"; font-size:11px; color:#FFFFFF;
	margin-left:200px; background-color:#4D4D45; padding:10px;}




/* Form Elements에 대한 Style 정의 */
form {  
	font-family:"맑은 고딕", Tahoma, "돋움", Seoul, "한강체"; font-size:small;
	color: #333333; text-decoration: none; margin: 0px;}
input {  
	color: #333333; text-decoration: none; margin: 0px; border: 1px solid #4D4D45;}
input.login {  
	color: #333333; text-decoration: none; margin: 0px; border: 1px solid #C7C7C7;}
input.search { 
	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}
.selectDirectmenu { 
	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}
.inputNoline {border:none;}
.inputText {background-color:#FFFFFF; border:1px solid #E4E4E4;}
.inputSearch {background-color:#FFFFFF; border-width:2px solid #314F98;}
.inputTextarea {	font-family:"맑은 고딕", Tahoma, "돋움", Seoul, "한강체"; font-size:small; font-size: 12px; 
	color: #333333; background-color:#FFFFFF; border:1px solid #E4E4E4;}


/* Table에 대한 style */
caption {
	font-family:"맑은 고딕", Tahoma, "돋움", Seoul, "한강체"; font-size:x-small;
	margin:0px; padding:1px; caption-side:bottom;}

/* select-list에 대한 style */
select {
	font-size: 12px; text-decoration: none; color: #827655; 
	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
}
select{behavior:url(/en/common/lib/SelectBox.htc);}

/* 일반 텍스트에 대한 Style 정의 */
.b_table { bordercolor:#5f787d; bordercolordark:#ffffff; bordercolorlight:#5f787d; }
.b_title { 
	font-family:"맑은 고딕", Tahoma, "돋움", Seoul, "한강체"; font-size:small; font-size: 16px;
	padding:0px 24px 0px 0px; font-weight: bold; }
.b_text { 
	font-family:"맑은 고딕", Tahoma, "돋움", Seoul, "한강체"; font-size:small; font-size: 12px;
	padding:0px 24px 0px 24px; line-height:1.8em; text-align:justfy;}

.guest { 
	font-family:"맑은 고딕", Tahoma, "돋움", Seoul, "한강체"; font-size:small; font-size: 12px;
	line-height:130%; text-align:justfy; padding-top: 10; padding-bottom:10; }

/* 테두리안쪽 Scroll */
#scroll1 {
	width:100%; height:530px; overflow:scroll; background-color:#FFFFFF; padding:18 13 18 25;
	scrollbar-base-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-arrow-color: #2F2183;
	scrollbar-shadow-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #e6e6e6;
	overflow-x:hidden;
}

#scroll2 {
	width:100%; height:465px; overflow:scroll; background-color:#FFFFFF; padding:18 13 18 25;
	scrollbar-base-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-arrow-color: #2F2183;
	scrollbar-shadow-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #e6e6e6;
	overflow-x:hidden;
}

#scroll3 {
	width:100%; height:155px; overflow:scroll; background-color:#FFFFFF; padding:3 3 3 1;
	scrollbar-base-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-arrow-color: #2F2183;
	scrollbar-shadow-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #e6e6e6;
	overflow-x:hidden;
}