@import url("reset.css");


/* #memberline */
#memberline{ position:relative; width:100%; height:39px; min-width:1020px; background:url(../images/memberline_bg.gif) no-repeat top center #3e3e3e;  }
#memberline .center{ position:relative; width:1020px; height:39px; margin:0 auto;}
#memberline .center .login_zone{ position:relative; width:462px; margin-left:368px }
#memberline .center .login_zone form ul{ position:absolute; top:0px; left:0px; width:100%; height:39px; border-right:1px solid #606060 }
#memberline .center .login_zone form ul li{ float:left; height:39px }
#memberline .center .login_zone form ul li input[type="text"]{ width:128px; height:19px; border:1px solid #ccc }
#memberline .center .login_zone form ul li input[type="password"]{ width:128px; height:19px; border:1px solid #ccc }
#memberline .center .login_zone form div{ position:absolute; top:0px; right:0px; width:112px; height:39px; border-left:1px solid #606060 }
#memberline .center .foregin_zone{ width:170px; height:39px; float:right ; margin-right:10px;}
#memberline .center .foregin_zone ul{ width:100%; height:39px }
#memberline .center .foregin_zone ul li{ float:left; height:39px }
.member_logout{position:absolute; top:0px; left:0px; width:458px; height:39px; border-right:1px solid #606060; text-align:right; overflow:hidden; padding-top:10px}
.member_logout a{color:#999; padding-right:20px; font-family:Tahoma; font-weight:bold; font-size:11px}
.member_logout a:hover{color:orange}

/* #gnb_area */
#gnb_area{ position:relative; width:100%; height:200px; min-width:1020px; background-color:white; border-bottom:1px solid #d9d9d9; overflow:hidden }
#gnb_area .gnb_onedepth{ position:relative; width:1020px; height:70px; margin:0 auto; z-index:10;}
#gnb_area .gnb_onedepth .logo{ position:absolute; float:left; width:181px; height:36px; margin:15px 0 0 36px }
#gnb_area .gnb_onedepth .logo a{ display:block; width:181px; height:36px; background:url(../images/drview_logo.png) no-repeat top center }
#gnb_area .gnb_onedepth .gnb{ position:relative; width:800px; height:70px; border:0px solid; left:340px;}
#gnb_area .gnb_onedepth .gnb li{ position:relative; float:left; height:20px; padding-top:25px; margin-left:85px;}
#gnb_area .gnb_onedepth .gnb li:first-child{ margin-left:0; }
#gnb_area .gnb_onedepth .gnb li a{ display:block; height:34px; background:url(../images/one-depth.png) no-repeat 0 0 }
#gnb_area .gnb_onedepth .gnb li .one-depth01{ width:113px; background-position:0 0; }
#gnb_area .gnb_onedepth .gnb li .one-depth02{ width:139px; background-position:0 -34px; margin-left:-29px; }
#gnb_area .gnb_onedepth .gnb li .one-depth03{ width:113px; background-position:0 -68px; margin-left:-27px;}
#gnb_area .gnb_onedepth .gnb li .one-depth04{ width:57px; background-position:0 -102px; margin-left:-45px; }
#gnb_area .gnb_onedepth .gnb li .one-depth05{ width:93px; background-position:0 -136px; margin-left:-35px;}
#gnb_area .gnb_onedepth .gnb li .one-depth01:hover{ width:113px; background-position:-150px 0 }
#gnb_area .gnb_onedepth .gnb li .one-depth02:hover{ width:139px; background-position:-150px -34px }
#gnb_area .gnb_onedepth .gnb li .one-depth03:hover{ width:113px; background-position:-150px -68px }
#gnb_area .gnb_onedepth .gnb li .one-depth04:hover{ width:57px; background-position:-150px -102px }
#gnb_area .gnb_onedepth .gnb li .one-depth05:hover{ width:93px; background-position:-150px -136px }


#gnb_area .gnb_line  { position:relative; width:1020px; margin:0 auto; top:-50px; }
#gnb_area .gnb_line .line_1 { left:355px;  height:400px;  position:absolute; border-left:1px solid #d9d9d9; }
#gnb_area .gnb_line .line_2 { left:526px;  height:400px;  position:absolute; border-left:1px solid #d9d9d9; }
#gnb_area .gnb_line .line_3 { left:720px;  height:400px;  position:absolute; border-left:1px solid #d9d9d9; }
#gnb_area .gnb_line .line_4 { left:870px;  height:400px;  position:absolute; border-left:1px solid #d9d9d9; }
#gnb_area .gnb_line .line_5 { left:980px;  height:400px;  position:absolute; border-left:1px solid #d9d9d9; }


#gnb_area .gnb_twodepth{ position:relative;  width:983px; height:300px; margin:0 auto;  border:0px solid #d9d9d9; }

#gnb_area .gnb_twodepth .gnb_1{ margin-left:355px; width:100px; border:0px solid;  height:0; float:left;}
#gnb_area .gnb_twodepth .gnb_1 li{ padding-top:5px; margin-left:0px; list-style:none;  }
#gnb_area .gnb_twodepth .gnb_1 li:first-child{ margin-left:0px }
#gnb_area .gnb_twodepth .gnb_1 li a{ display:block; height:20px; background:url(../images/main_btn_1.png) no-repeat 0 0;  }
#gnb_area .gnb_twodepth .gnb_1 li .one-depth01{ width:100px; background-position:0 0;  }
#gnb_area .gnb_twodepth .gnb_1 li .one-depth02{ width:100px; background-position:0 -20px; }
#gnb_area .gnb_twodepth .gnb_1 li .one-depth03{ width:100px; background-position:0 -40px; }
#gnb_area .gnb_twodepth .gnb_1 li .one-depth04{ width:100px; background-position:0 -60px }
#gnb_area .gnb_twodepth .gnb_1 li .one-depth05{ width:100px; background-position:0 -80px; }
#gnb_area .gnb_twodepth .gnb_1 li .one-depth06{ width:105px; background-position:0 -100px; }
#gnb_area .gnb_twodepth .gnb_1 li .one-depth07{ width:100px; background-position:0 -120px; }
#gnb_area .gnb_twodepth .gnb_1 li .one-depth01:hover{ width:100px; background-position:-150px 0 }
#gnb_area .gnb_twodepth .gnb_1 li .one-depth02:hover{ width:100px; background-position:-150px -20px }
#gnb_area .gnb_twodepth .gnb_1 li .one-depth03:hover{ width:100px; background-position:-150px -40px }
#gnb_area .gnb_twodepth .gnb_1 li .one-depth04:hover{ width:100px; background-position:-150px -60px }
#gnb_area .gnb_twodepth .gnb_1 li .one-depth05:hover{ width:100px; background-position:-150px -80px }
#gnb_area .gnb_twodepth .gnb_1 li .one-depth06:hover{ width:105px; background-position:-150px -100px }
#gnb_area .gnb_twodepth .gnb_1 li .one-depth07:hover{ width:100px; background-position:-150px -120px }

#gnb_area .gnb_twodepth .gnb_2{ margin-left:526px; width:100px; border:0px solid;  height:0; float:left; }
#gnb_area .gnb_twodepth .gnb_2 li{   padding-top:5px; margin-left:0px; list-style:none;  }
#gnb_area .gnb_twodepth .gnb_2 li:first-child{ margin-left:0px }
#gnb_area .gnb_twodepth .gnb_2 li a{ display:block; height:20px; background:url(../images/main_btn_2.png) no-repeat 0 0;  }
#gnb_area .gnb_twodepth .gnb_2 li .one-depth01{ width:80px; background-position:0 0;  }
#gnb_area .gnb_twodepth .gnb_2 li .one-depth02{ width:170px; background-position:0 -20px; }
#gnb_area .gnb_twodepth .gnb_2 li .one-depth03{ width:80px; background-position:0 -40px; }
#gnb_area .gnb_twodepth .gnb_2 li .one-depth04{ width:170px; background-position:0 -60px }
#gnb_area .gnb_twodepth .gnb_2 li .one-depth05{ width:80px; background-position:0 -80px; }
#gnb_area .gnb_twodepth .gnb_2 li .one-depth06{ width:170px; background-position:0 -100px }
#gnb_area .gnb_twodepth .gnb_2 li .one-depth01:hover{ width:80px; background-position:-170px 0 }
#gnb_area .gnb_twodepth .gnb_2 li .one-depth02:hover{ width:170px; background-position:-170px -20px }
#gnb_area .gnb_twodepth .gnb_2 li .one-depth03:hover{ width:80px; background-position:-170px -40px }
#gnb_area .gnb_twodepth .gnb_2 li .one-depth04:hover{ width:170px; background-position:-170px -60px }
#gnb_area .gnb_twodepth .gnb_2 li .one-depth05:hover{ width:80px; background-position:-170px -80px }
#gnb_area .gnb_twodepth .gnb_2 li .one-depth06:hover{ width:170px; background-position:-170px -100px }

#gnb_area .gnb_twodepth .gnb_3{ margin-left:720px; width:100px; border:0px solid;  height:0; float:left; }
#gnb_area .gnb_twodepth .gnb_3 li{   padding-top:5px; margin-left:0px; list-style:none;    }
#gnb_area .gnb_twodepth .gnb_3 li:first-child{ margin-left:0px  }
#gnb_area .gnb_twodepth .gnb_3 li a{ display:block; height:20px; background:url(../images/main_btn_3.png) no-repeat 0 0;  }
#gnb_area .gnb_twodepth .gnb_3 li .one-depth01{ width:80px; background-position:0 0;  }
#gnb_area .gnb_twodepth .gnb_3 li .one-depth02{ width:80px; background-position:0 -20px; }
#gnb_area .gnb_twodepth .gnb_3 li .one-depth01:hover{ width:80px; background-position:-150px 0 }
#gnb_area .gnb_twodepth .gnb_3 li .one-depth02:hover{ width:80px; background-position:-150px -20px }

#gnb_area .gnb_twodepth .gnb_4{ margin-left:870px; width:100px; border:0px solid;  height:0; float:left; }
#gnb_area .gnb_twodepth .gnb_4 li{   padding-top:5px; margin-left:0px; list-style:none;    }
#gnb_area .gnb_twodepth .gnb_4 li:first-child{ margin-left:0px  }
#gnb_area .gnb_twodepth .gnb_4 li a{ display:block; height:20px; background:url(../images/main_btn_4.png) no-repeat 0 0;  }
#gnb_area .gnb_twodepth .gnb_4 li .one-depth01{ width:100px; background-position:0 0;  }
#gnb_area .gnb_twodepth .gnb_4 li .one-depth02{ width:80px; background-position:0 -20px; }
#gnb_area .gnb_twodepth .gnb_4 li .one-depth03{ width:80px; background-position:0 -40px; }
#gnb_area .gnb_twodepth .gnb_4 li .one-depth01:hover{ width:100px; background-position:-150px 0 }
#gnb_area .gnb_twodepth .gnb_4 li .one-depth02:hover{ width:80px; background-position:-150px -20px }
#gnb_area .gnb_twodepth .gnb_4 li .one-depth03:hover{ width:80px; background-position:-150px -40px }


#gnb_area .gnb_twodepth .gnb_5{ margin-left:980px; width:100px; border:0px solid;   height:0;  float:left; }
#gnb_area .gnb_twodepth .gnb_5 li{   padding-top:5px; margin-left:0px; list-style:none;  }
#gnb_area .gnb_twodepth .gnb_5 li:first-child{ margin-left:0px }
#gnb_area .gnb_twodepth .gnb_5 li a{ display:block; height:20px; background:url(../images/main_btn_5.png) no-repeat 0 0;  }
#gnb_area .gnb_twodepth .gnb_5 li .one-depth01{ width:80px; background-position:0 0;  }
#gnb_area .gnb_twodepth .gnb_5 li .one-depth02{ width:80px; background-position:0 -20px; }
#gnb_area .gnb_twodepth .gnb_5 li .one-depth03{ width:80px; background-position:0 -40px; }
#gnb_area .gnb_twodepth .gnb_5 li .one-depth04{ width:80px; background-position:0 -60px }
#gnb_area .gnb_twodepth .gnb_5 li .one-depth01:hover{ width:80px; background-position:-150px 0 }
#gnb_area .gnb_twodepth .gnb_5 li .one-depth02:hover{ width:80px; background-position:-150px -20px }
#gnb_area .gnb_twodepth .gnb_5 li .one-depth03:hover{ width:80px; background-position:-150px -40px }
#gnb_area .gnb_twodepth .gnb_5 li .one-depth04:hover{ width:80px; background-position:-150px -60px }






#footer{ position:relative; width:100%; height:120px; background:#262626; }
#footer .center{ position:relative; width:1020px; height:120px; margin:0 auto;  }
#footer .center ul{width:984px; padding-top:43px;}
#footer .center ul li{float:left;}
#footer .center ul li p{width:332px;font-size:12px; color:#737373; font-family:Dotum; margin:0 auto;border-right:1px solid #737373; padding-left:30px;}