﻿*
{
	margin: 0;
	padding: 0;
	font-family: 돋움, dotum, arial;
	font-size: 12px;
	color: #747f8c;
}

body
{
	background-color: #000000;
}

caption
{
	display: none;
}

a.mainTitleLink
{
	text-decoration: none;
}

a.mainTitleLink:link, a.mainTitleLink:visited
{
	color: #8698ab;
}

a.mainTitleLink:hover, a.mainTitleLink:active
{
	color: #699cd9;
}

#Header
{
	width: 995px;
	height: 115px;
	position: relative;
	background: url(images/bg_main_top.jpg) left top no-repeat;
}

#Header h1
{
	display: block;
	width: 400px;
	height: 80px;
	text-indent: -5000px;
	background: url(images/logo_main_top.jpg) left top no-repeat;
	position: absolute;
	left: 0;
	top: 34px;
}

#Header ul
{
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 24px;
	list-style: none;
	width: 360px;
	overflow: hidden;
	margin-top: 5px;
}

#Header ul *
{
	/*display: block;*/
}

li.login_1
{
	float: left;
	width: 122px;
}

li.login_2
{
	float: left;
	width: 125px;
}

li.login_3
{
	float: left;
	width: 57px;
}

li.login_4
{
	float: left;
	width: 55px;
}

input.tbUserId
{
	width: 113px;
	height: 18px;
	background-color: #000000;
	border: 3px solid #3e5780;
	color: #7eb7fc;
}

input.tbPassword
{
	width: 113px;
	height: 18px;
	background: #000000 url(Images/bg_password.gif) left top no-repeat;
	border: 3px solid #3e5780;
	color: #7eb7fc;
}

#Header li img
{
	border: 0;
	line-height: 0;
	margin-top: 2px;
}

input.btnLogin
{
	width: 54px;
	height: 20px;
	margin-top: 2px;
}

#imgJoin
{
	width: 54px;
	height: 20px;
}

li.loggedin_1
{
	float: left;
	width: 100px;
	color: #ffffff;
	line-height: 24px;
}

li.loggedin_2
{
	float: left;
	width: 91px;
	color: #ffffff;
	line-height: 24px;
	background: url(Images/icon_note.gif) 15px 3px no-repeat;
}

li.loggedin_3
{
	float: left;
	width: 57px;
}

li.loggedin_4
{
	float: left;
	width: 57px;
}

li.loggedin_5
{
	float: left;
	width: 55px;
}

li.loggedin_2 a
{
	color: #ffffff;
}

input.btnLogout
{
	width: 54px;
	height: 20px;
	margin-top: 2px;
}

input.btnManager
{
	width: 54px;
	height: 20px;
	margin-top: 2px;
}

#splitter
{
	color: #537eb1;
	font-weight: bold;
	margin-right: 24px;
}

#Navigation
{
	position: absolute;
	left: 400px;
	top: 34px;
	width: 595px;
	height: 80px;
}

/* Styles for middle area */
#Middle
{
	position: relative;
	width: 995px;
	height: 725px;
	background: url(images/bg_main_middle.jpg) left top no-repeat;
}

#flashMain
{
	width: 623px;
}

h2.hiddenTitle
{
	display: block;
	width: 0;
	height: 0;
	text-indent: -5000px;
}

#ListBox1
{
	position: absolute;
	top: 61px;
	right: 0;
	width: 360px;
	height: 144px;
	background: url(images/bg_main_box.gif) left top repeat-y;
	display: block;
}

#ListBox2
{
	position: absolute;
	top: 61px;
	right: 0;
	width: 360px;
	height: 144px;
	background: url(images/bg_main_box.gif) left top repeat-y;
	display: none;
}

#ListBox3
{
	position: absolute;
	top: 61px;
	right: 0;
	width: 360px;
	height: 144px;
	background: url(images/bg_main_box.gif) left top repeat-y;
	display: none;
}

ul.tabbox1
{
	list-style: none;
	display: block;
	width: 360px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 0;
}

ul.tabbox1 li
{
	width: 120px;
	float: left;
}

ul.tabbox1 *
{
	display: block;
}

ul.tabbox1 img
{
	border: 0;
}

table.mainList
{
	border-collapse: collapse;
	width: 337px;
	position: absolute;
	left: 12px;
	top: 40px;
	/*margin: 2px auto;*/
}

table.mainList tr
{
	height: 20px;
}

table.mainList a
{
	margin-left: 8px;
}

td.bullet
{
	width: 4px;
	font-size: 4px;
}

td.title
{
	width: 266px;
	background: url(images/bg_main_tr1.jpg) top left no-repeat;
}

td.addedDate
{
	width: 67px;
	text-align: center;
	background: url(images/bg_main_tr2.jpg) top left no-repeat;
}

table.mainList tr:first-child td
{
	background: transparent;
}

#HotLinks
{
	display: block;
	width: 360px;
	position: absolute;
	right: 0;
	top: 218px;
	list-style: none;
}

#HotLinks *
{
	display: block;
	border: 0;
}

#HotLinks li
{
	float: left;
	width: 120px;
}

li.appDoc
{
}

li.searchDan img
{
	margin: 0 1px;
}

li.help img
{
	margin-left: 2px;
}

#ContentBox1
{
	position: absolute;
	top: 294px;
	right: 0;
	width: 360px;
	height: 102px;
	background: url(images/bg_main_box.gif) left top repeat-y;
	display: block;
}

#ContentBox2
{
	position: absolute;
	top: 294px;
	right: 0;
	width: 360px;
	height: 102px;
	background: url(images/bg_main_box.gif) left top repeat-y;
	display: none;
}

ul.tabbox2
{
	display: block;
	width: 360px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 0;
}

ul.tabbox2 *
{
	display: block;
	border: 0;
}

ul.tabbox2 li
{
	float: left;
	width: 180px;
}

img.imgContent1
{
	clear: both;
	display: block;
	width: 79px;
	height: 57px;
	border: 2px solid #000000;
	float: left;
	position: absolute;
	left: 8px;
	top: 35px;
	/*margin-top: 30px;
	margin-left: 8px;*/
}

a.titleContent1
{
	position: absolute;
	left: 106px;
	top: 34px;
	display: block;
	height: 20px;
	width: 252px;
	line-height: 20px;
	background: url(images/bg_main_tr3.jpg) bottom left no-repeat;
	text-decoration: none;
	font-weight: bold;
}

a.titleContent1:link, a.titleContent1:visited
{
	color: #8698ab;
}

a.titleContent1:hover, a.titleContent1:active
{
	color: #699cd9;
}

p.descContent1
{
	position: absolute;
	display: block;
	width: 252px;
	left: 106px;
	top: 57px;
	line-height: 15px;
}

#GymNews
{
	position: absolute;
	border: 1px solid #424b55;
	width: 358px;
	height: 188px;
	top: 408px;
	right: 0;
}

#GymNews *
{
	border: 0;
	display: block;
}

#Maps
{
	width: 177px;
	height: 190px;
	float: left;
}

#Maps div
{
	width: 170px;
	height: 190px;
	margin-left: 4px;
	margin-top: 3px;
}

#NewGym
{
	width: 181px;
	height: 188px;
	float: left;
}

#NewGym *
{
	border: 0;
	display: block;
}

img.imgContent2
{
	display: block;
	width: 81px;
	height: 54px;
	border: 0;
	float: left;
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 14px;
}

a.titleContent2
{
	display: block;
	float: left;
	height: 20px;
	width: 85px;
	line-height: 20px;
	margin-left: 8px;
	text-decoration: none;
	font-weight: bold;
}

p.descContent2
{
	display: block;
	float: left;
	width: 85px;
	margin-left: 8px;
	line-height: 15px;
}

p.descContent3
{
	clear: both;
	display: block;
	width: 171px;
	line-height: 15px;
	margin-left: 6px;
}

#BannerBox
{
	position: absolute;
	border: 1px solid #424b55;
	width: 358px;
	height: 98px;
	top: 609px;
	right: 0;
}

#BannerBox img
{
	display: block;
	width: 344px;
	height: 82px;
	border: 0;
	margin-top: 8px;
	margin-left: 8px;
}

#Footer
{
	position: relative;
	width: 995px;
	height: 100px;
	background: url(images/bg_main_footer.jpg) left top no-repeat;
}

#Footer ul
{
	position: absolute;
	right: 0;
	top: 1px;
	display: block;
	list-style: none;
	height: 19px;
	width: 390px;
}

#Footer li
{
	display: inline;
	line-height: 19px;
	padding: 0 6px;
	border-right: 1px solid #808080;
}

#Footer li.lastLink
{
	padding-right: 0;
	border-right: 0;
}

#Footer a
{
	text-decoration: none;
}

#Footer a:link, #Footer a:visited
{
	color: #808080;
}

#Footer a:hover, #Footer a:active
{
	color: #82acbd;
}

#Address
{
	position: absolute;
	display: block;
	height: 20px;
	right: 0;
	top: 22px;
	line-height: 20px;
	color: #5d6670;
}

#Copyright
{
	position: absolute;
	display: block;
	height: 20px;
	right: 0;
	top: 65px;
	line-height: 20px;
	color: #5d6670;
}

#Copyright em
{
	color: #feb009;
	font-style: normal;
	font-weight: bold;
}