/**
	board skin css
*/

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

/**
	목록 상단 정렬/검색 영역
	Bootstrap 5 환경에서 Bootstrap 3 마크업(col-xs-*, pull-*, form-inline, navbar-form, px*)이
	깨지는 부분을 보정한다.
*/
.board .px100 {width:100px;}
.board .px150 {width:150px;}

.board .row.mb20 {margin-bottom:20px; justify-content:space-between; align-items:center; row-gap:10px;}
.board .row.mb20 > .col-xs-6,
.board .row.mb20 > .col-md-6 {width:auto; max-width:100%;}

/* 좌측: RSS 버튼, 정렬/카테고리 드롭다운 */
.board .row.mb20 > .col-xs-6 {display:flex; flex:1 1 auto; flex-wrap:wrap; align-items:center; gap:8px;}

/* 우측: 검색 영역 (DOM 순서 searchbox, searchbuttonbox, point-info 를 오른쪽부터 배치) */
.board .row.mb20 > .col-md-6 {display:flex; flex:0 0 auto; flex-direction:row-reverse; justify-content:flex-start; align-items:center; gap:8px; margin-left:auto;}
.board .row.mb20 > .col-md-6 .pull-right {float:none; margin:0;}
.board .searchbox form,
.board .searchbox .form-group {display:flex; flex-wrap:nowrap; align-items:center; gap:6px; float:none; margin:0; padding:0;}
.board .searchbox .pull-left {float:none;}

/* 컨트롤 크기 통일 (높이 34px) */
.board .row.mb20 .form-control {height:34px; padding:4px 10px; font-size:14px; line-height:1.5;}
.board .row.mb20 select.form-control {padding-right:28px; cursor:pointer; background-repeat:no-repeat; background-position:right 10px center; background-size:12px 10px; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");}
.board .row.mb20 .btn-sm {height:34px; min-width:38px; padding:0 12px; font-size:14px; line-height:1;}

/* 좁은 화면: 검색 폼이 한 줄에 다 들어가지 않으면 입력창이 줄어들도록 함 */
@media (max-width: 575px) {
	.board .row.mb20 > .col-md-6 {flex:1 1 100%;}
	.board .row.mb20 > .col-md-6 .searchbox {flex:1 1 auto; min-width:0;}
	.board .searchbox form,
	.board .searchbox .form-group {width:100%;}
	.board .searchbox input.form-control {flex:1 1 auto; width:auto; min-width:0;}
}
.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;}