/*===================================================
DOCUMENT Default Style
----------------------------------------------------*/
html, body, td, th, p, a,
span, div, input, textarea, select {
	font-family: Dotum, 돋움;
	font-size: 12px;
	text-decoration: none;
	color: #666666;
	line-height: 18px;
}

* { padding: 0; margin: 0; }

html,
body { height: 100%; margin: 0; padding: 0; background-color: #a3d6ee }
hr { display: none; }

/*===================================================
IMG
----------------------------------------------------*/
img { border: 0 none; }
img.db { display: block; }

/*===================================================
TABLE
----------------------------------------------------*/
table {
	table-layout: fixed;
	border-spacing: 0;
	border: 0 none;
	border-collapse: collapse;
}

/*===================================================
LIST
----------------------------------------------------*/
li { list-style: none; }

/*===================================================
LINK
----------------------------------------------------*/
a:link		{ text-decoration: none; }
a:visited	{ text-decoration: none; }
a:active	{ text-decoration: none; }
a:hover		{ text-decoration: underline; }

/*===================================================
FORM
----------------------------------------------------*/
form { display: inline; }
input,
textarea,
select { vertical-align: middle; }

/*===================================================
FONT
----------------------------------------------------*/
.t-b { font-weight: bold; }
.t-l1 { letter-spacing: -1px; }
.t-ws1 { word-spacing: -1px; }
.t-lw1 { letter-spacing: -1px;	word-spacing: -1px; }
.t-lw0 { letter-spacing: 0; word-spacing: 0; }

.t-lh14 { line-height: 14px; }

/*===================================================
ALIGN
----------------------------------------------------*/
.a-c { text-align: center !important; }
.a-l { text-align: left !important; }
.a-r { text-align: right !important; }
.a-fc { margin: 0 auto !important; text-align: left !important; }

.a-t { vertical-align: top !important; }
.a-m { vertical-align: middle !important; }
.a-b { vertical-align: bottom !important; }

/*===================================================
FLOAT
----------------------------------------------------*/
.f-l { float: left; }
.f-r { float: right; }
.f-cl { clear: left; }
.f-cr { clear: right; }
.f-cb { clear: both; }

/*===================================================
SCROLLBAR Style for only Internet Explorer
----------------------------------------------------*/

/*===================================================
DESIGN Layout Style
----------------------------------------------------*/
#container { position: relative; margin: 0 auto; width: 739px; height: auto; }
#head { width: 100%; height: 260px; }
#content { padding: 60px 60px 0; height: auto; background-color: #fff; }
#foot { margin: 60px 0; width: 100%; height: 50px; text-align: center; }
#sub-visual { height: 226px; overflow: hidden; text-align: center; }
#sub-visual img { display: block; margin: 0 auto; }
#navigation { height: 34px }
#navigation a { float: left; height: 24px; overflow: hidden; background: url(/gnuboard4/images/2020/nav.gif) no-repeat; font-size: 0; line-height: 0; color: transparent; }
#navigation a.n-1 { width: 153px; background-position: 0 0; margin-left: 25px; }
#navigation a.n-2 { width: 77px;  background-position: -153px 0; }
#navigation a.n-3 { width: 117px; background-position: -230px 0; }
#navigation a.n-4 { width: 80px;  background-position: -347px 0; }
#navigation a.n-5 { width: 107px; background-position: -427px 0; }
#navigation a.n-6 { width: 98px;  background-position: -534px 0; }
#navigation a.n-7 { width: 52px;  background-position: -632px 0; }
#navigation a.n-1:hover,#navigation a.n-1.current { background-position: 0 -24px; }
#navigation a.n-2:hover,#navigation a.n-2.current { background-position: -153px -24px; }
#navigation a.n-3:hover,#navigation a.n-3.current { background-position: -230px -24px; }
#navigation a.n-4:hover,#navigation a.n-4.current { background-position: -347px -24px; }
#navigation a.n-5:hover,#navigation a.n-5.current { background-position: -427px -24px; }
#navigation a.n-6:hover,#navigation a.n-6.current { background-position: -534px -24px; }
#navigation a.n-7:hover,#navigation a.n-7.current { background-position: -632px -24px; }
#about,
#profile,
#disco { text-align: center; }
#profile img,
#disco img { display: block; margin: 0 auto; }
#profile { padding-bottom: 60px; }
#profile .nav { margin-top: -23px; height: 61px; }
#profile .nav a { float: left; height: 23px; overflow: hidden; background: url(/gnuboard4/images/2020/profile-nav.gif) no-repeat; font-size: 0; line-height: 0; color: transparent; }
#profile .nav a.n-1 { width: 116px; background-position: 0 0; margin-left: 202px; }
#profile .nav a.n-2 { width:  98px; background-position: -116px 0; }
#profile .nav a.n-1:hover,#profile .nav a.n-1.current { background-position: 0 -23px; }
#profile .nav a.n-2:hover,#profile .nav a.n-2.current { background-position: -116px -23px; }
#disco { padding-bottom: 60px; }
#disco .nav { margin-top: -23px; height: 86px; }
#disco .nav a { float: left; height: 23px; overflow: hidden; background: url(/gnuboard4/images/2020/disco-nav.gif) no-repeat; font-size: 0; line-height: 0; color: transparent; }
#disco .nav a.n-1 { width: 164px; background-position: 0 0; margin-left: 82px; }
#disco .nav a.n-2 { width: 143px; background-position: -164px 0; }
#disco .nav a.n-3 { width: 115px; background-position: -307px 0; }
#disco .nav a.n-4 { width:  89px; background-position: -422px 0; }
#disco .nav a.n-5 { width:  69px; background-position: -511px 0; margin-left: 201px; }
#disco .nav a.n-6 { width:  75px; background-position: -580px 0; }
#disco .nav a.n-7 { width:  92px; background-position: -655px 0; }
#disco .nav a.n-8 { width:  98px; background-position: -747px 0; }
#disco .nav a.n-1:hover,#disco .nav a.n-1.current { background-position: 0 -23px; }
#disco .nav a.n-2:hover,#disco .nav a.n-2.current { background-position: -164px -23px; }
#disco .nav a.n-3:hover,#disco .nav a.n-3.current { background-position: -307px -23px; }
#disco .nav a.n-4:hover,#disco .nav a.n-4.current { background-position: -422px -23px; }
#disco .nav a.n-5:hover,#disco .nav a.n-5.current { background-position: -511px -23px; }
#disco .nav a.n-6:hover,#disco .nav a.n-6.current { background-position: -580px -23px; }
#disco .nav a.n-7:hover,#disco .nav a.n-7.current { background-position: -655px -23px; }
#disco .nav a.n-8:hover,#disco .nav a.n-8.current { background-position: -747px -23px; }
#frm-music { display: none; }
#disco .area { margin: 0 auto; overflow: hidden; }
#disco .area img.cover { float: left; }
#disco .area img.list { float: right; }

/*===================================================
BOARD Style
----------------------------------------------------*/
/* Common */
#paging { padding-top: 15px; padding-bottom: 60px; height: 20px; text-align: center; }
#paging a { display: inline-block; padding: 4px 6px; }
#paging .paging-on { font: bold 12px Dotum; color: #595959; }
#paging .paging-of { font: normal 12px Dotum; color: #BEBEBE; }
#paging img { margin-top: -2px; vertical-align: middle; }
#paging a:hover { text-decoration: none; }

div.board-tool { padding-top: 9px; width: 100%; height: 35px; }
div.board-search { float: left; }
div.board-search input.key { padding: 2px 5px 2px; border: 1px solid #D6D5CF; }
div.board-button { float: right; }
div.board-button img { margin-left: 6px; float: left; }
div.board-button-c { text-align: center; }
div.board-button-c img { vertical-align: middle; }
#write .field { padding: 2px 5px; border:1px solid #ccc; }
#write .write_head { height:30px; text-align:center; color:#8492A0; }

/* Gallery */
#gallery { width: 100%; height: auto; overflow: hidden; }
#gallery .fix { width: 100%; height: 150px; }
#gallery .cell {
	position: relative;
	float: left;
	margin-bottom: 9px;
	width: 189px; height: auto;
	text-align: center;
}
#gallery .cell img { display: block; width: 189px; }
#gallery .cell .chk { position: absolute; top: 5px; left: 5px; }
#gallery .space { float: left; width: 26px; height: auto; }
#gallery .read { text-align: center; }
#gallery .read .img { width: 100%; height: auto; overflow: hidden; }
#gallery .read .img img { display: block; margin: 0 auto; border: 1px solid #E2E2E2; }
#gallery .read .tt { padding-top: 16px; font: normal 12px Dotum; color: #656565; }

/* Normal */
div.board-list { width: 100%; }
div.board-list table { width: 100%; }
div.board-list table thead td {
	padding: 9px 0;
	border-top: 1px solid #E4E4E4;
	border-bottom: 2px solid #E4E4E4;
	text-align: center;
}
div.board-list table thead td img { margin: 0 auto; }
div.board-list table tbody th,
div.board-list table tbody td {
	padding: 8px 0 6px;
	border-bottom: 1px solid #E4E4E4;
	text-align: center;
	font: normal 12px Dotum; color: #555555;
}
div.board-list table tbody th { padding-left: 15px; text-align: left; }
#read div.board-read-content {
	padding: 19px 15px;
	font: normal 12px Dotum; color: #555555;
	line-height: 20px;
	border-bottom: 1px solid #E4E4E4;
}
#read div.board-read-content img { display: block; margin-bottom: 10px; }

/*===================================================
Index Content
----------------------------------------------------*/
#container { height: 100%; }
table { height: 100%; }
#index { width: 100%; height:800px; vertical-align: middle; }
#index #visual { text-align: center }
#index #visual img { display: block; margin: 0 auto }
#index #navigation { margin-top: 56px; border-bottom: none }
#index #foot { margin-top: 150px; border-top: 0 none; }
#index #banner { margin-top: -70px; text-align: center; }