@charset "utf-8";

/* 리스트 */
	.gallery_img_row {
		min-width:300px;
	}
		.gallery_img_row ul {
			list-style:none;
		}
		.gallery_img_row li.loop {
			width:33.3333%;
			float:left;
			vertical-align:top;
			text-align:center;
			*zoom:1;
			padding-bottom:8px;
		}
			@media (min-width:440px) {
				.gallery_img_row li.loop {
					width:25%;
				}
			}
		.gallery_img_row li.loop:after {
			float:left;
			display:block;
			clear:both;
			content:"";
		}
			.gallery_img_row a {
				display:block;
				margin-right:3px;
			}
			.gallery_img_row .thumb {
				display:inline-block;
				width:90px;
				height:80px;
				font-size:90%;
				font-weight:700;
				line-height:90px;
				text-align:center;
				overflow:hidden;
				border-radius:6px;
				margin:0px auto;
				border:1px solid #f3f3f3;
				background-color:#fbfbfb;
				-webkit-box-shadow:0px 1px 0px rgba(0,0,0,.05);
				-moz-box-shadow:0px 1px 0px rgba(0,0,0,.05);
				box-shadow:0px 1px 0px rgba(0,0,0,.05);
			}
				.gallery_img_row .thumb img {
					width:100%;
					height:100%;
					display:block;
					border:0;
				}
					.gallery_img_row strong.subject {
						width:84%;
						display:block;
						color:#222;
						font-size:100%;
						font-weight:700;
						line-height:16px;
						text-overflow:ellipsis;
						white-space:nowrap;
						margin:3px auto;
						overflow:hidden;
					}


/* 뷰 */
	.noticeloop {
		clear:both;
		overflow:hidden;
		border-radius:4px;
		border:1px solid #ddd;
		border-top-color:#ececec;
		border-left-color:#ececec;
		margin:0px 0px 20px;
		-webkit-box-shadow:0px 2px 1px rgba(0,0,0,.05);
		-moz-box-shadow:0px 2px 1px rgba(0,0,0,.05);
		box-shadow:0px 2px 1px rgba(0,0,0,.05);
	}
		.noticeloop .notice_header,
		.noticeloop .notice_body,
		.noticeloop .notice_name,
		.noticeloop .notice_footer,
		.noticeloop .notice_img {
			clear:both;
		}
			.noticeloop .notice_header {
				color:#222;
				font-size:130%;
				font-weight:700;
				line-height:24px;
				text-shadow:1px 1px 0px rgba(255,255,255,0.8);
				padding:10px 15px;
				background-color:#fbfbfb;
				background-position:0px 100%;
				background-repeat:repeat-x;
				background-image:url('img/gradiant.png');
				border-bottom:1px solid #f3f3f3;
			}
			.noticeloop .notice_name {
				color:#666;
				font-size:110%;
				line-height:36px;
				overflow:hidden;
				padding-bottom:2px;
				background-color:#fff;
				border-bottom:1px solid #f3f3f3;
			}
				.noticeloop .notice_name .notice_user {
					float:left;
					margin-left:15px;
					font-weight:700;
				}
				.noticeloop .notice_name .notice_time {
					float:right;
					color:#999;
					margin-right:15px;
				}
			.noticeloop .notice_body {
				font-size:110%;
				padding:10px 15px 15px;
				border-bottom:1px solid #f3f3f3;
			}
			.noticeloop .notice_body.type {
				background-color:#fbfbfb;
			}
				.noticeloop .notice_body img {
					display:block;
					width:100%;
					min-width:180px;
					max-width:640px;
					margin:5px auto;
					border-radius:6px;
					background-color:#fff;
				}
			.notice_footer {
				text-align:right;
				padding-bottom:10px;
			}


/* 글쓰기 */
	input.btn,
	button.btn {
		padding-top:4px !important;
		height:32px !important;
	}
	.form-control {
		display:block;
		width:100%;
		height:40px;
		padding:10px;
		color:#888;
		font-size:14px;
		line-height:1.428571429;
		vertical-align:middle;
		background-color:#fff;
		border:2px solid #ddd;
		border-radius:4px;
		resize:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		-webkit-transition:.3s ease-in-out;
		-moz-transition:.3s ease-in-out;
	}
	.form-control:focus {
		color:#444;
		border-color:#777;
		outline:0;
		-webkit-box-shadow:0px 0px 6px #eee;
		-moz-box-shadow:0px 0px 5px #eee;
		box-shadow:0px 0px 5px #eee;
	}
	.reply textarea{height:80px !important;}
	.write_form textarea{height:200px;}
	.reply,
	.write_form .row {
		clear:both;
		margin:5px 0px;
	}
	.write_form {
		margin-bottom:20px;
	}
	.product .write_form {
		border-radius:4px;
		margin:10px 0px;
		padding:5px 10px 5px;
		background-color:#eee;
	}
	.extra_keys p {
		display:none;
	}


/* 페이징 */
	.paging {
		clear:both;
		width:100%;
		margin:4px 0px;
		overflow:hidden;
		font-size:85%;
		text-align:center;
		line-height:3.2em;
	}
		.paging .current,
		.paging .prev,
		.paging .next {
			color:#000 !important;
			font-weight:700;
			border:1px solid #555 !important;
			background-color:#eee !important;
		}
		.paging .current,
		.paging a {
			padding:4px 7px;
			border:1px solid #bbb;
			background-color:#fff;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			border-radius:3px;
			letter-spacing:.0em;
		}
		.paging .prev,
		.paging .next {
			font-weight:400;
		}


/* 파일업로드 */
	.upimg {
		clear:both;
		overflow:hidden;
		margin:10px 0px 15px;
		padding-bottom:15px;
		border-bottom:1px solid #ddd;
	}
		.upimg button,
		.upimg li {
			position:relative;
			overflow:hidden;
			width:91px;
			height:91px;
			float:left;
			text-align:center;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			border-radius:5px;
			margin:5px 5px 5px 0px;
			background-color:#dedede;
			-webkit-box-shadow:2px 2px 0px rgba(0,0,0,.03);
			-moz-box-shadow:2px 2px 0px rgba(0,0,0,.03);
			box-shadow:2px 2px 0px rgba(0,0,0,.03);
			background-position:50% 50%;
			background-repeat:no-repeat;
			background-size:cover;
		}
		.upimg button {
			margin:0px !important;
			border:2px solid #d3d3d3;
		}
			.upimg .upbtn {
				-webkit-box-shadow:none;
				-moz-box-shadow:none;
				box-shadow:none;
			}
				.upimg .upbtn button i {
					color:#c2c3c4;
					font-size:40px;
					text-shadow:1px 1px 0px rgba(255,255,255,0.4);
				}
				.upimg .upbtn button i.fa-plus {
					position:absolute;
					right:9px;
					top:12px;
					font-size:20px;
				}
		.upimg ul {
			list-style:none;
			min-height:32px;
			margin:0 -2px;
			padding:4px;
		}
		.upimg #loading {
			display:none;
			background:url("../img/loading.gif") 50% 50% no-repeat;
			-webkit-box-shadow:none;
			-moz-box-shadow:none;
			box-shadow:none;
		}
		.upimg a.delete_btn {
			display:block;
			position:absolute;
			bottom:0;
			left:0;7
			width:50%;
			height:50%;
		}
			.upimg a.delete_btn strong {
				display:block;
				position:absolute;
				bottom:2px;
				left:2px;
				width:30px;
				height:30px;
				border-radius:0 4px;
				background:rgba(0,0,0,.6);
				color:#fff;
				font-size:20px;
				line-height:30px;
				text-decoration:none;
			}


/* Tab Style */
	.cTab {
		clear:both;
		overflow:hidden;
		margin-bottom:10px;
	}
		.cTab li {
			width:50% !important;
			float:left;
			list-style:none;
		}
		.cTab.two li {
			width:50% !important;
		}
			.cTab li.all a {
				border:1px solid #d6d6d6;
				background-color:#fff;
			}
			.cTab li a {
				display:block;
				height:23px;
				font-size:14px;
				line-height:26px;
				font-weight:700;
				padding:5px 0px;
				text-align:center;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				border-radius:5px;
				margin:3px;
				border:1px solid #e3e3e3;
				background-color:#f1f1f1;
			}
		.cTab li.active a {
			color:#000;
			background-color:#fafafa;
			border:1px solid #d6d6d6;
			-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,.06);
			-moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,.06);
			box-shadow:inset 1px 1px 2px rgba(0,0,0,.06);
		}


/* header text */
		.header_text {
			clear:both;
			overflow:hidden;
			color:#555;
			margin-bottom:15px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			border-radius:5px;
			background-color:#fff;
			border:1px solid #e3e3e3;
			-webkit-box-shadow:0px 3px 0px rgba(0,0,0,.03);
			-moz-box-shadow:0px 3px 0px rgba(0,0,0,.03);
			box-shadow:0px 3px 0px rgba(0,0,0,.03);
		}