html, body { height: 100%;}
body { margin:0; padding:0; top:0; left:0;}
select, input, textarea { font-size: 9pt; font-family : Tahoma;}
td, p, div { font-size: 9pt; font-family : ±¼¸², Arial; }
#text { font-size:9pt;}
#page, #main { width: 965px;}
#main { background-color: #fff;}
a:link, a:visited { text-decoration:none; color:#666;}
a:hover { text-decoration:underline; color: Orange;}
h3 { margin-bottom:0px;} /*h3¸¦ Á¶ÀýÇϸé currentlinkÀÇ margin-topµµ °°ÀÌ Á¶ÀýÇØ¾ß ÇÔ */
/*common //////////////////////////////////////*/
#currentlink { text-align:right; font-size:8pt; color:#666666; font-family:arial; font-weight:100; position:relative; top:-25px; right:10px;}
#box { border:solid 1px #EEEEEE; background-color:#F7F7F7; padding:5px 10px; margin-bottom:20px; }
.charbig { color: #18777c; font-weight: bold; font-size:14px;}
td.boardcontent {height:200px; vertical-align:text-top; padding-top: 20px; padding-left:20px;}
/* Header */
#header { position:fixed; top:0px; left:0px; width:965px; padding:0; background-color: #fff;}
#top_img { margin-left:25px; margin-top:10px; width:120px; float:left;}
#top_flash { margin-left:35px; margin-top:10px; width:760px; float:left;}
/* Main */
/* ÀÏ´Ü ID, class µ¿°Å. °ð Class »èÁ¦ ¿¹Á¤ */
.content { width:740px; position:fixed; top:60px; margin-left:200px; padding-left:20px; padding-bottom:20px; margin-bottom: 3px; border-left:solid 1px #E7E7E7; color:#666666;}
.content01 { width:740px; position:fixed; top:60px; margin-left:197px; padding-left:20px; padding-bottom:20px; margin-bottom: 3px; border-left:solid 1px #E7E7E7; color:#666666;}
#content { width:740px; position:fixed; top:60px; margin-left:200px; padding-left:20px; padding-bottom:20px; margin-bottom: 3px; border-left:solid 1px #E7E7E7; color:#666666;}
#contents { width:965px; position:fixed; top:60px; padding-bottom: 20px; background-color: #fff; float:none; height: 420px; }
#contents_01 { width:965px; position:fixed; top:60px; padding-bottom: 0px; background-color: #fff; float:none; height: 420px; }
#content_left { float:left;}
#grid_notice td {border-bottom:solid 1px;}
#grid_article td {border-bottom:solid 1px;}
#content_center { float:left; margin-left: 18px; width:370px;}
/*#contents a {text-decoration:none; color:#666666;}*/
#notice {height:180px;}
#newarticle {height:0px;}
.listitem {color:#6C7282; font-size:10pt; font-family:±¼¸², Arial;}
.listitem_title {width:280px;}
.listitem_date {width:50px;}
.listitem_sep {}
#content_right { float:left; margin-left: 18px; width: 255px;}
#newproduct { height:200px; background:#FAFAFA; text-align: center; }
.embider { color:#65BDC9; font-family:arial; font-weight:bold;}
.tm { color:#65BDC9; vertical-align:super; font-family:arial; font-weight:bold; font-size:6pt;}
#newproduct #title { border-left:solid 1px #E4E4E4; border-right:solid 1px #E4E4E4; font-weight:bold; padding:8px 0 10px 0;}
#newproduct #flash { border-left:solid 1px #E4E4E4; border-right:solid 1px #E4E4E4; }
#aboutembider {margin-top:10px;}
#aboutembider_content {border-left:solid 1px #D5D1CE; border-right:solid 1px #D5D1CE; background:#FCFBF9; height:100px;}
#linkboxes { margin-top:10px; text-align:justify; text-justify:distribute-all-lines;}
/* footer */
#footer { height: 64px; position: absolute; border-top:solid 1px #E5E5E5; width:965px; background:#F9F9F9; padding:15px 0;}
#bottom_img { margin-left:10px; font-size:42px; float:left; color:#E5E5E5; width:180px;}
#about { margin-top: 10px; padding-top:5px; float:left; width:360px;}
#about p { line-height:110%; margin:0; color:#919191;}*/
#aboutlink { font-size:12px; font-weight:bold;}
/*#aboutlink a { text-decoration:none; color:#919191;}*/
#aboutcopyright { font-size: 10px; font-family:"Lucida Grande", arial, Arial, sans-serif;}
#familysite {float:right; text-align:right; margin-right:10px; margin-top:15px;}
/* Login */
#login { width:718px; text-align:left; }
#logheader { height:40px;}
#logheader #logo { float:left; }
#logheader #search { float:right; text-align:middle; margin-top:15px;}
#list { height: 20px; color:#717171;}
#loginbox {background-color:#F3F3F3; text-align:center; padding: 10px 0;}
#loginform { text-align: left; width:695px; background-color:#FFFFFF; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; padding: 10px 0;}
#loginform h5 { margin: 0 0 0 10px; padding:0; font-size:8pt; font-family:Arial, Tahoma, ±¼¸²;}
#loginform_admin { text-align: left; width:635px; background-color:#FFFFFF; border-left:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; padding: 30px; }
#loginform_admin h5 { margin: 0 0 20px 0; padding:0; font-size:15px; font-family:Arial, Tahoma, ±¼¸²;}
#login #bannerleft { width:320px; float:left; color: #656565; }
#Login1 { padding:0 20px; border-right:solid 1px #E0E0E0;}
#logininput { background-color:#F1F1F1; width: 300px; margin: 10px 0;}
/* CSS for round corner */
.rtop, .rbottom { display:block; background: #FFFFFF; margin:0; }
.rtop *, .rbottom * { display: block; height: 1px; overflow: hidden; background: #F1F1F1;}
.r1 { margin: 0 5px}
.r2 { margin: 0 3px}
.r3 { margin: 0 2px}
.r4 { margin: 0 1px; height: 2px}
.padding-bottom { padding: 0 0 5px 0; }
.padding-top { padding: 5px 0 0 0; }
#login #bannerright { width:320px; padding-left:20px; vertical-align:text-top;}
#login #footer {width:720px; font-size:7pt; background:#FFF; }
#login dl {clear:both; margin:0; padding:0;}
#login dt img {margin-left:5px; vertical-align:bottom;}
#login dt.header {float:left;width: 50px; height:10px; margin:5px; padding:0px;}
#login ul {padding:0; margin:0; margin-left:20px; color:#B1B1B1;}
#login a {text-decoration:none; font-weight:bold; color:#656565;}
/*#login dt {float:left;width: 210px; height:10px; margin:0px; padding:0px;}
#login #Login1 { padding:0 10px; border-right:solid 1px #E0E0E0;}
#login #bannerleft {width:330px; float:left;}
#login #content p {line-height:90%; padding:0; margin:0; height:5px; font-size:0pt;}
#login #comment {font-size:8pt; color:#656565;}
#logininput input {height:20px; border:solid 1px #D0D0D0;}*/
/* TECH DOCS */
#importtree {margin:0; width:300px; height:500px;}
#Tree {width:280px; color:#6C7282;}
#Tree table {font-size:10pt;}
#TopItem {height:28px;}
#items {font-size:9pt; color:Black; margin:0; padding:0; text-align:center; margin-left:20px;}
#items li {margin-right:1px; float:left; list-style:none; height:20px; width:55px; border:solid 1px #D2D2D2; border-bottom-width:0; padding:1px; padding-top:0px;}
#items a { float:left; text-decoration:none; color:Black; width:100%; height:100%; padding-top:5px; }
#items a:hover {background:url(./image/refrence_tree_top_btn.gif) no-repeat 100%;}
#items a:active, #items a.selected {background:url(./image/refrence_tree_top_btn.gif) no-repeat 100%;}
#RefTree {border-top:solid 1px #D1D1D1; width:280px; height:600px; padding-top:10px;}
#RefSearch {border-top:solid 1px #D1D1D1; width:280px; padding-left:10px; padding-top:10px}
#RefIndex {border-top:solid 1px #D1D1D1; width:280px; padding-left:10px; padding-top:10px}
#RefFavor {border-top:solid 1px #D1D1D1; width:280px; padding-left:10px; padding-top:10px}
#RefSearch #searchtext {width:60%;}
#reference h3 { padding-left:26px; height:26px; font-size:12pt; background:url(./image/icon.gif) no-repeat left; color:#7C8497; background-position:left center; padding-top:10px; border-bottom:solid 1px #EDEDED;}
#reference #desc { border:solid 1px #EDEBEC; background-color:#F7F7F7; padding:5px 10px;}
#reference .boardheader {color:#4E4D91; height:25px;}
#reference th {background-color:#ECECF6; color:#7676AA; width:100px;}
#reference .header th, #board .header td {border-bottom:solid 1px #EEEEEE; height:25px;}
#reference .boardrow td {border-top:solid 1px #EEEEEE; border-bottom:solid 1px #EEEEEE; height:20px;}
#reference .boardpager {text-align:center;}
#reference td.boardcontent {height:200px; vertical-align:text-top; padding-top: 20px; padding-left:20px;}
#reference #leftmenu { float:left;}
#reference #refcontent { padding-left:10px;}
/*#reference #refcontent {width:600px; padding-left:10px;}*/
#reference #refcontent h3 { padding-left:26px; height:26px; font-family: arial; font-size:12pt; background:url(./image/icon.gif) no-repeat left; color:#7C8497; background-position:left center; padding-top:10px; border-bottom:solid 1px #EDEDED;}
#reference #refcontent h4 { font-size:10pt; margin-bottom:10px; background:url(./image/r_title_ic.jpg) no-repeat left; color:#666666; padding-left:20px;}
#reference #refcontent h5 { font-size:10pt; margin-bottom:10px; background:url(./image/r_subtitle_ic.jpg) no-repeat left; color:#666666; padding-left:15px;}
#reference #refcontent .box { width:600px; height:20px; background-color:#F7F7F7; padding:10px; color:#666666; border-top:solid 1px #ECECEC; border-bottom:solid 1px #ECECEC;}
/*#reference #refcontent p { font-size:9pt;}*/
/* Register */
#register { font-size:9pt;}
#register h3 { padding-left:26px; height:26px; font-size:12pt; background:url(./image/s_icon.jpg) no-repeat left; color:#6665B3; background-position:left center; padding-top:10px; border-bottom:solid 1px #EDEDED;}
#register li { list-style-image:url(./image/listbullet.gif); font-weight:bold; font-size:9pt; padding-bottom:10px;}
#register ul blockquote { padding:0; margin:0; font-weight:100; font-size:8pt;}
#register #msgbox { background:url(./image/complete.jpg) 0 0 no-repeat; width:550px; margin:30px 0 0 100px;}
#register #msgbox #msg { margin:28px 30px 40px 155px; line-height: 165%}
#register #msgbox #goto_home { text-align: center; }
/*#register #content {width:830px; position:fixed; top:60px; margin-left:150px; padding-left:20px; border-left:solid 1px #E7E7E7; font-size:10pt; color:#666666;}
#register .content {width:830px; position:fixed; top:60px; margin-left:150px; padding-left:20px; border-left:solid 1px #E7E7E7; font-size:10pt; color:#666666;}*/
/*#currentlink a {text-decoration:none; color:#666666;}*/
#desc_box { clear:both; margin-top: 5px;font-size:8pt; border:solid 1px #ECECEC; background-color:#F7F7F7; padding:10px 20px;}
#registerform { width: 720px; border:solid 1px #EDEDED; background-color:#F7F7F7; color:#666666; font-size:9pt; margin: 20px 0;}
#registerform th { width: 160px; text-align:right; padding: 3px 10px 3px 3px; }
#registerform td { font-size:8pt; font-family:arial, ±¼¸²; padding: 3px 0; }
/* Research */
#researchform { background:url(./image/idresearch.jpg) 100% no-repeat left; height:135px; width:420px; padding:35px 5px 0 120px; margin:0; margin-left:40px; text-align:center;}
#researchform table {text-align:left;margin-left:40px;}
#researchform th {text-align:left; font-weight:normal; font-size:9pt;}
/* ID Check */
#idchk { width: 400px; height: 300px; padding: 20px 10px; background-color:#f9f9f9; }
#idchk h1 { font-size: 12pt; font-family: Tahoma, ±¼¸²;}
#idchk_notice { padding: 5px 0 2px 0; }
#idchk_form, #idchk_message { margin: 15px 0; }
#idchk_message { border-top: 1px solid #e5e5e5; padding-top: 10px;}
/* download */
#download h3 { height:26px; font-family: arial; padding-left:26px; padding-top:10px;
background:url(./image/d_icon.gif) no-repeat left;
background-position:left center; border-bottom:solid 1px #EDEDED;
font-size:12pt; color:#728FAD; }
#download .boardheader {color:#4E4D91; height:25px;}
#download th {background-color:#ECECF6; color:#7676AA; width:100px;}
#download .header th, #board .header td {border-bottom:solid 1px #EEEEEE; height:25px;}
#download .boardrow td {border-top:solid 1px #EEEEEE; border-bottom:solid 1px #EEEEEE; height:20px;}
#download .boardpager {text-align:center;}
#download td.boardcontent {height:200px; vertical-align:text-top; padding-top: 20px; padding-left:20px;}
#view h4, #list h4 { font-family:Arial; }
#view table.boardtable, #list table.boardtable
{ font-family:arial, ±¼¸²; border-top:solid 2px #94A6BA; border-bottom:solid 2px #94A6BA; margin-bottom:20px; }
#view .boardtable th, #list .boardtable th
{ background-color:#EBEFF2; color:#466383; height:25px; font-size:8pt; }
#view .boardtable td, #list .boardtable td
{ border-bottom:solid 1px #EEEEEE; }
#view .boardtable td.boardcontent {height:200px; vertical-align:text-top; padding-top: 20px; padding-left:20px;}
/*#down h3 {padding-left:26px; height:26px; font-family: arial; font-size:12pt; background:url(./image/d_icon.gif) no-repeat left; color:#728FAD; background-position:left center; padding-top:10px; border-bottom:solid 1px #EDEDED;}
#down h4 {font-family:Arial;}
#down
#down table.boardtable {font-family:arial, ±¼¸²; border-top:solid 2px #94A6BA; border-bottom:solid 2px #94A6BA; margin-bottom:20px;}
#down .boardtable th {background-color:#EBEFF2; color:#466383; height:25px; font-size:8pt;}
#down .boardtable td {border-bottom:solid 1px #EEEEEE;}*/
/* sitemap */
#sitemap {font-family:arial;}
#sitemap h3 {padding-left:26px; height:26px; font-family: arial; font-size:12pt; background:url(./image/icon.gif) no-repeat left; color:#6F7FB0; background-position:left center; padding-top:10px; border-bottom:solid 1px #EDEDED;}
/*#sitemap a {text-decoration:none; color:#666666;}*/
#sitemap div.items {margin-bottom:20px; border:solid 1px #EDEBEC; padding:10px 5px; background-color:#F7F7F7;}
#sitemap div.link {font-size:10pt; font-weight:bold;}
#sitemap div.sublink{margin-left:5px; padding-left:15px; padding-top:5px; background:url(./image/siteico.jpg) 50% no-repeat left;}
/* Board */
#board h3 {padding-left:26px; height:26px; font-family: arial; font-size:12pt; background:url(./image/s_icon.jpg) no-repeat left; color:#6665B3; background-position:left center; padding-top:10px; border-bottom:solid 1px #EDEDED;}
#board #content {width:830px; position:fixed; top:60px; margin-left:150px; padding-left:20px; border-left:solid 1px #E7E7E7; font-size:10pt; color:#666666;}
#board .content {width:830px; position:fixed; top:60px; margin-left:150px; padding-left:20px; border-left:solid 1px #E7E7E7; font-size:10pt; color:#666666;}
#board .boardtable {border-top:solid 2px #8484C1; border-bottom:solid 2px #8484C1; margin-bottom:20px; }
/*#board .boardtable a {text-decoration:none; color:#666666;}*/
#board .boardtable .answer {background-color:#F4F4FA; border-top:solid 1px #EEEEEE;}
#board .boardheader {color:#4E4D91; height:25px;}
#board th {background-color:#ECECF6; color:#7676AA; width:100px;}
#board .header th, #board .header td {border-bottom:solid 1px #EEEEEE; height:25px;}
#board .boardrow td {border-top:solid 1px #EEEEEE; border-bottom:solid 1px #EEEEEE; height:20px;}
#board .boardpager {text-align:center;}
#board td.boardcontent {height:200px; vertical-align:text-top; padding-top: 20px; padding-left:20px;}
#board div.item {margin-bottom:20px;}
/* Chapter */
#tech #desc { border:solid 1px #EDEBEC; padding:5px 10px 5px 150px; font-size:9pt; background:url(./image/techdocs.jpg) no-repeat left #F7F7F7; color:#BABABA; margin-bottom:20px;}
#down #desc { border:solid 1px #EDEBEC; padding:5px 10px 5px 170px; font-size:9pt; background:url(./image/downloads.jpg) no-repeat left #F7F7F7; color:#BABABA; margin-bottom:20px;}
#sup #desc { border:solid 1px #EDEBEC; padding:5px 10px 5px 140px; font-size:9pt; background:url(./image/support.jpg) no-repeat left #F7F7F7; color:#BABABA; margin-bottom:20px;}
#tech #currentlink,
#sup #currentlink,
#down #currentlink { margin-top: -22px;}
#sup #pro_items { text-align:left;}
.chapter h4 { margin:5px 0;}
.chapter div.box { border:solid 1px #EEECED; padding:5px 10px; text-align:center; margin-bottom:20px;}
.chapter div.box .box_desc { background-color:#E3E7F3; padding:5px 10px; width:700px; margin:5px 0; text-align:left; font-size:8pt;}
.chapter .boardrow td { border-bottom:solid 1px #EEEEEE; height:20px;}
/* info */
#info { line-height:140%;}
#info #leftmenu { float:left;}
#info li { list-style-image:url(./image/i_bullet.jpg); border-bottom:solid 1px #DCD8E9; margin:5px 0; width:150px;}
/*#info li a { color:#6F81AF; text-decoration:none}*/
#info h3 { padding-left:26px; height:26px; font-size:12pt; background:url(./image/icon.gif) no-repeat left; color:#6F7FB0; background-position:left center; padding-top:10px; border-bottom:solid 1px #EDEDED;}
#info #desc { border:solid 1px #EEEEEE; background-color:#F7F7F7; padding:5px 0; margin-bottom:20px;}
#info #right { margin-bottom:20px;}
/* Product */
#product { font-size:9pt;}
#product h3 { padding-left:26px; height:26px; font-size:12pt; background:url(./image/s_icon.jpg) no-repeat left; color:#6665B3; background-position:left center; padding-top:10px; border-bottom:solid 1px #EDEDED;}
#product #leftmenu { float:left;}
#product #leftmenu li { color:#816EAE; border-bottom:solid 1px #DCD8E9; margin:5px 0; width:130px;}
#product #html { padding-bottom: 0px; }
#product #html strong {}
#product #html strong a { text-decoration:none; color:#666666; background:#EEEEEE; padding: 20px 10px;}
/*#product #html strong a:hover {text-decoration:none; color:Black; background:#EEEEEE; padding: 20px 10px;}*/
/*#product #leftmenu li a {color:#816EAE;}*/
/* Company */
#company { line-height:140%;}
#company #leftmenu { float:left;}
#company h3 { padding-left:26px; height:26px; font-size:12pt; background:url(./image/c_icon.gif) no-repeat left; color:#6F7FB0; background-position:left center; padding-top:10px; border-bottom:solid 1px #EDEDED;}
#company li { list-style-image:url(./image/i_bullet.jpg); border-bottom:solid 1px #DCD8E9; margin:5px 0; width:150px;}
#dsc td {padding: 100 0;}
/* LayOut */
.floatleft {float:left;}
.btn {font-size:7pt; font-weight:600; font-family:arial; height:22px; border:solid 1px #6C7282; background:white;}
.label {font-size:9pt; font-family:arial;}
.hidden {display:none;}
.show {display:block;}
h4 {margin:0; padding:0; font-size:9pt;}
#searchbar { font-size:9pt; text-align:center; background-color:#F5F4FA; border:solid 1px #E4E4E4; padding:5px 0;}
#support_search { font-size:9pt; background-color:#F5F4FA; border:solid 1px #E4E4E4; padding:5px 40px;}
#searchbar #search { height:10px; vertical-align:middle;}
#searchbar input { vertical-align:middle;}
#searchbar #searchtxt { height:12px;}>