/*table {table-layout:fixed;}*/

/*클리어 */
.clearfix::after {
	content: "";
	display: table;
	clear: both;
}

.board {
	width: 100%;
	min-height: 494px;
	margin: 22px auto 0 auto;
}

.board .boardtitle02 {
	color: #555;
	font-size: 2.5rem;
	font-weight: 900;
}

@media only screen and (max-width: 1100px) {
	.board {
		width: 100%;
	}
}

 @media only screen and (max-width: 600px) {
     
	 .board .boardtitle02 {
        color: #555;
        font-size: 2rem;
        font-weight: 900;
    }
    }


    .board .photolist .subject .headword {
        display: none;
    }

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

    /* 게시판 제목 색상 변경 */
    .board h1 {
        color: #4c67b4;
    }

    /* 말머리목록 */
    .board .headwordlist {
        margin: 0.625rem 0 0.3125rem 0;
    }

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

    .board .headwordlist li {
        display: inline-block;
        font-size: 15px;
        padding: 0.4rem;
        border: 1px #d7d7d7 solid;
        border-left-width: 0;
        min-width: 50px;
        text-align: center;
    }

    @media only screen and (max-width: 500px) {
        .board .headwordlist li {
            padding: 0.3rem 0.5rem;

        }
    }

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

    .board .headwordlist .active {
        background-color: #ae2c1b;
        color: #fff;
        border: 1px #ae2c1b solid;
    }

    .board .headwordlist li:hover {
        background-color: #ae2c1b;
        color: #fff;
        border: 1px #ae2c1b solid;
    }


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

    .board .summarywrap {
        position: relative;
        height: 46px;
        margin: 1.1rem 0 0.3125rem 0;
		display:none;
    }

    /* 목록요약 우측 버튼 (글쓰기버튼 등) */

    .board .summarywrap .buttons {
        position: absolute;
        height: 100%;
        top: 0;
        right: 0px;
        width: 100%;
        text-align: right;
    }

    .board .summary {
        width: 100%;
        text-align: left;
        padding: 0.7rem 0 0 0;
		display:none;
    }

    @media only screen and (max-width: 650px) {
        .board .summary {
            display: none;
        }
    }

    /* 글쓰기 버튼 보이지 않게 500미만에서*/
    @media only screen and (max-width: 530px) {
        .board .summarywrap .buttons input[type=button] {
            display: none;
        }
    }

    /* 제목 본문 등 선택 버튼 보이지 않게 400미만에서*/
    @media only screen and (max-width: 430px) {
        .board .summarywrap .buttons .searchbox .fc-selecter {
            display: none;
        }
    }




    .board .summary .rss {
        cursor: pointer;
    }


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

    @media only screen and (max-width: 499px) {
        .board .searchbox form input[type=text] {
            width: 200px;
        }
    }

    @media only screen and (max-width: 400px) {
        .board .searchbox form input[type=text] {
            width: 150px;
        }
    }

    @media only screen and (max-width: 320px) {
        .board .searchbox form input[type=text] {
            width: 138px;
        }
    }


    .board .searchbox form {
        margin: 0;
    }


    /* 메인버튼 */
    .board .main-buttons {
        position: relative;
        margin: 0;
        text-align: right;
        overflow: hidden;
    }

    .board .main-buttons .left-buttons {
        float: left;
    }



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

    .board .list-title th {
        height: 32px;
        font-weight: normal;
		vertical-align: middle;
        border-left: 1px #efefef solid;
        background-color: #f1f1f1;
    }

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

    .board .no-articles {
        border-top: 1px #d7d7d7 solid;
        border-bottom: 1px #d7d7d7 solid;
        /* height: 80px; */
        padding: 5rem 0;
        text-align: center;
        color: #3a89cc;
    }

    /* 목록형 페이지 */

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

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

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

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

    .board .list .subject {
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

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

    .board .list .headword {
        display: inline-block;
        padding: 3px 0.3125rem;
        border: 1px #d7d7d7 solid;
        border-radius: 3px;
        margin-right: 4px;
        font-size: 11px;
        color: #929292;
        vertical-align: middle;
    }

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

    .board .list-comment {
        display: inline-block;
        line-height: 0.625rem;
        font-size: 0.625rem;
        color: #f60;
        padding: 1px 3px;
        border: 1px #fa0 solid;
        border-radius: 2px;
        vertical-align: middle;
    }

    .board .col_no {
        width: 9%;
        text-align: left;
    }

    .board .col_boardtitle {
        width: 10%;
        text-align: left;
    }

    .board .col_subject {
        width: auto;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: bottom;
    }

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

    .board .col_writer {
        width: 20%;
        text-align: center;
    }

    .board .col_recommend {
        width: 7%;
        text-align: center;
    }

    .board .col_date {
        width: 10%;
        text-align: center;
    }

    .board .col_view {
        width: 7%;
        text-align: center;
    }


    /* 가로 1000미만일 경우에 */
    /*글쓴이 보이지 않게 */
    @media only screen and (max-width: 1012px) {
        .board .col_writer {
            display: none;
        }
    }

    /* 가로 900미만일 경우에 */
    /*글쓴 날짜도 보이지 않게 */
    @media only screen and (max-width: 912px) {
        .board .col_date {
            display: none;
        }
    }

    /* 가로 800미만일 경우에 */
    @media only screen and (max-width: 800px) {
        .board .col_no {
            padding: 4px 0 0 0;
            width: 4.1rem;
        }

        .board .list .subject {
            display: block;
            padding: 2px 0 0 0;
            width: 92%;
            float: left;
        }

        /* 새글 이미지 좋아요 보이지 않게 */
        .board .list td img,
        .board .col_recommend {
            display: none;
        }
    }

    /* 가로 500미만일 경우에  일련번호와 글제목만 보에게 함*/
    @media only screen and (max-width: 500px) {

        /* 조회수 보이지 않게 */
        .board .col_view {
            display: none;
        }

        .board .col_no {}

        .board .list .subject {
            display: block;
            padding: 2px 0 0 0;
            float: left;
        }
    }




    /* 앨범형 페이지 *****************************************************************************************************************************/

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

    .board .photolist .article-wrap {
        display: inline-block;
        width: 25%;
        vertical-align: top;
        margin-bottom: 20px;
    }

    .board .photolist .article-wrap .innerwrap {
        padding: 0px 0.625rem;
        border-bottom: 1px solid #d7d7d7;

    }

    .board .photolist .photo-wrap {
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        cursor: pointer;
        margin: 0 0px;
        background-color: #0000001c;
        border-radius: 6px;
        border: 1px solid #d7d7d7;


        /* width: 100%; */
        padding-top: 80%;
        /* 부모 박스에서 가로 크기를 50% 또는 25% 정하고 높이를 정하는 방식은 패딩을 56%로 주어 높이를 가로 길이에 따라 자동으로 정해지도록 함 */
        overflow: hidden;
        /* position: relative; */
    }

    .board .photolist .subject {

        padding: 0.625rem 0 0px 0;
        text-align: left;
        color: #333333;
       
        display: inline-block;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        line-height: 1.2;
        height: 35px;
        text-align: center;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .infotext {
        color: #777777;
        text-align: center;
        margin-top: 10px;
        padding-bottom: 20px;
    }

    .infotext li {
        display: inline-block;
        padding: 2px 0;
        font-size: 14px;
        width: 100%;

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .infotext li:nth-child(4) {
        width: 80%;
        color: #ffffff;
        background-color: cornflowerblue;
        padding: 7px 14px 6px;
        border-radius: 6px;
    }


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



    /* 가로 1000미만일 경우에 */


    /* 가로 800미만일 경우에 */
    /*글쓴 날짜 보이지 않게 */
    @media only screen and (max-width: 800px) {
        .board .photolist .article-wrap {
            width: 25%;
        }
    }

    /* 가로 600미만일 경우에 */
    @media only screen and (max-width: 600px) {
        .board .photolist .article-wrap {
            width: 33.3333%;
        }
    }

    /* 가로 500미만일 경우에 */
    @media only screen and (max-width: 400px) {
        .board .photolist .article-wrap {
            width: 50%;
        }
    }


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

    .board .webzine .article-wrap {
        position: relative;
        min-height: 100px;
        padding: 1rem 0.5rem;
        border-bottom: 1px #d7d7d7 solid;
    }

    .board .webzine .photo-wrap {
        width: 15%;
        margin: 0 20px 0 0;
        float: left;

    }

    .board .webzine .photo-wrap .photo {
        padding-top: 56.6%;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        text-align: left;
        cursor: pointer;
        overflow: hidden;
    }

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

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

    .board .webzine .subject {
        padding-bottom: 0.3125rem;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .board .webzine .content {
        font-size: 0.9rem;
        color: #888;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .board .webzine .info {
        margin-top: -1.1rem;
        text-align: right;
        color: #3a89cc;
        font-size: 0.9rem;
    }

    @media (max-width: 600px) {
        .board .webzine .info {
            margin-top: -1.3rem;
            font-size: 0.8rem;
        }
    }

    @media (max-width: 500px) {
        .board .webzine .info {
            margin-top: -1rem;
        }
    }

    @media (max-width: 400px) {
        .board .webzine .info {
            margin-top: 0rem;
        }
    }

    .board .webzine .info span {
        margin: 0 0.3125rem;
    }

    /* 모바일 가로로 보여질때 웹진 좌측 이미지 크기 등 */

    @media (max-width: 1000px) {
        .board .webzine .photo-wrap {
            width: 15%;
        }
    }

    @media (max-width: 900px) {
        .board .webzine .photo-wrap .photo {
            padding-top: 65%;
        }
    }

    @media (max-width: 800px) {
        .board .webzine .photo-wrap {
            width: 15%;
        }
    }

    @media (max-width: 700px) {
        .board .webzine .photo-wrap .photo {
            padding-top: 70%;
        }

        .board .webzine .photo-wrap {
            width: 20%;
        }
    }

    @media (max-width: 600px) {
        .board .webzine .photo-wrap .photo {
            padding-top: 75%;
        }

        .board .webzine .photo-wrap {
            width: 25%;
        }
    }

    @media (max-width: 450px) {
        .board .webzine .photo-wrap .photo {
            padding-top: 80%;
        }

        .board .webzine .photo-wrap {
            width: 30%;
        }
    }


    /* 글쓰기, 수정, 응답글 페이지 -------------------------------------------------------------------------------------------------------*/
    .board .write h2 {
        color: #3a89cc;
    }

    /* board-items 공통 */
    .board .write .board-items {
        border-spacing: 0;
        border-collapse: collapse;
        border: 0;
        /*border-top: 1px #d0d0d0 solid;*/
    }

    .plus_option_write input[type=text] {
        width: 100%;
    }

    .itemsedit input[type=text] {
        width: 100%;
    }


    @media (max-width: 625px) {
        .board .write .board-items {
            margin-bottom: 5px;
        }
    }



    .board .write .board-items th {
        text-align: left;
        padding: 0.9rem 0rem 1rem 0px;
    }

    @media (max-width: 600px) {
        .board .write .board-items th {
            padding: 4px 0rem 4px 0px;
        }
    }

    .board .write .board-items td {
        font-weight: normal;
        border-top: 0px #d0d0d0 solid;
        padding: 0.525rem 0rem 0.525rem 0rem;
    }

    @media (max-width: 600px) {
        .board .write .board-items td {
            padding: 0.3rem 0rem 0.3rem 0rem;
        }
    }

    .board .write .board-items td input[type=text] {}

    .board .write .board-items td select {
        min-width: 100px;
    }




    /* 글쓰기 상단 옵션 항목에 돤한 css *-------------------------------------------------------------------------------------------------------*/

    .write_option {}

    .write_option tr:last-child {}

    .write_option th {
        width: 5rem
    }

    .write_option td {}

    /* tr css 제목 쓰는 란 제외하고 모두 플로트 left*/


    /* tr css */

    /* tr 제목 쓰는 란 제외하고 모두 플로트 left*/
    .writer_name {
        display: block;
        float: left;
        margin: 0.5rem 2rem 0.5rem 0;
    }

    .hword_check {
        display: block;
        float: left;
        margin: 0.5rem 0rem 0.5rem 2rem;
    }

    .notice_check,
    .secret_check {
        display: block;
        float: left;
        margin: 0.5rem 2rem 0.5rem 0;
    }

    /* 공지글 상단 공지글 비밀글 선택 박스 */

    @media (max-width: 900px) {

        .writer_name,
        .hword_check,
        .notice_check,
        .secret_check {
            margin: 5PX 0rem 0rem 0;
        }

        .secret_check {
            display: none;
        }
    }

    @media (max-width: 600px) {

        .writer_name,
        .hword_check,
        .notice_check,
        .secret_check {
            margin: 5PX 0rem 0rem 0;
        }

        .hword_check {
            display: block;
            float: left;
            margin: 0.5rem 2rem 0.5rem 0rem;
        }
    }

    /* th td 작성자 css */
    .writer_name_title {
        display: block;
        width: 5rem;
        float: left;
    }

    /* th */
    .writer_name_input {
        display: block;
        float: left;
    }

    /* td 작성자 이름들어 가는 input박스*/

    /* td 분류 css */
    .hword_check_title {
        display: block;
        width: 4rem;
        float: left;
    }

    /* th 분류*/
    .hword_check_select {
        display: block;
        float: left;
    }

    /* td 분류 선택옵션*/

    @media (max-width: 600px) {
        .hword_check_title {
            width: 5rem;
        }
    }

    /* td 공지 css */
    .notice_check_title {
        display: block;
        display: none;
    }

    /* th 공지글 - 보이지 안하게 함*/
    .notice_check_label {
        display: block;
        float: left;
    }

    /* td 공지글 상단 공지글 체크*/

    /* td 비밀글 css */
    .secret_check_title {
        display: block;
        display: none;
    }

    /* th 비밀글 - 보이지 안하게 함*/
    .secret_check_title_label {
        display: block;
        float: left;
    }

    /* td비밀글 체크*/
    .notice_check_label label {
        display: block;
        margin-right: 1rem;
        float: left;
    }

    /* 제목쓰기란 전체 박스*/
    .title_box {
        overflow: hidden;
        margin: 5px 0 10px 0;
    }

    @media (max-width: 500px) {
        .title_box {
            margin: 0px 0 10px 0;
        }
    }

    /* 제목 글자 박스 */
    .write_title_thbox {
        width: 10%;

        float: left;
        font-weight: 700;
        padding: 1.6rem 0rem 1.6rem 5px;
    }

    @media (max-width: 900px) {

        /* 900 미만에서 제목 색상 진하게 등 보이지 않게 */
        .subj-option {
            display: none;
        }

        .write_title_thbox {
            padding: 0.4rem 0rem 0.5rem 5px;
        }
    }

    @media (max-width: 600px) {
        .write_title_thbox {
            padding: 0rem 0rem 0.5rem 0px;
        }
    }

    .write_title_th {
        width: 5rem;
    }


    /* 제목 색상 진하게 입력박스 */
    .write_title_tdbox {
        width: 100%;
        float: left;
    }

    @media (max-width: 1100px) {
        .write_title_tdbox {
            width: 100%;
            float: left;
        }
    }

    @media (max-width: 500px) {
        .write_title_tdbox {
            width: 100%;
            float: left;
        }
    }

    .write_title_td {}

    .subj-option {
        width: 100%;
        padding-bottom: 0.3125rem;
    }

    #is_notice,
    #is_secret {}


    /* 글쓰기 상단 옵션 항목에 돤한 css *-------------------------------------------------------------------------------------------------------*/


    /* 글쓰기 추가 항목에 돤한 css */






    /* 댓글 기능 관련 css--------------------------------------------------------------------------------------------------------------------- */

    /* 작성자 박스 css */
    .writer_comments_tr {
        float: left;
        margin-right: 1rem;
    }

    .writer_comments_th {
        width: 5rem;
        display: block;
        float: left;
    }

    .writer_comments_td {}

    .writer_comments_input {}

    /* 비밀번호 박스 css */
    .password_comments_tr {
        float: left;
        margin-right: 1rem;
    }

    .password_comments_th {
        width: 5rem;
        display: block;
        float: left;
    }

    .password_comments_td {}

    .passwd_input {}


    /* 보안문자 박스 css */
    .security_comments_tr {
        float: left;
        margin-right: 1rem;
    }

    .security_comments_th {
        width: 9rem;
        display: block;
        float: left;
    }

    .security_comments_td {}

    .captcha_box {
        display: inline-block;
        float: left;
        width: 11rem;
        padding: 0 0 0 1rem;
    }

    .captchaimg {
        height: 1.875rem;
        width: auto;
        vertical-align: middle;
    }

    .refreshimg {
        width: 1.25rem;
        height: auto;
        vertical-align: middle;
        cursor: pointer;
    }

    .captcha_input {
        vertical-align: middle;
    }

    .emotpick_input {
        display: none
    }


    @media (max-width: 600px) {

        .writer_comments_tr,
        .password_comments_tr,
        .security_comments_tr {
            margin-right: 0rem;
        }

        .writer_comments_th {
            width: 10.42rem;
        }

        .password_comments_th {
            width: 10.42rem;
        }

        .captcha_box {
            width: 12rem;
            text-align: left;
            margin-bottom: 5px;
        }

        .security_comments_th {
            display: none
        }

        .captcha_box {
            width: 10.4rem;
            padding: 0 0 0 0;
        }

        .security_letter {}
    }

    @media (max-width: 500px) {

        .writer_comments_tr,
        .password_comments_tr,
        .security_comments_tr {
            width: 100%;
        }

        /* 모든 tr 가로 100%로 주고 */
        .writer_comments_th,
        .password_comments_th,
        .security_comments_th {
            float: left;
        }

        /* 모든 th 는 float: left */
        .writer_comments_td,
        .password_comments_td,
        .security_comments_td {
            float: right;
        }

        /* 모든 td 는 float: right */
        .security_comments_td {
            width: 100%;
        }

        .board .comments .board-items th {
            padding: 0.65rem 0;
            width: 9rem;
        }

        .board .comments .board-items td {
            padding: 0.3rem 0rem 0.3rem 0rem;
        }

        .captcha_box {
            width: 10.4rem;
            float: left;
        }

        .writer_comments_input {
            float: right;
            width: 116px;
        }

        .passwd_input {
            float: right;
            width: 116px;
        }

        .captcha_input {
            float: right;
            width: 116px;
        }
    }

    /* 댓글 기능 관련 css--------------------------------------------------------------------------------------------------------------------- */






    /* 택스트에리어 박스 css */
    .textarea_comments {
        width: 100%;
        height: 150px;
        line-height: 150%;
        padding: 10px;
        border: 1px #d7d7d7 solid
    }

    .board .write .attach-btnwrap {
        margin: 1.2rem 0 0.7rem 0;
        text-align: right;
    }

    .board .write .attach-btnwrap input[type=button] {
        background-color: #807900;
        border-radius: 0.3125rem;
        cursor: pointer;
        color: #666666;
        font-family: Arial;
        font-size: 15px;
        font-weight: bold;
        padding: 6px 24px;
        text-decoration: none;
        text-shadow: 0px 1px 0px #ffffff;
        box-shadow: inset 0px 1px 0px 0px #ffffff;
        border: 1px solid #dcdcdc;
    }


    .board .write .attach-btnwrap input[type=button]:hover {
        background-color: #BFB500;
    }





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

    .board .view .subjectwrap {
        /* 글보기 페이지 제목 */
        position: relative;
        padding: 25px 4px 12px 4px;
        font-size: 1.2rem !important;
        font-weight: 700 !important;
    }

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

    }

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

    .board .view .info span {
        margin: 0 0.3125rem;
    }

    .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: 0.3125rem;
        line-height: 150%;
        border-bottom: 0px #ccc solid;
        /*  min-height: 200px;-*/
    }

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




    /* sibling-items 이전글 다음글 관련 css ------------------*/
    .board .view .sibling-items {
        width: 100%;
        table-layout: fixed;
        border-spacing: 0;
        border-top: 1px #d7d7d7 solid;
    }

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

    .board .view .sibling-items td {
        padding: 0.625rem;
        font-weight: normal;
        color: inherit;
        border-bottom: 1px #d7d7d7 solid;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .board .view .sibling-items td:hover {
        background-color: #eee;
    }

    /* sibling-items 이전글 다음글 관련 css ------------------*/


    /* comments 코멘트 관련 css ------------------------------*/

    /*댓글 등록 버튼*/
    .comment_add_btn {}


    .board .view .comments {
        margin-top: 0rem;
    }

    .board .view .comments-wrap {
        margin-bottom: 1rem;
        padding: 0.5rem 0.625rem 0 0.625rem;
        border: 1px #d7d7d7 solid;
        border-radius: 0.375rem;
    }

    .board .view .comments .write {}

    .board .view .comments-wrap .comment_add_summary {
        font-weight: 600;
        color: #3a89cc;
        padding: 0 0 0.375rem 0.5625rem;
        border-bottom: 0px #ccc solid;
    }

    .board .view .comments-wrap .comment {
        padding: 0.625rem;
        border: 1px #ccc solid;
        border-radius: 10px;
        background-color: #f1f1f1;
        margin-bottom: 1rem;
    }

    .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: 0.6875rem 0 1.2rem 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 {
        font-size: 0.9rem;
        color: #fff;
        background-color: #3a89cc;
        padding: 0.5rem 1.5rem;
        cursor: pointer;
        border: 1px solid #888;
        border-radius: 4px;
    }

    .board .view .comments-wrap .comment .cmt-info .writer {
        color: #00447d;
        font-size: 0.9rem;
    }

    .board .view .comments-wrap .comment .cmt-content {
        padding: 0.625rem;
        word-break: break-all;
    }

    .captchaimg,
    .refreshimg {

        height: 1.875rem;
        width: auto;

    }

    /* comments 코멘트 관련 css ------------------------------*/


    /* 추가항목에 관련된 css--------------------==========--- */
    

    .board .view .plus_option tr {
        padding: 6.4px 0;
        width: 100%;
        border-top: 1px solid #cacaca;
        height: 35px;
    }

   



   

    .board .view .plus_option th {
        padding: 0rem 1.2rem 0rem 0rem;
        color: #3a89cc;
        line-height: 1.5;
        
        
        vertical-align: middle;
		text-align: left;
    }

    .board .view .plus_option td {
        padding: 0 1.2rem 0 1.2rem;
        vertical-align: middle;
        line-height: 1.5;
        
    }

    /* 추가항목에 관련된 css----------------------- */


.previewtable{overflow: hidden;
    width: 100%;
}



    /* nogrant */
    .board .nogrant {
        margin: 1.875rem auto;
        width: 31.25rem;
        padding: 3.125rem 0;
        text-align: center;
        background-color: #eee;
        border: 1px #ccc solid;
    }

    /*에디터 박스 전체 css----------------------- */
    #cke_content {}

    @media (max-width: 600px) {}


    #content {
        width: 100%;
        height: 400px;
        border: 1px #d7d7d7 solid;
    }

    @media (max-width: 600px) {
        #content {
            width: 100%;
            height: 200px;
        }
    }

    /*전시,공모 등 상단 포스터, 테이블 뿌려주는 박스-----------------*/
    .previewwrap {
        margin-bottom: 30px;
        overflow: hidden;

        padding-bottom: 10px;
    }

    .previewimp {
        padding: 0;
        line-height: 150%;
        border: 1px solid #cacaca;
        min-height: 200px;
		max-height: 488px;
        width: 35%;
        float: left;
		overflow: hidden;
    }

    .previewimp img {
        width: 100%;
        vertical-align: top;
    }

  


    @media (max-width: 1280px) {
        .board .view .plus_option tr {
            padding: 0rem 0;

        }

    }

    @media (max-width: 1000px) {
        .board .view .plus_option tr {
            padding: 0rem 0;
        }

        .previewimp {
            width: 49%;
            margin-bottom: 30px;
        }

        .previewtable {
            width: 49%;
            margin-left: 2%;

        }

        .board .view .plus_option th {
            width: 30%;
        }

        .board .view .plus_option td {
            width: 70%;

        }
    }

    @media (max-width: 600px) {
        .previewwrap {
            display: block;
        }

        .previewimp {
            width: 100%;
            margin-bottom: 30px;
        }

        .previewtable {
            width: 100%;
            margin-left: 0%;

        }

        .board .view .plus_option th {
            width: 25%;
            padding: 0.3rem 0.6rem 0.3rem 0rem;
            min-width: 100px;
        }

        .board .view .plus_option td {
            padding: 0.3rem 0rem 0.3rem 0.6rem;
            width: 100%;
        }
    }