* {padding:0;margin:0;}

body,th,td,textarea,h1,h2,h3,h4,h5,h6 {font-family:dotum;font-size:12px;}

body,th,td,textarea{ line-height:14px;}

img,fieldset{ border:0;}

li{ list-style:none;}

select,input{ font-family:verdana;color:#000000;font-size:1.00em;}

address,em{ font-style:normal;}

button{ border:none;background:none;cursor:pointer;}

hr,legend{ display:none;}

p,h1,h2,h3,h4,h5,h6,form,input,ul,li,dl,dt,dd {margin:0;padding:0;}

a img {vertical-align:top;}

a:link{font-size:12px;color:#787878;text-decoration:none;}

a:visited{font-size:12px;color:#787878;text-decoration:none;}

a:hover{font-size:12px;color:#787878;text-decoration:underline;}



#wrap{width:100%;position:relative;text-align:center;}

#content_wrap{width:1114px;padding:0;position:relative;text-align:left;margin:0 auto;}

#content_wrap{*zoom:1;clear:both;}

#content_wrap:after{content:"";display:block;clear:both;}

.visual_area{height:149px;}

.side_nav{float:left;text-align:left;width:198px;margin:0 0 0 85px;_display:inline;}

.side_nav h2{margin:17px 0 0 0;border-bottom:3px solid #45abd7;height:54px;}



#footer_wrap{position:relative;width:100%;height:85px;position:relative;}

.content_footer{width:970px;position:relative;text-align:left;margin:0 auto;}



#topmenu{width:100%;#0033ff;}

#topmenu{width:970px;height:85px;position:relative;text-align:left;margin:0 auto;}

#topmenu h1{position:absolute;margin:34px 0 0 10px;}

#topmenu .global_menu{position:absolute;right:0;top:14px;overflow:hidden;padding-right:30px;}

#topmenu .global_menu a{padding:0 3px 0 6px;margin-left:-1px;}

#topmenu .main_menu{position:absolute;left:214px;top:39px;vertical-align:top;padding:5px 0 0 29px;width:727px;height:56px;}

#topmenu .main_menu a{display:inline-block;vertical-align:top;}

#topmenu .main_menu .fst{width:135px;}

#topmenu .main_menu .snd{width:180px;}

#topmenu .main_menu .trd{width:148px;}

#topmenu .main_menu .fth{width:133px;}

#topmenu .main_menu .last{width:73px;}

#topmenu .sub_menu{position:absolute;top:60px;left:244px;height:22px;padding:0 11px 0 0;background:#2ba7dc;}

#topmenu .sub_menu a{position:relative;display:inline-block;margin:5px 0 0 0;padding:0 0 0 9px;vertical-align:top;}

#topmenu .company{top:60px;left:252px;}

#topmenu .business{top:60px;left:400px;}

#topmenu .discussion{top:60px;left:590px;}

#topmenu .customer{top:60px;left:687px;}

#topmenu .recruit{top:60px;left:774px;}



.content_footer {vertical-align:top;}

.content_footer .footer_logo{position:relative;top:18px;}

.content_footer .personal_link{position:relative;top:-22px;left:149px;}

.content_footer .address{position:relative;top:-11px;left:149px;}

.content_footer .family_site{position:absolute;right:0;margin:-55px 0 0 0;cursor:pointer;}

.content_footer .famliy_site_link{display:none;position:absolute;right:0;margin:-36px 0 0 0;width:126px;height:50px;border:1px solid #efefef;overflow-x:hidden;overflow-y:scroll;}

.content_footer .famliy_site_link a{display:inline-block;width:116px;text-decoration:none;padding:3px 0 0 10px;font-size:11px;font-family:dotum;}

.content_footer .famliy_site_link a:hover{background:#dedede;}

.content_footer .famliy_site_link{scrollbar-3dlight-color:#b4b4b4;scrollbar-arrow-color:#333333;scrollbar-base-color:#eeeeee;scrollbar-darkshadow-color:#ffffff;scrollbar-face-color:#eeeeee;scrollbar-highlight-color:#ffffff;scrollbar-shadow-color:#b4b4b4;}



.banner{padding:20px 0 0 0;}

.banner img{margin-bottom:10px;}



.content{float:left;width:696px;margin:0 10px 0 31px;padding:0 0 60px 0;}



.history{font-size:11px;font-family:dotum;color:#999999;margin:27px 0 0 0;text-align:right;}

.history img{vertical-align:-1px;}

.history .current{display:inline-block;color:#666666;padding:0 0 0 8px;}



.content h3{margin:0;height:43px;}

.content .whole_content{padding:40px 0 0 0;}



.quick{float:left;margin:68px 0 0 19px;}



.table_caption{width:100%;*zoom:1;clear:both;margin-bottom:4px;}

.table_caption:after{clear:both;content:"";display:block;}

.table_caption .title{float:left;}

.table_caption .per{float:right;font-size:11px;font-family:dotum;color:#666666;}

.table_caption.tab img {margin-right:1px;}



.table_01{width:100%;}

.table_01 th{border-top:3px solid #3caede;border-bottom:1px solid #7bbfdc; padding:7px 0 6px; font:bold 12px/1.3em verdana; color:#3695be; text-align:center;}

.table_01 td{border-right:1px solid #d7e8ef;border-bottom:1px solid #d7e8ef;height:26px;font-size:12px;font-family:dotum;color:#666666;text-align:center;padding-top:5px;padding-bottom:5px;line-height:17px;}

.table_01 td.last {border-right:0}

.table_01 td.sub_title{background:#f8f8f8;}

.table_01 .left{text-align:left;padding-left:10px;}



.partners{padding:0;margin:43px 0 0 0;}

.partners table {margin-left:220px;}

.partners td{text-align:center;font-size:11px;font-family:dotum;color:#787878;width:157px;height:109px;vertical-align:top;}



.discussion{border-top:2px solid #45abd7;border-bottom:2px solid #45abd7;}

.discussion th {width:211px;text-align:left;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}

.discussion th img {border:4px solid #e1e3d8;}

.discussion td {vertical-align:top;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}

.discussion .title {font-weight:bold;font-size:13px;color:#333333;border-bottom:1px solid #45abd7;height:19px;}

.discussion .information {font-size:12px;font-family:dotum;color:#757575;line-height:17px;padding:10px 0 0 0;}

.discussion .last{border-bottom:0;}





.agreement_tle {float:left; margin:39px 25px 0 0;}

.agreement_list {list-style:none; float:left; width:446px; height:186px; margin:39px 0 0 0;}

.agreement_list p {float:left;width:210px;}

.agreement_list p img {margin-bottom:7px;}

.agreement {}

.agreement th {text-align:left;width:183px;vertical-align:top;}

.agreement td {font-size:11px;font-family:dotum;color:#787878;padding:0 0 29px 0;}



.sitemap{width:100%;}

.sitemap p{margin-bottom:2px;}

.sitemap td{vertical-align:top;}

.sitemap dl {width:141px;}

.sitemap dt {border-top:1px solid #ebebeb;padding:5px 0 5px 0;}

.sitemap .first {border-top:0;}

.sitemap dt a{font-family:dotum;font-size:12px;color:#333333;}

.sitemap dd {padding:0 0 5px 0;}

.sitemap .last{border-bottom:1px solid #ebebeb;}

.sitemap dd a{font-size:11px;font-family:dotum;color:#888888;}



}



/* 2011.12.22 */

.table_product; { width:100%; table-layout:fixed; border-top:2px #45abd7 solid; border-bottom:2px #45abd7 solid; }

.table_product td; { padding:10px 0; border-bottom:1px #e1ecf1 solid; font:12px/1.4em verdana; color:#666; vertical-align:top; }

.table_product .tle; { padding:5px 0; font:bold 14px/1.3em verdana; color:#222; border-bottom:1px #45abd7 solid; }

.table_product .txt; { display:block; height:62px; margin-top:8px; }

.item_border { border:4px #e1e3d8 solid; }

.mtle_01; { padding:0 0 0 20px; height:21px !important; margin:30px 0 0 0 !important; font:bold 13px/1.3em dotum; color:#222; }

.line_001; { padding-top:2px; }

.txt_001; { font:12px/1.4em dotum; color:#666; }

.list_01 li; { padding:0 0 2px 8px; font:12px/1.3em dotum; color:#666; }

.dbp; { height:180px; padding:0 0 0 240px; margin-top:30px; line-height:1.4em; color:#666; }

.dbp a; { display:inline-block; padding:3px 0; width:210px; font:bold 11px/1.2em dotum; letter-spacing:-1px; color:#555; }

.dbp a:hover; { font:bold 11px/1.2em dotum; text-decoration:none; color:#ff6600; }

.dbp_table; { width:100%; table-layout:fixed; }

.dbp_table th { vertical-align:top; text-align:left; font:bold 12px/1.4em verdana; color:#2499d4; padding-bottom:25px; }

.dbp_table td { vertical-align:top; font:11px/1.4em dotum; color:#777; padding:0 0 25px 15px; }

.login_box; { border:1px #ebebeb solid; padding:40px 140px; text-align:center; margin-top:20px; font:12px/1.5em dotum; color:#555; }

.login_box .txt_01  { text-align:right; padding-right:10px; font:bold 12px/1.0em dotum; }

.login_box .box; { border:1px #cdcdcd solid; padding:2px 4px 0; height:19px; *height:21px; width:100%; background-color:#f6f6f6; }

.login_box .find; { border-top:1px #eaeaea solid; margin-top:25px; padding:25px 44px 0; text-align:right; font:11px/1.2em dotum; color:#777; }
/* ── 게시판 검색 폼 (2026-06-22) ───────────────────────────── */
.rokvf-search { margin:0 0 16px; display:flex; gap:6px; justify-content:flex-end; }
.rokvf-search input[type="search"] {
  width:240px; max-width:60%; height:34px; box-sizing:border-box;
  border:1px solid #c9ccd6; border-radius:4px; padding:0 10px;
  font-size:14px; color:#333; background:#fff;
}
.rokvf-search input[type="search"]:focus { outline:none; border-color:#36508c; }
.rokvf-search button {
  height:34px; padding:0 16px; border:0; border-radius:4px;
  background:#36508c; color:#fff; font-size:14px; font-weight:bold; cursor:pointer;
}
.rokvf-search button:hover { background:#2a3f73; }