@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {padding:0;}
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
body,th,td,textarea,h1,h2,h3,h4,h5,h6 {font-family: 'Nanum Gothic', serif;font-size:14px;}
body,th,td,textarea{ line-height:24px;}
img,a,fieldset{ border:0 none;outline:0;selector-dummy: expression(this.hideFocus=true); margin: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:14px;color:#787878;text-decoration:none;}
a:visited{font-size:14px;color:#787878;text-decoration:none;}
a:hover{font-size:14px;color:#787878;text-decoration:none;}
#wrap{width:100%;position:relative;text-align:left;height:650px;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:148px;text-align:center;margin:0 auto;z-index:-1;padding-top:86px;}
.side_nav{float:left;text-align:left;width:198px;margin:0 0 0 35px;_display:inline;}
.side_nav h2{margin:17px 0 0 0;border-bottom:3px solid #45abd7;height:54px;}
.banner{padding:20px 0 0 0;}
.banner img{margin-bottom:1px;}
.quick{float:left;margin:68px 0 0 19px;}
.history{font-size:14px;font-family:Nanum Gothic;color:#999999;margin:10px 0 0 0;text-align:right;}
.history img{vertical-align:-1px;}
.history .current{display:inline-block;color:#666666;padding:0 0 0 8px;}
#container{width:1000px;height:300px;text-align:left;margin:0 auto;z-index:-1;padding-top:102px;}
#footer_wrap{width:100%;height:107px;position:relative;background:#eee6d1;}
/*.content_footer{width:900px;position:relative;text-align:left;margin:0 auto;padding-top:10px;padding-left:214px;}*/
.content_footer{width:900px;position:relative;text-align:left;margin:0 auto;padding-top:10px;vertical-align:center}
.footer_img{float:left;}
.footer_txt{float:left;padding-left:20px;padding-top:7px;}
.footer_txt p{color :#626262;line-height:20px;}
.footer_txt a:link{font-size:13px;color:#626262;text-decoration:none;}
.footer_txt a:visited{font-size:13px;color:#626262;text-decoration:none;}
.footer_txt a:hover{font-size:13px;color:#25c0ca;text-decoration:none;}
#top{width:100%; height:100px; position:relative; margin:0 auto;position:absolute; left:0; top:0; z-index:9000;}
#topmenu{width:970px;height:26px;position:relative;text-align:left;margin:0 auto;}
#topmenu h1{position:absolute;margin:29px 0 0 0px;}
#topmenu .global_menu{position:absolute;right:0;top:0;overflow:hidden;height:26px;}
#topmenu .global_menu a{padding:0 3px 0 0px;margin-left:-1px;}
#topmenu .main_menu{position:absolute;left:214px;top:29px;vertical-align:top;padding:5px 0 0 0px;width:627px;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;}
/*¼­ºêÁÂÃø¸Þ´º ½½¶óÀ̵å */
#header {position: relative;}
#header_wrap {background: rgb(26, 26, 26); width: 200px; height: 100%; overflow: visible; display: block; position: fixed; z-index: 3000; min-height: 680px;}
#header_wrap_bg {background: rgb(17, 17, 17); width: 200px; height: 100%; overflow: visible; display: block; position: fixed; z-index: 9; opacity: 0.8;}
#header_wrap h1.logo {left: 50px; top: 60px; position: absolute;}
#header_wrap .menu_line {background: url("../img/menu_line.gif"); width: 200px; height: 2px; border-top-color: rgb(52, 52, 52); border-top-width: 1px; border-top-style: dotted; position: absolute;}
#header_wrap .first.menu_line {top: 188px;}
#header_wrap .second.menu_line {top: 440px;}
#header_wrap .third.menu_line {top: 520px;}
#header_wrap .forth.menu_line {top: 600px;}
#leftmenu {padding: 15px 0px 0px;}
#leftmenu ul.menu {}
#leftmenu ul.menu > li {width: 318px; height: 35px; line-height: 35px; position: relative;}
#leftmenu ul.menu > li > a {height: 35px; color: rgb(195, 195, 195); line-height: 35px; padding-right: 10px; font-size: 15px; display: block;}
#leftmenu ul.menu > li > a:hover {color: rgb(162, 28, 34); text-decoration: none;}
#leftmenu ul.menu > li > a.selected {color: rgb(37, 192, 202);}
#leftmenu ul.menu > li.first {background: none;}
#leftmenu ul.menu li .submenu {top: 0px; width: 170px; right: -50px; padding-left: 0px; display: none; position: absolute; z-index: 8000;}
#leftmenu ul.menu li ul {}
#leftmenu ul.menu li ul li {}
#leftmenu ul.menu li ul li a {color: rgb(204, 204, 204); line-height: 35px; padding-left: 20px; letter-spacing: -1px; font-size: 13px; display: block;}
#leftmenu ul.menu li ul li a:hover {color: rgb(37, 192, 202); text-decoration: underline;}
#leftmenu ul.menu li ul li a.selected {color: rgb(37, 192, 202);}
/*¼­ºêÆäÀÌÁö ±ÛÀÚ */
#box{width:690px;padding:5;position:relative;text-align:left;margin:0 auto; font-size:14px;}
 .bx0{width:690px; border:1px solid #90a3ba;margin:0px; padding:10px; background-color:#d2ddeb;}
/*.bx1{border-style:solid;border-color:red;}*/
 .bx1{border:0px solid blue;height:30px; margin:0px; margin:20px 0 0 0; padding:5px; font-size:24px; font-weight:bold; color:#2456b8;}
 .bx2{border:0px solid blue;height:35px; margin:0px; margin:10px 0 0 0; padding:5px; font-size:20px; font-weight:bold;}
 .bx3{border:0px solid blue;line-height:30px; margin:10px 0 0 0; padding-left:20px; font-size:16px; font-weight:bold;}
 .bx4{border:0px solid blue;margin:0; padding-left:20px;text-align:justify;}
 .bx5{border:0px solid blue;line-height:30px; margin:20px 0 0 0; padding-left:40px; font-size:16px; font-weight:bold;text-align:justify;}
 .bx6{border:0px solid blue;margin:0px; padding-left:40px;text-align:justify;}
 .bx7{border:0px solid blue;margin:0px; padding:5px;text-align:justify;}
 .bx8{border:0px solid blue;margin:0px; padding:5px; font:10px;text-align:justify;}
.main_banner{width:360px;height:78px;margin:27px 0 0 0;}
.module_link{width:360px;height:131px;padding:18px 0 0 0;margin:26px 0 0 0;}
.module_link ul {list-style:none; padding:0 0 0 17px;}
.module_link ul li {float:left;width:85px;text-align:center;}
.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;}
.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;}
/*¸ÞÀν½¶óÀÌµå ¹è³Ê */
/*¸ÞÀθ޴º Ãß°¡ */
.gnb{width:1000px; height:74px; overflow:hidden; margin:0 auto; }
.gnb ul{float:right;margin-top:12px; padding:0; list-style:none;width:650px; height:62px;overflow:hidden;}
.gnb ul li{float:left;width:130px; height:62px; overflow:hidden;position:relative;}
.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:190px; margin-left:376px; }
ul.type01{float:left; width:715px; height:190px;color:#5a5a5a; text-align:left;}
li.type01 {float:left;width:150px; height:100px;}
ul.type02{width:115px; 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;}
/*»çÀÌÆ®¸Ê Ãß°¡ */
#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; vertical-align:middle;}
#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;}
/*Äû¸Þ´º Ãß°¡ */
/*.top_btn  {position:fixed; z-index:2; left:1000px; bottom:10px}*/
.top_btn  {position:fixed; z-index:2; margin-left:950px; bottom:20px;}
.content1{float:left;width:696px;margin:0 10px 0 31px;padding:0 0 60px 0;}
/*¸ÞÀÎÇÏ´Ü Ãß°¡ */
#content{width:980px;height:490px;margin:0 auto;padding:15px 0;}
#content ul{float:left; margin-bottom:18px;}
#content li{float:left; width:223px; height:254px; overflow:hidden;position:relative; }
#vertical img, #horizontal img,#vertical2 img, #horizontal2 img,#vertical3 img, #horizontal3 img,#horizontal4 img{position: absolute;}
#content .con1{width:311px; height:123px; background:#fff; margin:0; padding:0}
#content .con2{width:311px; height:122px; background:#f4f4f4; margin:0; padding:0}
#content .title{width:311px; height:40px; position:relative; }
#content .title .title_notice{position:absolute;top:0px;left:0px;}
#content .title .more{position:absolute;top:16px;left:311px;}
#content .notice{width:311px;height:83px; margin-top:10px; margin-left:20px;}
#content .news{width:311px;height:82px; margin-top:10px; margin-left:20px;}
/*Æ˾÷Ãß°¡*/
#popContent {padding:30px; line-height:18px; color:#666666;}
#popTitle {background:#545557;font-size:20px;font-weight:bold;color:#FFF;padding:30px;}
#popContent h3{font-size:14px; color:#545557; font-weight:bold; margin:30px 0px 10px 0px;}
#popContent p{font-size:13px; color:#545557; margin:30px 0px 20px 0px;}