/*---------------------------*/
.board {}

.board h1 a,
.board h1 a:visited,
.board h1 a:hover {color:inherit; text-decoration:none;}

.board input[type=text],
.board input[type=password],
.board input[type=tel],
.board input[type=number] {
	border:1px #bbb solid;
	height:20px;
	padding-left: 10px;
}

.board .header {}

.board .headwords {
	padding:10px 0;
	border-bottom:20px #ffffff solid;}

.board .headwords span {
	background-color: white;
    display: inline-block;
    min-width: 60px;
    padding: 10px 8px;
    border: 1px solid #e7e7e7;
    text-align: center;
}
.board .headwords span:first-child {
	border-right:0;
}
.board .headwords span.active,
.board .headwords span:hover {
	color:red;
}

.board .summary {
	padding-top:14px;
}
.board .summary .buttonwrap-on-list {float:right;}
.board .summary .buttonwrap-on-list input[type=button] {
	padding: 3px 10px 6px 10px;
	border:1px #777 solid;
	background-color:#ccc;
	color:#000;
}

.board .fright {
	float:right;
}
.board .fleft {
	float:left;
}

.board .list-title {
	width:100%;
	margin-top:3px;
	border:1px #999 solid;
	border-spacing:0;
	background-color:#eee;
	border-left:none;
	border-right:none;
}
.board .list-title th {
	height:26px;
	border-left:1px #fff solid;
}
.board .list-title th:first-child {
	border-left:none;
}

/* 목록형 페이지 */

.board .list {
	width:100%;
	border-collapse:collapse;
	border-top:1px #d7d7d7 solid;
}
.board .list tr {height:35px; vertical-align:middle;}
.board .list td {
	text-align:center;
	padding:0 3px;
	border-bottom:1px #d7d7d7 solid;
}
.board .list .subject {
	text-align:left;
}
.board .list td img {
	vertical-align:middle;
}
.board .list .headword {
	display:inline-block;
	margin-right:4px;
}
.board .list .subject {
	vertical-align:middle;
}
.board .list-comment {
	display:inline-block;
	line-height:10px;
	font-size:10px;
	color:#f60;
	padding:1px 3px;
	border:1px #fa0 solid;
	border-radius:2px;
	vertical-align:middle;
}

/* 앨범형 페이지 */

.board .photolist {
	margin-top:15px;
	background-color:#f1f1f1;
	padding:10px 0;
	text-align:left;
	
	
}

.board .photolist .article-wrap {
	text-align:center;
	height:500px;
	float:left;
	margin:0 20px 20px 0;
	padding:20px 20px 20px 20px;
	border:0px #d9d9d9 solid;
	background-color:#ffffff;
}
.board .photolist .article-wrap:nth-child(3n){margin:0 0 20px 0;}

.board .photolist .photo-wrap {
	background-color:#d1d1d1;
	width:300px;
	height:400px;
	
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	margin-top:0px;
}

.board .photolist .photo-wrap img {
	margin:0;
}

.board .photolist .subject {
	padding:3px 0;
	text-align:center;
}
.board .photolist .info {
	color:#777;
	font-size:12px;
	text-align:left;
	padding:0px 0px;
}

.board .photolist .art-title {
	text-align:left;
	font-size:18px;
	color:#333;
	    padding: 15px 0 7px 0;
	font-weight:700;
}
.board .photolist .art-artist {
	display:block;
	text-align:left;;
	font-size:14px;
	color:#333;
	padding:7px 0;
	font-weight:700;
}
.board .photolist .art-price {
	text-align:center;
	color:#333333;
	font-size:14px;
	padding:7px 0;
	float:right;
	font-weight:700;
}
.board .photolist .soldout {
	text-align:left;
	color:#f60;
	font-size:14px;
	padding:7px 0;
}
.board .photolist .art-size{color:#999999; padding:5px 0;}
.artmartket_category {width:100%; height:90px;line-height:90px; padding:0 15px; color:#656565; }
.artmartket_category span{float:left; font-size:15px; margin-right:8px;}
.artmartket_category .category{list-style:none;padding:0; margin:0; float:left; height:30px;line-height:100%; margin-top: 28px;}
.artmartket_category .category li{float:left; padding:10px 13px; background-color:white; margin:0 1px; border:1px solid #e7e7e7;font-size:14px; }
.artmartket_category .category li:hover{float:left; padding:10px 13px; background-color:white; margin:0 1px; border:1px solid red;font-weight:bold; color:red;}

/* 웹진형 */
.board .webzine {
	padding:10px;
	text-align:left;
	border-top:1px #d7d7d7 solid;
}
.board .webzine .article-wrap {
	padding:15px 0;
}
.board .webzine .photo-wrap {
	width:180px;
	height:100px;
	border:1px #999 solid;
	text-align:center;
	padding:2px;
	margin-right:10px;
	vertical-align:top;
	float:left;
}
.board .webzine .photo-wrap img {
	max-width:100%;
	max-height:100%;
	margin:0;
}
.board .webzine .article-wrap p {margin:0;}
.board .webzine .number {color:#777;}
.board .webzine .subject {
	font-weight:bold;
}






/* 검색박스 */
.board .searchbox {
	padding:15px 0;
	text-align:center;
}
.board .searchbox input {vertical-align:top;}
.board .searchbox select {height:24px;}



/* 글쓰기, 수정, 응답글 페이지 */
.board .write {}

.board .write .board-items {
	boarder-spacing:0;
	border-collapse:collapse;
	border:0;
	border-top:1px #d0d0d0 solid;
}
.board .write .board-items tr {
	height:35px;
}
.board .write .board-items th,
.board .write .board-items td {
	font-weight:normal;
	border-bottom:1px #d0d0d0 solid;
	padding:auto 0;
}

.board .write .captcha {
	padding:3px 0;
	text-align:left;
}
.board .write .captcha .captchaimg {
	height:50px;
	width:160px;
	vertical-align:middle;
}
.board .write .captcha .refreshimg {
	width:20px; height:auto;
	vertical-align:middle;
	cursor:pointer;
}
.board .write .captcha input {
	vertical-align:middle;
	height:48px;
	text-align:center;
	font-size:22px;
}

.uploadwrap .uploadbtns {padding:3px 0;}
.uploadwrap .uploadbtns .upload {
	float:right;
}
.uploadwrap .uploadbtns input[type=button] {
	min-width:0; min-height:0;
	padding:2px 4px;
	font-size:12px;
	border:1px #555 solid;
	border-radius:2px;
	background-color:#555;
	color:#fff;
}
.uploadwrap .filelist {
	min-height:50px;
	border:1px #999 solid;
}
.uploadwrap .filelist .filebox {
	display:inline-block;
	padding:2px 5px 2px 0;
	min-width:100px;
}
.uploadwrap .filelist .filebox .imgbox {
	display:inline-block;
	width:30px; height:30px;
	margin: 0 3px;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
}
.uploadwrap .filelist .filebox .imgbox img {
	max-width:28px;
	max-height:28px;
	vertical-align:middle;
}


/* 글보기 페이지 */
.board .view .subjectwrap {
	padding:7px 0;
	font-size:16px;
	font-weight:bold;
}
.board .view .info {
	padding:3px 0;
	border-top:1px #ccc solid;
	text-align:right;
	color:#777;
}
.board .view .info img {
	vertical-align:middle;
}
.board .view .content {
	position:relative;
	padding:10px 0 0 0;
	line-height:150%;
	border-bottom:1px #ccc solid;
}
.board .view .content .contentbox img {
	max-width:100%;
	max-height:100%;
}

.board .view .filelist {
	padding:5px 0;
	border-bottom:1px #ccc solid;
}
.board .view .filelist .title {
	font-weight:bold;
}
.board .view .filelist span {
	display:inline-block;
	white-space:nowrap;
	margin-right:10px;
}
.board .view .filelist span * {
	vertical-align:middle;
}

.board .view .sibling {
	padding:3px 0;
}
.board .view .sibling .sibling-label {
	display:inline-block;
	padding:4px 0;
	margin-right:5px;
	width:80px;
	text-align:center;
	border:1px #ccc solid;
	background-color:#eee;
}
.board .view .sibling .sibling-subject {
	overflow:hidden;
}
.board .view .sibling2 {
	position:relative;
	padding:7px 0 0 0;
}
.board .view .sibling2 .sibling-label2 {
	display:inline-block;
	padding:4px 0;
	margin-right:5px;
	width:80px;
	text-align:center;
	border:1px #ccc solid;
	background-color:#eee;
}
.board .view .sibling2 .sibling-subject2 {
	overflow:hidden;
}

.board .view .comments {
	margin-top:10px;
}
.board .view .comments-wrap {
	padding:10px;
	background-color:#eee;
	border:1px #bbb solid;
}
.board .view .comments .write,
.board-dlg .comments .write {
	border:1px #ccc solid;
	padding:5px;
	background-color:#fff;
}
.board .view .comments .write .writer,
.board-dlg .comments .write .writer {
	padding:3px 0;
}
.board .view .comments .write .writer .captchaimg,
.board-dlg .comments .write .writer .captchaimg {
	height:24px;
	width:70px;
	vertical-align:middle;
}
.board .view .comments .write .writer .refreshimg,
.board-dlg .comments .write .writer .refreshimg {
	width:20px; height:auto;
	cursor:pointer;
	vertical-align:middle;
}
.board .view .comments .write textarea,
.board-dlg .comments .write textarea {
	width:99%;
	height:150px;
	border:1px #ccc solid;
}

.board .view .comments-wrap .summary {
	font-weight:bold;
	padding:15px 0 3px;
	border-bottom:1px #ccc solid;
}
.board .view .comments-wrap .comment {
	padding:10px;
	border-bottom:1px #ccc solid;
}
.board .view .comments-wrap .comment .cmt-info {
	text-align:left;
	padding:3px 0;
	border-bottom:1px #d7d7d7 dashed;
}
.board .view .comments-wrap .comment .cmt-info .cmd {
	float:right;
}
.board .view .comments-wrap .comment .cmt-info .cmd span {
	cursor:pointer;
}
.board .view .comments-wrap .comment .cmt-info .writer {
	color:#000;
}
.board .view .comments-wrap .comment .cmt-content {
	padding:10px;
}

/* nogrant */
.board .nogrant {
	margin:30px auto;
	width:500px;
	padding:50px 0;
	text-align:center;
	background-color:#eee;
	border:1px #ccc solid;
}


/* 공통 버튼 */

.board .buttons {padding:5px 0; text-align:right;}
.board .buttons button,
.board .buttons input[type=button],
.board .buttons input[type=submit] {
	padding: 5px 15px 8px 15px;
	border:1px #777 solid;
	border-radius:3px;
	background-color:#ccc;
	color:#000;
	font-size:14px;
}
.board .buttons button {padding:3px 15px;}
.board .buttons button img {height:14px; width:auto; vertical-align:middle;}
.board .buttons input.emp {
	background-color:#777;
	color:#fff;
}

/* 다이얼로그 */

.board-dlg {
	position:absolute;
	background-color:#eee;
	display:none;
	border:1px #555 solid;
	box-shadow: 3px 3px 3px #999;
}

.board-dlg .dlg-title {
	padding:7px;
	text-align:center;
	font-weight:bold;
}
.board-dlg .inner {
	padding:5px;
	background-color:#fff;
}
.board-dlg .buttons {
	padding:5px 0;
	text-align:center;
}



.board .share-sns {
	padding:10px 5px;
	text-align:right;
}
.board .share-sns img {
	width:30px;
	height:30px;
	margin:0 4px;
	cursor:pointer;
}

.vmid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.l-image {
	display: block;
    width: 640px;
    height: 675px;
    background-color: white;
    border: 0px #d7d7d7 solid;
    text-align: center;
    
    padding: 20px 420px 20px 20px;
}
.l-image table {
	width:100%;
	height:100%;
}
.l-image table td {
	vertical-align:middle;
	text-align:center;
}
.l-image img {
	max-width: 635px;
	max-height:635px;
}