body#main_body {font-size: 12px;   background: #fff; padding: 0px; margin: 0; color: #3c454f;  font-family: 돋움, Arial, Tahoma, Verdana, sans-serif;}

/*----Global---*/
img {border:0px none;}
#base_page img {margin-top:3px;}
a {text-decoration: none; color:#068dfe;}
a:hover {text-decoration:underline;}
p {margin:0; padding:4px 0 6px 0; line-height:17px; }
form {margin:0; padding:0;}


/*----headers base_page---*/
#base_page h1 {font-size:24px; color:#068dfe; margin:0; padding:10px 0 4px 0; font-weight:normal;}
#base_page h1 a {color:#068dfe; text-decoration:none; }
#base_page h1 img {margin: 0 0 -2px 8px;}
#base_page h1 a:hover {text-decoration:underline;}
#base_page h2 {font-size:18px; color:#EE7A0D; margin:10px 0 8px 0; font-weight:normal;}
#base_page h2 a {color:#EE7A0D; text-decoration:none;}
#base_page h2 a:hover {text-decoration:underline;}
#base_page h3 {font-size:18px; color:#3c454f; margin:0; padding:10px 0 10px 0;font-weight:normal;}

/*----headers main_page---*/
#main_page h1 {padding:0;margin:-27px 0 0 71px; color:#cdd2d8; font-size:14px; letter-spacing:-1px; word-spacing:-1px; font-weight:bold; position:absolute;}
#main_page h1 a:hover {text-decoration:underline;}
#main_page h2 {font-size:14px; color:#99afc9; margin:0px 0 5px 0; }
#main_page h2 a {color:#99afc9; text-decoration:none;}
#main_page h2 a:hover {text-decoration:underline;}
#main_page h3 {font-size:18px; color:#3c454f; margin:0; padding:10px 0 6px 0;font-weight:normal;}
#main_page h4 {float:left;margin:0;padding:2px 8px 0 8px; font-size:12px; }
#main_page h4 a {text-decoration:none; font-weight:normal; background: url('../images/arr_03.gif') repeat-x 0 100%; }
#main_page h4 a:hover {text-decoration:none; color:#99afc9; background: none;}
#main_page h4 a.active {text-decoration:none; color:#99afc9; background: none; cursor:default;}

ul {list-style-type:none; margin:0;padding:0;}
li {background: url('../images/arr_01.gif') no-repeat 0 5px; padding-left:16px; padding-right:0; padding-top:0px; padding-bottom:9px}
#container {width: 920px; margin:0 auto;}

/*----Header---*/
#logo {position: absolute; top:19px; z-index:1;}
#logo_text {padding:0;margin:-27px 0 0 71px; color:#cdd2d8; font-size:14px; letter-spacing:-1px; word-spacing:-1px; font-weight:bold; position:absolute;}
#logo img {margin:0;}
#logo a {display:block;}

#header_right {position: absolute; top:19px; z-index:1;margin-left:552px;display:block;no-repeat 0 0;   }


#contact_us {position:absolute; top:38px; z-index:1; width:88px; height:16px; background: url('../images/contact.gif') }
#contact_us span {display:none;}

/*----main_menu---*/
#main_menu {margin-top:89px; background: #98a4b1 url('../images/main_menu_bg.gif') repeat-x 0 0;}
#main_menu_left {background: url('../images/main_menu_left.gif') no-repeat 0 0;}
#main_menu_right {padding-left:14px; height:40px; background: url('../images/main_menu_right.gif') no-repeat 100% 0;letter-spacing:-1px}
#main_menu a {font-size:14px; font-weight: bold; color:#fff; text-decoration: none; display:block; float:left; height:40px;line-height:40px; padding-left:6px;margin: 0 40px 0 40px;}
#main_menu span {display:block; float:left; height:40px;padding-right:6px; cursor:pointer;}
#main_menu a:hover {color:#5c6978; background: url('../images/mm.gif') no-repeat 0 8px;}
#main_menu a:hover span { background: url('../images/mm_right.gif') no-repeat 100% 8px;}
#main_menu .active {color:#5c6978; background: url('../images/mm.gif') no-repeat 0 8px;}
#main_menu .active span { background: url('../images/mm_right.gif') no-repeat 100% 8px;}
/*----/Main_menu---*/


/*----/Header---*/

/*----Content---*/
#content_r {margin:0; padding:0; background: url('../images/content_r.gif') repeat-y 660px 0; min-height:100%;
height:auto !important; height:100% !important }
#content {margin:0; padding:0; background: url('../images/content_l.gif') repeat-y 240px 0; min-height:100%;
height:auto !important; height:100% !important }
#content_r #content_left {float:left; width:660px; overflow:hidden;  padding: 8px 0 18px 0;}
#content_r #content_right {float:right; width:230px; overflow:hidden; padding: 8px 0 18px 0;}
#content #content_left {float:left; width:230px; overflow:hidden;  padding: 8px 0 10px 0;}
#content #content_right {float:right; width:660px; overflow:hidden; padding: 8px 0 10px 0;}

/*----right menu---*/
.right_menu li {color:#b4c4d7; background: none; padding-left:0;}
.right_menu a {color:#068dfe; text-decoration:none;}
.right_menu a:hover {color:#3c454f; text-decoration:none;}
.right_menu .active a {color:#3c454f;}   
.right_menu img {margin: 0 9px -2px 0;}
.right_menu1 li {color:#b4c4d7; padding-left:15px; background: url('../images/arr_02.gif') no-repeat 0 5px;}
.right_menu1 li.unroll {background: url('../images/arr_unroll_02.gif') no-repeat 0 6px;}
.right_menu1 a {color:#068dfe; text-decoration:none;}
.right_menu1 a:hover {color:#3c454f; text-decoration:none;}
.right_menu1 .active a {color:#3c454f;}   

.sub_menu {background: #CDE1F4 url('../images/menu_top_bg2.gif') no-repeat 0 100%;}
.sub_menu .title {background: #CDE1F4 url('../images/menu_top_bg1.gif') no-repeat 0 0; margin:0;padding: 0; font-size:1px; height:5px}
.sub_menu a {display:block;margin:5px 0 0 10px; font-size:11px; color:#b4c4d7;}
.sub_menu a:hover {color:#3c454f;}
.sub_menu a.active {color:#3c454f;}

.sub_menu1 {padding:0px 0;background:#CDE1F4}
.sub_menu1 a {display:block;margin:0px 0 0 20px; font-size:11px; color:#FFFFFF;}
.sub_menu1 a:hover {color:#3c454f;background:#FFFFFF;text-decoration:none;}
.sub_menu1 a.active {color:#3c454f;background:#FFFFFF;text-decoration:none;}

.main_articles {
	background: #f5f5f5;
	color: #414141;
	padding: 8px;	
	margin: 0 0 3px 0;
}

.main_articlesh1 {font-size:24px; color:#2B36CA; margin:0; padding:10px 0 4px 0; font-weight:bold;}
.main_articlesh2 {font-size:16px; color:#79AFE2; margin:0; padding:10px 0 4px 0; font-weight:bold;}

/*----/right menu---*/


/*----flash---*/
#flash {padding:15px 0 0 0;margin:0;}
#key_01 {height:180px;}
#key_01 a {display:block; height:194px; }
#flash a {display:block;}
#map {margin-top: 8px; padding:0 10px; }
#map a {display:block; padding:0; margin:0; width:60px; height:15px;}
#map a#map_prev {float:left;}
#map a#map_next {float:right;}
/*----/flash---*/

#main_page .title, #base_page .title {font-size:18px; color:#EE7A0D; margin:10px 0 8px 0; font-weight:bold;}
#main_page .title a {font-size:18px; color:#EE7A0D;font-weight:normal;  text-decoration:none;}
#main_page .title a:hover {text-decoration:underline;}
#main_page #content_left p { padding:0 0 8px 0;}
.blog {padding:5px 0 7px 0;}
.blog .date {margin:0px 8px 0 0; }
.text {padding:0px 0 10px 0; line-height:14px; }

#project {clear:both; padding:24px 0 10px 0;}
#title1 {float:left;font-size:18px; color:#068dfe;padding:0 0 10px 0;}
#title1  a {font-size:18px; color:#068dfe;}
#center_menu {float:right; padding:0 0 10px 0;}
#latest_project {clear:both;}
.project_block { height:110px; padding:11px; background: #eaeff4 url('../images/grey_block.gif') no-repeat 0 0; margin-left:0; margin-right:0; margin-top:0; margin-bottom:14px }
.project_block_pict {float:left; width:235px;}
.project_block_text {float:left; width:400px;}
a.title_project {display:block; font-size:14px; color:#99afc9; font-weight:bold;}
.related {font-size:11px; color:#b4c4d7;}

.date, .update {color:#fefeff; float:left; width:58px; text-align:center; font-size:11px; line-height:18px;vertical-align:top;}
.date a, .update a {color:#fefeff;}
.date {background: url('../images/date.gif') no-repeat 0 1px;; margin-left:0; margin-right:8px; margin-top:12px; margin-bottom:0}

.comment {margin-top:0px;padding:0 0 6px 0; font-size:11px; color:#99afc9;}
.comment a {color:#068dfe;}
.comment a:hover {text-decoration: underline;}

/*----wordwrap---*/
.wordwrap {clear:both; min-height:18px; margin-top:13px; font-size:11px;text-align:center; width:100%;}
.wordwrap a { padding:0 6px;}
.wordwrap a:hover {color:#3c454f; text-decoration:none;}
.wordwrap a.active {color:#3c454f; text-decoration:none;}
a.previous {display:block; float:left; background: url('../images/previous.gif') no-repeat 0 2px;; padding-left:19px; padding-right:19px; padding-top:0; padding-bottom:0}
a.next {display:block; float:right;background: url('../images/next.gif') no-repeat 100% 2px;; padding-left:19px; padding-right:19px; padding-top:0; padding-bottom:0}
/*----/wordwrap---*/

/*----reply---*/
.grey_block_reply {background: #eaeff4 url('../images/grey_bottom.gif') no-repeat 0 100%; margin-left:0; margin-right:0; margin-top:15px; margin-bottom:0px}
.grey_block_reply .title_reply { font-size:18px; font-weight:bold; background: #dfe6ee url('../images/grey_top1.gif') no-repeat 0 0; padding-left:14px; padding-right:14px; padding-top:8px; padding-bottom:8px}
.grey_block_reply .stitle { font-size:14px; font-weight:bold; color:#333333; padding-left:0px; padding-top:8px; padding-bottom:8px}

.small_text {font-size:11px;padding-top:3px;padding-bottom:3px}
.small_text_title {font-size:12px;font-weight:bold;text-align:center;padding-top:5px;padding-bottom:5px}

.grey_block_top { background: url('../images/grey_top.gif') no-repeat 0 0;; padding-left:14px; padding-right:14px; padding-top:0px; padding-bottom:15px}
.title_reply span.blue {color:#068dfe; font-weight:bold;}
.title_reply span.grey {color:#3c454f; font-weight:bold;}
.title_reply span {color:#b4c4d7;}
.block_text {padding:12px 14px 19px 14px;}
.reply table {width:562px;}
.title_form {font-size:11px; padding:6px 0 3px 0;}
.reply .inp1 {background:#ffffa0; width:173px;}
.reply .inp2 {background:#fff; width:173px;  border:1px solid #b4c4d7;}
.reply textarea {width:99%; margin-bottom:15px;  border:1px solid #b4c4d7;}
/*----/reply---*/

.title a.rss {color:#99afc9 !important; font-size:11px !important; padding-left:5px;} 
.title a.rss img {margin:0 7px -2px 7px; } 

.cl {display:block; clear:both; height:0; line-height:0; font-size:0;}

/*----/content---*/

/*----footer---*/
#footer {clear:both;background: url('../images/footer.gif') repeat-x 0 0; color:#99afc9; font-weight:bold; padding-left:0; padding-right:0; padding-top:14px; padding-bottom:20px}
#footer a {color:#068dfe; font-weight:normal; padding:0 0px 0 9px;}
#footer a:hover {}
#copy {text-align:right; padding:17px 0 0 0;color:#99afc9; font-size:11px; font-weight:normal;}
/*----/footer---*/


div .sociable {
margin:16px 0pt !important;
}
span.sociable_tagline {
position:relative;
}
span.sociable_tagline span {
display:none;
width:14em;
}
span.sociable_tagline:hover span {
background:#FFFFEE none repeat scroll 0%;
border:1px solid #CCCCCC;
color:black;
display:block;
line-height:1.25em;
position:absolute;
top:-5em;
}
.sociable span {
display:block;
}
.sociable ul {
display:inline;
margin:0pt !important;
padding:0pt !important;
}
.sociable li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px;
}
.sociable ul li:before {

}
.sociable img {
border:0pt none;
float:none;
height:16px;
margin:0pt;
padding:0pt;
width:16px;
}
.sociable-hovers {
opacity:0.4;
}
.sociable-hovers:hover {
opacity:1;
}