* {padding:0;margin:0;}
html { overflow-y:scroll; }

body{background-image:url(../img/vdata/images/bg_color.jpg)}

body,th,td,textarea,h1,h2,h3,h4,h5,h6 {font-family:dotum,µ¸¿ò,±¼¸²,gulim,'Apple Gothic','¸¼Àº °íµñ','Malgun Gothic',Verdana, Helvetica, Arial,san-serif;font-size:12px;}

body,th,td,textarea{ line-height:14px;}
img,fieldset{ border:0;}
li{ list-style:none;}
select,input{ font-family:verdana,'Apple Gothic',Arial;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;}



/* visualplan */

#vwrap{width:100%; position:relative;background-image:url(../img/vdata/images/bg_color2.jpg)}
#vmt{width:100%; height:26px; position:relative; background-color:#262626}
#vmw{margin:0 auto; width:1150px; height:111px;position:relative;}
#vfooter{width:100%; height:172px;position:relative; text-align:center;background:url(../img/vdata/images/bg_ct_03.jpg) repeat-x; clear:both;}


/* ¸ÞÀÎ ÄÁÅÙÃ÷ */

#m_cts_wrap0{margin:0 auto; width:1150px; height:53px; position:relative;}

#m_cts_wrap1{margin:0 auto; width:1150px; height:195px; position:relative;}
#mcb_n{float:left; width:330px; height:165px; padding-right:43px;}
#mcb_n li.ct{margin-top:16px;}

#mcb_g{float:left; width:550px; height:165px; padding-right:26px;}
#mcb_g li.ct{margin-top:17px;}

#mcb_cs{float:left; width:1150px; height:165px;}

#m_cts_wrap2{margin:0 auto; width:1150px; height:365px; position:relative;}

/* --------- */

#sub_wrap{margin:0 auto; width:1150px;position:relative;}
#sub_manu_wrap{float:left; width:201px; padding:0 70px 0 0}
#cs_sub{float:left; width:201px;}

#sub_content{float:left; width:879px;text-align:center;position:relative;}
#sub_content li.b_height{display:block; height:70px;}

#board_content{float:left; width:879px;position:relative;}
#board_content li.b_height{display:block; height:70px;}


.logo{ float:left; width:338px;}
.mvisual{width:100%; height:522px; overflow:hidden; background-color:#333333; min-width:1150px;}
.svisual{width:100%; height:250px; overflow:hidden; background-color:#333333; min-width:1150px;}
.vtb{ margin:0 auto; width:1150px; height:26px; text-align:right; background-color:#262626;}
.sub_manu{float:left;}
.sub_tt{float:left;width:850px; height:132px; padding:0 0 0 0 }


/* menu */

#vmenu {float:left;width:812px;margin:38px 0 0 0px;}
ul.menu {position: relative;float: left;}
ul.menu a {display: block;}
ul.menu li{float: left;}
ul.menu li a{display: block;}
   
ul.menu li ul.sub {position: absolute;margin:0;left: 0;display:none;overflow: hidden;}
ul.menu li ul.sub li {background: transparent;padding: 0 0 0 0;float: left;}
ul.menu li ul.sub li a {position: relative;top: 0;left: 0;padding: 0;display: block;float: left;}
ul.menu{zoom: 1;}
ul.menu:after{height: 0;visibility: hidden;content: ".";display: block;clear: both;}


/* --------- */



#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:970px;height:85px;position:relative;text-align:left;margin:0 auto;}
#topmenu h1{position:absolute;margin:29px 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:29px;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:139px;}
#topmenu .main_menu .snd{width:186px;}
#topmenu .main_menu .trd{width:135px;}
#topmenu .main_menu .fth{width:143px;}
#topmenu .main_menu .last{width:74px;}
#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 .products{top:60px;left:590px;}
#topmenu .customer{top:60px;left:687px;}
#topmenu .recruit{top:60px;left:773px;}
.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,'Apple Gothic',Arial; 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;}
.product{border-top:2px solid #45abd7;border-bottom:2px solid #45abd7;}
.product th {width:211px;text-align:left;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}
.product th img {border:4px solid #e1e3d8;}
.product td {vertical-align:top;padding:10px 0 10px 0;border-bottom:1px solid #e1ecf1;}
.product .title {font-weight:bold;font-size:13px;color:#333333;border-bottom:1px solid #45abd7;height:19px;}
.product .information {font-size:12px;font-family:dotum;color:#757575;line-height:17px;padding:10px 0 0 0;}
.product .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,'Apple Gothic',Arial; color:#666; vertical-align:top; }
.table_product .tle   { padding:5px 0; font:bold 14px/1.3em verdana,'Apple Gothic',Arial; 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,'Apple Gothic',Arial; 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; }