@charset "utf-8";
@font-face{font-family:Nanum;src:url(images/NanumGothic.eot);src:local(※),url(images/NanumGothic.woff) format('woff')}

/* 공통 요소 */
* {font-family: "나눔 고딕", Nanum, "맑은 고딕", "Malgun Gothic", Gulim, "굴림", Dotum, "돋움", AppleGothic, Arial, Tahoma, Verdana, sans-serif; outline: 0;}
html { overflow-y: scroll; }
body {margin: 0; padding: 0; background:/*@background-color=*/#e0e0e0/*@*/
										/*@background-image=*/url("images/bg8.png")/*@*/
										/*@background-image-repeat=*/no-repeat/*@*/
										/*@background-image-position=*/center top/*@*/; font: small/1.3em "돋움","Dotum"; }
a {text-decoration: none; }
a:hover {text-decoration: underline; }
img {border: 0; vertical-align:middle;}
.ib .click img	{vertical-align:baseline !important;}
hr {display: none; }
input {vertical-align: middle; }
ul, ol {margin: 0; padding: 0; list-style: none; }
li, dl, dt, dd {margin: 0; padding: 0; }
h1, h2, h3, h4 {margin: 0; padding: 0; line-height: 1em; }
.clear {clear: both; }
.count {font-size: 11px; }

.tabs { list-type-type: none; }
.tabs > * { float: left; }

/* 태그 클라우드 */
.cloud1, .cloud1:hover {color: #797b74 !important; font-size: 1.4em; font-weight:bold;}
.cloud2, .cloud2:hover {color: #797b74 !important; font-size: 1.4em; font-weight:bold;}
.cloud3, .cloud3:hover {color: #797b74 !important; font-size: 1.2em; font-weight:bold;}
.cloud4, .cloud4:hover {color: #797b74 !important; font-size: 1em; font-weight:bold;}
.cloud5, .cloud5:hover {color: #797b74 !important; font-size: 0.9em; }

/* 포스트 내부 요소 */
.article_post ul {padding: 0 15px; list-style-type: disc; }
.article_post ol {padding: 0 15px 0 45px; list-style-type: decimal; }
.article_post blockquote {padding: 10px 0 10px 15px; background: url('./images/icon_quote.gif') no-repeat 0 13px; color: #8a8a8a; }
.article_post blockquote a {color: #8a8a8a; }
.article_post .moreless_fold {padding-left: 9px; background: url('./images/btn_more.gif') no-repeat 0 50%; color: #8b8a8a; }
.article_post .moreless_top {padding-left: 9px; background: url('./images/btn_less.gif') no-repeat 0 50%; color: #8b8a8a; }
.article_post .moreless_bottom {padding-left: 9px; background: url('./images/btn_less.gif') no-repeat 0 50%; color: #8b8a8a; }
.article_post h1,
.article_post h2,
.article_post h3,
.article_post h4,
.article_post h5,
.article_post h6 {padding:10px 0; line-height:1.1em;}

/* 카테고리 */
.branch3 {cursor: pointer; }
.c_cnt {font-size: 11px; font-family:"Trebuchet MS", Verdana, Tahoma, 돋움, Sans-serif;}

/* 달력 월 표시 */
.cal_month {color:#616161; font-size: 11px; font-weight:bold; font-family:"Trebuchet MS", Verdana, Tahoma, 돋움, Sans-serif;}
.cal_month a {color:#848484;}
/* 달력 요일 표시(th 영역) */
.cal_week1 {color:#848484; font-weight: normal; font-size: 11px; }
/* 달력 일요일 표시(th 영역) */
.cal_week2 {color:#848484; font-weight: normal; font-size: 11px; }
/* 달력 Week(tr 영역)  */
.cal_week {}
.cal_current_week {}
/* 달력 Day(td 영역) */
.cal_day {color:#848484; text-align: center; font-size: 11px; font-family:"Trebuchet MS", Verdana, Tahoma, 돋움, Sans-serif;}
/* 달력 Day, 일요일 (td 영역)  */
.cal_day_sunday {}
.cal_day_sunday a {}
/* 달력 지난 달 날짜 표시(td)   */
.cal_day1 {}
/* 달력 다음 달 날짜 표시(td)   */
.cal_day2 {}
/* 달력 이번 달 날짜 표시(td) */
.cal_day3 {}
/* 달력 오늘 날짜 표시(td) */
.cal_day4 {color:#848484; font-weight:bold;}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link {color:#848484; text-decoration:underline;}
a.cal_click:visited {color:#848484; text-decoration:underline;}
a.cal_click:hover {color:#848484; text-decoration:underline;}

/* 페이징 */
.paging {margin:20px 0; text-align: center; font-size: 0.85em; text-transform: uppercase; color:#8b8a8a;}
.paging a {padding:0 3px; color:#8b8a8a; text-decoration; none; }
.paging .selected {font-weight:bold; text-decoration:underline;}
.paging .paging_img {}
.paging .page a { width: 24px; height: 24px; padding: 5px; }
.paging .page a:focus,
.paging .page a:active,
.paging .page a:hover { background: #efefef; }
.paging .page a:focus .selected,
.paging .page a:active .selected,
.paging .page a:hover .selected { background: transparent; }

/* 레이아웃 */
/* 레이아웃 */
#wrap		{width:/*@post-width:216=*/1156px/*@*/; margin:0 auto;position:relative;}
#header	{width:/*@post-width:64=*/1004px/*@*/; padding:0 0 2px 0; position: relative; z-index:99;}

.container,
#container	{
	width:/*@post-width=*/940px/*@*/;
	margin: 0 auto;
	padding:0 0 0px 0;
	background: #ffffff;
	position: relative;
	top: -4px;
	left: 0px;
	border-style:none;
	border-color:#ffffff
	z-index: 0;
	display: inline-block;
}
.container { margin: 20px auto;}

.container2,
#container2	{
	width:/*@post-width=*/940px/*@*/;
	margin: 0 auto;
	padding:0 0 0px 0;
	background: #00c3a9;
	position: relative;
	top:  0px;
	left: 0px;
	border-style:none;
	border-color:#ffffff
	z-index: 0;
	display: inline-block;
}
.container2 { margin: 20px auto;}


#content {
	float: left;
	width:/*@post-width=*/652px/*@*/;
	min-height: 300px;
	margin: 0;
	padding: 30px 15px;
	overflow:hidden;
	position: relative; 
/*	top: -4px; /**/
/*	border-bottom-left-radius: .5em;
	-o-border-bottom-left-radius: .5em;
	-ms-border-bottom-left-radius: .5em;
	-moz-border-bottom-left-radius: .5em;
	-khtml-border-bottom-left-radius: .5em;
	-webkit-border-bottom-left-radius: .5em; 
 	border-bottom-right-radius: .5em;
	-o-border-bottom-right-radius: .5em;
	-ms-border-bottom-right-radius: .5em;
	-moz-border-bottom-right-radius: .5em;
	-khtml-border-bottom-right-radius: .5em;
	-webkit-border-bottom-right-radius: .5em; 
/**/
}
#content > * {
	width: 652px;
	margin: 0 auto;
	padding: 0;
}
#sidebar { width:/*@post-width=*/208px/*@*/; padding: 25px 14px 0 0; float: right; font-size: .9em; }
#footer	{width:/*@post-width:64=*/1004px/*@*/; padding:0 0 15px 0; margin: 0 auto;}

.outer_body	{width:/*@post-width:64=*/1004px/*@*/; margin:0 auto;}
#outer_btn_left	{position:absolute; left:0; top:350px; width:41px;}
#outer_btn_right{position:absolute; right:0; top:350px; width:41px;}

/* header */
#header .title								{/*@title-height=height:;*/height: auto;/*@*/ padding:0;/*@title-background-color=background-color:;*/background-color: transparent;/*@*/
																								/*@title-background-image=background-image:;*/background-image: none;/*@*/
																								/*@title-background-image-position=background-position:;*/background-position: center top;/*@*/
																								/*@title-background-image-repeat=background-repeat:;*/background-repeat: no-repeat;/*@*/ font-size:/*@title-font-size=*/1.3em/*@*/; font-family:/*@title-font-family=*/inherit/*@*/; letter-spacing:-1px; line-height:1em;}
#header .title,
#header .title a							{color:/*@title-color=*/#7b7b7b/*@*/; height: 260px; text-indent: -9999999px; display: block; background: url("") no-repeat bottom center;}
#header .header_menu						{ position: absolute; left:2px; width: 898px; height: 40px; line-height: 40px; margin: 0; padding: 0 20px; display: inline-block; background: #ffffff;}
#header .t_menu_home  { width: 34px; height: 40px; background: transparent url("images/menu_btn_home.png") no-repeat center center; display: block; text-indent:-9999999px;}
#header .menu		{float:left; width:300px; padding:10px 0 7px 0;}
#blogMenu		{float:left; width: 34px; height: 40px; padding:00;  margin:0; }
#blogMenu li		{float:left; padding:0 0px 0 0;}
#blogMenu li	a	{color:#7d7d7d ; font-family:gulim; font-size:12px;}
#blogMenu li	a:hover	{ text-decoration:none; }

#header .blog_menu { position: absolute; top: 5px; right: 0; height: 1.2em; overflow: hidden; }
#header .blog_menu li { float: left; background: transparent url("images/blog_menu_delimeter.png") no-repeat right center; }
#header .blog_menu li:last-child { background-image: url(""); }
#header .blog_menu li a { color: #00c3a9; padding: 0 5px; font-weight: bold; }
.effect-line {
	background: #00c3a9;
	position: absolute;
	top: 393px;
	width: auto;
	height: 40px;
}

#header .module_search	{ position: absolute; float: right; top: 0; right: 16px; width: 248px; height: 40px; padding:0 20px 0 0; text-align:right; background: transparent url("images/search_bg.png") no-repeat 50% 50%; }
#header .module_search li		{ float: left; margin-right: 5px; }
#header .module_search .input_search	{ width:202px; height:16px; margin:0; padding:2px 3px 0 3px; border:transparent solid 1px; background:#ffffff; color:#757373; }

#header .category { min-width: 100px; width: auto;  }
#header .category .c_cnt { display: none; }
#header .category > ul > li { height: 40px; line-height: 40px; vertical-align: middle; }
#header .category > ul > li > a { display: none; }
#header .category > ul > li > ul > li { float: left; margin-left: 0px; position: relative;
}
#header .category > ul > li > ul > li > a { text-indent: -9999999px; width: 142px; height: 40px; background: transparent url("images/menu_btn_01.png") no-repeat left center ; display: block; margin: 0; padding: 0; }
#header .category > ul > li > ul > li + li > a { width: 142px; background: url("images/menu_btn_02.png") no-repeat left center;  }
#header .category > ul > li > ul > li + li + li > a { width: 142px; background: url("images/menu_btn_03.png") no-repeat left center; }
#header .category > ul > li > ul > li + li + li + li > a { width: 142px; background: url("images/menu_btn_04.png") no-repeat left center; }
#header .category > ul > li > ul > li > ul { 
	display: none; 
	position: absolute; 
	list-style-type:square;
	z-index: 999;
	top: 40px; 
	left: 0px; 
	width: 170px;
	height: auto;
	margin: 0;
	padding: 0; 
	overflow:hidden;
	font-size: .9em bold;
	background: #00c3a9; 
	border: 0px solid #aaa; 
/*	border-radius: .5em;
	-o-border-radius: .5em;
	-ms-border-radius: .5em;
	-moz-border-radius: .5em;
	-khtml-border-radius: .5em;
	-webkit-border-radius: .5em; /**/
	box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, .3);
	-o-box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, .3);
	-ms-box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, .3);
	-khtml-box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, .3); /**/
	zoom: 1;
/* 	opacity: .85;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* ie8 */
	/* filter: alpha(opacity=85); /* ie7 */
}
#header .category > ul > li > ul > li > ul > li { 
	margin: 0;
	width: 100%;
	line-height: 1em;
	display: inline-block;
	border-top: 1px solid #fff;
}
#header .category > ul > li > ul > li > ul > li:first-child {
	/*border: 0;*/
}
#header .category > ul > li > ul > li > ul > li > a {
	display: block;
	padding: 1.2em;
	text-align:center;
	color: #ffffff;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	background: transparent url(" ") no-repeat 10px center;
}
.blog_menu li { float: left; }
.blog_menu li a { color: #e0e0e0; margin: 0; padding: 0; }
.effect-line {
	background: #e0e0e0;
	position: absolute;
	top: 393px;
	width: auto;
	height: 40px;
}

/* content */

.article_head				{padding:30px 0 0 0;}
.article_head .title			{float:left; width:70%; font-size:/*@post-title-font-size=*/1.2em/*@*/; font-family:/*@post-title-font-family=*/inherit/*@*/; line-height:1.1em;}
.article_head .title a			{color:/*@post-title-color=*/#282828/*@*/;}
.article_head .article_info		{float:right; width:40%; color:#707070; font: 11px dotum; text-align:right;}
.article_head .article_info .category	{margin:0 7px 0 0;}
.article_head .article_info .date	{font-family:"Trebuchet MS", Verdana, Tahoma, 돋움, Sans-serif;}
.article_head .article_info a		{color:#707070;}

.article_head .article_admin		{_margin:-10px 0 0 0; margin:3px 0 0 0; padding:4px 0 0 0; border-top:#efefef 1px solid;}
.article_head .article_admin,
.article_head .article_admin a		{color:#a5a5a5;font: 11px dotum;}

.article_post								{padding:20px 0; color:/*@post-body-color=*/#8b8a8a/*@*/;
																		font-size:/*@post-body-font-size=*/1em/*@*/; font-family:/*@post-body-font-family=*/inherit/*@*/;}
.article_post a								{color:/*@post-body-color=*/#757373/*@*/;}

.article .article_author					{clear:both; padding:20px 0; color:#a5a5a5; text-align:right; font-size:0.85em;}

.article .article_tag						{clear:both; padding:6px 0; color:#a5a5a5;}
.article .article_tag img					{position:relative; top:1px;}
.article .article_tag a						{color:#a5a5a5; font-size:0.85em;}

.article .article_guest						{clear:both; background: transparent/*#f5f5f5*/; border-top:#d5d5d5 solid 1px; padding: 0 15px; }
.article .article_guest .article_guest_include	{padding:8px 0; border-bottom: #d5d5d5 1px dashed; font-family:"Trebuchet MS", Verdana, Tahoma, 돋움, Sans-serif;}
.article .article_guest .article_guest_include a	{ color:#8b8a8a; font-size:0.85em;}
.article .article_guest .article_guest_include .count	{color:#575757; font-weight:bold;}

.article_action								{width:/*@post-width=*/940px/*@*/; overflow: hidden;}
.article_action_include						{padding:0 15px; background: transparent/*#ff0015*/;}
.article_action .article_action_tbadd		{width: 600px; padding:13px 0px 13px 20px; color:#00c3a9; font-size:0.85em; font-weight:normal; border-bottom:#a5a5a5 1px dashed;}
.article_action .trackback					{width:/*@post-width:-34=*/876px/*@*/; overflow:hidden; color:#8b8a8a;}
.article_action .trackback li				{padding:13px 0; border-bottom:#d5d5d5 1px dashed;}
.article_action .trackback li .subject		{color:8b8a8a; font-size:1em; font-weight:normal;}
.article_action .trackback li .subject a	{color:#a5a5a5; font-weight:bold;}
.article_action .trackback li .author		{color:#575757; font-size:0.85em;}
.article_action .trackback li .date			{color:#575757; font-size:0.85em; font-family:"Trebuchet MS", Verdana, Tahoma, 돋움, Sans-serif;}
.article_action .trackback li img			{margin:0 0 0 5px;}
.article_action .trackback li p				{padding:5px 0 0 5px; margin:0;}

.article_action .reply							{width:620px; overflow:hidden; padding:0; color:#00c3a9;}
.article_action .reply a					{color:#a5a5a5; }
.article_action .reply li					{padding:3px 0 0 0; border-bottom:#d5d5d5 1px dashed;}
.article_action .reply li ul li				{padding:0; border:none;}
.article_action .reply li .author a			{color:#a5a5a5;}
.article_action .reply li .date				{color:#575757; font-size:0.85em; font-family:"Trebuchet MS", Verdana, Tahoma, 돋움, Sans-serif;}
.article_action .reply li .description		{padding:4px 0 12px 0; margin:0;}
.article_action .reply li .description a	{color:#8b8a8a;}
.article_action .reply li ul li				{padding:0 0 0 28px; background:url("images/icon_reply.gif") no-repeat 14px 3px;}

.article_action .article_write				{padding:5px 0;}
.article_action .name,
.article_action .pass,
.article_action .home						{float:left; position:relative; width:158px; height:21px; overflow:hidden; margin:0 0 0 0; padding:0 0 0 0; border-top:none; border-left:none; background:#c7fff8; color:#a5a5a5;}
.article_action .name .name_label,
.article_action .pass .pass_label,
.article_action .home .home_label,
.article_action .secret .secret_label		{font-family:"Trebuchet MS", Verdana, Tahoma, 돋움, Sans-serif;}
.article_action input						{height:16px; border:none; background:#ffffff; color:#a5a5a5; font-family:돋움,Dotum;}
.article_action .name input					{width:115px; position:absolute; left:30px; top:2px; padding:0 0 0 2px;}
.article_action .pass input					{width:90px; position:absolute; left:53px; top:2px; padding:0 0 0 2px;}
.article_action .home input					{width:100px; position:absolute; left:53px; top:2px; padding:0 0 0 2px;}
.article_action .secret input				{background:none;}
.article_action .secret						{position:absolute ; left:515px; float:left; width:80px; height:17px; _height:20px !important; padding:0 0 0 0; color:#a5a5a5;}
.article_action .secret input				{width:12px;}
.article_action .textarea					{padding:5px 0 0 0; clear:both;}
.article_action .textarea textarea			{margin:-4px 0 0 0 !important; _overflow-y:auto; width:600px; height:84px; border-bottom: #00c3a9 1px solid; border-right: #00c3a9 1px solid; border-top:#00c3a9 1px solid; border-left:#00c3a9 1px solid; background:#ffffff; color:#a5a5a5; font-family:돋움,Dotum; font-size:1em;}
.article_action .submit						{text-align:center; margin-top: 7px; }
.article_action .submit input				{ width: auto; height: auto;/*width:95px; height:17px; /**/}

/* ***** sidebar ***** */
#Dday { 
	display: inline-block;
	position: fixed;
	top: 350px; 
	margin-left: 220px;
	width: 166px;
	height: 370px;
	/*background:  transparent url("images/left_banner.png") no-repeat 0 0;
	/+text-indent: -9999999px;/**/
}
.sidebar_menu { display: none; position: fixed; top: 420px;  left: 0; width: 71px; display: blcok; height: 122px; border: 0; background: transparent url("images/right_banner_character.png") no-repeat 0 0; text-indent: -9999999px;}
#sidebar > * { display: inline-block; margin-bottom: 22px; }
#sidebar > *:before, #sidebar > *:after  { content: "", content: none; zoom: 1; }
#sidebar a { color: #483a31; }
#sidebar ul		{ display: inline-block; padding:0;  margin:10px 0 10px 28px; list-style:none;}
#sidebar ul ul		{ margin: 0 0 0 10px; }
#sidebar ul ul ul	{ margin: 0 0 25px 10px; }
#sidebar li		{ border: 0; line-height: 22px; }
#sidebar h3		{ font-size:1em;  font-weight:bold; color:#000; padding-top:20px; margin-bottom:8px;}
#sidebar .category,
#sidebar .link { padding-bottom: 50px; width: 208px; background: #f6f6f6 url("images/right_banner_bottom.png") no-repeat 0 bottom; }
#sidebar .category li { line-height: 19px; }
#sidebar .link li { line-height: 23px; }
#sidebar .category h3	{ width: 208px; height: 132px; margin: 0; padding: 0; background:url("images/right_banner_title.png") no-repeat left top; text-indent: -9999999px; }
#sidebar .link h3 { width: 208px; height: 0px; margin: 0; padding: 0; background: url(" ") no-repeat left top; text-indent: -9999999px; }

#sidebar .cnt                  { font:0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#f60;}
#sidebar .date                 { font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#888;}
#sidebar .name                 { font:0.9em Dotum, Arial, sans-serif;  color:#888;}

#sidebar .box { background: #e4e1c5; padding: 10px; overflow-x: hidden; }
#sidebar .box .head { margin: 0; padding: 10px; }


#sidebar .tw { padding-top: 5px; width: 208px; background: #ffffff; no-repeat 0 bottom; }
#sidebar .viewLanking,
#sidebar .adminMenu,
#sidebar .counter { margin: 0 auto; padding: 0; display: block; text-align: center; background: #e4e1c5; }
#sidebar .viewLanking { height: 155px; overflow: hidden; padding: 14px 0; }

#sidebar .adminMenu .admin,
#sidebar .adminMenu .write { display: inline-block; text-indent: -9999999px; width: 65px; height: 22px; }
.adminMenu .admin { background: transparent url("images/btn_admin.gif") no-repeat 0 0; }
.adminMenu .write { background: transparent url("images/btn_write.gif") no-repeat 0 0; }
.counter .total { color: #000; }
#sidebar .box,
#sidebar .box > * { display: inline-block; width: 100%; height: 5px; margin: 0; padding: 0; background: transparent; }
#sidebar .box .head { padding: 0; background: transparent url("images/right_radius_top.png") no-repeat 0 0; }
#sidebar .box .foot { background: transparent url("images/right_radius_bottom.png") no-repeat 0 0; }
#sidebar .box2 { margin: 0 auto; padding: 0; width: 185px; height: 39px; line-height: 17px; background: transparent url("images/box2.png") no-repeat 0 0; }
#sidebar .adminMenu .box2 { padding-top: 10px; }
#sidebar .counter .box2 { padding-bottom: 15px; color: #999; }
#sidebar .movie { width: 186px; height: 218px; padding: 13px 11px; background: transparent url("images/box1.png") no-repeat 0 0; }
#sidebar .movie .lists { margin-top: 24px; }
#sidebar .movie .lists > *,
#sidebar .movie li { float: left; height: 40px; line-height: 40px; text-decoration: none; }
#sidebar .movies { display: inline-block; width: 160px; overflow: hidden; }
#sidebar .movie ul { margin: 0; padding: 0; width: 999px; height: 40px; overflow: hidden; }
#sidebar .movie img { width: 52px; height: 40px; margin-right: 3px; }

#blogImage img        { width:200px; height: 128px; padding-bottom:6px; margin-top: 10px;}
#blogDesc             { color:#888;  font-size:0.9em;  line-height:1.2em;  letter-spacing:-1px;}
#userID               { color:#888;  background:url(images/iconBy.gif) 3px 0 no-repeat;  padding-left:22px;  letter-spacing:-1px;}

#notice               { margin:10px 0;  padding:0;}
#notice li            { border-bottom:1px dotted #ddd; margin:0 0 2px 0; padding:0 0 1px 0; background:none;}
#notice a:link,
#notice a:visited     { background:url(images/icon_notice.gif) 0 0 no-repeat; padding:0 0 5px 35px; }
#notice a:hover       {  background:url(images/icon_notice_over.gif) 0 0 no-repeat;  padding:0 0 5px 35px; text-decoration:none; color:#f60;}

#adminMenu            { margin:5px 0 10px 0; text-align:center; background-color:#eee; padding:5px;}
#adminMenu            { display:inline; background:none; float: left; }

#searchBox               { text-align:center;}
#searchBox input         { width:160px;  height:17px; border:1px solid #AFAFAF;}
#searchBox .submit       { background:url(images/btn_search_n.gif) no-repeat; width:21px;  height:21px; text-indent:-5000px; border:0; cursor:pointer;}


#category li          { background:none;}
#category li ul li    { background:url(images/bul.gif) 0 6px no-repeat;  padding-left:12px;}
#category li ul li ul li { background:none; border-left:1px dotted #ccc; padding-left:10px; margin-left:6px;}
#category li ul li ul li a{ color:#333;}


#tagbox ul            { padding:5px 2px;	text-align:justify;}
#tagbox li            { background:none;  display:inline;}
#tagbox a             { letter-spacing:-1px;}
#tagbox li .cloud1    { background-color:#eee;  font-weight:bold;  font-size:16px;  color:#a2348f;}
#tagbox li .cloud2    { background-color:#eee;  font-weight:bold;  font-size:15px;  color:#5a5194;}
#tagbox li .cloud3    { background-color:#eee;  font-weight:bold;  font-size:14px;  color:#7870ab;}
#tagbox li .cloud4    { background-color:#eee;  font-size:13px;  color:#666;}
#tagbox li .cloud5    { font-size:12px;  color:#888;}
#tagbox a:hover       { background-color:#eee;  text-decoration:none;  color:#000;}



#recentComment        {width:190px; overflow:hidden;}
#recentComment .info_wrap  {  margin-bottom:3px; color:#999; display:block;}

#recentTrackback      {width:190px; overflow:hidden;}
#recentTrackback .info_wrap  {  margin-bottom:3px; color:#999; display:block;}

#archive li           { font-family:verdana;}
#calendar td             { font-family:verdana;}

#counter              { font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif;  padding:5px 0;  margin:10px 0;  text-align:center;  background-color:#eee;  letter-spacing:0;}
#counter li           { background:none;  display:inline;  padding:0 5px;}
#counter li.total     { display:block;  color:#000;}

#adTistory       {  }
#adTistory.invite_tistory { marign: 8px 0; font-family: Dotum; font-size:11px; color:#333333; text-align:center; }
#btnRSS          { text-align:center;  padding:5px;}

#uibgmplayer { margin:5px 0 0 5px; width:181px;}

/* links */
#links { width: 910px; height: 61px; line-height: 61px; vertical-align: middle; margin: 0; padding: 5px 0px 5px 30px;}
#links a { text-indent: -9999999px; }
#links .sns { float: left; display: inline-block; overflow: hidden; margin: 0;padding: 5px 0px;}
#links .sns a { vertical-align: middle; display: block; width: 59px; height: 59px; /* background: transparent url("images/images/sns_icon_tw_51x51.png") no-repeat 0 0; text-indent: -9999999px; /**/ }
#links .sns .title { width: 100px; height: 53px; background: url("images/sns_icon_title_3.png") no-repeat 0 0; padding: 2px 0px;}
#links .sns li { margin-left: 0px; vertical-align: middle;  }
#links .sns li:first-child { margin-left: 0; }
#links .sns_tw { background: url("images/sns_icon_tw_51x51.png") }
#links .sns_me2 { background: url("images/sns_icon_me2_51x51.png") }
#links .sns_fb { background: url("images/sns_icon_fb.png") }
#links .sns_yz { background: url("images/sns_icon_yz.png") }
#links .sns_cy { background: url("images/sns_icon_cy.png") }
#links .sns_yt { background: url("images/sns_icon_yt_51x51.png") }
#links .move { dispaly: inline-block; width: 17px; height: 100%; background: url("images/sido_move_left.png") no-repeat 50% 50%; margin-right: 5px; text-indent: -9999999px; }

#links .right { float: right; dispaly: inline-block; width: 550px; height: 61px; overflow: auto; margin: : 0; padding: 0; position: relative; left: 0px;}
#links .right a { vertical-align: middle; display: block; width: 149px; height: 51px; /* background: transparent url("images/site_banner.jpg") no-repeat 0 0; text-indent: -9999999px; /**/ }
#links .right .title { position: absolute;right: 180px; width: 100px; height: 36px; background: url("images/sns_icon_title2.png") no-repeat 0 0; }
#links .right li { float: left; margin: 0 auto; vertical-align: middle;  }
#links .right li:first-child { margin-left: 0; }
#links .right_hp { position: absolute;right: 30px; vertical-align: middle; background: url("images/sns_icon_center.png"); }


/* footer */
.module_counter			{float:left;height:16px;}
.footer_left			{float:left; width:540px; padding:8px 0 0 0; font-size:0.85em;}
.module_counter ul li		{float:left; color:#808080; font-family:Tahoma;}
.module_counter ul li.clear	{height:1px;}
.module_counter ul li .hit	{margin:0 8px 0 0; font-weight:bold;}

.rss_feed			{padding:0 0 0 8px; font-family:Tahoma;}
.rss_feed a			{color:#808080; margin:0 0 0 3px;}

.footer_right			{float:right; width:330px; padding:5px 0 0 0; text-align:right; font-size:0.85em;}

.footer_right .module_banner a	{color:#808080;}
.footer_right .module_banner .text_banner	{position:relative; top:4px;}
.footer_right .copyright	{color:#a1a1a1; font-family:Tahoma;}
.footer_right .copyright a	{color:#a1a1a1;}

.article_etc { min-height: 300px; }
.article_etc .article_post	{clear:both; margin:0 0 15px 0; padding:4px 0 10px 0; background: transparent/*#f5f5f5*/;}
.article_etc .article_head .title			{color:#b3b3b3; padding:9px 0 0 0; text-indent:-5000px;}

/* 글 검색 결과 */
.search .search_title						{color:#282828; padding:9px 0; font-size:1em;}
.search .count								{color:#575757;}
.search .article_post li					{margin:0 15px; padding:6px 0 4px 0;}
.search .article_post li .title				{padding:0 0 0 3px;}
.search .date								{color:#a5a5a5; font-size:0.85em; font-family:"Trebuchet MS", Verdana, Tahoma, 돋움, Sans-serif;}


/* 지역로그 */
.location .title							{width:76px; background:url("images/sub_location.gif") no-repeat left top;}
.location .article_post						{padding:5px 15px 8px 15px;}
.location .article_post div					{padding:2px 0;}
.location .article_post .post,
.location .article_post .post a				{color:#282828;}
.location .article_post img					{position:relative; top:-2px; padding:0;}
.location .article_post .post_img			{top:0;}

/* 태그 */
.tag .title									{width:23px; background:url("images/sub_tag.gif") no-repeat left top;}
.tag .article_post							{padding:17px 15px 21px 15px; line-height:1.5em;}
.tag .article_post li						{display:inline; margin:0 8px 0 0;}


/* 방명록 */
.guest .title								{width:65px; background:url("images/sub_guest.gif") no-repeat left top;}
.guest .article_action						{clear:both; padding:15px 15px 0 15px; background: transparent/*#f5f5f5*/;}
.guest .article_action .name,
.guest .article_action .pass,
.guest .article_action .home				{float:left; width:224px; height:16px; padding:0 0 3px 7px; border-top:#e9e9e9 1px solid; border-left:#e9e9e9 1px solid; background:#ffffff; color:#a5a5a5;}
.guest .article_action .submit input		{margin-bottom:0;}
.guest .article_action .reply li			{border-bottom:none; border-top:#d5d5d5 1px dashed;}
.guest .article_action .reply li ul li		{border:none;}

/* 보호글 */
.protect .article_post						{clear:both; border:none; background:none; color:#a5a5a5;}
.protect .article_head .title				{float:left; font-size:1em; line-height:1.1em; padding:0; text-indent:0;}
.protect .article_post div					{padding:10px 0 0 0;}
.protect .article_post .protect_input		{width:144px height:17px; margin:0 2px; background:#f3f3f3; border-top:#dedede 1px solid; border-left:#dedede 1px solid; color:#a5a5a5; font-size:0.85em;}

/* 공지사항 */
.notice .article_post						{clear:both;}

/* 미디어 로그 */
#mediaLogNest #mediaLogContent				{margin:0 0 0 7px;}

/* IE 버그 */
*:first-child+html .rss_feed .rss	{position:relative; top:1px;}
* html .rss_feed .rss			{position:relative; top:1px;}
* html .rss_feed			{padding:2px 0 0 0;}

*:first-child+html .tag .article_post	{padding:7px 15px 21px 15px;}
* html .tag .article_post		{padding:7px 15px 21px 15px;}

* html .ib	{height:18px;}
*:first-child+html	.ib	{height:18px;}

/* 마이픽업 */
#mypickup {
	position: relative;
	top: 0;
	left: -120px;
	width: 900px;
	margin: 0;
	padding: 0;
font-family : Nanum;
}
#mypickup a {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
}
#mypickup * {
	margin: 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
}
#mypickup ul {
	list-style-type : none;
}
#mypickup .tabs {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
}
#mypickup .tabs > * {
	display: inline-block;
	margin: 0;
	margin-right: 8px;
}
#mypickup .tabs > *:last-child {
	margin-right: 0;
}
#mypickup .tab-2 > * {
	width: 430px;
}
#mypickup .tab-4 > * {
	width: 212px;
}

#mypickup .headtitle {
	text-align: center;
	text-indent: -9999999px;
}
#mypickup .article {
/*	position: relative;
*/	width: 100%;
	display: block;
	overflow: hidden;
}
#mypickup .header,
#mypickup .section {
/**/	position: relative;
/**/
}
#mypickup .header{
	margin: 0;
	padding-top: 5px;
/*	position: absolute;
*/	bottom: 0;
}
#mypickup .section > * {
/*	width: 420px;
	height: 358px;
*/
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#mypickup .section.bg-img > * {
	color: white;
	padding: 5px;
}
#mypickup .bg-img:active > *,
#mypickup .bg-img:focus > *,
#mypickup .bg-img:hover > * {
	display: block;
	/*#background: #000;*/
}
#mypickup .header .description,
#mypickup .section .description { 
	font-weight: bold;
}
#mypickup .header .title,
#mypickup .section .title {
	float: left;
	display: block;
	height: 30px;
	line-height: 1.4em;
	margin: 0;
	padding: 5px 0 ;
	font-size: 1em;
	font-weight: bold;
	font-family: Nanum;
	overflow:hidden;
	color: #666;
/**/	white-space:nowrap;
	text-overflow:ellipsis;
	padding: 12px 0;
	height: auto;
/**/
}
#mypickup .header .visitors-cnt {
	float: right;
	display: block;
	width: 65px; /**/
	height: 30px;
	padding: 12px 5px 0 0;
	text-align: right;
	font-weight: bold;
	color: #aaa;
}
#mypickup .header .visitors {
	padding-left: 20px;
	text-align: left;
	background: transparent url("images/icon_view.png") no-repeat 0 50%;
}
#mypickup .header .daum-view,
#mypickup .section .daum-view {
	float: right;
	display: block;
	width: 70px;
	height: 80px;
/*	margin-top: 5px; /**/
	padding: 0;
	text-align: right;
}
#mypickup .mypickup {
	display: block;
	margin: 10px 0 20px 0 ;
	padding: 5px;
	border: 1px solid efefef;
	background: #fff;
	overflow: hidden;
}
#mypickup .tab-2 .headtitle  {
	width: 430px;
	height: 37px;
}
#mypickup .ad-avi {
	position: relative;
}
#mypickup .ad-avi .mypickup {
	position: relative;
	height: 369px;
}
#mypickup .ad-avi .navi {
	position: absolute;
	z-index: 999;
	bottom: 30px;
	width: 350px;
	height: 25px;
	display: block;
	background: transparent;
}
#mypickup .ad-avi .navi > * {
	width: 10px;
	height: 10px;
	line-height: 10px;
	text-align: center;
	float: left;
	margin: 0 0 0 5px;
	padding: 3px;
	border: 1px solid #aaa;
	cursor: pointer;
}
#mypickup .ad-avi .navi > *.on {
	background: tomato;
	color: #fff;
}
#mypickup .ad-avi .navi > *:active,
#mypickup .ad-avi .navi > *:focus,
#mypickup .ad-avi .navi > *:hover {
	background: #aaa;
}
#mypickup .ad-avi .headtitle {
	background: transparent url("images/title_01.png") no-repeat 0 0;
}
#mypickup .ad-avi .article {
	display: none;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 420px;
	width: 418px\9;
	height: 389px;
	height: 387px\9;
	margin: 0 0 20px 0;
	overflow: hidden;
}
#mypickup .ad-avi .article:first-child {
	display: block;
}
#mypickup .ad-avi .header {
	width: 420px;
	height: 40px;
}
#mypickup .ad-avi .section {
	width: 420px;
	height: 308px;
}
#mypickup .ad-avi .header .title {
	width: 327px;
}
#mypickup .ad-avi .header .daum-view {
}
#mypickup .tab-4 .mypickup,
#mypickup .other .mypickup {
	width: 100%;
	height: 100%;
	padding: 5px 0 10px 5px;
	background-color: transparent;
}
#mypickup .other .headtitle {
	background: transparent url("images/title_big_02.png") no-repeat 0 0;
}
#mypickup .other .mypickup {
	width: 450px;
}
#mypickup .tab-4 .article,
#mypickup .other .article {
	float: left;
	display: block;
	margin: 0 5px 5px 0;
	padding: 5px;
	width: 202px;
	width: 200px\9;
	min-height: 177px;
	background-color: #fff;
}
#mypickup .tab-4 .section,
#mypickup .other .section {
	height: 129px;
}
#mypickup .tab-4 .section > *,
#mypickup .other .section > * {
	width: 192px;
	min-height: 129px;
}
#mypickup .tab-4 .header .title,
#mypickup .other .header .title {
	width: 130px;
}

#mypickup .tab-4 .headtitle {
	width: 210px;
	height: 37px;
}
#mypickup .news .headtitle {
	background: transparent url("images/title_small_01.png") no-repeat 0 0;
}
#mypickup .infomative-story .headtitle {
	background: transparent url("images/title_small_02.png") no-repeat 0 0;
}
#mypickup .thematic-story .headtitle {
	background: transparent url("images/title_small_03.png") no-repeat 0 0;
}
#mypickup .interesting-story .headtitle {
	background: transparent url("images/title_small_04.png") no-repeat 0 0;
}
#mypickup .tab-4 .mypickup {
	max-height: 1100px;
}
#mypickup .tab-4 .article {
	width: 199px;
}

.box-3 {
	border-radius: .3em;
	-o-border-radius: .3em;
	-ms-border-radius: .3em;
	-moz-border-radius: .3em;
	-khtml-border-radius: .3em;
	-webkit-border-radius: .3em; 
}
.box-5 {
 	border-radius: .5em;
	-o-border-radius: .5em;
	-ms-border-radius: .5em;
	-moz-border-radius: .5em;
	-khtml-border-radius: .5em;
	-webkit-border-radius: .5em; 
}
.box-shadow {
	zoom: 1;
	/* filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=150, Strength=2)\9; /**/
}
.loading { background: transparent url("images/loading.gif") no-repeat center center; text-indent: -9999999px; }
.hide { display: none; }
.overlay {
	margin: 0;
	padding: 0;
	max-height: 100%;
	background: #000;
	background: rgba(0, 0, 0, .5);
	filter : Alpha(Opacity=50);
}
