<style type="text/css">
<!--
/*---------------------------------------------------------------------------*/
/* Base CSS.                                                                 */
/*---------------------------------------------------------------------------*/
@charset "utf-8";
@font-face {font-family:tatu; src:url(images/TTche.eot);}

body {
	margin:10px 0 0 0;
	padding:0;
	background-color: #4d4d4d;
	color: #fbfbdc;
}

body * {
	font-size:9pt;
	font-family:tatu, Dotumche, sans-serif;
	word-spacing:0;
	letter-spacing:0;
	line-height: 130%;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	/*font-weight:normal; */
}

table, form {
	border-collapse:collapse;
	margin:0;
	padding:0;
}

.whiteline
{
	border:#ffffff solid 1px;
}
.whiteline tr, .whiteline td
{
	border:#ffffff solid 1px;
}

/* a, area { behavior:expression(this.hideFocus=true); } */

a:link, a:visited	{ text-decoration:none; font-weight:normal; }
a:active, a:hover	{ text-decoration:none; font-weight:normal; }
a:link, a:visited	{ color:#ffaa00; }
a:active, a:hover	{ color:#ffc855; }

img
{
	vertical-align:middle;
	border-collapse:collapse;
	border-width:0px;
}

hr { display:none; }
/*
ul {
	list-style-type: square;
}
*/
ul.nomargin {
	margin:0;
	padding: 0;
}

ul.nomargin li {
	list-style-type: none;
	margin:0;
	padding: 0;
}

ol.nomargin {
	margin:0;
	padding: 0;
}

.btn { height:18px; }

/*---------------------------------------------------------------------------*/
/* Color CSS.                                                                */
/*---------------------------------------------------------------------------*/

.titleH1 {
	background-color: #222222;
	border-color: #343434 #111111 #111111 #343434;
	color: #fff0d0;
}

.titleH2 {
	background-color: #343434;
	border-color: #555555 #222222 #222222 #555555;
	color: #fff0d0;
}

.titleH3 {
	background-color: #343434;
	border-color: #555555 #222222 #222222 #555555;
	color: #fff0d0;
}

.contentBody {
	background-color: #454545;
	border-color: #656565 #343434 #343434 #656565;
}

.contentBox
{
	/*background-color:#e1b181;*/
	/*border:solid 1px #000000;*/
	margin:5px;
	padding:2px;
}

blockquote {
  font-style: italic;
}

.errorMsg {
  color: #c00000;
  font-weight: bold;
}

#main {
  margin: 0px auto;
  text-align: left;
  width: 1024px;
}

#titleBar {
  border-style: solid;
  border-width: 2px;
  /*font-weight: bold;*/
  padding: 15px 10px 15px 10px;
}

#copyright {
  border-style: solid;
  border-width: 2px;
  font-weight: normal;
  text-align: right;
  padding: 7px 10px 7px 10px;
}

#wscontent {
  border-style: solid;
  border-width: 2px;
  /*padding: .5em 1em .25em 1em;*/
}

.wscontent {
  border-style: solid;
  border-width: 2px;
  padding: .5em 1em .25em 1em;
}

#validation {
  padding: 1em 0em;
  text-align: right;
}

/*---------------------------------------------------------------------------*/
/* TOP MENU COLOR.                                                           */
/*---------------------------------------------------------------------------*/

.menuBar,
.menuBar a.menuButton,
.menu,
.menu a.menuItem {
  color: #ffffff;
}

.menuBar a.menuButton {
  background-color: transparent;
  border-color: #343434;
  color: #fff0d0;
}

.menuBar a.menuButton:hover {
  background-color: transparent;
  border-color: #555555 #222222 #222222 #555555;
}

.menuBar a.menuButtonActive,
.menuBar a.menuButtonActive:hover {
  background-color: #222222;
  border-color: #111111 #555555 #555555 #111111;
}

.menu {
  background-color: #343434;
  border-color: #555555 #222222 #222222 #555555;
}

.menuShadow {
  background-color: #111111;
}

.menu a.menuItem {
  color: #fff0d0;
}

.menu a.menuItemActive,
.menu a.menuItemActive:hover {
  background-color: #222222;
  color: #ffdd80;
}

.menu .menuSeparator {
  border-top: #222222;
  border-bottom: #555555;
}

/*---------------------------------------------------------------------------*/
/* Default Skin Style.                                                       */
/*---------------------------------------------------------------------------*/

/* 코멘트 */
.commentWrite { padding:8px 0;}
.commentWrite label { display:none;}
.commentWrite input, .commentWrite textarea { border:3px solid #e1e1e1; margin:1px 1px 1px 1px; padding-left:60px; font:1em gulim; height:15px;}
.commentWrite textarea  { height:70px; background:url(images/bgComment.gif) 0 0 no-repeat #ffffff; padding:22px 9px 9px 9px; width:972px;}
.commentWrite input.name { background:url(images/bgName.gif) 0 0 no-repeat; width:150px; }
.commentWrite input.pass { background:url(images/bgPass.gif) 0 0 no-repeat; width:150px; margin-left:-4px; }
.commentWrite input.home { background:url(images/bgHome.gif) 0 0 no-repeat; font:0.8em tahoma; width:489px; margin-left:-4px; }
.commentWrite p.rpSecret { border:0px; margin:0px; padding:0px;}
.commentWrite label.secretclick { display:inline; cursor:pointer;}
.commentWrite input.checkbox {border:0px; padding:0px; height:20px;}

.commentWrite p { border:1px solid white; vertical-align:middle;}
.commentWrite .submit { border:0; padding:0; margin:0; width:996px; height:47px; margin:1px;}

ol.commentol {
	margin:0; margin-left:10px;
	padding: 0;
}
.comment {position:relative;}
.comment h3 { display:none;}
.commentList {background:#4d4d4d;}
.commentList li { overflow:hidden; width:100%; margin-top:10px; border-bottom:1px solid #e6e6e6; padding:5px 0 8px 0;}
.commentList li .date { font:0.8em tahoma; letter-spacing:normal; color:#ccc;}
.commentList li .name { float:left; font-weight:bold; margin-right:7px;  color:black;}
.commentList li .name img { vertical-align:middle;}
.commentList li p { clear:left; padding-top:4px; padding-bottom:3px; overflow:hidden;}
.commentList li ul { margin:0; padding:0 !important;}
.commentList li ul li { border-bottom:none; margin-top:15px; border-top:1px solid #e6e6e6; padding-left:30px; width:auto; background:url

(images/bgReply.gif) 4px 3px no-repeat;}

.commentList li .control { float:right;}
.commentList li .control a { display:block; height:0; padding:9px 0 0 0; overflow:hidden; float:left; margin-top:4px; margin-right:3px;}
.commentList li .control .address { background:url(images/iconAdd.gif); width:23px; }
.commentList li .control .modify { background:url(images/iconModify.gif); width:24px;}
.commentList li .control .write { background:url(images/iconReply.gif); width:28px; }

/*.guestbook .commentWrite { border-bottom:1px solid #e6e6e6;background:url(images/titlebg.gif) top repeat-x; margin-bottom:5px;}*/

/* 방명록 비밀글 체크 박스 */
.secretWrap .checkbox { border:0; padding:0; margin:0; width:20px; height:20px;}
.secretWrap label { font:0.8em tahoma; letter-spacing:normal; cursor:pointer;}

.trackback { border-bottom:1px dashed #ccc; padding-bottom:3px;}
.trackback h3 {margin-top:6px; border:1px solid #e6e6e6 !important; background:#ededed;  padding:8px 10px !important; display:block; font:0.8em tahoma !

important; color:#888 !important; letter-spacing:normal;}
.trackback h3 span { border:0 !important; font-weight:normal;}
.trackback li {margin:5px 0; border-top:1px solid #e6e6e6;  padding:10px 0 8px 0; width:100%; overflow:hidden;} 
.trackback li h4 { font:1em gulim; border-bottom:none !important; letter-spacing:normal; font-weight:bold;}
.trackback li p {clear:left; padding-top:7px; margin-top:4px; padding-bottom:3px; font:0.9em dotum; border-top:1px dashed #ccc;}
.trackback li .date { font:0.8em tahoma; letter-spacing:normal; color:#ccc;}
.trackback li .delete {  display:block; height:0; padding:9px 0 0 0; overflow:hidden; float:right; margin-top:-33px;  background:url

(images/iconDelete.gif); width:22px;}

/* 공지 */
.entryNotice { margin-bottom:40px;}

/* 비밀글 */
.entryProtected { margin-bottom:50px;}
.entryProtected p.text   { background:url(images/imgProtected.gif) no-repeat ; padding-left:50px; margin-bottom:10px;}
.entryProtected label { font-weight:normal; }


/*---------------------------------------------------------------------------*/
/* New Added Style.                                                          */
/*---------------------------------------------------------------------------*/
.searchSubmit { height:20px; }

.titleWrap a:link, .titleWrap a:visited { color:#ffaa00; }
.titleWrap a:active, .titleWrap a:hover { color:#ffc855; }
/*
.searchList a:link, .searchList a:visited { color:#0000ff; }
.searchList a:active, .searchList a:hover { color:#00008c; }
*/

 /*카테고리 및 날짜*/
.category { }
.date { }
.categorydate a:link, .categorydate a:visited { color:#64de64; }
.categorydate a:active, .categorydate a:hover { color:#6cfc6c; }

.commentList a:link, .commentList a:visited { color:#40a940; }
.commentList a:active, .commentList a:hover { color:#64de64; }

.admin a:link, .admin a:visited { color:#e966b3; }
.admin a:active, .admin a:hover { color:#f181c3; }

.admin { margin-top:3px; margin-bottom:3px; }
.titleWrap { margin-top:0px; margin-bottom:5px; background-color:#3c3c3c; border:solid 1px #ffffff; padding:2px;}
.article { margin-top:0px; margin-bottom:5px; background-color:#3c3c3c; border:solid 1px #ffffff; padding:2px;}
.postWrap { margin-top:0px; margin-bottom:0px; background-color:#3c3c3c; border:solid 1px #ffffff; padding:2px;}
.pageWrap { margin-top:-5px; margin-bottom:0px; background-color:#3c3c3c; border:solid 1px #ffffff; padding:2px; padding-top:8px; padding-bottom:8px;}
.guestWrap { margin-top:5px; margin-bottom:0px; background-color:#3c3c3c; border:solid 1px #ffffff; padding:2px;}
.guestContent { margin-bottom:15px;}
.categorydate { margin-top:0px; margin-bottom:3px; }
.author { margin-top:0px; margin-bottom:3px; color:#ffffff; text-align:right; }
.entry { margin-bottom:10px; }
.searchList { margin:0px; margin-bottom:10px; background-color:#3c3c3c; border:solid 1px #ffffff; padding:2px; }

.entrySeparator{
  border-top: #b08050;
  border-bottom: #ffe0b0;
  border-style: solid;
  border-top-width:1px;
  border-bottom-width:1px;
  border-left-width:0px;
  border-right-width:0px;
  margin-bottom:10px;
}

.taglog li { margin-left: 20px; }

/*---------------------------------------------------------------------------*/
/* Coding Style.                                                             */
/*---------------------------------------------------------------------------*/
.programcode
{
	background-color:#4d4d4d;
	border:solid 1px #000000;
	text-align:right;
	padding:2px;
	margin-bottom:1px;
}
.programcodebody
{
	background-color:#4d4d4d;
	border:solid 1px #000000;
	padding:2px;
}
.pcode 
{
	color: #000000;
	font-family: "Fixedsys";
}
.pcomment 
{
	color: #008000;
	font-family: "Fixedsys";
}
.pkeyword 
{
	color: #0000ff;
	font-family: "Fixedsys";
}
.pstring 
{
	color: #808080;
	font-family: "Fixedsys";
}


/*---------------------------------------------------------------------------*/
/* Gallery Style.                                                            */
/*---------------------------------------------------------------------------*/
.stepcarousel
{
	background-color:#e1b181;
	position: relative; /*leave this value alone*/
	border: 1px solid black;
	overflow: scroll; /*leave this value alone*/
	margin: 0px auto;
	/*width: 1000x;*/
	/*height: 350px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt
{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel
{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: -1px 0px 0px -1px; /*margin around each panel*/
}


-->
</style>
