* {padding:0;margin:0;}
body,th,td,textarea,h1,h2,h4,h5,h6 {font-family:Nanum Gothic;font-size:12px;}
body,th,td,textarea{ line-height:14px;}
img,fieldset{ border:0;}
li{ list-style:none;}
select,input{ font-family:Nanum Gothic; 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 !important;text-decoration:none;}

.board a:link { font-family:Nanum Gothic !important; }


#wrap{width:100%;position:relative;text-align:center; min-width:1300px; overflow:hidden;}
#content_wrap{width:1114px;padding:0;position:relative;text-align:left;margin:0 auto;}
#content_wrap{*zoom:1;clear:both; width:1300px; margin:0 auto;}
#content_wrap:after{content:"";display:block;clear:both;}
.visual_area{height:149px;}
.side_nav{float:left;text-align:left;width:198px;display:inline;}
.side_nav h2{margin:17px 0 0 0;border-bottom:3px solid #45abd7;height:54px;}


#footer_wrap{width:100%;height:99px;position:relative; min-width:1300px;}
.content_footer{width:1300px;position:relative;text-align:left;margin:0 auto; min-width:1300px;}


input#border { border:1px solid #ddd !important; margin-left:10px; padding-left:5px; }


/*»ó´Ü*/
.top_bg { width:100%; background:#e4e4e4; height:37px; min-width:1300px; }

.content_footer .footer_logo{float:right; margin-top:22px;;}
.content_footer {vertical-align:top;}
.content_footer .personal_link{position:relative;top:-22px;left:149px;}
.content_footer .family_site{position:absolute;right:0;margin:-55px 0 0 0;}
.content_footer .famliy_site_link{position:absolute;right:0;margin:-33px 0 0 0;width:126px;border:1px 

solid #efefef;}
.content_footer .famliy_site_link a{display:inline-block;width:126px;text-decoration:none}
.content_footer .famliy_site_link a:hover{background:#efefef;}


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


.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:Nanum Gothic; color:#666666;}
.table_caption.tab img {margin-right:1px;}
p.history img{ display:none; }

.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:Nanum Gothic; 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:Nanum Gothic; 

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:Nanum Gothic; 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:Nanum Gothic; 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:Nanum Gothic; 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:Nanum Gothic; 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; }





/*ÇÏ´Ü*/
p.address { color:#e0e0e0 !important; line-height:20px; padding-top:32px; float:left; text-transform:uppercase; }




/*»ó´Ü*/
.bn_bottom { width:1300px; margin:0 auto; overflow:hidden; height:201px; overflow:visible !important; margin-top:26px; margin-bottom:64px;}
.bn_bottom ul li {width:412px; margin-left:30px; float:left; height:201px; }
.bn_bottom ul { margin-left:-30px; }

.top_bg { width:100%; min-width:1300px !important; background:#e4e4e4; height:37px; }
p.global_menu {width:1300px; text-align:right; margin:0 auto; line-height:35px;}
.bn_top { width:1300px; margin:0 auto; height:201px; }
.bn_top ul li:first-child { margin-left:0; }
.bn_top ul li {width:412px; margin-left:30px; float:left; height:201px; }

#menu li > ul li a:hover { color:#fff !important; }


#content_wrap { width:1300px; margin:0 auto; overflow:hidden; margin-top:35px; }
.side_nav { width:235px !important; min-height:500px; float:left; }

h3.sub_title{ font-size:23px !important; font-weight:bold; letter-spacing:-2px;}

/* ½Ã¼³¾È³» - company page */

#content_wrap .content { width:1023px !important; float:right; margin-top:3px; }
.left_navi_menu { float:left; text-align:left; height:54px; line-height:53px; letter-spacing:-1px; font-size:16px; }
.left_navi_menu li { padding:0 0px 0 28px;background:#f5f5f5; border-bottom:1px solid #d2d2d2; width:190px; }
.left_navi_menu li a {letter-spacing:-1px; font-size:13px;}

li.navi_title { background:#4c4c4c; }
li.navi_title a { color:#fff; font-size:17px; font-weight:bold; }
.active_a a { font-weight:bold; }
#content_wrap { width:1300px; margin:0 auto; overflow:hidden; margin-top:35px; }
.side_nav { width:220px; height:400px; float:left; } 
.content .sub_title { font-size:23px; font-weight:bold; letter-spacing:-1px; }
.nav_pg { margin-top:-15px; }
#contentsArea { margin-top:30px; margin-bottom:60px; }


/*°Ô½ÃÆÇ ¸®½ºÆ®*/
#contentsArea table {  }


/* main */
.board_output_17_tr td:first-child { display:none; }
.board_output_16_tr td:first-child { display:none; }

.board_output_17_tr td:last-child, .board_output_16_tr td:last-child  { text-align:right !important;}
.board_output_17_tr, .board_output_16_tr{ border-bottom:1px solid #ddd;}
.board_output_17_tr TD, .board_output_16_tr TD { text-align:left; padding-left:2px; border-bottom:1px solid #ddd; height:36px; line-height:37px; }
.board_output TD:last-child { text-align:right !important;}
.board_output td { line-height:35px !important; padding:3px 2px 0 !important; }

p.main_board { padding-bottom:21px !important; }


/* MENU */



#topmenu{width:1300px;height:99px;position:relative;text-align:left;margin:0 auto;}
#topmenu h1{padding-top:20px; display:inline-block; width:297px; float:left; margin-right:73px;}
#topmenu .global_menu{}
#topmenu .global_menu a{padding:0 3px 0 6px;margin-left:-1px;}
#topmenu #menu > li{ float:left; display:inline-block;vertical-align:top; line-height:99px; color:#4a4a4a; letter-spacing:-1px; margin-left:50px; font-weight:bold;}
#topmenu #menu > li > a {line-height:99px; color:#4a4a4a; letter-spacing:-1px;font-weight:bold; font-size:16px;}

#topmenu .main_menu a:first-child { margin-left:0; }
#topmenu .sub_menu{position:absolute;top:60px;left:244px;height:22px;padding:0 11px 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:244px;}
#topmenu .business{top:60px;left:384px;}
#topmenu .products{top:60px;left:562px;}
#topmenu .customer{top:60px;left:697px;}
#topmenu .recruit{top:60px;left:765px;}



ul#menu a { color: #222222; text-decoration: none; font-size: 16px;font-weight: bold; /*-webkit-transition:500ms; transition:500ms*/}
ul#menu > li > a:hover,ul#menu > li.current > a { color:#DC372B;}
ul#menu > li > a:before {content: '';display: block;width: 1px;height: 15px;position: absolute;left: 0;top: 16px;}
ul#menu > li:first-child > a:before {background: none;}
/*ul#menu > li > a:after{left: 0;bottom: 0;width:10px;height: 4px;content:"";position:absolute;display:block;}
ul#menu > li:hover > a:after{background-color: #DC372B;width: 90%;margin: 0 5%;}*/
ul#menu > li,ul#menu > li > a { float: left; display: block; }
ul#menu > li > ul {/* display: none; */opacity: 0;position:absolute;visibility: hidden;top: 99px;width: 200px;z-index:255;left: 50%;margin-left: -100px;box-shadow: 5px 4px 12px -4px rgba(0,0,0,0.16);-webkit-transition:opacity 150ms;transition: opacity 150ms;}
ul#menu li:hover > ul {/* display: block; */visibility: visible;opacity: 1;}
ul#menu > li > a {position: relative;}
ul#menu li{ position:relative}
ul#menu > li > ul a {background: #fff;display: block;font-size: 14px;font-weight: 400;clear: both;border-top: 1px solid #edebe4;text-align: left;-webkit-transition:300ms;transition: 300ms;}
ul#menu > li:hover > ul a { padding: 5px 17px 5px;}
ul#menu > li > ul a:hover {background:#173602;color: #fff;}
ul#menu > li > ul > li { height:50px; }
ul#menu > li > ul > li > a { line-height:41px; }
ul#menu > li > ul > li > ul a { padding-left:40px; position:relative;background: #fafafa;}
ul#menu > li > ul > li > ul a:hover {background: #fafafa;color: #66af3f;}
ul#menu > li > ul > li > ul a:before { content: ""; display: block; position: absolute; top: 50%; left: 24px; background: #67af3f; width: 5px; height: 1px;}
ul#menu > li > ul > li:first-child > a{border-top: none;}



/*¸ÞÀÎ °Ô½ÃÆÇ*/
.board_output { padding:0 !important; }


/*°Ô½ÃÆÇ*/
.board { border:0 !important; }
.board tr { border:0 !important; border-top:1px solid #ddd !important; }
td.board_admin_bgcolor table tr { border:none !important; }
.board td { border:none !important; height:35px; line-height:38px; }