@charset "utf-8";

/* CSS Reset START */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-style:normal;
}

html, body {
	width:100%;
	min-width:980px;
	height:100%;
	background-color:#3B3B3B;
	font-family: 'Maglgun Gothic','맑은 고딕','Myriad Pro',Arial,'Sans Serif';
	font-smooth:always;
	font-size:14px;
	line-height:1;
}

.png24 { tmp:expression(setPng24(this)); }

ol, ul {
	list-style:none
}

blockquote, q {
	quotes:none
}

blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}

/* remember to define focus styles! */
:focus {
	outline:0
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration:none
}

del {
	text-decoration:line-through
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0
}
/* CSS Reset END */


/* CSS Structure END */
#header {
	width:100%;
	background-color:#AC91D8
}

#header_top {
	width:100%;
	height:60px;
	background-color:#786597
}

#header_top_content {
	width:940px;
	height:60px;
	margin:0 auto
}

#header_top_content p a {
	border:0px
}

.logo {
	float:left
}

.top_right_nav {
	display:block;
	float:right;
	height:60px;
	width:160px
}

.top_right_nav a {
	display:block;
	float:left;
	height:60px;
	width:80px;
	overflow:hidden
}

.tag {
	background:url(../images/top_right_btn.png) no-repeat left center
}

.tag:hover {
	background:url(../images/top_right_btn.png) no-repeat left top
}

.archives {
	background:url(../images/top_right_btn.png) no-repeat right center
}

.archives:hover {
	background:url(../images/top_right_btn.png) no-repeat right bottom
}

#header_bottom {
	position:relative;
	width:100%;
	z-index:99;
	background:url(../images/top_shade.png) repeat-x
}

#header_bottom_content {
	position:relative;
	width:980px;
	height:315px; /* header height */
	margin:0 auto;
	background:url(../images/top_deco2.png) no-repeat;
}

.main_nav_bg {
	position:absolute;
	bottom:-74px;
	height:79px;
	width:100%;
	background:url(../images/main_nav_bg.png) repeat-x
}

.main_nav {
	width:940px;
	margin:0 auto
}

/*navigation START*/
.first, .second, .third, .fourth, .fifth {
	float:left;
	width:auto;
	height:30px;
	font-size:20px;
	text-transform:uppercase;
	text-align:center;
	color:#3d3c3c;
	letter-spacing:0;
	text-shadow:#F1F1F1 -1px -1px 2px, #FFFFFF 1px 2px 1px;
	padding-top:15px;
	margin-left:-10px;
	margin-right:20px;
	font-weight:bold;
	background-color:transparent;
	cursor:pointer;
	position:relative;
	overflow:hidden
}

.t_l {
	display:block;
	float:left;
	width:10px;
	height:42px;
	margin-top:-5px
}

.t_m {
	display:block;
	float:left;
	height:42px;
	margin-top:-5px;
	padding:0 10px
}
.t_m a:link, .t_m a:visited, .t_m a:active {
	color:#3d3c3c;
	text-decoration:none;
}
.t_m a:hover {
	color:#522f84;
	text-decoration:none;
}
.t_r {
	display:block;
	float:left;
	width:10px;
	height:42px;
	margin-top:-5px
}

.t_m span, .t_m_active {
	line-height:160%
}

.m_c {
	position:absolute;
	top:48px;
	left:0;
	display:block;
	height:auto;
	border:1px solid #BBB;
	border-top:0;
	background:#FFF;
	font-size:16px;
	font-weight:bold;
	color:#3d3c3c;
	text-align:left;
	padding:5px 0 5px 0;
	/* background:url(../images/navi_round.gif) no-repeat right top; */
}
.second .m_c {
	width:170px;
}
.third .m_c {
	width:175px;
}
.fourth .m_c {
	width:145px;
}

.m_c a, .m_c a:link, .m_c a:visited, .m_c a:active {
	color:#3d3c3c;
	text-decoration:none;
}

.m_c span {
	display:block;
	background-color:#FFF;
	padding:7px 0 7px 19px;
}

.m_c span.on {
	background:#E9E9E9;
}
.m_c span.on a {
	color:#684391;
	text-decoration:none;
}
/*navigation END*/

.search {
	float:right;
	width:240px;
	height:49px;
	background:url(../images/search.png) no-repeat right center
}

.search input {
	width:200px;
	background-color:transparent;
	border:none;
	letter-spacing:1px;
	font-weight:bold;
	font-size:1.0em;
	margin:19px 0 auto 30px;
}

.search button {
	width:30px;
	height:30px;
	border:none;
	background-color:transparent;
	padding:0 5px;
	font-size:0;
	cursor:pointer
}
/* 0326 LKM
#middle {
	width:100%;
	height:auto;
	background-color:#FEFEFE
}

#middle_content {
	width:940px;
	min-height:700px;
	_height:700px;
	zoom:1;
	margin:0 auto
}

#middle_content:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
*/
#middle {
	width:100%;
	height:auto;
	background:#f7f7f7 url(../images/bg_middle.gif) repeat-x;
}
#middle_content {
	width:940px;/*height of content*/
	min-height:600px;
	_height:600px;
	margin:0 auto;
	zoom:1;
	margin-top:74px;
}
#middle_content:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
/* //0326 LKM */


#footer {
	float:left;
	width:100%;
	height:325px;
	padding:70px 0 0 0;
	background:#f7f7f7;
}

#footer_top {
	width:100%;
	height:285px;
	background:#4e4e4e url(../images/bottom_shape.png) no-repeat center 0;
}

#footer_top_content {
	position:relative;
	width:940px;
	height:285px;
	margin:0 auto
}
#footer_top_content .twitter_content {
	font-size:12px;
	line-height:16px;
	color:#cfc9c9;
	padding:0;
	margin:0;
}
#footer_top_content .twitter_content div {
	padding:0;
	margin:0;
}
#footer_top_content .twitter_content a {
	color:#0aa0d9;
	text-decoration:none;
}
#footer_top_content .twitter_content a:hover {
	text-decoration:underline;
}

#footer_bottom {
	width:100%;
	height:40px;
	background-color:#3B3B3B
}

#footer_bottom_content {
	width:940px;
	height:40px;
	margin:0 auto
}

#footer_bottom_content p {
	padding-top:8px;
	text-align:left;
	font-size:0.8em;
	vertical-align:middle;
	color:#E1E1E1
}

#footer_bottom_content p img {
	vertical-align:middle
}

#footer_bottom_content p span {
	vertical-align:middle
}

.rotation {
	display:none
}

.border {
	display:none
}

.dropShadow {
	position:absolute;
	top:48px;
	left:0;
	z-index:1
}

/*FOOTER*/

#footer .left {
	position:absolute;
	top:0;
	left:0;
	width:270px;
	height:250px;
	padding:20px 10px 15px 0;
	color:#FEFEFE
}

#footer .center {
	position:absolute;
	top:0;
	left:305px;
	width:290px;
	height:250px;
	padding:20px 10px 15px 0;
	color:#FEFEFE
}

#footer .right {
	position:absolute;
	top:0;
	left:655px;
	width:270px;
	height:250px;
	padding:20px 10px 15px 0;
	color:#FEFEFE
}

#footer_top_content div h3 {
	font-weight:550;
	font-size:1.3em;
	color:#FEFEFE
}

#footer .left div {
	position:relative;
	display:block;
	width:250px;
	height:110px;
	margin:32px 0 0 15px;
	line-height:150%;
	overflow:hidden
}

#footer .left div div {
	position:absolute;
	top:-30px;
	left:-15px;
	display:block;
	width:250px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

#footer .left div div  p {
	padding:20px 0;
	border-bottom:1px inset;
	text-indent:30px
}

#footer .left div div p a {
	color:#36F
}

#footer .twitter_bg {
	position:absolute;
	top:60px;
	left:0;
	width:273px;
	height:177px;
	z-index:0;
}

#footer .center div {
	font-family:"맑은 고딕", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	width:320px;
	height:220px;
	margin:0;
	overflow:hidden
}

#footer .title {
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
	margin-top:15px
}
#footer .title span {
	font-size:12px;
	letter-spacing:-1px;
}

#footer .right div {
	font-size:14px;
	line-height:150%
}
#footer .contact {
	display:block;
	width:100px;
	height:auto;
	float:left
}
#footer .contact_info_email a, #footer .contact_info_email a:link, #footer .contact_info_email a:visited, #footer .contact_info_email a:active { 
	color:#fff;
	text-decoration:none;
}
#footer .contact_info_email a:hover {
	text-decoration:underline;
}
#footer .contact_text {
	display:block;
	width:auto;
	height:auto;
	float:left
}
#footer .email {
	position:absolute;
	top:210px;
	left:238px
}
.twitter {
	position:absolute;
	top:220px;
	left:60px;
	font-size:0.7em;
}

.twitter a, .twitter a:link, .twitter a:visited, .twitter a:active, .twitter a:hover {
	color:#cfc9c9;
	font-size:12px;
	text-decoration:underline;
}

.cover p {
	border-bottom:1px dotted #999;
	padding:20px;
	cursor:pointer
}

.cover p:hover {
	background:#000
}

.cover p:first-letter {
	font-size:1.3em;
	font-weight:bold;
	letter-spacing:3px;
	color:red
}

.cover p a {
	color:#9C0;
	width:330px;
	display:block;
	margin-right:10px;
	text-align:right
}
/* CSS Structure END */