@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {padding:0;margin:0;}
body{background:#f3f3f3;}
body,th,td,textarea,h1,h2,h3,h4,h5,h6 {font-family: 'Nanum Gothic', serif;font-size:12px;}
body,th,td,textarea{ line-height:14px;}
img,a,fieldset{ border:0 none;outline: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:none;}

#wrap{width:100%;position:relative;text-align:center; background:#f3f3f3;min-width: 1000px;}
#content_wrap{width:1000px;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;padding-top:102px;}
.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{width:100%;height:120px;position:relative;background:#545557;}
.content_footer{width:950px;position:relative;text-align:left;margin:0 auto;padding-top:20px;padding-left:50px;}
.footer_img{float:left;width:200px;height:70px;}
.footer_txt{float:left;padding-left:20px;width:700px;height:70px;}
.footer_txt p{color :#c2c2c0;line-height:20px;}
.footer_txt a:link{font-size:12px;color:#fff;text-decoration:none;}
.footer_txt a:visited{font-size:12px;color:#fff;text-decoration:none;}
.footer_txt a:hover{font-size:12px;color:#8fce28;text-decoration:none;}

#top{width:100%; height:102px; position:relative; margin:0 auto;position:absolute; left:0; top:0; z-index:9000;}
#topmenu{width:1000px;height:26px;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:0;overflow:hidden;height:26px;}
#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: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;}

.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: 'Nanum Gothic', serif;color:#999999;margin:27px 0 0 0;text-align:left; font-weight:bold;*padding-top:27px;}
.history img{vertical-align:-1px;}
.history .current{display:inline-block;color:#97b500;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;}

.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; 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; }

/*page on */
#page1 .menu01{position:relative;top:-62px;}
#page2 .menu02{position:relative;top:-62px;}
#page3 .menu03{position:relative;top:-62px;}
#page4 .menu04{position:relative;top:-62px;}
#page5 .menu05{position:relative;top:-62px;}

/*¸ÞÀθ޴º Ãß°¡ */
.gnb{width:1000px; height:74px; overflow:hidden; margin:0 auto; }
.gnb ul{float:right;margin-top:12px; padding:0; list-style:none;width:715px; height:62px;overflow:hidden;}
.gnb ul li{float:left;width:143px; height:62px; overflow:hidden;position:relative;display:inline;}
.gnb ul li a:hover{position:relative;height:62px; overflow:hidden;}
.gnb ul li a:hover img{position:relative;top:-62px;}
.gnb li { display:inline; }

.snb{display:none;width:100%; height:190px; border-bottom:2px solid #bababa; background:#fff; position:relative; }
.snbmenu{width:715px; height:120px; margin-left:285px; }
ul.type01{float:left; width:715px; height:120px;color:#5a5a5a; text-align:center;}
li.type01 {float:left;width:143px; height:100px;display:inline;}
ul.type02{width:143px; margin:0; padding:0;}
ul.type02 li{margin:0 0 0;}
ul.type02 li a{line-height:25px;}
ul.type02 li a:hover{display:block;color:#ffffff; font-weight:bold;background:#97b500;}

/*¼­ºêÆäÀÌÁö Ãß°¡ */
#sub_nav{padding-top:102px;width:1001px; height:120px; }
#sub_nav .submenu{width:1001px; height:50px; background:#898686;color:#fff;margin-top:20px;font-size:13px;}
#sub_nav .submenu ul{float:left;color:#fff; }
#sub_nav .submenu ul li{float:left; width:143px; text-align:center; line-height:50px; display:inline-block;color:#fff; }
#sub_nav .submenu ul li a{float:left; width:143px; text-align:center; line-height:50px; display:inline-block;color:#fff; }
#sub_nav .submenu ul li a:hover{background:#97b500;color:#fff;font-weight:bold;}
#sub_nav .submenu .on{background:#97b500;color:#fff;font-weight:bold;}
#sub_nav .submenu .on a{background:#97b500;color:#fff;font-weight:bold;}

#sub_nav .submenu2{width:1000px; height:50px; background:#898686;color:#fff;margin-top:20px;font-size:13px;}
#sub_nav .submenu2 ul{float:left;color:#fff; }
#sub_nav .submenu2 ul li{float:left; width:333px; text-align:center; line-height:50px; display:inline-block;color:#fff; }
#sub_nav .submenu2 ul li a{float:left; width:333px; text-align:center; line-height:50px; display:inline-block;color:#fff; }
#sub_nav .submenu2 ul li a:hover{background:#97b500;color:#fff;font-weight:bold;}
#sub_nav .submenu2 .on{background:#97b500;color:#fff;font-weight:bold;}
#sub_nav .submenu2 .on a{background:#97b500;color:#fff;font-weight:bold;}

#sub_nav .submenu3{width:1001px; height:50px; background:#898686;color:#fff;margin-top:20px;font-size:13px;}
#sub_nav .submenu3 ul{float:left;color:#fff; }
#sub_nav .submenu3 ul li{float:left; width:143px; text-align:center; line-height:50px; display:inline-block;color:#fff; }
#sub_nav .submenu3 ul li a{float:left; width:143px; text-align:center; line-height:50px; display:inline-block;color:#fff; }
#sub_nav .submenu3 ul li a:hover{background:#97b500;color:#fff;font-weight:bold;}
#sub_nav .submenu3 .on{background:#97b500;color:#fff;font-weight:bold;}
#sub_nav .submenu3 .on a{background:#97b500;color:#fff;font-weight:bold;}

#sub_nav .submenu4{width:1000px; height:50px; background:#898686;color:#fff;margin-top:20px;font-size:13px;}
#sub_nav .submenu4 ul{float:left;color:#fff; }
#sub_nav .submenu4 ul li{float:left; width:250px; text-align:center; line-height:50px; display:inline-block;color:#fff; }
#sub_nav .submenu4 ul li a{float:left; width:250px; text-align:center; line-height:50px; display:inline-block;color:#fff; }
#sub_nav .submenu4 ul li a:hover{background:#97b500;color:#fff;font-weight:bold;}
#sub_nav .submenu4 .on{background:#97b500;color:#fff;font-weight:bold;}
#sub_nav .submenu4 .on a{background:#97b500;color:#fff;font-weight:bold;}

#sub_nav .submenu5{width:1000px; height:50px; background:#898686;color:#fff;margin-top:20px;font-size:13px;}
#sub_nav .submenu5 ul{float:left;color:#fff; }
#sub_nav .submenu5 ul li{float:left; width:333px; text-align:center; line-height:50px; display:inline-block;color:#fff; }
#sub_nav .submenu5 ul li a{float:left; width:333px; text-align:center; line-height:50px; display:inline-block;color:#fff; }
#sub_nav .submenu5 ul li a:hover{background:#97b500;color:#fff;font-weight:bold;}
#sub_nav .submenu5 .on{background:#97b500;color:#fff;font-weight:bold;}
#sub_nav .submenu5 .on a{background:#97b500;color:#fff;font-weight:bold;}

#sub_content{width:998px;background:#fff;border:1px solid #c1c1c1;margin-top:30px; margin-bottom:60px;}
#sub_content .subtitle{width:1000px;height:165px;}
#sub_content .subcon{width:900px;  margin:50px 50px;}

#sub_nav2{padding-top:102px;width:1000px; height:50px; }

/*»çÀÌÆ®¸Ê Ãß°¡ */
#sitemap {height:200px;margin-top:40px;}
#sitemap div{float:left; width:165px; overflow:hidden;margin-right:14px; }
#sitemap dt{height:40px; font-size:16px; color:#97b500;padding-left:16px;}
#sitemap dt a{height:40px; font-size:15px; color:#97b500; font-weight:bold;}
#sitemap dd{border-bottom:1px solid #c1c1c1;padding:10px;}
#sitemap dd a{padding:10px;}
#sitemap dd a:hover{color:#000000;}

/*ÁöµµÃß°¡*/
#map{margin:0 auto; border:1px solid #bebebe;text-align:left;}
.addr{width:800px;margin:0 auto;overflow:hidden;text-align:left;}
.addr .title{font-size:14px;color:#1e1e1e;margin-bottom:12px;}
.addr .title .title_icon{font-size:10px;color:#97b500;vertical-align:middle;}
.listinfo{border-top:2px solid #545557; margin:20px 0;font-size:12px;}
.listinfo li{overflow:hidden;border-bottom:1px solid #e0e0e0;list-style:none;}
.listinfo .listinfo_title{display:block;float:left;width:20%;min-width:80px;padding:10px 3%;}
.listinfo .listinfo_con{display:block;float:left;width:50%;min-width:80px;padding:10px 3%;}