html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,td,abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {
 margin: 0; padding: 0; border: 0; outline: 0;}
abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block;}
body {line-height:18px; font-family: "µ¸¿ò", "dotum", "sans-serif"; font-size:12px;color:#666;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
a {color:#666;text-decoration:none;}
.clearfix{clear:both;}
.f_bold{font-weight:bold;}
.f_bold_n{font-weight:normal;}
.MB_0{margin-bottom:0!important;}
.fR{float:right;}
.fL{float:left;}
.fC{text-align:center;}
.top_5 {padding-top:5px;}
.top_10 {padding-top:10px;}
.top_20 {padding-top:20px;}
.top_30 {padding-top:30px;}
.left_10 {padding-left:10px;}
.r_20 {padding-right:20px;}
.r_4 {padding-right:4px;}
.b_4 {padding-bottom:4px;}
 
body{position:relative; background:url(../img/su ffb_bg.gif) repeat-y 0 0;}
#header{left:0; height:840px; width:160px; position:absolute; z-index:100; }
#header h1 {position:absolute; z-index:998;}
.menu_area{position:absolute; width:100%; height:30px; background:url(../img/menu_bar.png) repeat-x 0 0; z-index:2;}
.menu{position:absolute; top:0;  width:100%; height:100px; z-index:100; margin:0 auto ;}
/* menu gnb */
#gnbArea  {position:absolute;text-align:left;height:100%;background:url(../img/menu_bg.png) repeat-y right top; vertical-align:top; left:0px; top:0px; z-index:995;}
 #gnb  {text-align:right;width:160px;height:100%;float:left;text-align:center;display:block;z-index:10;}
  .menu  {position:relative; margin:0 auto; padding-top:150px; width:160px ;height:150px; overflow:hidden; display:block;}
  .menu ul  {width:160px; display:block;}
  .menu ul li   {margin:0;padding:0; float:left;}
  .menu ul li a  {float:left;margin:0;padding:0;width:160px; background:url(../img/menu.png) no-repeat center top; display:block;}
  .menu ul li span {position:absolute; top:-99999px;}
  .menu ul li a.menu1 {width:160px;height:30px;background-position:0 0;}
  .menu ul li a.menu1:hover       {width:160px;height:30px;background-position:-160px 0;}
  .menu ul li a.menu1b{width:160px;height:30px;background-position:-160px 0;}
  .menu ul li a.menu2 {width:160px;height:30px;background-position:0 -30px}
  .menu ul li a.menu2:hover       {width:160px;height:30px;background-position:-160px -30px;}
  .menu ul li a.menu2b{width:160px;height:30px;background-position:-160px -30px;}
  .menu ul li a.menu3 {width:160px;height:30px;background-position:0 -60px}
  .menu ul li a.menu3:hover       {width:160px;height:30px;background-position:-160px -60px;}
  .menu ul li a.menu3b{width:160px;height:30px;background-position:-160px -60px;}
  .menu ul li a.menu4 {width:160px;height:30px;background-position:0 -90px}
  .menu ul li a.menu4:hover       {width:160px;height:30px;background-position:-160px -90px;}
  .menu ul li a.menu4b{width:160px;height:30px;background-position:-160px -90px;}
  .menu ul li a.menu5 {width:160px;height:30px;background-position:0 -120px;}
  .menu ul li a.menu5:hover       {width:160px;height:30px;background-position:-160px -120px;}
  .menu ul li a.menu5b{width:160px;height:30px;background-position:-160px -120px;}
  /* sub gnb */
  .sub1  {position:relative;margin:150px auto -160px;padding:0;left:0px;width:110px;}
  .sub1 ul  {width:110px; display:block;}
  .sub1 ul li   {margin:0px; padding:0;}
  .sub1 ul li a  {margin:0;padding:0;width:110px;background:url(../img/menu1.gif) no-repeat center top;display:block;}
  .sub1 ul li span {position:absolute;top:-99999px;}
  .sub1 ul li a.menu1 {width:110px;height:25px;background-position:0 0;}
  .sub1 ul li a.menu1:hover       {width:110px;height:25px;background-position:-110px 0;}
  .sub1 ul li a.menu1b{width:110px;height:25px;background-position:-110px 0;}
  .sub1 ul li a.menu2 {width:110px;height:25px;background-position:0 -25px;}
  .sub1 ul li a.menu2:hover       {width:110px;height:25px;background-position:-110px -25px;}
  .sub1 ul li a.menu2b{width:110px;height:25px;background-position:-110px -25px;}
  .sub1 ul li a.menu3 {width:110px;height:25px;background-position:0 -50px;}
  .sub1 ul li a.menu3:hover       {width:110px;height:25px;background-position:-110px -50px;}
  .sub1 ul li a.menu3b{width:110px;height:25px;background-position:-110px -50px;}
  .sub2  {position:relative;margin:180px auto -160px;padding:0; left:0; width:110px;}
  .sub2 ul  {width:110px; display:block;}
  .sub2 ul li   {margin:0px; padding:0;}
  .sub2 ul li a  {margin:0 ;padding:0;width:110px;background:url(../img/menu2.gif) no-repeat center top; display:block;}
  .sub2 ul li span {position:absolute;top:-99999px;}
  .sub2 ul li a.menu1 {width:110px;height:25px;background-position:0 0;}
  .sub2 ul li a.menu1:hover       {width:110px;height:25px;background-position:-110px 0px}
  .sub2 ul li a.menu1b{width:110px;height:25px;background-position:-110px 0px;}
  .sub2 ul li a.menu2 {width:110px;height:25px;background-position:0 -25px;}
  .sub2 ul li a.menu2:hover       {width:110px;height:25px;background-position:-110px -25px;}
  .sub2 ul li a.menu2b{width:110px;height:25px;background-position:-110px -25px;}
  .sub2 ul li a.menu3 {width:110px;height:25px;background-position:0 -50px;}
  .sub2 ul li a.menu3:hover       {width:110px;height:25px;background-position:-110px -50px;}
  .sub2 ul li a.menu3b{width:110px;height:25px;background-position:-110px -50px;}
  .sub2 ul li a.menu4 {width:110px;height:25px;background-position:0 -75px;}
  .sub2 ul li a.menu4:hover       {width:110px;height:25px;background-position:-110px -75px;}
  .sub2 ul li a.menu4b{width:110px;height:25px;background-position:-110px -75px;}
  .sub2 ul li a.menu5 {width:110px;height:25px;background-position:0 -100px;}
  .sub2 ul li a.menu5:hover       {width:110px;height:25px;background-position:-110px -100px;}
  .sub2 ul li a.menu5b{width:110px;height:25px;background-position:-110px -100px;}
  
  
  .sub3  {position:relative;margin:210px auto -270px; padding:0; left:0; width:110px; }
  .sub3 ul  {width:110px; display:block;}
  .sub3 ul li   {margin:0px; padding:0;}
  .sub3 ul li a  {margin:0;padding:0;width:110px;background:url(../img/menu3.gif) no-repeat center top; display:block;}
  .sub3 ul li span {position:absolute;top:-99999px;}
  .sub3 ul li a.menu1 {width:110px;height:25px;background-position:0 0;}
  .sub3 ul li a.menu1:hover       {width:110px;height:25px;background-position:-110px 0;}
  .sub3 ul li a.menu1b{width:110px;height:25px;background-position:-110px 0;}
  .sub4  {position:relative;margin:240px auto -305px;padding:0; left:0; width:110px;}
  .sub4 ul  {width:110px; display:block;}
  .sub4 ul li   {margin:0px; padding:0;}
  .sub4 ul li a  {margin:0;padding:0;width:110px;background:url(../img/menu4.gif) no-repeat center top; display:block;}
  .sub4 ul li span {position:absolute;top:-99999px;}
  .sub4 ul li a.menu1 {width:110px;height:25px;background-position:0 0;}
  .sub4 ul li a.menu1:hover       {width:110px;height:25px;background-position:-110px 0;}
  .sub4 ul li a.menu1b{width:110px;height:25px;background-position:-110px 0;}
  .sub5  {position:relative;margin:270px auto -340px;padding:0; left:0; width:110px; }
  .sub5 ul  {width:110px; display:block;}
  .sub5 ul li   {margin:0px; padding:0;}
  .sub5 ul li a  {margin:0;padding:0;width:110px;background:url(../img/menu5.gif) no-repeat center top; display:block;}
  .sub5 ul li span {position:absolute;top:-99999px;}
  .sub5 ul li a.menu1 {width:110px;height:25px;background-position:0 0;}
  .sub5 ul li a.menu1:hover       {width:110px;height:25px;background-position:-110px 0;}
  .sub5 ul li a.menu1b{width:110px;height:25px;background-position:-110px 0;}
  .sub5 ul li a.menu2 {width:110px;height:25px;background-position:0 -25px;}
  .sub5 ul li a.menu2:hover       {width:110px;height:25px;background-position:-110px -25px;}
  .sub5 ul li a.menu2b{width:110px;height:25px;background-position:-110px -25px;}
 div.sub  {float:left;position:absolute;margin:0;padding:0;left:160px;width:110px;height:100%;background:url(../img/smenu_bg.png) repeat-y left top;display:block;z-index:995;}
#mright_con {right:0; height:880px; width:160px; position:absolute; z-index:100; background:url(../img/menu_bg.png) repeat 0 0;}
.mboard_box  {height:85px; padding:10px;  width:140px;}
.mport_box  {height:220px; width:140px; padding:10px;}
.top_btn ul{padding-left:15px;}
.top_btn ul li{float:left; padding:0 2px;}
.top_btn ul li a{display:block;}
.sns_btn ul{padding-left:23px; padding-top:6px;}
.sns_btn ul li{float:left; padding:0 6px;}
.sns_btn ul li a{display:block;}
.main-visual01 {background:url(../img/main_img1.jpg) no-repeat 50% 0;}
.main-visual02 {background:url(../img/main_img2.jpg) no-repeat 50% 0;}
.main-visual03 {background:url(../img/main_img3.jpg) no-repeat 50% 0;}
.main-visual04 {background:url(../img/main_img4.jpg) no-repeat 50% 0;}
.main-visual05 {background:url(../img/main_img5.jpg) no-repeat 50% 0;}
.effectContainer {width:100%; height:880px; margin:auto 0;}
.slide{position:relative; width:100%; height:880px;}
div.fadenav{position:absolute; top:620px; right: 50%; margin: 0 -130px 0 0;}
div.fadenav a{display:block; width:40px; height:5px; float:left; overflow: hidden; background:url(../img/fd_01.png); margin-right:10px;}
div.fadenav a.current{background:url(../img/fd_02.png);}
div.fadenavrightQuickMenu a.current{background:url(../img/fd_02.png);}
.main_f {position:absolute; width:640px; height:250px; top:50px; right: 50%; margin: 0 -320px 0 0;}
.mbanner_f {position:absolute; margin:0 auto; width:640px; height:110px; top:370px; z-index:1000; right: 50%; margin: 0 -320px 0 0;}
.mcon_box{width:100%; height:240px; position:absolute; top:640px; background:url(../img/trans_bg.png) repeat 0 0;}
.mcon {width:860px; padding-top:15px;  margin:0 auto;}
.mcon h2 {border-top:1px solid #959595; border-bottom:1px solid #959595;}
.mbox {padding:10px 0;}
.contents_box {height:auto !important; position:relative; width:100%;  padding-bottom:20px;}
.contents {position:relative; width:770px; margin-left:340px;}
.contents_s { width:770px; position:relative;  padding:0 0 20px 0;}
#location {float:right; width:400px; height:38px; padding-top:20px; text-align:right;}
#content-area {width:770px; position:relative; margin-top:30px;}
.sub_menu{width:770px; position:relative;}
.sub_menu nav{padding:10px 0; border-top:1px solid #CDBDA4; border-bottom:2px solid #CDBDA4; width:770px; margin-bottom:20px;}
.sub_menu nav ul{text-align:center;}
.sub_menu nav ul li{display:inline; font-weight:bold; padding-right:20px; margin-right:20px; border-right:1px solid #CDBDA4;}
.sub_menu nav ul li.end {padding:0; margin:0; border:none;}
.sub_menu nav ul li a{display:inline; font-weight:bold; padding:0 3px;}
.sub_menu nav ul li a:hover {color:#ffffff; background:#372E22;}
.quickmenu {position:absolute; width:80px; height:160px; top:0px; z-index:1000; margin: 0 0 0 1160px;}
.quickmenu p {padding-bottom:5px;}
.sub_title{width:770px; height:60px; padding-bottom:20px; border-bottom:1px solid #D7D7D7; margin-top:60px;}
.sub_title h2{position:relative; width:370px;}
#location {float:right; width:340px;  padding-top:50px; text-align:right;}
.mfooter {position:relative; width:100%; }
.mfooter section {position:relative; width:640px; margin:0 auto ; padding-top:10px;}
.sfooter {position:relative; width:100%; }
.sfooter section {float:left; width:770px; margin:10px 0 20px 340px; padding:10px 0 0 0; border-top:1px solid #D7D7D7; }
input {vertical-align:middle;}
img {vertical-align:middle; font-size:0;}
.leftbanner {position:absolute; top:0;  width:160px; height:100px; z-index:996; top:350px;}