@charset "utf-8";

body {font-size:0; line-height:0;}

.hidden {position:fixed; left:-999999px; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0; color:transparent; text-indent:-999999px; opacity:0; visibility:hidden;}
.txt_hidden {font-size:0; line-height:0; color:transparent; text-indent:-999999px; overflow:hidden;}
caption, legend {height:1px; overflow:hidden; font-size:0; line-height:0; color:transparent; text-indent:-999999px; margin-top:-1px;}

select {padding:0 10px; background:url("/board/img/selectbox_arrow.gif") no-repeat 100% 50%; background-size:auto 6px;}
#ie7 select,
#ie8 select {background-image:url("/board/img/ie_selectbox_arrow.gif")}

.board .btns {padding:5px; position:relative;}
.board .btns a,
.board .btns .btn {display:block; border:1px solid #d9ded9; border-radius:2px; font-size:14px; line-height:24px; color:#383838; text-align:center; padding:0 10px; background:#f2f5f9;}
.board .btns input.btn {min-width:77px; height:26px;}
#ie8 .board .btns input.btn {min-width:55px;}
.board .btns + .btns {padding-top:0;}
.board .btns .write {border-color:#3b3c3f; background:#4b545e; color:#fff; line-height:40px; font-weight:700;}
.board .btns label.btn {padding-left:22px; padding-right:5px; margin-left:0 !important;}
.board .btns input[type="checkbox"] {position:absolute; margin:6px 0 6px 7px; left:5px; top:5px; width:13px; height:13px;}
.board .btns + .btns input[type="checkbox"] {top:0;}
.board .btns.admin {overflow:hidden;}
.board .btns.admin .btn {float:left;}
.board .btns.admin input.btn {padding:0 5px; min-width:72px;}
.board .btns.admin .btn + .btn {margin-left:5px;}

.boardList .listBox {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.boardList ul {overflow:hidden; padding:0 10px 20px 0;}
.boardList ul li {float:left; width:50%; margin-top:20px;}
.boardList ul li .checkbox {padding:10px 0; text-align:center;}
.boardList ul li a {display:block; margin-left:10px; padding-bottom:5px;}
.boardList ul li a .img {position:relative; border:1px solid #ddd;}
.boardList ul li a .img img {width:100%;}
.boardList ul li a .img .reply {position:absolute; top:10px; right:10px; min-width:16px; height:26px; line-height:26px; padding:0 5px; font-size:12px; font-weight:700; color:#000; border-radius:2px; text-align:center; border:1px solid rgba(255,255,255,0.8); background:url("/board/img/reply_bg.png") repeat-x 50% 50%; background-size:100% 100%;}
#ie7 .boardList ul li a .img .reply,
#ie8 .boardList ul li a .img .reply {border:1px solid #fff;}
.boardList ul li a strong {display:block; margin-top:5px; font-size:14px; line-height:20px; color:#000;}
.boardList ul li a strong .text {display:inline-block; vertical-align:top; max-width:80%;}
.boardList ul li a strong,
.boardList ul li a strong .text {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.boardList ul li a strong img {vertical-align:top; height:10px; margin:5px 2px;}
.boardList ul li a .etc {overflow:hidden;}
.boardList ul li a .etc > * {display:block; float:left; font-size:12px; line-height:18px; color:#666;}
.boardList ul li a .etc > * + * {margin-left:5px;}
.boardList ul li a .etc .writer {float:none; clear:both; margin-left:0; display:block; color:#333;}
.boardList ul li.empty {width:auto; float:none; height:150px; padding-left:10px; font-size:14px; line-height:150px; color:#000; text-align:center;}

.boardList table td {text-align:center;}
.boardList table tr + tr td {border-top:1px solid #e9e9e9;}
.boardList table td a {display:block; padding:10px; text-align:left;}
.boardList table td strong {display:block; font-size:14px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000;}
.boardList table td strong .text {display:inline-block; vertical-align:top; max-width:86%;}
.boardList table td strong,
.boardList table td strong .text {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.boardList table td strong img {vertical-align:top; height:10px; margin:5px 2px;}
.boardList table td .etc {overflow:hidden;}
.boardList table td .etc > * {display:block; float:left; font-size:12px; line-height:18px; color:#666;}
.boardList table td .etc > * + * {margin-left:5px;}
.boardList table td .etc .writer {color:#333;}
.boardList table td .reply {width:35px; line-height:30px; font-size:13px; color:#333; border-radius:2px; border:1px solid #ededed; text-align:center; overflow:hidden; background:#fff;}
.boardList table td.reply {text-align:right;}
.boardList table td.reply img {width:10px;}
.boardList table tr.notice td {background:#f1f1f1;}
.boardList table tr.notice td strong mark {display:inline-block; width:30px; border-radius:2px; text-align:center; font-size:12px; font-weight:400; line-height:16px; color:#fff; background:#333;}

.boardPage {text-align:center; padding:10px 0; font-size:13px; line-height:25px;}
.boardPage > span {display:inline-block;}
.boardPage > span > * {display:block; float:left; padding:0 10px; border:1px solid #c9c9c9; border-radius:2px; color:#3b3c3f;}
.boardPage > span > * + * {margin-left:5px;}
.boardPage strong {border-color:#3b3c3f; background:#4b545e; color:#fff;}
.boardPage .page {height:25px; width:6px; background:no-repeat 50% 50%; background-size:auto 11px; font-size:0; line-height:0; color:transparent; text-indent:-999999px; overflow:hidden;}
.boardPage .page.start {width:12px; background-image:url("/board/img/page_start.gif");}
.boardPage .page.prev {background-image:url("/board/img/page_prev.gif");}
.boardPage .page.next {background-image:url("/board/img/page_next.gif");}
.boardPage .page.end {width:12px; background-image:url("/board/img/page_end.gif");}
#ie7 .boardPage .page.start,
#ie8 .boardPage .page.start {background-image:url("/board/img/ie_page_start.gif");}
#ie7 .boardPage .page.prev,
#ie8 .boardPage .page.prev {background-image:url("/board/img/ie_page_prev.gif");}
#ie7 .boardPage .page.next,
#ie8 .boardPage .page.next {background-image:url("/board/img/ie_page_next.gif");}
#ie7 .boardPage .page.end,
#ie8 .boardPage .page.end {background-image:url("/board/img/ie_page_end.gif");}

.board_search legend {position:fixed; left:-999999px; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0; color:transparent; text-indent:-999999px; opacity:0; visibility:hidden;}
.board_search {text-align:center; padding:15px 5px;}
.board_search select {width:110px; border:1px solid #cecece; border-radius:2px; font-size:14px; line-height:24px; height:30px; color:#383838;}
.board_search input {border:1px solid #cecece; border-radius:2px; font-size:14px; line-height:28px; color:#383838; padding:0 5px; height:30px; margin-left:5px;}
.board_search input.btn {background:#e5ecef; height:30px; text-align:center; padding:0; font-weight:700;}

.boardView .hgroup {position:relative; padding:15px 10px 10px; border-top:2px solid #a1a1a1; border-bottom:1px solid #c9c9c9;}
.boardView.writer .hgroup {padding-right:120px;}
.boardView .hgroup h1 {font-size:16px; line-height:18px; color:#000;}
.boardView .hgroup p {font-size:13px; line-height:19px; color:#777;}
.boardView .hgroup p strong {display:block; color:#555;}
.boardView .hgroup p strong .ip {font-weight:400; color:#555;}
.boardView .hgroup .btns {position:absolute; right:0; bottom:5px; width:160px;}
.boardView .link {border-bottom:1px solid #ccc; font-size:12px; line-height:30px; font-weight:700; background:#f4f4f4;}
.boardView .link a {display:block; color:#626d94; padding:0 10px 0 35px; background:url("/board/img/view.link.png") no-repeat 10px 50%; background-size:17px 17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#ie7 .boardView .link a,
#ie8 .boardView .link a {background-image:url("/board/img/ie_view.link.png");}
.boardView .link a + a {border-top:1px solid #ccc;}
.boardView .btns {text-align:right; padding-right:10px;}
.boardView .btns a {display:inline-block;}
.boardView .btns a + a {margin-left:5px;}
.boardView .view {padding:15px 10px 30px; font-size:13px; line-height:19px;}
.boardView .view img {max-width:100%;}
.boardView .down {padding:5px 10px 20px; font-size:12px; line-height:20px; font-weight:700;}
.boardView .down a {display:block; color:#626d94; border-radius:2px; padding:7px 10px 7px 30px; background:url("/board/img/view.file.png") no-repeat 10px 10px #efefef; background-size:14px 14px;}
.boardView .down .size {font-weight:400;}
#ie7 .boardView .down a,
#ie8 .boardView .down a {background-image:url("/board/img/ie_view.file.png");}
.boardView .down a + a {margin-top:5px;}
.boardView .list {border-top:2px solid #a1a1a1; border-bottom:2px solid #a1a1a1; font-size:14px; line-height:40px; color:#333;}
.boardView .list a {display:block; padding-right:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;}
.boardView .list tr + tr > * {border-top:1px solid #ccc;}
.boardView .list th {text-indent:20px; background:no-repeat 15px 50%; background-size:13px auto;}
.boardView .list th.prev {background-image:url("/board/img/view.prev.gif");}
.boardView .list th.next {background-image:url("/board/img/view.next.gif");}
#ie7 .boardView .list th.prev,
#ie8 .boardView .list th.prev {background-image:url("/board/img/ie_view.prev.gif");}
#ie7 .boardView .list th.next,
#ie8 .boardView .list th.next {background-image:url("/board/img/ie_view.next.gif");}

.boardView.commentWrite .btns.contents {padding:20px;}
.boardView.commentWrite .btns.contents a {display:block; width:80px; margin:0 auto; line-height:40px;}

.boardReply h2 {border-top:1px solid #c9c9c9; padding:0 10px; font-size:14px; line-height:40px; color:#333;}
.boardReply dl dt {border-top:1px solid #ececec; padding:5px 10px;}
.boardReply dl dt strong {margin-right:5px; font-size:12px; line-height:20px; color:#626d94;}
.boardReply dl dt strong .ip {font-weight:400;}
.boardReply dl dt time {font-size:12px; line-height:20px; color:#888;}
.boardReply dl dt .icon_rereply {height:12px; margin:2px 5px 2px 0;}
.boardReply dl dd {padding:0 10px 10px; font-size:12px; line-height:18px; color:#555;}
.boardReply dl dd .btns {padding:10px 0 0;}
.boardReply dl dt.rereply + dd {padding-left:25px;}
.boardReply dl dd .to {margin-right:5px; color:#444;}
.boardReply dl dd.empty {text-align:center;}
.boardReply .replyWrite {padding:0 10px 30px; position:relative; border-top:2px solid #a1a1a1;}
.boardReply .replyWrite h3 {font-size:14px; line-height:40px; color:#333;}
.boardReply .replyWrite .secret {position:absolute; top:5px; right:10px;}
.boardReply .replyWrite .secret label {display:inline-block; padding:0 5px; font-size:13px; line-height:30px;}
.boardReply .replyWrite .text {padding-right:22px;}
.boardReply .replyWrite .text + .text {margin-top:5px;}
.boardReply .replyWrite .text input,
.boardReply .replyWrite .text textarea {border:1px solid #d9d9d9; border-radius:2px; width:100%; font-size:13px; line-height:20px; color:#555; letter-spacing:0;}
#ie7 .boardReply .replyWrite .text textarea,
#ie8 .boardReply .replyWrite .text textarea {height:80px;}
.boardReply .replyWrite .text input {padding:0 10px; height:30px; line-height:30px; font-weight:700;}
.boardReply .replyWrite .text textarea {padding:5px 10px;}
.boardReply .replyWrite .text input:focus,
.boardReply .replyWrite .text textarea:focus {border-color:#999;}
.board .auto {margin-top:5px;}
.board .auto audio {width:100%;}
.board .auto .input {overflow:hidden; margin-top:5px;}
.board .auto .input > div {width:40%; float:left;}
.board .auto .input .reload {width:20%;}
.board .auto .input .reload button {width:100%; height:62px; font-size:13px; line-height:30px; border:1px solid #d9d9d9; border-radius:2px; color:#333; background:#eee;}
.board .auto .input .img > span {display:block; border:1px solid #d9d9d9; border-radius:2px; margin-right:5px;}
.board .auto .input .num > span {display:block; padding-right:22px; margin-left:5px;}
.board .auto .input img {width:100%; height:60px;}
.board .auto .input input {width:100%; height:60px; padding:0 10px; font-size:16px; line-height:60px; border:1px solid #d9d9d9; border-radius:2px; color:#555; font-weight:700;}
.board .auto p {font-size:12px; line-height:20px; color:#666;}
.boardReply .replyWrite .btns {padding:0; margin-top:5px;}
.boardReply .replyWrite .btns .btn {width:100%; height:40px;}

.board .placeholder {background:no-repeat 10px 50%; background-size:auto 12px;}
.board textarea.placeholder {background-position:10px 10px;}
#wr_name.placeholder {background-image:url("/board/img/placeholder_01.png");}
#wr_password.placeholder {background-image:url("/board/img/placeholder_02.png");}
#wr_content.placeholder {background-image:url("/board/img/placeholder_03.png");}
#wr_email.placeholder {background-image:url("/board/img/placeholder_04.png");}
#wr_homepage.placeholder {background-image:url("/board/img/placeholder_05.png");}
#wr_subject.placeholder {background-image:url("/board/img/placeholder_06.png");}

#ie7 #wr_name.placeholder,
#ie8 #wr_name.placeholder {background-image:url("/board/img/ie_placeholder_01.png");}
#ie7 #wr_password.placeholder,
#ie8 #wr_password.placeholder {background-image:url("/board/img/ie_placeholder_02.png");}
#ie7 #wr_content.placeholder,
#ie8 #wr_content.placeholder {background-image:url("/board/img/ie_placeholder_03.png");}
#ie7 #wr_email.placeholder,
#ie8 #wr_email.placeholder {background-image:url("/board/img/ie_placeholder_04.png");}
#ie7 #wr_homepage.placeholder,
#ie8 #wr_homepage.placeholder {background-image:url("/board/img/ie_placeholder_05.png");}
#ie7 #wr_subject.placeholder,
#ie8 #wr_subject.placeholder {background-image:url("/board/img/ie_placeholder_06.png");}

.boardWrite {padding:10px;}
.boardWrite .rows + .rows {margin-top:5px;}
.boardWrite .rows label {display:inline-block; font-size:13px; line-height:30px; padding:0 5px; margin-right:10px;}
.boardWrite .rows select {width:100%; height:32px; border:1px solid #d9d9d9; border-radius:2px; font-size:13px; font-weight:700; color:#555;}
.boardWrite .rows.text {padding-right:22px;}
.boardWrite .rows.text > input,
.boardWrite .rows.text textarea,
.boardWrite .rows.text input[type="file"] + label {width:100%; height:30px; padding:0 10px; border:1px solid #d9d9d9; border-radius:2px; font-size:13px; line-height:30px; font-weight:700; color:#555;}
.boardWrite .rows.text textarea {height:auto; line-height:20px; padding:5px 10px;}
#ie7 .boardWrite .rows.text textarea,
#ie8 .boardWrite .rows.text textarea {height:200px;}
.boardWrite .rows.text input[type="file"] + label {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.boardWrite .rows.text input[type="file"] + label .btn {display:block; float:left; margin:2px 10px 2px -8px; padding:0 10px; height:24px; border-radius:2px; border:1px solid #d9ded9; color:#383838; line-height:24px; background:#f2f5f9;}

.boardWrite .rows.link {position:relative;}
.boardWrite .rows.link label {display:none;}
.boardWrite .rows.link .placeholder + label {display:block; position:absolute; top:0; left:0; padding:0 10px; font-size:13px; line-height:32px; font-weight:700; color:#888;}

.boardWrite .btns {padding:0; margin-top:5px; overflow:hidden;}
.boardWrite .btns span {display:block; width:50%; float:left;}
.boardWrite .btns span .btn {width:100%; height:42px;}
.boardWrite .btns span a {line-height:40px; margin-left:5px;}

.adminBtn {padding:5px; overflow:hidden;}
.adminBtn a {display:block; float:right; width:110px; border:1px solid #d9ded9; border-radius:2px; font-size:14px; line-height:30px; color:#383838; text-align:center; background:#f2f5f9;}
.adminBtn a.on {border-color:#e56303; background:#f7812a; color:#fff;}

.w20 {width:20px;}
.w30 {width:30px;}
.w50 {width:50px;}
.w57 {width:57px;}
.w90 {width:90px;}
.w126 {width:126px;}

@media screen and (min-width:560px) {
	.boardList ul li {width:33.3%;}
}

@media screen and (min-width:1000px) {
	.boardList ul li {width:25%;}
}