﻿/* =buttons and forms */
div.searchform-container {
	height: 35px;
}
div.order-option {
	font-family: "gulim", "dotum";
	color: #777777;
	line-height: 180%;
	float: left;
}
div.order-option a {
	color: #777777;
}
div.order-option a.current {
	color: #525252;
	text-decoration: underline;
	font-weight: bold;
}

div.searchform {
	float: right;
	right: 0;
}

/* =eventlist */
div.eventlist {
	width: 100%;
	border-top: 1px solid #EBEBEB;
	margin-top: 10px;
}
div.listelement {
	margin-top: 7px;
	#padding-bottom: 5px;
	#margin-top: 0px;
	border-bottom: 1px solid #EBEBEB;
	min-height: 70px;
	_height: 70px;
}

	div.listelement .infolayer {
		left: 90px;
		background: url('../images/common/up_arrow.gif') no-repeat center top;
		padding-top: 3px;
		#background: url('../images/common/up_arrow.gif') no-repeat center 14px;
		#padding-top: 17px;
		border: 0;
		z-index: 10;
	}

	div.listelement .infolayer ul {
		background: #fff;
		border: 1px solid #949494;
		padding: 6px;
	}

	div.listelement .infolayer ul li { line-height: 150%; background: #fff; }


	div.listelement .eventtype {
		text-align: center;
		color: #8a8989;
		font-weight: bold;
	}
	div.listelement .eventtype span { background: url('../images/event/post_icon_bg.gif') no-repeat center 50%; #display: inline-block; #position: relative; #top: 3px; padding: 5px; padding-top: 7px; _padding-top: 8px; font-weight: bold; margin-right: 2px; }
	div.listelement .eventtype img { #display: inline-block; #position: relative; #top: -2px; width: 13px; height: 13px; margin-right: 5px;}	

	div.listelement .title {
		margin-right: 100px;
		margin-bottom: 7px;
		z-index: 0;
	} 
	div.listelement .title a {
		font-size: 15px;
		color: #424c4c;
		letter-spacing: -1px;
		font-weight: bold;
		text-decoration: none;
	}
	div.listelement .title a:hover {
		border-bottom: 1px solid #424C4C;
	}
	div.listelement .title .lock{
		vertical-align: 0;
	} 
	div.listelement span.comment{
		color: #EF9216;
		font: bolder 10px verdana;
	} 

	div.listelement .viewinfo {
		font-size: 11px;
		color: #b1b1b1;
		margin-left: 5px;
	}
	div.listelement .viewinfo b {
		color: #8d8d8d;
		font: bolder 10px verdana;
		margin-right: 5px;
	}
	div.listelement .regname {
		font-size: 11px;
		color: #6B90AC;
		font-weight: bold;
		cursor: pointer;
		margin-left: 3px;
		letter-spacing: -1px;
		padding-right: 13px;
		background: url(../images/event/name_arrow.gif) no-repeat right 1px;
		padding-bottom: 10px; 
	}
	
	div.listelement .regname:hover { text-decoration: none; color: #555; background: url(../images/event/name_arrow_hover.gif) no-repeat right 1px; }
		
	div.listelement .regname_disable {
		font-size: 11px;
		color: #6B90AC;
	}
	div.listelement .regdate {
		font-size: 10px;
		color: #888888;
		letter-spacing: -1px;
		font-family: verdana;

	}
	div.listelement .content {
		color: #8c8c8c;
		line-height: 150%;
		margin-top: 5px;
		margin-bottom: 7px;
		font-size: 11px;
		letter-spacing: 0px;
		text-align: justify;
		float: left;
	}
	div.listelement .content-short {
		color: #8c8c8c;
		line-height:150%;
		margin-top: 5px;
		margin-bottom: 7px;
		font-size: 11px;
		text-align: justify;
		width: 530px;
		float: left;
	}
	div.listelement .content .text { letter-spacing: 0;}
	div.listelement .content .text,
	div.listelement .content .info,
	div.listelement .content-short .text,
	div.listelement .content-short .info {
		margin-left: 20px;
	}
	div.listelement .info { margin-top: 8px;}
	

	div.listelement .thumbnail-container {
		background: #fff;
		width: 82px;
		overflow: hidden;
		float: right;
		border: 1px solid #ccc;
		right: 0px;
		margin: 10px 0;
	}
	div.listelement .thumbnail {
		width: 80px;
		height: 60px;
		margin: 1px;
		overflow: hidden;
	}
	div.listelement .thumbnail img {
		width: 80px;
	}





div#paging {
	width: 630px;
	position: relative;
	text-align: center;
	#top: 10px;
}
div.reg-event {
	position: absolute;
	top: -1px;
	right: 0;
	z-index: 2;
	cursor: pointer;
}
div.end { #top: 10px; }

.no-result {
	text-align: center;
	font: bold 12px "dotum";
	color: #275452;
	padding: 100px 0;
}

/* =view */
div.event-view {
	
}
	div.event-view .infolayer {
		left: 0px;
		top: 15px;
		background: url('../images/common/up_arrow.gif') no-repeat center top;
		padding-top: 3px;
		#background: url('../images/common/up_arrow.gif') no-repeat center 14px;
		#padding-top: 17px;
		border: 0;
		z-index: 10;
	}

	div.event-view .infolayer ul {
		background: #fff;
		border: 1px solid #949494;
		padding: 6px;
	}

	div.event-view .infolayer ul li { line-height: 150%; background: #fff; }

	div.event-view .eventtype {
		text-align: center;
		color: #8a8989;
		font-size: 12px;
		font-weight: bold;
	}

	div.event-view .eventtype span { vertical-align: middle;#vertical-align: middle; font-weight: bolder; width: 32px; height: 18px; padding: 3px;_padding-top: 5px; margin-right: 2px; background: url('../images/event/post_icon_bg.gif') no-repeat 50%;}
	div.event-view .eventtype IMG { vertical-align: middle; #vertical-align: inherit; width: 13px; height: 13px; margin-right: 5px;}	


	div.event-view .title_info {
		padding-bottom: 4px;
		border-bottom: 2px solid #E0E0DE;
		margin-bottom: 5px; 
	}
	div.event-view .title {
		margin-bottom: 5px;
		font-size: 14px;
		color: #424c4c;
		font-weight: bold;
		line-height: 120%;
		margin-right: 130px;
	}
	div.event-view .title .lock{
		vertical-align: 0;
	}


		div.event-view .regdate { font: 10px verdana;  margin-left: 4px; }

	/* =reginfo */ 
	div.event-view .reginfo {
		position: absolute;
		right: 35px;

	}
		div.event-view .regname {
		font-size: 11px;
		color: #448ad8;
		cursor: pointer;
		font-weight: bolder; 
		margin-left: 3px;
		padding-right: 11px;
		background: url(../images/event/name_arrow.gif) no-repeat right 1px; 
		}
	div.event-view .regname:hover { text-decoration: none; color: #555; background: url(../images/event/name_arrow_hover.gif) no-repeat right 1px; }
		
		div.event-view .regname_disable {
			font-size: 11px;
			color: #6B90AC;
			font-weight: bold;
		}

	div.event-view .modify_delete {
		float: left;
		color: #B6B6B6;
		font-weight: bold;
		font-size: 11px;
	}
	div.event-view .modify_delete a {
		color: #909090;
		font-weight: normal;
	}
	div.event-view .permalink {
		float: right;
		font: 11px tahoma;
		margin-top: 2px;
		margin-right: 2px;
	}
	div.event-view .permalink a { color: #777; }

	/* =content */	
	div.event-view .content {
		color: #333333;
		padding: 20px 10px;
		line-height: 150%;
		overflow: hidden;
		
	}
	

	div.event-view .content p { 
			font-family: "tahoma";
			line-height: 180%; 
			
	}

	div.event-view .content a {
		color: #555555;
		text-decoration: none;
		border-bottom: 1px solid #555;
		background: transparent url(../images/event/icon_target_blank.gif) right 0 no-repeat;
		padding-right: 15px;
		margin-right: 5px;
	}

	/* writer-profile */
	.event-view .writer-profile {
		position: relative;
		border-top: 2px solid #e0e0de;
		border-bottom: 1px solid #e0e0de;
		padding: 10px 0;
		margin-bottom: 15px;
	}

	.event-view .profile-image {
		position:relative;
		background: #fff;
		border: 1px solid #b6b6b6;
		width: 48px;
		left: 7px;
	}
	.event-view .profile-image .inner {
		width: 44px;
		height: 33px;
		#height: 33px;
		margin: 2px;
		vertical-align:middle;
		overflow: hidden;
	}
	.event-view .profile-image img {
		width: 44px;
	}

	.event-view .profile-content {
		position:absolute;
		left: 65px;
		top: 12px;
		color: #D7D7D7;
		font-weight: bold;
	}

	.event-view .profile-content a {
		color:#888;
		font-size: 11px;
		letter-spacing: -1px;
	}

	/* =basic-info */	
	div.event-view .basic-info {
		background: #F3F3F3;
		border-top: 1px solid #D7D7D7;
		border-bottom: 1px solid #D7D7D7;
		padding: 10px 5px;
		padding-bottom: 0;
		margin-top: 10px;
	}
		div.event-view .basic-info .linklist {
			background: transparent url(../images/event/icon_linklist.gif) 0 0 no-repeat;
			padding-left: 20px;
			margin-bottom: 10px;
		}
		div.event-view .basic-info .linklist a {
			color: #555555;
			font-weight: bold;
			text-decoration: underline;
			background: transparent url(../images/event/icon_target_blank.gif) right 0 no-repeat;
			padding-right: 15px;
			margin-right: 5px;
		}
		div.event-view .basic-info .filelist {
			background: transparent url(../images/event/icon_filelist.gif) 0 0 no-repeat;
			padding-left: 20px;
			margin-bottom: 10px;
		}
		div.event-view .basic-info .filelist a {
			color: #555555;
			font-weight: bold;
			text-decoration: underline;
		}

		div.event-view .basic-info .filelist .thumbnail-container {
			float: left;
			text-align: center;
		}
		div.event-view .basic-info .filelist .thumbnail {
			width: 100px;
			height: 75px;
			overflow: hidden;
			margin-right: 5px;
		}
		div.event-view .basic-info .filelist .thumbnail img {
			width: 100px;
			cursor: pointer;
		}

		div.event-view .basic-info .taglist {
			background: transparent url(../images/event/icon_taglist.gif) 0 0 no-repeat;
			padding-left: 20px;
			color: #7D7D7D;
			margin-bottom: 10px;
		}

	/* =additional-info */	
	div.event-view ul.additional-info {
		padding-bottom: 10px;
		position: relative;
	}
	div.event-view ul.additional-info li {
		margin-bottom: 10px;
		width: 310px;
	}
	div.event-view ul.additional-info h3 {
		color: #777777;
	}
	div.event-view ul.additional-info h3 b {
		background: #E2E2E2;
	}
	div.event-view ul.additional-info .detail {
		margin-left: 15px;
		font-size: 12px;
	}
	div.event-view ul.additional-info .eventdate {
		margin-left: 15px;
		color: #DF5900;
		font-weight: bold; 
		text-decoration: underline;
	}
	
	div.event-view ul.additional-info .map {
		position: absolute;
		top: 10px;
		right: 10px;
		border: 3px solid #CCCCCC;
	}
		div.event-view ul.additional-info .map a.largermap{
			background: #fff url(../images/event/icon_larger.gif) 0 0 no-repeat;
			padding-left: 15px;
			font-size: 11px;
			position: absolute;
			bottom: 5px;
			right: 10px;
			border-bottom: 1px solid #ccc;
		}

	/* =votelist */
	div.event-view ul.additional-info .votelist {
		width:630px;
	}

	div.event-view ul.additional-info .votelist #leftTime {
		color: #237C66;
		font-weight: bold;
	}
		div.event-view ul.additional-info .votelist #leftTime {
			color: #237C66;
			font-weight: bold;
		}
		div.event-view ul.additional-info .votelist strong {
			margin-left: 10px;
		}
		div.event-view ul.additional-info .votelist .vote-example {
			margin: 15px 0;
		}
		div.event-view ul.additional-info .votelist .buttons {
			text-align: right;
		}
	/* =view_info */
	div.event-view .view_info {
		float: left;
	}
	div.event-view .user_btn {
		float: right;
	}

	/* =trackback_reply */
	div.event-view .trackback_reply a {
		font: 11px "Trebuchet MS";
		color: #3D3D3D;
	}

	/* =trackback */
	div#trackback h4 {
		color: #8B8B8B;
	}
	div#trackback h4 .url {
		color: #8B8B8B;
		background: #fff;
		font-family: "Trebuchet MS";
		font-weight: normal;
	}
	
	/* =trackback-list */
	ul.trackback-list li {
		margin-bottom: 10px;
	}
	ul.trackback-list li .title, ul.trackback-list li .title a {
		color: #3D3D3D;
		font-size: 12px;
	}
	ul.trackback-list li .title a {
		text-decoration: underline;
		font-size: 12px;
	}
	ul.trackback-list li .reginfo, ul.trackback-list li .reginfo a {
		font-size: 11px;
		color: #8B8B8B;
	}
	ul.trackback-list li .context {
		font-size: 11px;
		color: #AEAEAE;
		margin-top: 5px;
		text-indent: 10px;
		line-height: 150%;
	}

	/* =boardreply */
	div#boardreply {
	}
	div#boardreply .element {
		margin: 10px 5px 10px 0px;
		border-top: 1px dotted #CCCCCC;
		padding-top: 10px;
	}
	div#boardreply .re_element {
		margin: 5px 5px 5px 30px;
		padding-left: 10px;
		background: transparent url(../images/event/icon_re.gif) 0 0 no-repeat;
		text-indent: 5px;
	}
		div#boardreply .writer {
			font-weight: bold;
			color: #468684;
			margin-right: 10px;
		}
		div#boardreply .reply_del {
			margin-right: 10px;
		}
		div#boardreply .reply_del a {
			font-size: 11px;
			color: #999999;
			text-decoration: underline;
		}
		div#boardreply .regdate {
			color: #999999;
		}
		div#boardreply .context {
			color: #666666;
			margin-top: 5px;
		}
	div#boardreply .re_replyform {
		margin: 10px 0 10px 20px;
	}
		div#boardreply .re_replyform .writer {
			letter-spacing: -1px;
			color: #929292;
			width: 80px;
			vertical-align: top;
		}
		div#boardreply .re_replyform .form {
			width: 470px;
			vertical-align: top;
		}
		div#boardreply .re_replyform .form .text {
			width: 450px;
			height: 30px;
			border: 1px solid #BBBBBB;
			padding: 2px;
		}
		div#boardreply .re_replyform .button {
			vertical-align: bottom;
			margin-bottom: 3px;
		}
	div#boardreply .replyform {
		vertical-align: top;
		border-top: 1px dotted #CCCCCC;
		padding-top: 15px;
	}
		div#boardreply .replyform .writer {
			letter-spacing: -1px;
			color: #929292;
			width: 80px;
			vertical-align: top;
		}
		div#boardreply .replyform .form {
			width: 490px;
			vertical-align: top;
		}
		div#boardreply .replyform .form .text {
			width: 470px;
			height: 30px;
			border: 1px solid #BBBBBB;
			padding: 2px;
		}
		div#boardreply .replyform .button {
			vertical-align: bottom;
			margin-bottom: 3px;
		}

		
	/* =attend list */
	div.event-view #attendlist {
		margin: 10px 0 20px 0;
	}
	div.event-view #attendlist h3 {
		margin-top:10px;
		color: #777777;
	}
	div.event-view #attendlist h3 b {
		background: #E2E2E2;
	}
	div.event-view #attendlist th {
		border-bottom: 1px solid #C3C3C1;
		border-top: 1px solid #C3C3C1;
		font-weight: bold;
		color:#707070;
		padding: 5px 2px;
		text-align: left;
	}
	div.event-view #attendlist td {
		padding: 5px 2px;
		color: #6E6E6E;
		vertical-align:top;
	}
