@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {padding:0;}
body {height: 100%; 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:25px;}
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;}
#main_bb{width:100%;position:relative;text-align:right;height:195px;min-width: 1000px;}
#wrap{width:100%;position:relative;text-align:left;height:100%;min-width: 1000px;top:100}*/
#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:145px;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 85px;_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:10px;}
.quick{float:left;margin:68px 0 0 19px;}
#container{width:1000px;height:120px;text-align:left;margin:0 auto;}
/*¸ÞÀÎ Çϴܸ޴º °íÁ¤½Ãų¶§ »ç¿ë#container3{width:1000px;height:54px;text-align:left;margin:0 auto;z-index:-1;padding:0px 0 117px 0;}*/
#container3{width:1000px;height:54px;text-align:left;margin:0 auto;z-index:-1;padding:0px 0 10px 0;}
#container4{width:1000px;height:30px;text-align:left;margin:0 auto;z-index:-1;padding:0px 0 0px 0;}
/*¸ÞÀÎ Çϴܸ޴º °íÁ¤½Ãų¶§ »ç¿ë#footer_wrap{width:100%;height:107px;position:fixed;background:#eee6d1;left:0;bottom:0;}*/
#footer_wrap{width:100%;height:107px;position:relative;background:#eee6d1;left:0;bottom:0;}
.content_footer{width:1000px;position:relative;text-align:left;margin:0 auto;padding-top:10px;padding-left:100px;vertical-align:center;}
.footer_img{float:left;padding-top:10px;}
.footer_txt{float:left;padding-left:20px;padding-top:7px;font-size:13px;}
.footer_txt p{color :#626262;line-height:20px;font-size:13px;}
.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: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: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:350px; }
ul.type01{float:left; width:650px; height:190px;color:#5a5a5a; text-align:left;}
li.type01 {float:left;width:130px; 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;}
/*¸ÞÀιè³Ê ¸¶¿ì½º¿À¹ö */
#slidebanner_wrap {margin: 0px auto; width: 100%; height: 0px; text-align: left; position: relative; background-color: rgb(245, 245, 245);}
#slidebanner {margin: 0px auto; width: 1000px; text-align: left;}
#slidebanner ul li {height: 195px; overflow: hidden; float: left; display: inline-block; position: relative;}
#slidebanner ul li a {display: block;}
#slidebanner ul li div {top: 195px; width: 140px; height: 195px; float: left; position: absolute; z-index: 1000; cursor: pointer; opacity: 0.6; background-color: rgb(0, 0, 0);}
#slidebanner ul li div p {padding: 20px; text-align: center;}
#slidebanner ul li div h7 {text-align: center; color: rgb(255, 255, 255); line-height: 100px; font-size: 1.6em; font-weight: normal; opacity: 0.99;}
/*¸ÞÀÎÇÏ´Ü Ãß°¡ */
#content{width:1000px;height:180px;margin:0 auto;}
#content ul{float:left; margin-bottom:0px;}
#content li{float:left; width:150px; 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:196px; margin:0; padding:0}
#content .con2{width:311px; height:196px; background:#f4f4f4; margin:0; padding:0}
#content .title{width:311px; height:40px; position:relative; }
#content .title .title_notice{position:absolute;top:11px;left:1px;}
#content .title .more{position:absolute;top:12px;left:250px;}
#content .notice{width:309px;height:138px; margin-top:0px; margin-left:0px; margin-right:0px;}
#content .news{width:311px;height:138px; margin-top:10px; margin-left:8px;}
/*Æ˾÷Ãß°¡*/
#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:145px;height:210px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('../img/main/Mcontent1.jpg') ;}
#banner02 {width:145px;height:210px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('../img/main/Mcontent2.jpg') ;}
#banner03 {width:145px;height:210px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('../img/main/Mcontent3.jpg') ;}
#banner04 {width:145px;height:210px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('../img/main/Mcontent4.jpg') ;}
#banner05 {width:145px;height:210px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('../img/main/Mcontent5.jpg') ;}
#banner06 {width:145px;height:210px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('../img/main/Mcontent6.jpg') ;}
#banner07 {width:145px;height:210px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('../img/main/Mcontent7.jpg') ;}
#banner08 {width:145px;height:210px;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url('../img/main/Mcontent8.jpg') ;}
#overlay01, #overlay02, #overlay03 { background-color:#000; display:block; position:absolute; top:0; left:0; width:223px; height:254px; z-index:1;visibility:hidden;}
#overlay04 { background-color:#000; display:block; position:absolute; top:0; left:0; width:311px; height:254px; z-index:1;visibility:hidden;}
#overlay05, #overlay06 { background-color:#000; display:block; position:absolute; top:0; left:0; width:223px; height:181px; z-index:1;visibility:hidden;}
#hover01, #hover02, #hover03 { width:223px; height:254px; display:block; height:100px; position:absolute; z-index:3; visibility:hidden; }
#hover04 { width:311px; height:254px; display:block; height:100px; position:absolute; z-index:3; visibility:hidden; }
#hover05, #hover06{ width:223px; height:181px; 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; }
#hover08{ width:1000px; height:220px; display:block; height:200px; position:absolute; z-index:3; visibility:hidden; }
.install{width:1000px;height:220px;text-align:left;margin:0 auto;z-index:-1;padding-top:0px;}