.board {}

/* input 과 버튼종류, 헤더태그는 사이트전체에 공통으로 사용되는경우가 많으므로 모듈에서는 정의하지 않음 */

/* 말머리목록 */
.board .headwordlist {
    padding: 10px 0 5px 0;
}

.board .headwordlist ul {
    margin: 0;
    padding: 0;
}

.board .headwordlist li {
    background-color: white;
    display: inline-block;
    width: 6.0773%;
    padding: 15px 10px;
    margin-top: 3px;
    text-align: center;
    border: 2px solid #f1f1f1;
    font-weight: bold;
}

.board .headwordlist a:first-child li {
    border-left-width: 1px;
}

.board .headwordlist li:hover,
.board .headwordlist .active {
    background-color: #e03d3d;
    color: white;
}


/* 목록요약(글갯수등) */

.board .summarywrap {
    position: relative;
    margin-top: 10px;
    padding: 15px 0;
}

/* 목록요약 우측 버튼 (글쓰기버튼 등) */
.board .summarywrap .buttons {
    position: absolute;
    height: 100%;
    top: 0;
    right: 2px;
}

.board .summary {
    width: 100%;
    text-align: left;
}

.board .summary .rss {
    vertical-align: middle;
    cursor: pointer;
}


/* 검색박스 */
.board .searchbox {
    display: inline-block;
    margin-left: 30px;
}

.board .searchbox form {
    margin: 0;
}

.board input[type=text],
.board input[type=password],
.board input[type=tel],
.board input[type=number] {
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    /*    background-color: #f9f9f9;*/
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: Arial;
    font-weight: bold;
    padding: 8px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

.board input[type=button] {

    background-color: #f9f9f9;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: Arial;
    font-weight: bold;
    padding: 8px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}



.search_select_title {
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 10px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    vertical-align: bottom;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.search_select_input {
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 5px;
    height: 36px;
}

.search_select_submit {
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.btn_write {
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.btn_delete {
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.btn_move {
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.boaed_select {
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: bottom;
}


.search_select_title:hover {}

.search_select_input:hover {}

.search_select_submit:hover {
    background-color: #2c8dff;
    color: #fff;
    text-shadow: 0px 0px 0px #ffffff;
}

.btn_write:hover {
    background-color: #2c8dff;
    color: #fff;
    text-shadow: 0px 0px 0px #ffffff;
}

.btn_delete:hover {
    background-color: #2c8dff;
    color: #fff;
    text-shadow: 0px 0px 0px #ffffff;
}

.btn_move:hover {
    background-color: #2c8dff;
    color: #fff;
    text-shadow: 0px 0px 0px #ffffff;
}




/* 메인버튼 */
.board .main-buttons {
    position: relative;
    margin-top: 10px;
    margin-bottom: 40px;
    text-align: right;
}

.board .main-buttons .left-buttons {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}



/* 목록상단 제목줄 */
.board .list-title {
    width: 100%;
    border-top: 1px #aaa solid;
    border-spacing: 0;
    border-left: none;
    border-right: none;
}

.board .list-title th {
    height: 26px;
    font-weight: normal;
    border-left: 1px #efefef solid;
}

.board .list-title th:first-child {
    border-left: none;
    padding-left: 3px;
}

.board .no-articles {
    border-top: 1px #d7d7d7 solid;
    border-bottom: 1px #d7d7d7 solid;
    height: 80px;
}



/* 목록형 페이지 */

.board .list {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px #d7d7d7 solid;
}

.board .list tr {
    vertical-align: middle;
}

.board .list td {
    padding: 10px 3px;
    border-bottom: 1px #d7d7d7 solid;
}

.board .list.notice tr:last-child td {
    border-bottom: none;
}

.board .list .subject {
    text-align: left;
}

.board .list td img {
    vertical-align: -webkit-baseline-middle;
}

.board .list .headword {
    display: inline-block;
    padding: 3px 5px;
    border: 1px #d7d7d7 solid;
    border-radius: 3px;
    margin-right: 4px;
    font-size: 11px;
    color: #ffffff;
    vertical-align: middle;
    BACKGROUND-COLOR: #888888;
}

.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 .col_no {
    width: 70px;
    text-align: left;
}

.board .col_boardtitle {
    width: 120px;
    text-align: left;
}

.board .col_subject {
    width: auto;
    text-align: left;
}

.board .col_subject.hd {
    text-align: center;
}

.board .col_writer {
    width: 100px;
    text-align: center;
}

.board .col_recommend {
    width: 80px;
    text-align: center;
}

.board .col_date {
    width: 120px;
    text-align: center;
}

.board .col_view {
    width: 80px;
    text-align: right;
}


/* 앨범형 페이지 */

.board .photolist {
    padding: 20px 0;
    border-top: 1px #d7d7d7 solid;
}

.board .photolist .article-wrap {
    display: inline-block;
    width: 20%;
    vertical-align: top;

}

.board .photolist .article-wrap .innerwrap {
    padding: 0 10px;
}

.board .photolist .photo-wrap {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    cursor: pointer;
}

.board .photolist .subject {
    padding: 3px 0;
    text-align: center;
}

.board .photolist .info {
    line-height: 140%;
    font-size: 12px;
    text-align: center;
    color: #929292;
}

/* 웹진형 */
.board .webzine {
    padding: 10px;
    text-align: left;
    border-top: 1px #d7d7d7 solid;
}

.board .webzine .article-wrap {
    position: relative;
    padding: 15px 0 5px 0;
    border-bottom: 1px #d7d7d7 solid;
}

.board .webzine .photo-wrap {
    width: 200px;
    max-height: 200px;
    text-align: left;
    padding: 2px;
    margin: 0 10px 10px 0;
    vertical-align: top;
    float: left;
    overflow-y: hidden;
}

.board .webzine .photo-wrap img {
    max-width: 100%;
    margin: 0;
}

.board .webzine .content-wrap {
    display: inline;
}

.board .webzine .subject {
    padding-bottom: 5px;
    font-weight: bold;
}

.board .webzine .content {
    color: #888;
}

.board .webzine .info {
    text-align: right;
    color: #929292;
    font-size: 11px;
}

.board .webzine .info span {
    margin: 0 5px;
}


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

.board .board-items {
    boarder-spacing: 0;
    border-collapse: collapse;
    border: 0;
    border-top: 1px #d0d0d0 solid;
}

.board .board-items tr {
    height: 35px;
}

.board .board-items th,
.board .board-items td {
    font-weight: normal;
    border-bottom: 1px #d0d0d0 solid;
    padding: 5px 0;
}

.board .board-items tr:last-child td {
    border-bottom: 0px;
    padding-bottom: 8px;
}

.board .board-items tr:last-child th {
    border-bottom: 0px;
}

.board .board-items th {
    text-align: left;
    padding-left: 10px;
}

.board .board-items .subj-option {
    padding-bottom: 5px;
}

.board .write .captcha {
    padding: 3px 0;
    text-align: left;
}

.board .write .captcha .captchaimg {
    height: 30px;
    width: auto;
    vertical-align: middle;
}

.board .write .captcha .refreshimg {
    width: 20px;
    height: auto;
    vertical-align: middle;
    cursor: pointer;
}

.board .write .captcha input {
    vertical-align: middle;
    text-align: center;
}

.board .write .attach-btnwrap {
    margin-top: 2px;
    margin-bottom: 10px;
    text-align: right;
}

.board .write .attach-btnwrap input[type=button] {
    margin-top: 8px;
    color: #333;
    background-color: #f5f5f5;
    border-color: #ccc;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
}


/* 글보기 페이지 */
.board .view {}

.board .view .subjectwrap {
    position: relative;
    padding: 7px 4px;
    font-size: 14px;
    font-weight: bold;
}

.board .view .subjectwrap .headword {
    display: inline-block;
    padding: 2px 5px;
    border: 1px #ccc solid;
    border-radius: 2px;
    font-size: 12px;

}

.board .view .info {
    padding: 3px 0;
    border-top: 1px #ccc solid;
    text-align: right;
    color: #929292;
}

.board .view .info span {
    margin: 0 5px;
}

.board .view .info img {
    vertical-align: middle;
}

.board .view .attachlist {
    margin: 0;
    padding: 0;
    list-style: none;
}

.board .view .attachlist li {
    margin: 4px 0;
}


.board .view .content > div {
    padding: 5px;
    line-height: 150%;
    border-bottom: 1px #ccc solid;
    min-height: 200px;
}

.board .view .content img {
    max-width: 100%;
    height: auto;
}

.board .view .sibling-items {
    width: 100%;
    border-spacing: 0;
    border-top: 1px #d7d7d7 solid;
}

.board .view .sibling-items th {
    background-color: #777;
    padding: 10px;
    font-weight: normal;
    color: #fff;
    border-bottom: 1px #fff solid;
}

.board .view .sibling-items td {
    padding: 10px;
    font-weight: normal;
    color: inherit;
    border-bottom: 1px #d7d7d7 solid;
}

.board .view .comments {
    margin: 10px 0 14px 0;

}

.board .view .comments-wrap {
    padding: 10px;
    background-color: #f4f4f4;
    border: 1px #d7d7d7 solid;
}

.board .view .comments .write {
    border: 1px #d7d7d7 solid;
    padding: 5px;
    background-color: #fff;
}

.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;
    background-color: #fff;
    margin-bottom: 4px;
}

.board .view .comments-wrap .comment .cmt-emoticon {
    width: 24px;
    height: auto;
    vertical-align: middle;
}

.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;
}

.captchaimg,
.refreshimg {
    height: 26px;
    width: auto;
    vertical-align: middle;
}


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