/* 공통 

-- 자동등록방지 CSS default.css 수정할 것 없을경우 아래 소스사용 
#fviewcomment{ background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; min-height: 1px; padding: 1.25rem; }
.captcha_wrap{ background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; min-height: 1px; padding: 1.25rem; }
.captcha_box { height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff;    background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
#captcha_mp3, #captcha_reload{ display: inline-block; font-weight: 400; text-align: center; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;  user-select: none;  background-color: transparent;  border: 1px solid transparent;  padding: .75rem;  border-radius: .25rem;  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; color: #fff; background-color: #6c757d; border-color: #6c757d; margin-bottom:7px; margin-bottom:0px; font-size:14px;height:40px; }
#captcha label { font-size:16px; }
#captcha_img{ width:120px; height:40px; }
#captcha_key { height:40px; padding:0px; font-size:16px; }

-- 페이징 스타일 default.css 수정
.pg_wrap {clear:both;display:block; text-align:center; margin-left: auto; margin-right: auto; }
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;border:1px solid #c6c6c6}
.pg_current {color:#fff;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px; background:#ccc; background-color:var(--wf_basic_color);}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50%;padding:0;border:1px solid #c6c6c6}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50%;padding:0;border:1px solid #c6c6c6}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50%;padding:0;border:1px solid #c6c6c6}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50%;padding:0;border:1px solid #c6c6c6}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}


-- default.css 에 갭 선언이 없다면 아래 내용 추가
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }

.mt15{ margin-top:15px !important; }
.mt10{ margin-top:10px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }

.pt10{ padding-top:10px !important; }

*/

.h5{ font-size:18px; font-weight:bold; }

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}

.mb15{ margin-bottom:15px; margin-top:15px; }
.mb30{ margin-bottom:30px; margin-top:30px; }


/* list.skin */
#list-style01 .css_not_row{width:100%; text-align:center; font-weight:bold; color:#F00;}
.input-group > .select-input-group{ width:15%; }
.input-group-radius{ border-top-left-radius:4px  !important; border-bottom-left-radius: 4px  !important; }


#total-btn{ display:none;  }
.modal-header-gbl {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background: #b7b7b7;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.listcheck { display: none; }
.listcheck + label{ 
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
	margin-bottom: 0px;
    width: 14px;  
    height: 14px;
    line-height: 14px; 	
}
.listcheck + label:before {     
    content: "";  
    display: inline-block;  
    width: 14px;  
    height: 14px;  
	margin-bottom: 0px;
    position: absolute;  
    left: 0;  
    bottom: 1px;  
    background-color: #ccc;  
    border-radius: 2px; 
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
}
.listcheck:checked + label:before { 
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);  
    font-size: 14px;
    width: 14px;  
    height: 14px;	 
    font-weight:800; 
    color: #fff;  
    background:#b7b7b7;
    text-align: center;  
    line-height: 14px; 
} 

/* 개별 넓이를 줄 경우 아래를 복사하여 style.css로 옮긴 후 삭제 
    #list-style01 .css_checkbox{width:10%; text-align:center;}
    #list-style01 .css_num{width:10%; text-align:center;}
    #list-style01 .css_subject{width:40%; text-align:center;}
    #list-style01 .css_name{width:15%; text-align:center;}
    #list-style01 .css_hit{width:10%; text-align:center;}
    #list-style01 .css_good{width:10%; text-align:center;}
    #list-style01 .css_nogood{width:10%; text-align:center;}
    #list-style01 .css_date{width:15%; text-align:center;}
	
    #list-style01 .css_content_checkbox{width:10%; text-align:center;}
    #list-style01 .css_content_num{width:10%; text-align:center;}
    #list-style01 .css_content_subject{width:40%; text-align:center;}
    #list-style01 .css_content_name{width:15%; text-align:center;}
    #list-style01 .css_content_hit{width:10%; text-align:center;}
    #list-style01 .css_content_good{width:10%; text-align:center;}
    #list-style01 .css_content_nogood{width:10%; text-align:center;}
    #list-style01 .css_content_date{width:15%; text-align:center;}
*/	


/* view.skin */
.row_subject_wrap{ margin:20px 0;  }
.b_prev{  padding: 20px 0; border-bottom:1px solid #ced4da; }
.b_next{  padding: 20px 0; border-bottom:1px solid #ced4da;; }
.b_title{ font-weight:bold; }
.b_date{}

.media {}
.media img{ border-radius:50%; width:28px; }
.media-body { margin-left:20px; }


.board-comment .media-list{ background:#f8f8f8; border: 1px solid #ddd; border-radius: 4px; }
.board-comment .media-list .media{ padding:10px 20px 10px 20px }
.board-comment .media-list li{ border-bottom:1px solid #ddd;  }
.board-comment .media-list li:last-child{ border-bottom:none !important;  }
.board-comment .media-body-title{ font-size:15px; font-weight:700;}



.txt-left{ text-align:left !important;}
.txt-right{ text-align:right  !important;}

.board-file{ margin-bottom:30px; }
.board-link{ margin-bottom:30px; }
.board-comment{ margin-bottom:30px; }
.board-prev-next{ margin-bottom:30px; }


@media (max-width: 767px) {

.txt-left{ text-align:left !important;}
.txt-right{ text-align:left !important;}
	
}

.board-title-wrap{ border:1px solid #e5e5e5; border-radius:5px; }
.board-title-box{ padding:15px;  }
.board-title-box .category_wrap{ padding:0px; margin:0px; }
.board-title-box h2{ font-size:26px; padding:0px 0px 10px 0px; margin:0px; }