/* main layout */
#header {background: #0268A8; position: relative; width: 900px; height: 100px}

#main {width: 900px; background: white url(/images/submenubg.gif) repeat-y top left}

#submenus {float: left; width: 200px; padding: 0px 0px 50px 0px}
#contents {float: right; width: 700px; padding: 20px 40px 50px 50px; background-color: white}
#col_left   {width: 200px; height: 400px; float: left; margin: 0; padding: 0}
#col_center {width: 500px; height: 400px; margin: 0px 0px 0px 200px}
#col_right  {width: 200px; height: 400px; float: right; margin: 0; padding: 0; padding-top: 10px}

#footer {clear: both; width: 900px; height: 87px; padding: 16px 20px; text-align: center; color: white; background: #979797; font-size: 8pt}



/* topmenu */


/* submenu */
div.submenu_level_1 {padding: 12px 7px 9px 25px; text-indent: -16px; line-height: 130%; letter-spacing: -0.1em; color: #666666}
div.submenu_level_1 span.selected {font-weight: bold; color: #4545CC}

div.submenu_level_2 {padding: 8px 5px 6px 35px; text-indent: -14px; line-height: 130%; letter-spacing: -0.1em; color: #666666; background: url(/images/submenubg2.gif)}
div.submenu_level_2 span.selected {font-weight: bold; color: #4545CC}

div.submenu_dotline {height: 1px; background: url(/images/sub_dotline.gif) repeat-x; font-size: 0.001mm; padding: 0; margin: 0}
/* submenu */

/* content header */
div.contentTop {background: url(/images/titlebar.gif) no-repeat left; height: 35px; margin: 0px -20px 30px -30px; }
span.contentHeader {float: left; font-family: 돋움; font-size: 18px; font-weight: bold; color: white; letter-spacing: 0em; margin: 4px 0px 5px 30px}
/* content header */

* {font-family: verdana, 굴림; font-size: 9pt; color: #3D3D3D; line-height: 160%; letter-spacing: -0.1em; word-spacing: 0.1em}

body, html {margin: 0px; padding: 0px; background: white}
body {min-width: 880px}
img {border: 0px}

.bb       {font-weight: bold}
.black    {color: #000000}
.blackb   {color: #000000; font-weight: bold}
.gray     {color: #999999; font-size: 8pt}
.grayb    {color: #999999; font-weight: bold}
.white    {color: #ffffff}
.whiteb   {color: #ffffff; font-weight: bold}
.blue     {color: #3A96DF}
.blueb    {color: #3A96DF; font-weight: bold}
.red      {color: #B83C26}
.redb     {color: #B83C26; font-weight: bold}
.purple   {color: #AE0033}
.purpleb  {color: #AE0033; font-weight: bold}
.pink     {color: #C0668E}
.pinkb    {color: #C0668E; font-weight: bold}
.green    {color: #4FA600}
.greenb   {color: #4FA600; font-weight: bold}
.redpink  {color: #FF004B}
.redpinkb {color: #FF004B; font-weight: bold}
.marquee  {color: #3D3D3D; font-size: 9pt; font-weight: normal; line-height: 150%}
.line     {color: #AAAAAA}
.bold     {font-weight: bold}
.header1  {font-size: 17px; font-weight: bold; color: #3A96DF}
.header2  {font-size: 15px; font-weight: bold; color: #3A96DF}
.header3  {font-size: 13px; font-weight: bold; color: #3A96DF}

div.subtitle {color: #00626E; font-size: 11pt; font-weight: bold; margin: 21px 10px 10px 0px; padding: 0px 0px 0px 20px; background: url(/images/subtitlebar_.gif) no-repeat center left}

button    {font-size: 9pt; line-height: 150%; padding: 0px; height: 22px}
select    {font-size: 8pt; font-weight: normal}

.pt7 {font-size: 7pt !important}
.pt8 {font-size: 8pt !important}
.pt9 {font-size: 9pt !important}
.pt10 {font-size: 10pt !important}
.pt11 {font-size: 11pt !important}
.pt12 {font-size: 12pt !important}
.pt13 {font-size: 13pt !important}
.pt14 {font-size: 14pt !important}
.pt15 {font-size: 15pt !important}
.pt16 {font-size: 16pt !important}
.pt17 {font-size: 17pt !important}
.pt18 {font-size: 18pt !important}
.pt19 {font-size: 19pt !important}
.pt20 {font-size: 20pt !important}
.pt21 {font-size: 21pt !important}
.pt22 {font-size: 22pt !important}
.pt23 {font-size: 23pt !important}
.pt24 {font-size: 24pt !important}
.pt25 {font-size: 25pt !important}
.pt26 {font-size: 26pt !important}

.px7 {font-size: 7px !important}
.px8 {font-size: 8px !important}
.px9 {font-size: 9px !important}
.px10 {font-size: 10px !important}
.px11 {font-size: 11px !important}
.px12 {font-size: 12px !important}
.px13 {font-size: 13px !important}
.px14 {font-size: 14px !important}
.px15 {font-size: 15px !important}
.px16 {font-size: 16px !important}
.px17 {font-size: 17px !important}
.px18 {font-size: 18px !important}
.px19 {font-size: 19px !important}
.px20 {font-size: 20px !important}
.px21 {font-size: 21px !important}
.px22 {font-size: 22px !important}
.px23 {font-size: 23px !important}
.px24 {font-size: 24px !important}
.px25 {font-size: 25px !important}
.px26 {font-size: 26px !important}

A:link    {color: #333399; text-decoration: none}
A:visited {color: #333399; text-decoration: none}
A:active  {color: #CC3333; text-decoration: none; border-bottom: 1px dotted red}
A:hover   {color: #CC3333; text-decoration: none; border-bottom: 1px dotted red}

A.imglink:link    {text-decoration: none; border: 0px}
A.imglink:visited {text-decoration: none; border: 0px}
A.imglink:active  {text-decoration: none; border: 0px}
A.imglink:hover   {text-decoration: none; border: 0px}

A.menu:link    {color: #737373; text-decoration: none; border: 0px}
A.menu:visited {color: #737373; text-decoration: none; border: 0px}
A.menu:active  {color: #6C8072; text-decoration: none; border: 0px}
A.menu:hover   {color: #6C8072; text-decoration: none; border: 0px; font-weight: bold}

A.select:link    {color: #5A7060; font-weight: bold; text-decoration: none; border: 0px}
A.select:visited {color: #5A7060; font-weight: bold; text-decoration: none; border: 0px}
A.select:active  {color: #5A7060; font-weight: bold; text-decoration: none; border: 0px}
A.select:hover   {color: #5A7060; font-weight: bold; text-decoration: none; border: 0px}



/************************************************************************************************************
 table class 
************************************************************************************************************/
tr.top        {background: #265665; height: 25}
td.copy       {background: #DADADA; height: 85; padding-left: 15px; padding-top: 10px; padding-bottom: 30px; color: #737373; font-size: 8pt}
td.menu       {color: #737373; font-size: 9pt; font-weight: normal; height: 36}
td.menuline   {height: 1}
td.submenu1   {padding-top: 6px; padding-bottom: 7px}
td.submenu2   {color: #737373; font-size: 9pt; font-weight: normal; height: 23}
td.title      {color: #555555; font-size: 19px; font-weight: bold; height: 60; line-height: 21px; letter-spacing: -2px; padding-left: 47px; padding-top: 7px; background-repeat: no-repeat}
td.bottom     {height: 15px; background-repeat: no-repeat}
td.subtitle   {color: #00626E; font-size: 11pt; font-weight: bold; height: 50; padding-left: 32px; padding-top: 15px; background-repeat: no-repeat}
td.subtitle2  {color: #818181; font-size: 9pt; font-weight: bold; height: 45; padding-left: 3px; background-repeat: no-repeat}
td.history1   {background: #0268A8; color: #F0F8F1; font-size: 13pt; font-weight: bold; height: 30px; padding-left: 35px}
th.menu       {background: #C1C1C1; height: 1}



/************************************************************************************************************
 historytable class 
************************************************************************************************************/
table.historytable thead {font-weight: bold; text-align: center}
table.historytable thead tr {background-color: #C4BB82;}
table.historytable thead td {color: FFFFFF; font-weight: bold; font-size: 9pt; border-top: 4px solid #EEE5AB; border-bottom: 1px solid #DED59B; padding: 3px}
table.historytable tbody {background: #F6F5EC}
table.historytable tbody td.gray1 {background: #E6E6E6; height: 27; Padding-left: 5px}
table.historytable tbody td.gray2 {background: #F3F3F3; height: 27; Padding-left: 5px}
table.historytable tbody td.yellow1 {background: #E0DECB; height: 27; Padding-left: 5px}
table.historytable tbody td.yellow2 {background: #EBEADF; height: 27; Padding-left: 3px}
table.historytable tbody td.line {background: #BAB279; height: 2}
table.historytable tbody td.dotline {background: url(/images/dot_line_gray.gif); height: 1px}



/************************************************************************************************************
 sub1table class 
************************************************************************************************************/
table.sub1table thead {font-weight: bold; text-align: center}
table.sub1table thead tr {background-color: #9DAAE9;}
table.sub1table thead td {color: FFFFFF; font-weight: bold; font-size: 9pt; border-top: 4px solid #BBC6FF; border-bottom: 1px solid #8391DD; padding: 3px}
table.sub1table tbody {background: #EFEFF0}
table.sub1table tbody td {Padding: 4px 6px 4px 6px}
table.sub1table tbody td.text1 {background: #DBDFF0; Padding: 4px 6px 4px 6px}
table.sub1table tbody td.text2 {background: #DBDFF0; Padding: 10px 6px 10px 6px}
table.sub1table tbody td.text3 {Padding: 10px 6px 10px 6px}
table.sub1table tbody td.line {background: #8391DD; height: 2px}
table.sub1table tbody td.line1 {background: #8391DD; height: 1px}
table.sub1table tbody td.dotline {background: url(/images/dot_line_gray.gif); height: 1px}


/************************************************************************************************************
 sub2table class 
************************************************************************************************************/
table.sub2table thead {font-weight: bold; text-align: center}
table.sub2table thead tr {background-color: #A6B55F;}
table.sub2table thead td {color: FFFFFF; font-weight: bold; font-size: 9pt; border-top: 4px solid #C3CD93; border-bottom: 1px solid #8E9C48; padding: 3px}
table.sub2table tbody {background: #FCFCF2; color: #666666; }
table.sub2table tbody td {Padding: 3px 4px 3px 4px}
table.sub2table tbody td.text1 {background: #E4EAC8; Padding: 4px 6px 4px 6px}
table.sub2table tbody td.line {background: #B8C392; height: 2px}
table.sub2table tbody td.line1 {background: #B8C392; height: 1px}
table.sub2table tbody td.dotline {background: url(/images/dot_line_gray.gif); height: 1px}


/************************************************************************************************************
 subtable class 
************************************************************************************************************/
table.subtable {background: #5A6C97}
table.subtable thead {background: #5A6C97; text-align: center}
table.subtable tbody {background: #FCFCF2}
table.subtable tbody td.dataTD {background: #DDE8F2; Padding: 5px 3px 5px 3px}
table.subtable tbody td.dataTDgray {background: #F8F8F8; Padding: 5px 3px 5px 3px}
table.subtable tbody td.dotline {background: url(/images/dot_line_gray.gif); height: 1px}


/************************************************************************************************************
 menu00 table 
************************************************************************************************************/
table.menu00table {background: #5C7B8E}
table.menu00table td {Padding-top: 4px; Padding-left: 3px}
table.menu00table th {background: #5C7B8E; height: 5}



/************************************************************************************************************
 boardtable class 
************************************************************************************************************/
table.boardtable thead {font-weight: bold; text-align: center}
table.boardtable thead tr {background-color: #74B1C6;}
table.boardtable thead td {color: FFFFFF; font-weight: bold; font-size: 9pt; border-top: 4px solid #BEDFEB; border-bottom: 1px solid #59A1B9; padding: 3px}
table.boardtable tbody {background: #FCFCF2}
table.boardtable tbody td {background: #FCFCF2; Padding: 4px 6px 4px 6px}




.mc2col {	
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
	column-rule: 1px dotted #BBB;
	text-align: justify;
}
.mc3col {	
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
	column-rule: 1px dotted #BBB;
	text-align: justify;
}