* { margin:0; padding:0; border:0; }
html, body { width:100%; height:100%;  }
body { font-family: 'NanumGothic'; }
a:hover { text-decoration:none; }

/* header */
#header { position:absolute; width:100%; height:117px;  z-index:999;}

#header .header_top { position:relative; height:58px;  }
#header .header_top .inner { width:1226px; height:auto; margin:0 auto; text-align:center; }
#header .header_top .topMenu { position:relative; width:200px; height:33px; float:right; padding-top:30px;  }
#header .header_top .topMenu li { float:left; margin:0 5px;}
#header .header_top .topMenu li a { font-family: 'Century Gothic'; font-weight:bold; font-size:14px; letter-spacing:-0.01em; color:#717477; }

#header .header_bottom { position:relative; width:100%; height:66px; background-color:#2f2f2f;   }
#header .header_bottom .inner { width:1226px; height:auto; margin:0 auto; text-align:center; }
#header .header_bottom .logo { float:left; width:266px; height:66px; background:url(/img/common/logo.jpg);  }
#header .header_bottom .gnb { float:left; height:66px; }
#header .header_bottom .gnb > li { float:left; position:relative; margin-top:-5px; }
#header .header_bottom .gnb > li > a {  height:66px;   display:inline-block; }
#header .header_bottom .gnb > li > a.gnb01 { width:140px;  background:url(/img/common/gnb01.jpg);  }
#header .header_bottom .gnb > li > a.gnb02 { width:117px;  background:url(/img/common/gnb02.jpg);  }
#header .header_bottom .gnb > li > a.gnb03 {  width:106px;  background:url(/img/common/gnb03.jpg);  }
#header .header_bottom .gnb > li > a.gnb04 {  width:106px;  background:url(/img/common/gnb04.jpg);  }
#header .header_bottom .gnb > li > a.gnb05 {  width:117px;  background:url(/img/common/gnb05.jpg);  }
#header .header_bottom .gnb > li > a.gnb06 {  width:133px;  background:url(/img/common/gnb06.jpg);  }
#header .header_bottom .gnb > li > a.gnb07 {  width:108px;  background:url(/img/common/gnb07.jpg);  }
#header .header_bottom .gnb > li > a.gnb08 {  width:132px;  background:url(/img/common/gnb08.jpg);  }
#header .header_bottom .gnb .sub { position:absolute; width:170px; top:66px; border-top:5px solid #8fc650; background:#2f2f2f; display:none;  }
#header .header_bottom .gnb .sub li { height:40px; line-height:40px; border-top:1px solid #3b3b3b;  text-align:left; padding-left:10px; }
#header .header_bottom .gnb .sub li a { display:block; color:#8fc650; font-size:14px; letter-spacing:-0.05em;    }

#header .header_bottom .gnb .sub li:first-child {  border-top:0; }
#header .header_bottom .gnb .sub li:hover { 
	background:#8fc650;  
	background: -webkit-linear-gradient(top, #2f2f2f 10%, #8fc650 90%) !important;
	background: -ms-linear-gradient(top, #2f2f2f 10%, #8fc650 90% ) !important;	
}
#header .header_bottom .gnb .sub li:hover a {color:#fff;  margin-left:-1px; }


/* footer */
#footer { text-align:center; width:100%; }
.footerTop { width:100%; max-width:1280px; background:url(/img/sub/png/sub_wrap_bg.png); margin:0 auto;}
.footerBody { width:100%; position:relative; background:#2b2b2b; }
.footerBody_inner { position:relative; width:1280px; margin:auto; }
.footerBody .link { display:block; position:absolute;   }
.footerBody .link1 { width:63px; height:23px; left:540px; top:35px;  }
.footerBody .link2 { width:98px; height:23px; left:603px; top:35px;  }
.footerBody .link3 { width:99px; height:23px; left:701px; top:35px;  }
.footerBody .link4 { width:73px; height:23px; left:800px; top:35px;  }


#quickBar { position:fixed; right:0; top:124px; width:70px; height:617px; z-index:999;}
#quickBar div a { display:block; width:70px; background-image:url(/img/quick_bar_new.png); }

#quickBar div.QB_0 a { height:74px; background-position:-70px -0px; }
#quickBar div.QB_0 a:hover { height:74px; background-position:-0px -0px; }


#quickBar div.QB_1 a { height:79px; background-position:-70px -74px; }
#quickBar div.QB_1 a:hover { height:79px; background-position:-0px -74px; }


#quickBar div.QB_2 a { height:76px; background-position:-70px -152px; }
#quickBar div.QB_2 a:hover { height:76px; background-position:-0px -152px; }

#quickBar div.QB_3 a { height:74px; background-position:-70px -228px; }
#quickBar div.QB_3 a:hover { height:74px; background-position:-0px -228px; }

#quickBar div.QB_4 a { height:72px; background-position:-70px -302px; }
#quickBar div.QB_4 a:hover { height:72px; background-position:-0px -302px; }

#quickBar div.QB_5 a { height:74px; background-position:-70px -374px; }
#quickBar div.QB_5 a:hover { height:74px; background-position:-0px -374px; }

/*
#quickBar div.QB_6 a { height:73px; background-position:-70px -453px; }
#quickBar div.QB_6 a:hover { height:73px; background-position:-0px -453px; }
*/
#quickBar div.QB_6 a { height:74px; background-position:-70px -448px; }
#quickBar div.QB_6 a:hover { height:74px; background-position:-0px -448px; }

#quickBar div.QB_7 a { height:74px; background-position:-70px -522px; }
#quickBar div.QB_7 a:hover { height:74px; background-position:-0px -522px; }

#quickBar div.QB_8 a { height:21px; background-position:-70px -596px; }
#quickBar div.QB_8 a:hover { height:21px; background-position:-0px -596px; }

/*
#quickBar div.QB_0 a { height:74px; background-position:-70px -0px; }
#quickBar div.QB_0 a:hover { height:74px; background-position:-0px -0px; }


#quickBar div.QB_1 a { height:78px; background-position:-70px -74px; }
#quickBar div.QB_1 a:hover { height:78px; background-position:-0px -74px; }


#quickBar div.QB_2 a { height:80px; background-position:-70px -152px; }
#quickBar div.QB_2 a:hover { height:80px; background-position:-0px -152px; }

#quickBar div.QB_3 a { height:76px; background-position:-70px -231px; }
#quickBar div.QB_3 a:hover { height:76px; background-position:-0px -231px; }

#quickBar div.QB_4 a { height:73px; background-position:-70px -308px; }
#quickBar div.QB_4 a:hover { height:73px; background-position:-0px -308px; }

#quickBar div.QB_5 a { height:73px; background-position:-70px -380px; }
#quickBar div.QB_5 a:hover { height:73px; background-position:-0px -380px; }

#quickBar div.QB_6 a { height:73px; background-position:-70px -453px; }
#quickBar div.QB_6 a:hover { height:73px; background-position:-0px -453px; }

#quickBar div.QB_7 a { height:22px; background-position:-70px -527px; }
#quickBar div.QB_7 a:hover { height:22px; background-position:-0px -527px; }
*/