@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: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: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:600px;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: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;}
#container{width:1000px;height:435px;text-align:left;margin:0 auto;z-index:-1;padding-top:102px;}
#footer_wrap{width:100%;height:120px;position:relative;background:#545557;}
.content_footer{width:980px;position:relative;text-align:left;margin:0 auto;padding-top:20px;padding-left:50px;}
.footer_img{float:left;padding-top:12px;}
.footer_txt{float:left;padding-left:20px;padding-top:2px;}
.footer_txt p{color :#c2c2c0;line-height:20px;}
.footer_txt a:link{font-size:14px;color:#fff;text-decoration:none;}
.footer_txt a:visited{font-size:14px;color:#fff;text-decoration:none;}
.footer_txt a:hover{font-size:14px;color:#8fce28;text-decoration:none;}
#top{width:100%; height:100px; 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;}
.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:715px; height:62px;overflow:hidden;}
.gnb ul li{float:left;width:143px; 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:120px; 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;}
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;}
/*»çÀÌÆ®¸Ê Ãß°¡ */
#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;}
/*Äû¸Þ´º Ãß°¡ */
.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;}
/*¸ÞÀÎÇÏ´Ü Ãß°¡NEW */
<!-- #banner01 {width:245px;height:245px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('http://bdmp-007.cafe24.com/bizdemo19691/img/main/banner01.gif') ;}
#banner02 {width:245px;height:245px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('http://bdmp-007.cafe24.com/bizdemo19691/img/main/banner02.gif') ;}
#banner03 {width:245px;height:245px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('http://bdmp-007.cafe24.com/bizdemo19691/img/main/banner03.gif') ;}
#banner04 {width:245px;height:245px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('http://bdmp-007.cafe24.com/bizdemo19691/img/main/banner04.gif') ;}
#banner05 {width:245px;height:245px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('http://bdmp-007.cafe24.com/bizdemo19691/img/main/banner05.gif') ;}
#banner06 {width:245px;height:245px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('http://bdmp-007.cafe24.com/bizdemo19691/img/main/banner06.gif') ;}
#banner07 {width:245px;height:245px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('http://bdmp-007.cafe24.com/bizdemo19691/img/main/banner07.gif') ;}
#overlay01, #overlay02, #overlay03, #overlay04, #overlay05, #overlay06, #overlay07 { background-color:#000; display:block; position:absolute; top:0; left:0; width:245px; height:245px; z-index:1;visibility:hidden;}
#hover01, #hover02, #hover03, #hover04, #hover05, #hover06, #hover07{ width:245px; height:245px; display:block; height:100px; position:absolute; z-index:3; visibility:hidden; }-->
/*¸ÞÀÎÇÏ´Ü Ãß°¡NEW ÀÓ½Ã¼öÁ¤ */
#banner01 {width:223px;height:254px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('http://bdmp-007.cafe24.com/bizdemo19058/img/main/Mcontent1.jpg') ;}
#banner02 {width:223px;height:254px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('http://bdmp-007.cafe24.com/bizdemo19058/img/main/Mcontent2.jpg') ;}
#banner03 {width:223px;height:254px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('http://bdmp-007.cafe24.com/bizdemo19058/img/main/Mcontent3.jpg') ;}
#banner04 {width:446px;height:181px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;}
#banner05 {width:223px;height:181px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('http://bdmp-007.cafe24.com/bizdemo19691/img/main/banner05.gif') ;}
#banner06 {width:223px;height:181px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('http://bdmp-007.cafe24.com/bizdemo19058/img/main/Mcontent6.png') ;}
#banner07 {width:311px;height:181px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('../img/main/content7.png') ;}
#overlay01, #overlay02, #overlay03, #overlay05, #overlay06 { background-color:#000; display:block; position:absolute; top:0; left:0; width:223px; height:254px; z-index:1;visibility:hidden;}
#hover01, #hover02, #hover03, #hover05, #hover06{ width:223px; height:254px; display:block; height:100px; position:absolute; z-index:3; visibility:hidden; }
#overlay07 { background-color:#000; display:block; position:absolute; top:0; left:0; width:311px; height:181px; z-index:1;visibility:hidden;}
#hover07{ width:311px; height:181px; display:block; height:100px; position:absolute; z-index:3; visibility:hidden; }