/* common style */

* {
	padding: 0;
	margin: 0;
}

body {
	position: relative;
	background-color: #fff;
	color: #2f3743;
	font-size: 12px;
	font-family: "Apple SD Gothic Neo", "Dotum";


	cursor: default;
	text-align: center;
	overflow-x: hidden;
	overflow-y: scroll;	
	margin: 0;
}

img {
	border: 0;
}

a:link, a:active {
	color: #444;
	text-decoration: none;
}

a:visited {
	color: #6f6f6f;
	text-decoration: none;
}

a:hover {
	color: #396da5;
	text-decoration: underline;
}

h1, h2, h3, h4, h5 {
	display: none;
}

form {
	margin:0;
}

span.bbscomm {
	font-size: 11px;
	letter-spacing: -1px;
	color: #90abb7;
}

/* header */
div.header {
	width: 879px;
	height: 27px;
	margin: 0 auto;
	text-align: left;
	font-size: 11px;
	letter-spacing: -2px;
	font-family: "Apple SD Gothic Neo", "Dotum";

}

div.mainlink {
	width: 704px;
	height: 27px;
	float: left;
}

div.loginarea {
	height: 30px;
	_float: right;
	text-align: right;
}

div.loginarea input.id {
	width: 70px;
	height: 18px;
	border: 1px solid #d8d8d8;
	border-right: 0px;
	font-family: Georgia;
	font-size: 11px;
	margin-top: 6px;
	letter-spacing: -1px;
	float: left;
}

div.loginarea input.pw {
	width: 70px;
	height: 18px;
	border: 1px solid #d8d8d8;
	border-right: 0px;
	font-family: Georgia;
	font-size: 11px;
	margin-top: 6px;
	letter-spacing: -1px;
	float: left;
}

div.loginarea img {
	float: left;
}

div.loginarea a.login {
	background: url(../img/header/ok.gif) no-repeat 0px 0px;	
	width: 18px; height: 18px;
	float: right;
	margin-top: 6px;
}

div.loginarea p.logout {
	background: url(../img/header/logout.gif) no-repeat 0px 0px;	
	width: 18px; height: 18px;
	float: right;
	margin-top: 6px;
}


div.header ul {
	list-style-type: none;
	margin-top: 9px;
	_margin-top: 10px;
}

div.header ul li {
	display: inline;
	background: url(../img/header/split.gif) no-repeat 0px 0px;
	padding: 0 3px 0 5px;
}

div.header li a:link, div.header li a:visited, div.header li a:active, div.header li a:hover {
	color: #555555;
}

div.header ul li.home {
	display: inline;
	background: none;
	padding: 0 3px 0 0;
}

div.header li a.new {
	background: url(../img/header/new.gif) no-repeat 30px 1px;
	padding-right: 11px;
	color: #4767b3;
}

div.header #t1, div.header #t2 {
	font-size: 11px;
	letter-spacing: -2px;
	background: url(../img/header/split2.gif) no-repeat 0px 2px;
	padding-left: 4px;
	margin-left: 4px;
}

#t1 a:link, #t1 a:visited, #t1 a:active, #t1 a:hover {
	color: #7a859e;
}

#t2 a:link, #t2 a:visited, #t2 a:active, #t2 a:hover {
	color: #7a859e;
}

div.header-foot {
	width: 879px;
	height: 3px;
	margin: 0 auto;
	display: block;
	clear: both;
	background: url(../img/tab/title.png) no-repeat;
	overflow: hidden;
}


/* */
div.header-back {
	width: 100%;
	height: 30px;
	margin: 0 auto;
	text-align: center;
	background-color: #F5F5F5;
	clear: both;
}

div.logo {
	width: 879px;
	_width: 880px;
	margin: 0 auto;
	text-align: left;
	margin-top: 15px;
	clear: both;
	display: block;
}


div.wrap {
	width: 879px;
	_width: 880px;
	margin: 0 auto;
	text-align: left;
	clear: both;
	display: block;
}

div.content {
	float: left;
	width: 595px;
	margin: 0 4px 8px 0;
}



div.sidearea {
	float: left;
	width: 280px;
}


/* conent */


div.portlet {
	float: left;
	width: 593px;
	margin-bottom: 4px;
	border: 1px solid #282c38;
	background: #3c404c;
}

/* */



/* */


/* bus container */

div.container {
	float: left;
	width: 278px;
	margin-top: 4px;
}

div.myarticle {
	background: #FAFAF2;
	border: 1px solid #BDB9B1;
}

div.head-myarticle {
	color: #89d600;
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	letter-spacing:-2px;
	padding:10px 0 8px 10px;
	width: 100px;
}

div.head-myarticle-blt {
	float: right;
	width: 160px;
	text-align: right;
	margin-top: 8px;
	margin-right: 8px;
}

div.head-myarticle-blt span {
	display: inline-block;
	color: #c1d1df;
	padding-left: 10px;
	font-size: 9px;
	font-family: verdana;
	letter-spacing: -1px;
	font-weight: bold;
}

div.head-myarticle-blt span.a { background: url(../img/sidebar/myback_a.gif) 0 2px no-repeat; margin-right: 5px; }
div.head-myarticle-blt span.b { background: url(../img/sidebar/myback_b.gif) 0 2px no-repeat; margin-right: 5px; }
div.head-myarticle-blt span.c { background: url(../img/sidebar/myback_b.gif) 0 2px no-repeat; font-weight: normal; }


/* */
div.sidecontent {
	float: left;
	width: 278px;
	margin-bottom: 4px;
}

/* tab */
div.tab {
	width: 100%;
	height: 36px;
	margin: 0 auto;
	background: url(../img/tab/tab_bg.gif) repeat-x top;
	clear: both;
	font-family: "Apple SD Gothic Neo", "Dotum";

}

div.tab-wrap {
	width: 879px;
	_width: 880px;
	margin: 0 auto;
	text-align: left;
	clear: both;
	display: block;
}

div.tab-button {
	float: left;
	width: 595px;
	margin: 0 4px 0 0;
	height: 36px;
}

div.tab-openbbs,div.tab-freebbs,div.tab-silchook,div.tab-kin,div.tab-show,div.tab-forum { background: url(../img/tab/title_bbs.png) no-repeat; }
div.title-openbbs,div.title-freebbs,div.title-silchook,div.title-kin,div.title-show,div.title-forum { 	background: url(../img/tab/title_bbs_foot.png) no-repeat; }

div.tab-photo, div.tab-videobbs, div.tab-freegallery { background: url(../img/tab/title_media.png) no-repeat; }
div.title-photo, div.title-videobbs, div.title-freegallery { background: url(../img/tab/title_media_foot.png) no-repeat; }

div.tab-news, div.tab-column { background: url(../img/tab/title_news.png) no-repeat; }
div.title-news, div.title-column { background: url(../img/tab/title_news_foot.png) no-repeat; }


div.bbs-new a {
}

div.tab-button a {
	display: inline-block;
	width: 90px;
	height: 34px;
	text-align: center;
	margin-top: 2px;
	vertical-align: bottom;
	letter-spacing: -1px;
	font-size: 11px;
}

div.bbs-new a {
	width: 80px;
}

div.tab-button a:link, div.tab-button a:active, div.tab-button a:visited { color: #555; }
div.tab-button a:hover { color: #000; text-decoration: none; }

div.tab-button a span {
	display: block;
	margin-top: 11px;
}

div.tab-button a.r { background: url(../img/tab/btn_off.gif) no-repeat right; }
div.tab-button a.l { background: url(../img/tab/btn_off.gif) no-repeat left; }

div.tab-button a.on {
	background: url(../img/tab/btn_on.gif) repeat-y;
	font-weight: bold;
	letter-spacing: -1px;
	color: black;
	font-size: 12px;
	margin-top: 1px;
	_margin-top: 2px;
}

div.bbs-new a.on {
	width: 80px;
	background: url(../img/tab/btn_on_new.gif) repeat-y;
}

div.tab-cbox {
	float: left;
	width: 280px;
	background: url(../img/tab/cbox.gif) no-repeat 0 12px;
	height: 36px;
}

div.tab-cbox a:link, div.tab-cbox a:active, div.tab-cbox a:visited, div.tab-cbox a:hover {
	color: #2F3743;
	cursor: pointer;
}

div.tab-cbox div.text {
	width: 260px;
	height: 20px;
	float: left;
	margin: 13px 0 0 19px;
	overflow: hidden;
}

div.tab-cbox span {
	display: block;
	font-size: 11px;
	letter-spacing: -2px;
}

/* widget */

div.widget {
	display:block;
	float:left;
	width: 278px;
	border: 1px solid #c5c5bd;
	border-top: 0;
	background: #fdfdf7;
	padding-bottom: 4px;
}

div.widget-my {
	background: #525f77 url(../img/sidebar/myback.gif) repeat-x top;
	border: 1px solid #3f4653;
	border-bottom: 1px solid #666b6e;
	margin-bottom:0;
}

div.widget div.head {
	color:#24529a;
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	letter-spacing:-2px;
	padding:10px 0 8px 10px;
}

div.widget div.body {
	padding:10px 0 0 10px;
}

div.widget div.body ul {
	clear:left;
	font-size:11px;
	letter-spacing:-1px;
	list-style-type:none;
}

div.widget div.body li {
	display:block;
	height: 18px;

	width:258px;
	background: url(../img/content/left_li.gif) no-repeat scroll 0 5px;
	_background: url(../img/content/left_li.gif) no-repeat scroll 0 5px;
	padding-left: 5px;
}

div.widget div.body li a{
	color:#2f3743;
}

div.widget div.body li.my a{
	color:#fff;
}


div.widget div.body li span {
	color: gray;
}

div.widget div.body li strong {
	color: #7a7a7a;
}

div.widget div.body li nobr {
	overflow: hidden;
	display: inline-block;
}

div.widget div.body li nobr.tab {
	width: 220px;
	_width: 210px;
}

div.widget div.body li nobr.tab-my {
	width: 211px;
	_width: 208px;
}

div.widget div.body li nobr.right {
	width: 36px;
	text-align: right;
	_margin-left: 7px;
}

div.widget div.body li nobr.right-my {
	width: 20px;
	text-align: center;
	padding-right: 2px;
	margin-left: 25px;
	font-family: verdana;
	font-size: 10px;
}

div.widget div.body li nobr.right strong {
	color: #974d75;
	font-weight: normal;
	font-family: verdana;
	font-size: 9px;
}