*
{
	margin: 0;
	padding: 0;
	font-family: 돋움, dotum, arial;
}

body
{
	background-color: #000000;
	font-size: 12px;
	color: #747f8c;
}

#Header
{
	position: relative;
	width: 995px;
	height: 198px;
	background: url(images/bg_sub_top.jpg) left top no-repeat;
}

#btnHome
{
	position: absolute;
	display: block;
	border: 0;
	left: 24px;
	top: 29px;
}

#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;
	margin-left: 34px;
	width: 959px;
	border: 1px solid #424b55;
	overflow: auto;
}

#LeftNavigation
{
	float: left;
	width: 257px;
}

#FlaLeft
{
	width: 250px;
	min-height: 300px;
	margin-top: 3px;
	margin-left: 3px;
}

#BannerBox
{
	border: 1px solid #424b55;
	width: 215px;
	height: 98px;
	margin-top: 6px;
	margin-left: 26px;
}

#BannerBox img
{
	display: block;
	width: 200px;
	height: 80px;
	border: 0;
	margin-top: 8px;
	margin-left: 8px;
}

#MainContent
{
	float: left;
	width: 702px;
	min-height: 500px;
	background: #ffffff url(images/bg_sub_middle.jpg) top left no-repeat;
}

#Footer
{
	position: relative;
	width: 995px;
	height: 100px;
	margin-top: 64px;
	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;
}

#imgSubTitle
{
	display: block;
	border: 0;
	margin-top: 12px;
}

table.list
{
	border-collapse: collapse;
	width: 663px;
	margin-left: 19px;
}

table.list thead th
{
	height: 30px;
	background: url(Images/bg_sub_th.jpg) top left repeat-x;
	color: #ffffff;
}

table.list th.no
{
	width: 85px;
}

table.list tr.headLine { background-color: #f8e893; font-weight: bold; }

table.list td
{
	height: 30px;
	border-bottom: 1px dashed #cbcbcb;
	color: #777777;
	line-height: 30px;
}

table.list td.title a {color: #767676;}
table.list td.title a:link, table.list td.title a:visited {text-decoration:none;}
table.list td.title a:hover, table.list td.title a:active {text-decoration:underline;}

table.list td.title img
{
	border: 0;
	padding-right: 5px;
}

table.list td img
{
	vertical-align: middle;
}

table.list td.c
{
	text-align: center;
}

table.list td.pager
{
	padding-top: 20px;
	text-align: center;
	border-bottom: none;
}

table.list td.pager a
{
	margin-left: 5px;
	margin-right: 5px;
}

table.list td.pager span.now
{
	margin-left: 5px;
	margin-right: 5px;
}

table.control
{
	border-collapse: collapse;
	width: 663px;
	margin-left: 19px;
	margin-top: 20px;
	margin-bottom: 20px;
}

table.control td.list
{
	text-align: right;
}

table.control td.write
{
	text-align: center;
}

table.form
{
	border-collapse: collapse;
	width: 663px;
	margin-left: 19px;
}

tr.boardTitle
{
	height: 30px;
	background: url(Images/bg_sub_th.jpg) top left repeat-x;
	line-height: 30px;
}

td.boardTitleLabel
{
	width: 68px;
	text-align: center;
}

td.boardTitleLabel label
{
	color: #ffffff;
	font-weight: bold;
	display: block;
	width: 68px;
}

td.boardTitleInput
{
	text-align: right;
	padding-right: 10px;
}

input.tbTitle
{
	border: 1px solid #6f82a0;
	width: 580px;
	height: 18px;
	line-height: 18px;
	color: #000000;
}

td.boardNotice
{
	height: 30px;
}

td.boardDetail
{
	background-color: #3e5780;
	padding: 3px;
}

#PatchList
{
	list-style: none;
	margin-top: 15px;
	margin-bottom: 5px;
}

#PatchList li
{
	background: url(Images/icon_file.gif) 3px left no-repeat;
	padding-left: 20px;
	line-height: 20px;
	margin-left: 30px;
}

h1.boardTitle
{
	display: block;
	width: 663px;
	height: 30px;
	color: #ffffff;
	background: url(Images/bg_sub_th.jpg) top left repeat-x;
	line-height: 30px;
	margin-left: 19px;
	font-weight: normal;
	font-size: small;
}

h1.boardTitle em
{
	color: #ffffff;
	font-style: normal;
	font-weight: bold;
	margin-left: 30px;
	margin-right: 30px;
}

p.boardMeta
{
	display: block;
	width: 663px;
	height: 30px;
	color: #999999;
	line-height: 30px;
	margin-left: 19px;
	font-weight: normal;
	border-bottom: 1px dashed #cccccc;
}

p.boardMeta em
{
	color: #1d2c3f;
	font-style: normal;
	font-weight: bold;
	margin-left: 40px;
	margin-right: 25px;
}

p.boardMeta em.no
{
	margin-left: 30px;
}

div.boardDetails
{
	margin-left: 19px;
	margin-top: 20px;
	padding-bottom: 20px;
	color: #787878;
	font-size: small;
	line-height: 1.5em;
	width: 603px;
	padding: 0 30px 0 30px;
}

ul.patchList
{
	width: 663px;
	list-style: none;
	margin-top: 20px;
	margin-left: 19px;
	padding-top: 20px;
	border-top: 1px dashed #cccccc;
}

ul.patchList li
{
	background: url(Images/icon_file.gif) 3px left no-repeat;
	padding-left: 20px;
	line-height: 20px;
	margin-left: 30px;
}

ul.patchList a {color: #777777;}
ul.patchList a:link, ul.patchList a:visited {text-decoration: none;}
ul.patchList a:hover, ul.patchList a:active {text-decoration: underline;}

ul.boardCommentList
{
	display: block;
	width: 663px;
	list-style: none;
	margin-top: 10px;
	margin-left: 19px;
	overflow: auto;
}

ul.boardCommentList li
{
	display: block;
	width: 663px;
	border-top: 1px dashed #cccccc;
	line-height:30px;
	overflow: auto;
	margin-top: 10px;
	padding-top: 10px;
}

ul.boardCommentList em
{
	display: block;
	width: 100px;
	text-align: center;
	color: #586c8f;
	font-style: normal;
	font-weight: bold;
	height: 30px;
	float: left;
}

ul.boardCommentList input
{
	margin-left: 10px;
	vertical-align: middle;
}

ul.boardCommentList p.comment
{
	display: block;
	width: 545px;
	float: left;
	padding-left: 10px;
	border-left: 1px dashed #d7d7d7;
	line-height: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
}

ul.boardCommentList span.commentDate
{
	margin-left: 20px;
	color: #a9a9a9;
	font-size: 10px;
	line-height: 15px;
}

ul.boardComment
{
	list-style: none;
	display: block;
	width: 661px;
	margin-left: 19px;
	border: 1px solid #d8d8d8;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

ul.boardComment li
{
	display: inline;
}

ul.boardComment textarea
{
	width: 465px;
	height: 45px;
	border: 2px solid #3e577f;
	overflow: auto;
	vertical-align: middle;
}

ul.boardComment input
{
	vertical-align: middle;
}

li.boardComment_1
{
	padding-left: 20px;
	padding-right: 20px;
}

li.boardComment_1 label
{
	font-weight: bold;
}

div.controlBox
{
	width: 663px;
	margin-left: 19px;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 20px;
}

/* 로그인 페이지 */
#loginBox
{
	position: relative;
	width: 630px;
	height: 331px;
	margin-left: 32px;
	border: 3px solid #3e5780;
	margin-top: 10px;
	margin-bottom: 100px;
}

#loginBox dl
{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 430px;
	height: 125px;
	background: url(Images/bg_sub_login.jpg) top left no-repeat;
	padding-left: 200px;
	padding-top: 55px;
}

#loginBox dt
{
	display: block;
	height: 24px;
	width: 60px;
	font-weight: bold;
	float: left;
	line-height: 24px;
	margin-bottom: 10px;
}

#loginBox dt.nextLine
{
	clear: both;
}

#loginBox dd
{
	float: left;
	display: block;
	height: 24px;
	width: 196px;
	margin-bottom: 10px;
}

input.tbUserId1
{
	width: 190px;
	height: 18px;
	border: 3px solid #3e577f;
	line-height: 18px;
}

input.tbPassword1
{
	width: 190px;
	height: 18px;
	border: 3px solid #3e577f;
	line-height: 18px;
}

input.btnLogin1
{
	position: absolute;
	left: 476px;
	top: 50px;
}

#loginBox ul
{
	position: absolute;
	left: 40px;
	top: 190px;
	list-style: none;
}

#loginBox ul img
{
	border: 0;
	vertical-align: middle;
}

#loginBox ul a
{
	margin-left: 20px;
}

#loginBox ul li
{
	margin-top: 10px;
	font-weight: bold;
	padding-left: 20px;
}

#loginBox ul li.blue
{
	color: #34455f;
	background: url(Images/icon_bullet1.gif) 0 10px no-repeat;
}

#loginBox ul li.gray
{
	color: #a0a0a0;
	background: url(Images/icon_bullet1.gif) 0 7px no-repeat;
}

/* Styles for Calendar Extender */

.TgmsaCalendar *
{
	line-height: 1.5em;
}

.TgmsaCalendar .ajax__calendar_container
{
    border:1px solid #c2cad7;
    background-color: #ffdca6;
    color: #67A7E3;
    padding: 0;
}

.TgmsaCalendar .ajax__calendar_header
{
	background-color: #355b8a;
	padding-top: 5px;
	margin-bottom: 10px;
}

.TgmsaCalendar .ajax__calendar_header *
{
	color: #FFFFFF;
}

.TgmsaCalendar .ajax__calendar_footer
{
	padding-top: 3px;
	background-color: #355b8a;
	color: #FFFFFF;
	line-height: 1em;
}

.TgmsaCalendar .ajax__calendar_dayname
{
	font-weight: bold;
}

.TgmsaCalendar .ajax__calendar_day
{
	color: #000000;
}

.TgmsaCalendar .ajax__calendar_hover .ajax__calendar_day
{
	color: #FFFFFF;
	background-color: #f68d00;
}

/* Styles for Gym List */
#searchGym
{
	list-style: none;
	display: block;
	width: 661px;
	margin-left: 19px;
	border: 1px solid #d8d8d8;
	margin-top: 10px;
	margin-bottom: 20px;
	overflow: auto;
	height: 45px;
}

#searchGym li
{
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

li.liGymLabel
{
	width: 130px;
	margin-left: 20px;
}

li.liGymText
{
	width: 320px;
}

li.liGymBtn
{
	width: 150px;
}

li.liGymLabel label
{
	line-height: 24px;
	font-weight: bold;
}

li.liGymText input
{
	width: 300px;
	height: 18px;
	border: 3px solid #3e577f;
	line-height: 18px;
}

#GymList
{
	margin-bottom: 50px;
}

td.nogym
{
	text-align: center;
}

#btnGymSearch
{
	cursor: pointer;
}

#Map {margin-left: 19px;}

span.commentNo {margin-left: 5px; font-size: 11px; color: #7eb7fc;}

h3.mypage a {font-size:12px;color:#747f8c;}

/* 단증조회 */
dl.license
{
	position: relative;
	margin-left: 19px;
	margin-top: 20px;
	display: block;
	width: 642px;
	height: 157px;
	background: url(Images/bg_license.jpg) left top no-repeat;
}

dl.license dt
{
	background: url(Images/icon_bullet3.gif) left 18px no-repeat;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	font-weight: bold;
}

dl.license dt.licenseNo {position:absolute;left:160px;top:25px;width:100px;}
dl.license dt.pubDate {position:absolute;left:370px;top:25px;width:100px;}
dl.license dt.dan {position:absolute;left:160px;top:65px;width:100px;}
dl.license dt.birthDate {position:absolute;left:370px;top:65px;width:100px;}
dl.license dt.group {position:absolute;left:160px;top:105px;width:100px;}
dl.license dt.tel {position:absolute;left:370px;top:105px;width:100px;}

dl.license dd
{
	height: 40px;
	line-height: 40px;
}

dl.license dd.licenseNo {position:absolute;left:260px;top:25px;width:100px;}
dl.license dd.pubDate {position:absolute;left:470px;top:25px;width:100px;}
dl.license dd.dan {position:absolute;left:260px;top:65px;width:100px;}
dl.license dd.birthDate {position:absolute;left:470px;top:65px;width:100px;}
dl.license dd.group {position:absolute;left:260px;top:105px;width:100px;}
dl.license dd.tel {position:absolute;left:470px;top:105px;width:100px;}

div.licenseControl
{
	width: 642px;
	margin-left: 16px;
	margin-top: 5px;
}

div.licenseControl input
{
	float: right;
}

td.licenseNo {text-align:center;}
td.dan {text-align:center;}
td.group {text-align:center;}
td.pubDate {text-align:center;}

div.noLicense
{
	width: 400px;
	height: 100px;
	margin-left: 150px;
	margin-top: 100px;
	border: 1px solid #0000CC;
	line-height: 100px;
	text-align: center;
	background-color: #B1EDFA;
}

/* My Page Main */
td.registeredDate {text-align:center;}
td.openDate {text-align:center;}
td.memberClass {text-align:center;}
td.trainingTitle {padding-left:20px;}
td.details {padding-left:20px;}

/* 증명서 신청 */
table.myDocs
{
	border-collapse: collapse;
	width: 610px;
	margin-top: 10px;
	margin-left: 33px;
	margin-bottom: 10px;
}

table.myDocs th
{
	height: 30px;
	background: url(Images/bg_sub_th2.jpg) top left repeat-x;
	color: #ffffff;
}

table.myDocs td
{
	height: 30px;
	border-bottom: 1px dashed #cbcbcb;
	color: #777777;
	line-height: 30px;
	background-color: #fafbfd;
}

table.myDocs td.c
{
	text-align: center;
}

table.myDocs td.title a {color: #767676;}
table.myDocs td.title a:link, table.mypage td.title a:visited {text-decoration:none;}
table.myDocs td.title a:hover, table.mypage td.title a:active {text-decoration:underline;}
table.myDocs td img {vertical-align:middle;}
table.myDocs td.pager {padding-top:20px;text-align:center;border-bottom:none;}
table.myDocs td.pager a {margin-left:5px;margin-right:5px;}
table.myDocs td.pager span.now {margin-left:5px;margin-right:5px;}

#docListControl {width:610px;margin-left:33px;text-align:right;margin-bottom:30px;}

dl.requestDocForm {position:relative;display:block;width:610px;margin-left:33px;}

dl.requestDocForm dt
{
	background: url(Images/icon_bullet3.gif) left 18px no-repeat;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	font-weight: bold;
	width: 90px;
	float: left;
	border-bottom: 1px dashed #ffffff;
}

dl.requestDocForm dd
{
	line-height: 40px;
	height: 40px;
	width: 500px;
	padding-left: 10px;
	float: right;
	border-bottom: 1px dashed #b2b2b2;
}

dl.requestDocForm dd#docType label {margin-right:20px;font-weight:bold;color:#000000;}

#docWriteControl {width:610px;margin-left:33px;text-align:center;margin-bottom:30px;margin-top:20px;}

dl.requestDocForm input.inputFile {font-size:12px;line-height:20px;width:300px;height:20px;border:1px solid #3d577f;}
dl.requestDocForm input.tbCopies {font-size:12px;line-height:20px;border:1px solid #3d577f;height:20px;width:30px;}
dl.requestDocForm input.tbPayer {font-size:12px;line-height:20px;border:1px solid #3d577f;height:20px;width:70px;}