/* demo page styles */
body {
    background:#ffffff;
    margin:0;
    padding:0;
	 
}
.example {
    background:#ffffff url(../images/banner.jpg);
    width:100%;   /* 770px   */
    height:60%;
    border:0px #000 solid;
    margin:0px auto;
    padding:10px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}


/* main menu styles */
#nav {
    display:inline-block;
    width:100%;
    margin:0px auto;
    padding:0;
    background:#335599 url(../images/bg.png) repeat-x 0 -110px;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
}
#nav li {
    margin:10px;
    float:left;
    position:relative;
    list-style:none;

	
}
#nav a {
    font-weight:bold;
    color:#e7e5e5;
    text-decoration:none;
    display:block;
    padding:8px 20px;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, .7);
    FONT-SIZE: 14pt; 
    FONT-FAMILY: µ¸¿ò, Dotum; 
    TEXT-DECORATION: none

}

/* selected menu element */
#nav .current a, #nav li:hover > a {
    background:#7788aa url(../images/bg.png) repeat-x 0 -20px;
    color:#000;
    border-top:1px solid #f8f8f8;

    box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}

/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
    background:none;
    border:none;
    color:#000;
}
#nav ul li a:hover {
    background:#335599 url(../images/bg.png) repeat-x 0 -100px;
    color:#fff;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}

#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; /*some css3*/
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px; /*some css3*/
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}

/* drop down */
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
}
#nav ul {
    opacity:0;
    visibility:hidden;
    padding:0;
    width:175px;
    position:absolute;
    background:#aabbcc url(../images/bg.png) repeat-x 0 0;
    border:1px solid #7788aa;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul ul {
    left:160px;
    top:0px;
}



TABLE {
	 FONT-SIZE: 9pt; COLOR: #555555;   FONT-FAMILY: µ¸¿ò, Dotum; LINE-HEIGHT: 19px;
}
TR {
	 FONT-SIZE: 9pt; COLOR: #555555;   FONT-FAMILY: µ¸¿ò, Dotum;  
}
TD {
	 FONT-SIZE: 9pt; COLOR: #555555;   FONT-FAMILY: µ¸¿ò, Dotum;  
}
INPUT {
	 FONT-SIZE: 9pt; COLOR: #555555;   FONT-FAMILY: µ¸¿ò, Dotum;  
}
TEXTAREA {
	 FONT-SIZE: 9pt; COLOR: #555555;   FONT-FAMILY: µ¸¿ò, Dotum; 
}

<!-- ////////////////////////////// Button ////////////////////////////// -->
.btn_tbl {
	BORDER-RIGHT: 1px outset; PADDING-RIGHT: 1px; BORDER-TOP: 1px outset; PADDING-LEFT: 1px; FONT-FAMILY: ±¼¸², Gulim; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #555555; BACKGROUND-IMAGE: url(../../common/images/btn_face.gif); PADDING-BOTTOM: 1px; MARGIN: 0px 0px 0px 1px; BORDER-LEFT: 1px outset; WIDTH: 60px; CURSOR: pointer; PADDING-TOP: 1px; BORDER-BOTTOM: 1px outset; BACKGROUND-IMAGE: repeat-x;
}

.btn_tbl_lmt {
	BORDER-RIGHT: 1px outset; PADDING-RIGHT: 1px; BORDER-TOP: 1px outset; PADDING-LEFT: 1px; FONT-FAMILY: ±¼¸², Gulim; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #555555; BACKGROUND-IMAGE: url(../../common/images/btn_face.gif); PADDING-BOTTOM: 1px; MARGIN: 0px 0px 0px 1px; BORDER-LEFT: 1px outset; WIDTH: 40px; CURSOR: pointer; PADDING-TOP: 1px; BORDER-BOTTOM: 1px outset; BACKGROUND-IMAGE: repeat-x;
}

.btn_tbl_med {
	BORDER-RIGHT: 1px outset; PADDING-RIGHT: 1px; BORDER-TOP: 1px outset; PADDING-LEFT: 1px; FONT-FAMILY: ±¼¸², Gulim; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #555555; BACKGROUND-IMAGE: url(../../common/images/btn_face.gif); PADDING-BOTTOM: 1px; MARGIN: 0px 0px 0px 1px; BORDER-LEFT: 1px outset; WIDTH: 80px; CURSOR: pointer; PADDING-TOP: 1px; BORDER-BOTTOM: 1px outset; BACKGROUND-IMAGE: repeat-x;
}

.btn_tbl_wide {
	BORDER-RIGHT: 1px outset; PADDING-RIGHT: 1px; BORDER-TOP: 1px outset; PADDING-LEFT: 1px; FONT-FAMILY: ±¼¸², Gulim; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #555555; BACKGROUND-IMAGE: url(../../common/images/btn_face.gif); PADDING-BOTTOM: 1px; MARGIN: 0px 0px 0px 1px; BORDER-LEFT: 1px outset; WIDTH: 120px; CURSOR: pointer; PADDING-TOP: 1px; BORDER-BOTTOM: 1px outset; BACKGROUND-IMAGE: repeat-x;
}

.btn_40 {
	BORDER-RIGHT: 1px outset; PADDING-RIGHT: 1px; BORDER-TOP: 1px outset; PADDING-LEFT: 1px; FONT-FAMILY: ±¼¸², Gulim; FONT-WEIGHT: 500; FONT-SIZE: 12px; COLOR: #333333; PADDING-BOTTOM: 1px; MARGIN: 0px 0px 0px 1px; BORDER-LEFT: 1px outset; WIDTH: 40px; CURSOR: pointer; PADDING-TOP: 1px; BORDER-BOTTOM: 1px outset; BACKGROUND-IMAGE: repeat-x
}
.btn_50 {
	BORDER-RIGHT: 1px outset; PADDING-RIGHT: 1px; BORDER-TOP: 1px outset; PADDING-LEFT: 1px; FONT-FAMILY: ±¼¸², Gulim; FONT-WEIGHT: 500; FONT-SIZE: 12px; COLOR: #333333; PADDING-BOTTOM: 1px; MARGIN: 0px 0px 0px 1px; BORDER-LEFT: 1px outset; WIDTH: 50px; CURSOR: pointer; PADDING-TOP: 1px; BORDER-BOTTOM: 1px outset; BACKGROUND-IMAGE: repeat-x
}
.btn_70 {
	BORDER-RIGHT: 1px outset; PADDING-RIGHT: 1px; BORDER-TOP: 1px outset; PADDING-LEFT: 1px; FONT-FAMILY: ±¼¸², Gulim; FONT-WEIGHT: 500; FONT-SIZE: 12px; COLOR: #333333; PADDING-BOTTOM: 1px; MARGIN: 0px 0px 0px 1px; BORDER-LEFT: 1px outset; WIDTH: 70px; CURSOR: pointer; PADDING-TOP: 1px; BORDER-BOTTOM: 1px outset; BACKGROUND-IMAGE: repeat-x
}
.btn_120 {
	BORDER-RIGHT: 1px outset; PADDING-RIGHT: 1px; BORDER-TOP: 1px outset; PADDING-LEFT: 1px; FONT-FAMILY: ±¼¸², Gulim; FONT-WEIGHT: 500; FONT-SIZE: 12px; COLOR: #333333; PADDING-BOTTOM: 1px; MARGIN: 0px 0px 0px 1px; BORDER-LEFT: 1px outset; WIDTH: 120px; CURSOR: pointer; PADDING-TOP: 1px; BORDER-BOTTOM: 1px outset; BACKGROUND-IMAGE: repeat-x
}

table.outline {WIDTH: 100%; PADDING-TOP: 3; PADDING-RIGHT: 3; PADDING-BOTTOM: 3; PADDING-LEFT: 3; MARGIN: 0; BORDER: #EEEEEE; BORDER-STYLE: solid; BORDER-TOP-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px }

table.project {WIDTH: 100%; PADDING-TOP: 1; PADDING-RIGHT: 1; PADDING-BOTTOM: 1; PADDING-LEFT: 1; MARGIN: 0 }
table.project td.summary { VERTICAL-ALIGN:top; FONT-FAMILY:µ¸¿ò, Dotum; FONT-SIZE: 11px;  LINE-HEIGHT: 16px; COLOR: #777777}

table.path {WIDTH: 100%; PADDING-TOP: 1; PADDING-RIGHT: 1; PADDING-BOTTOM: 1; PADDING-LEFT: 1; MARGIN: 0 }
table.path td.right { TEXT-ALIGN:right; VERTICAL-ALIGN:bottom; FONT-FAMILY:µ¸¿ò, Dotum; FONT-SIZE: 11px; COLOR: #777777}

table.main_solution {WIDTH: 100%; PADDING-TOP: 1; PADDING-RIGHT: 1; PADDING-BOTTOM: 1; PADDING-LEFT: 1; MARGIN: 0 }
table.main_solution td.text { FONT-FAMILY:µ¸¿ò, Dotum; FONT-SIZE: 11px; LINE-HEIGHT: 16px; COLOR: #777777}

table.listbar {WIDTH: 100%; PADDING-TOP: 1; PADDING-RIGHT: 1; PADDING-BOTTOM: 1; PADDING-LEFT: 1; MARGIN: 0 }
table.listbar td.center { TEXT-ALIGN:center; FONT-FAMILY:µ¸¿ò, Dotum; COLOR: #000000; FONT-WEIGHT:500}

table.board { PADDING-TOP: 1; PADDING-RIGHT: 1; PADDING-BOTTOM: 1; PADDING-LEFT: 1; MARGIN: 0 }
table.board td.title_left { FONT-FAMILY:µ¸¿ò, Dotum; FONT-SIZE: 11px;  COLOR: #333333; FONT-WEIGHT:600}
table.board td.title_center { TEXT-ALIGN:center; FONT-FAMILY:µ¸¿ò, Dotum; FONT-SIZE: 11px; COLOR: #333333; FONT-WEIGHT:600}
table.board td.title_right { TEXT-ALIGN:right; FONT-FAMILY:µ¸¿ò, Dotum; FONT-SIZE: 11px;  COLOR: #333333; FONT-WEIGHT:600}

.nomal {
	FONT-SIZE: 9pt; FONT-FAMILY: µ¸¿ò, Dotum; LINE-HEIGHT: 20px
}
.text {
	FONT-SIZE: 9pt;  FONT-FAMILY: µ¸¿ò, Dotum; 
}
SELECT {
	FONT-SIZE: 9pt; COLOR: #555555; FONT-FAMILY: µ¸¿ò, Dotum
}
.bbstext {
	FONT-SIZE: 9px; FONT-FAMILY: µ¸¿ò, Dotum; line-height: 20px
}
.graytext {
	FONT-SIZE: 9pt; COLOR: #555555;  FONT-FAMILY: µ¸¿ò, Dotum; 
}
.price {
	FONT-SIZE: 9pt; COLOR: #39B54A;  FONT-FAMILY: µ¸¿ò, Dotum; LETTER-SPACING: -2px
}
.recom {
	FONT-SIZE: 9pt; COLOR: #555555;  FONT-FAMILY: µ¸¿ò, Dotum; 
}
.small {
	FONT-SIZE: 9px; FONT-FAMILY: "verdana"; LETTER-SPACING: -2px
; line-height: 20px
}
.smallbig {
	FONT-SIZE: 9px; FONT-FAMILY: "verdana"; LETTER-SPACING: 0px
; line-height: 20px
}

.noline {  text-decoration: none}


A.main_solution:link {
	FONT-SIZE: 9pt; COLOR: #A7A5DA; FONT-FAMILY: µ¸¿ò, Dotum; TEXT-DECORATION: underline
}
A.main_solution:active {
	FONT-SIZE: 9px; COLOR: #555555; FONT-FAMILY: µ¸¿ò, Dotum; TEXT-DECORATION: underline
}
A.main_solution:visited {
	FONT-SIZE: 9pt; COLOR: #777777; FONT-FAMILY: µ¸¿ò, Dotum; TEXT-DECORATION: underline
}
A.main_solution:hover {
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: µ¸¿ò, Dotum; TEXT-DECORATION: underline
}

A:link {
	FONT-SIZE: 9pt; COLOR: #555555; FONT-FAMILY: µ¸¿ò, Dotum; TEXT-DECORATION: none
}
A:active {
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: µ¸¿ò, Dotum; TEXT-DECORATION: none
}
A:visited {{
	FONT-SIZE: 9pt; COLOR: #999999; FONT-FAMILY: µ¸¿ò, Dotum; TEXT-DECORATION: none
}
A:hover {
	FONT-SIZE: 9pt; COLOR: #7292EA; FONT-FAMILY: µ¸¿ò, Dotum; TEXT-DECORATION: underline
}