@charset "utf-8";

/* Common */
body{background-color:#cde76c;*word-break:break-all;-ms-word-break:break-all;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{font-size:12px;margin:0;padding:0;vertical-align:top}
body,input,textarea,select,button,table{font-family:"????", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;font-size:12px;line-height:18px;color:#666;}
html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
img,fieldset{border:0 none}
ul,ol,dl{list-style:none}
em,address{font-style:normal}
legend{*margin-left:-7px}
th{text-align:left}
a{color:#4c4c4c;text-decoration:none;cursor:hand}
a:hover,a:active,a:focus{color:#333;text-decoration:underline}
a,area {blr:expression(this.onFocus=this.blur())}
:focus { -moz-outline-style:none;}


/* layout */
#wrap{background-image: url(../img/bg.png);background-repeat:repeat-x;}
#header,#footer .foot,#container{position:relative;width:1050px;margin:0 auto;text-align:left !important}
#header{z-index:1003; }
#footer{z-index:1002;}
#container{z-index:1001;}
#header,
#header .tp_tx a,
#footer .foot,
#footer .foot span a{background-image: url(../img/common.png);background-repeat:no-repeat;}

/* footer */
#footer{background-color:#fff;}
#footer .foot{height:150px;}
#footer .foot,#footer .foot span a{background-position:0 -40px}
#footer .foot span{position:absolute;left:40px;top:60px; width:93%;height:30px;display:inline-block;text-align:right !important}
#footer .foot span a{margin:10px 0 0 3px;height:13px;display:inline-block;overflow:hidden;font-size:0;line-height:0 !important}
#footer .foot span a.tx1{width:40px;background-position:-1138px 0}
#footer .foot span a.tx2{width:75px;background-position:-1138px -20px;}
#footer .foot p{position:absolute;left:860px;top:45px;}
#footer .bt_logo{position:absolute;left:20px;top:0px; background:#fff; width:100%;}
#footer .copyright {position:absolute; left:263px; top:90px;font-size:11px; color:#959595;}

/* header */
#header{height:92px;}
#header .logo{position:absolute;top:20px;left:40px;display:inline-block;width:200px;height:70px;}
#header .logo{overflow:hidden;font-size:0;line-height:0 !important}
#header .tp_tx{width:93%;height:30px;display:inline-block;text-align:right !important}
#header .tp_tx a{margin:10px 0 0 3px;height:13px;display:inline-block;overflow:hidden;font-size:0;line-height:0 !important}
#header .tp_tx a.home{width:37px;background-position:-1050px 0}
#header .tp_tx a.login{width:35px;background-position:-1050px -20px}
#header .tp_tx a.logout{width:44px;background-position:-1050px -60px}
#header .tp_tx a.join{width:50px;background-position:-1050px -40px}
#header .tp_tx a.myinfo{width:50px;background-position:-1050px -80px}
#header .top_nav{position:absolute;top:30px;left:360px;}


.nav_bg_dot {position:absolute; width:625px; height:75px; background:url(../img/nav-bg1.png) no-repeat;}
.main-navigation ul, .main-navigation li {margin:0; padding:0; list-style:none;}
.main-navigation{}
.main-navigation > ul{width:625px; height:75px; padding:7px 0 0 10px; background:url(../img/nav-bg.png) no-repeat; clear:both;}
.main-navigation li{position:relative; float:left; height:33px; margin-left:7px;}
.main-navigation li:first-child {margin-left:0;}
.main-navigation li .hover{display:none; position:absolute; top:0; left:0; width:115px; height:33px; background:url(../img/nav-bg-on.png) no-repeat; z-index:1004;}
.main-navigation li a {display:block; position:relative; width:115px; height:33px; padding:11px 0 0 0; font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none; text-align:center;z-index:1004;}
	
.main-navigation ul li ul{position:absolute; display:none; top:33px; width:625px; background:#FCFDF5;}
.main-navigation ul li:hover ul{display:block;}
.main-navigation ul li ul li{float:left; position:relative; margin:0; padding:0;}
.main-navigation ul li ul li a{position:relative; width:auto; height:auto; padding:16px 12px 10px 12px; background:url(../img/nav-line.png) no-repeat left 50%; color:#539B19; font-size:11px; font-weight:600; text-decoration:none; z-index:1004; letter-spacing:-1px;}
.main-navigation ul li ul li:first-child a {background:none;}
.main-navigation ul li ul li a:hover, .main-navigation ul li ul li a.on  {color:#ff6600;}
.main-navigation ul li ul li .hover {background:none;}

.s2 {left:-130px;}
.s2 li a {padding-left:3px!important; padding-right:3px!important;}	
.s5 {left:-30px; width:160px!important;}

.smain table {
  margin-left: auto;
  margin-right: auto;
}