/**
	board skin css
*/
.board {width: 100%;}
.board .table{border-top: 2px solid #000;border-bottom: 1px solid #ccc;}
.border_button{overflow:hidden;}
.board .comment-count a{color:#348fe2;padding-left:10px;}
.board .info{overflow:hidden;}
.board .info li{float:left; padding-right:20px;}
.board .contents-view{padding:30px 20px; clear:both;}
.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{font-size:12px; 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 .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;}

.tutorial{ }
.bview{width: 80px; text-align: center;}
.bdate{width: 140px; text-align: center;}
.bwriter{width: 80px; text-align: center;}
.bno{width: 60px; text-align: center; }




/* 파일 업로드 영역 */
.bl-file-area {
border: 2px dashed #cfd4dc;
border-radius: 12px;
background-color: #fafafa;
padding: 1.25rem;
text-align: center;
}
.bl-file-area input[type="file"] {
display: block;
margin: 0.75rem auto 0;
}
.bl-file-hint {
font-size: 0.8rem;
color: #666;
line-height: 1.4;
}


/* === 여기 추가 === */
/* 폼 입력 공통 border 강제 */
input.form-control,
input[type="text"],
input[type="password"],
input[type="email"],
 input[type="url"],
input[type="tel"],
select,
textarea,
.dhtmleditor {
    border: 1px solid #aaa !important;
    border-radius: 8px;  
}
select {
    width: 200px;padding: 0 20px;height: 50px;
}


/* 공통 텍스트 스타일 */
.b_title {
    font-size: 18px;
}

/* 잘못된 color 속성에 : 들어가 있던 부분 수정 */
.label-cate {
    color: #aaa !important;
}

/* 모바일에서 숨길 요소 */
@media (max-width: 768px) {
    .mobi_hide {
        display: none !important;
    }
}

/* 체크박스 강제 노출 (부트스트랩 테마/JS가 숨겨버릴 때 대비) */
input[type="checkbox"],
.form-check-input {
    display: inline-block !important;
    opacity: 1 !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin-right: 5px;
}

/* 상단 툴바 */
.board-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

/* 왼쪽 영역: 정렬/카테고리 */
.board-toolbar .filters {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.board-toolbar .filters .form-control {
    min-width: 140px;
}

/* 오른쪽 영역: 검색 */
.board-toolbar .search form {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.board-toolbar .search .input-group {
    display: flex;
    gap: 8px;
    align-items: center;
}

.board-toolbar .search .form-control {
    min-width: 160px;
}

/* 작은 화면일 때 세로 스택 */
@media (max-width: 576px) {
    .board-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .board-toolbar .filters,
    .board-toolbar .search form {
        width: 100%;
    }

    .board-toolbar .filters .form-control,
    .board-toolbar .search .form-control {
        flex: 1;
        min-width: 0;
    }
}

/* 카드 컨테이너 (썸네일 카드) */
.categories_guide_item {
    padding: 0;
    border-radius: 10px !important;
    background: #000;
    overflow: hidden;
    box-shadow:
        0 8px 24px rgba(0, 0, 0, .24),
        0 2px 6px rgba(0, 0, 0, .08);
    transition: box-shadow .2s ease, transform .2s ease;
}

/* 호버 시 강조 */
.categories_guide_item:hover {
    box-shadow:
        0 14px 36px rgba(0, 0, 0, .28),
        0 4px 10px rgba(0, 0, 0, .10);
    transform: translateY(-2px);
}

/* 썸네일 이미지 영역 */
.card_pic {
    border-radius: 0 !important;
    position: relative;
    width: 100%;
    aspect-ratio: 210/320; /* A4 세로 비율 비슷하게 유지 */
    overflow: hidden;
    background: #000;
    display: flex;
    justify-content: center;
    padding: 0;
}

/* 실제 이미지 스타일 */
.card_pic img {
    width: 100%;
    height: 100%;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: bicubic;
    border-radius: 0 !important;
    background-color: #0f2b44;
}

/* 카드 하단 제목 영역 */
.card_title {
    margin: 0;
    padding: 12px 14px;
    border-top: 1px solid rgba(0, 0, 0, .06);
}

/* 제목 텍스트(2줄 말줄임) */
.card_title a {
    color: #fff !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.35em;
    height: 2.7em;
    font-weight: 600;
    text-decoration: none;
}

.card_title a:hover {
    text-decoration: underline;
}
.dday{background: #fff;color: #000;}

.search-inline select,
.search-inline input,
.search-inline button {
    height: 40px;
}

.search-inline select {
    min-width: 120px;
}
.form-select{}
.select-small {
    font-size: 16px !important;
}