/**
	board skin css
*/
.board .table{border-top: 2px solid #3f3f3f;border-bottom: 1px solid #ccc; font-size:18px;}
/* .border_button{overflow:hidden;} */
/* .border_button .btn {} */
.board .comment-count a{color:#348fe2;padding-left:10px;}
.board .info{overflow:hidden; padding:15px; width: 94%; margin: 0 auto; border-top:1px dotted #000;}
.board .info li{float:left; padding-right:20px;}
.board .contents-view{padding:30px 55px; clear:both;border-top:1px dotted #000; border-bottom:1px solid #000; min-height:200px;}
.board .contents-view-img img { display:block; max-width:100%; margin:0 auto 15px; border:0; height:auto; }
#post-content {word-wrap: break-word;}
#post-content img {max-width:100%;}

.board .fa-user{color:#626262;}
.board .fa-comments{color:#626262;}
.board .fa-eye{color:#626262;}
.board .fa-thumbs-up{color:#626262;}
.board .fa-thumbs-down{color:#626262;}
.board .fa-clock-o{color:#626262;}
.board .fa-reply{color:#626262;}
.board .gallery .thumbnail{margin-bottom:10px;}
.board .recommand{text-align:center;margin-bottom:20px;}
.board .recommand a:hover{background:#348fe2; color:#fff; text-decoration:none;}
.board .recommand .good{background:#e9e9e9; width:50px; height:50px; display:inline-block; border-radius:50px; padding:8px; margin:0 10px;}
.board .recommand .bad{background:#e9e9e9; width:50px; height:50px; display:inline-block; border-radius:50px;padding:6px; margin:0 10px;}
.board .like {padding-top:20px;}
.board .like a{text-decoration:none;}
.board .time{padding-left:10px;}
.board .tags a{font-size:12px; padding-left:5px;}
.board .reply{float:right; font-size:12px;}
.board .reply a{padding-left:5px;}
.board .ip{font-size:12px; padding-left:10px;}
.board .tags li{float:left; padding-right:10px;}
.board .sns_button div {float:left; padding-right:5px;}
.board .btn-point-info {padding-top:8px;color:#BBB;}
.board .search-area{padding: 20px 40px; background-color: #f7f7f7; min-height:85px; margin-bottom: 35px;}

.board .search-area div {
    display: block;
}

.board .search-area select {
    min-height:45px;
    border-radius: 1;

    /* width: 150px; height: 40px; */
    appearance: none;
    -webkit-appearance: none; /* 사파리, 크롬 하위버전용 */
    -moz-appearance: none; /* 사파리, 크롬 하위버전용 */
    
    padding-right: 70px; 
    box-sizing: border-box;
    
    background-image: url('https://www.ganghwa.go.kr/nadeulgil/views/_layout/kanghwa/images/nav-arrow.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
}
.board .search-area select::-ms-expand{ display: none; } /* 익스플로러용 */

.board .view_full_image {cursor:pointer;}
.board .btn-admin-manage-layer { display:none;border:1px solid #ddd;position:absolute;background-color:#fff;z-index:99999; }
.board .btn-admin-manage-layer div.item { height:23px;border-bottom:1px solid #ddd; cursor:pointer;padding-left:2px;padding-right:10px; }
.board .btn-admin-manage-layer div.item { font:normal 11px 'dotum';line-height:23px; }
.board .btn-admin-manage-layer div.item i { width:20px;text-align:center; }

.board .autowrap { margin:0 auto 15px; }
.board .autosize { position:relative; height: 0; padding-bottom: 56.25%; overflow: hidden; margin:0; }
.board .autosize iframe, .autosize object, .autosize embed { position: absolute; top: 0; left: 0; width: 100%; height:100%; }

/* .board .searchbox {display:none;} */
.board .passcord { text-align: center;margin:10px auto 0 auto;}
.board .passcord li{display:inline-block;margin-right:20px;vertical-align:middle;}

.board .copy_post_url {cursor:pointer;}

.lucky {font-size:11px;}
.lucky .luckypoint{color:#E71A41;}

.gallery-box {float:left;}
.chk_comment_all_wrapper {padding:10px;}
.comment_write_box_inner {margin-top:20px; padding:20px;}
.comment_write_button_area {margin-top:20px;overflow:hidden;}

.board .url-qrcode {position:relative;cursor:pointer;}
.board .url-qrcode i {margin:3px 0 0 5px;}
#qrcode-content {display:none;position:absolute;background-color:#FFF;border:2px solid #DDD;padding:10px;width:240px;}
#qrcode-content .qrcode_code {border:5px solid #479BE3;float:left;}
#qrcode-content .qrcode_code img {width:100px;height:100px;}
#qrcode-content .qrcode_info {float:left;margin:0 0 0 10px;width:90px;font-size:12px;line-height:18px;color:#555;}

/* Board Write */
.board-write {width:1100px;margin:0 auto; border-top:2px solid #626262;padding-top:20px;padding-bottom:20px;}
.board-write .passcord{padding-bottom:20px;}
.write-btn-area{border-top:2px solid #626262;padding-top:20px;padding-bottom:20px;}

/* Board View */
.board-view {border-top:3px solid #626262;padding-bottom:20px;}
.board-view .passcord{padding-bottom:20px;}
.board-view-title{padding: 30px 0 20px 55px; font-size:26px; font-weight: 700;}
.write-btn-area{border-top:2px solid #626262;padding-top:20px;padding-bottom:20px;}

.search-select{
    margin-right:10px;
}
.search-keyword{
    height:45px;
    border-radius: 1;
    min-width: 300px;
    margin-right:10px;
}
.search-btn{
    width:45px;
    height:45px;
    /* background-color: #3d3d3d;    */
}

.search-btn i {
    font-size:20px;
}

.board-table thead th {
    height:34px;
    line-height: 34px;
    border-bottom:1px solid #3f3f3f;
}
.board-table tbody td {
    height:34px;
    line-height: 34px;
}

.small_title::before {
    content: '·';
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    margin: 0 15px 0 0;
}

.preview_post_title li{
    display: flex;
    border-bottom:1px solid #ededed;
    height:60px;
    line-height: 60px;
    padding:0 55px;
    font-size:18px;
}

.preview_post_title li a{
    flex:1;
}

.prev-title{ 
    display: flex;
    color:#000;
    margin-top:14px;
    font-weight: 900;
    margin-right:60px;
}

.prev-title::after {
    background-image: url(../images/board-view-prev.png);
    content: '';
    display: block;
    width: 11px;
    height: 7px;
    margin-top: 12px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-left: 28px;
}

.next-title{ 
    display: flex;
    color:#000;
    margin-top:14px;
    font-weight: 900;
    margin-right:60px;
}

.next-title::after {
    background-image: url(../images/board-view-next.png);
    content: '';
    display: block;
    width: 11px;
    height: 7px;
    margin-top: 12px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-left: 28px;
}

/* span.otherlist{
    float:right;
} */

.imageView img{
    max-width: 100%;
    height: auto;
}

@media (min-width: 1024px) {
    .board {min-height:500px;}
}

@media screen and (max-width: 768px){
    .board .table{font-size:15px;}
    .board-write {width:100%;}
    .hidden-block{display: none;}

    .preview_post_title li{
        height: auto;
    }

    .prev-title{ 
        font-size:15px;
        margin-top: 16px;
    }

    .next-title{ 
        font-size:15px;
        margin-top: 16px;
    }

    .preview_post_title li a{
        font-size:15px;
        line-height: 20px;
    }

    .prev-title::after {
        margin-top: 10px;
        margin-left: 20px;
    }

    .next-title::after {
        margin-top: 10px;
        margin-left: 20px;
    }

    span.otherlist{
        display: none;
    }
}

@media (max-width: 480px) {

    .board .search-area div {
        width: 100%;
    }

    .board .search-area {
        padding: 10px;
        min-height: 165px;
        margin-bottom: 35px;
    }

    .board .search-area select {
        min-height: 45px;
        width:100%;
        border-radius: 1;
        appearance: none;
        margin-bottom:5px;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-right: 70px;
        box-sizing: border-box;
    }

    .board-write {width:100%;}
    #post_content {min-height:150px;}

    .search-keyword {
        width: 50%;
        margin-right: 10px;
    }

    .search-btn {
        float: right;
        margin-top: -45px;
    }

    .board-view-title {
        padding: 30px 0 20px 20px;
        font-size: 22px;
        font-weight: 700;
    }

    .board .info {
        padding: 15px 0px 15px 11px;
    }

    .board .contents-view {
        padding: 22px;
    }

    .preview_post_title li{
        padding: 5px 0;
    }
}