/* 공통 */

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



/* 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; 
} 
.list-row-item a{ color:#333; }
.list-row-item a:hover{ color:#b7b7b7; font-weight:700; text-decoration: none; }

#list-style01 label{ margin-bottom: 0rem; }

/* 리스트 */
@media (min-width: 1200px) { 
#list-style01 { clear:both;  }
#list-style01 ul, li{ list-style:none; margin:0px; padding:0px; }
#list-style01 .list-row-title { display:block; height:48px; padding: 15px 0px; border-top:#b7b7b7 2px solid; border-bottom:#c6c6c6 1px solid; background-color:#f7f7f7;   }
#list-style01 .list-row-title-item { display:inline-block; float:left; border-right:1px solid #c6c6c6; padding: 0px 10px; font-weight:bold; }
#list-style01 .list-row { display:block; border-bottom:1px solid #c6c6c6; height:48px; padding: 15px 0px; }
#list-style01 .list-row-item { display:inline-block; float:left; border-right:1px solid #c6c6c6; padding: 0px 10px;   }
#list-style01 .list-row-item-title { display:none !important; }
#list-style01 .list-row-item-content { display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
#list-style01 .list-row-title li:last-child  {  border-right:none !important; }
#list-style01 .list-row li:last-child { border-right:none !important; }
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
#list-style01 { clear:both;  }
#list-style01 ul, li{ list-style:none; margin:0px; padding:0px; }
#list-style01 .list-row-title { display:block; height:48px; padding: 15px 0px; border-top:#b7b7b7 2px solid; border-bottom:#c6c6c6 1px solid; background-color:#f7f7f7;   }
#list-style01 .list-row-title-item { display:inline-block; float:left; border-right:1px solid #c6c6c6; padding: 0px 10px; font-weight:bold; }
#list-style01 .list-row { display:block; border-bottom:1px solid #c6c6c6; height:48px; padding: 15px 0px; }
#list-style01 .list-row-item { display:inline-block; float:left; border-right:1px solid #c6c6c6; padding: 0px 10px;   }
#list-style01 .list-row-item-title { display:none !important; }
#list-style01 .list-row-item-content { display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
#list-style01 .list-row-title li:last-child  {  border-right:none !important; }
#list-style01 .list-row li:last-child { border-right:none !important; }

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
#list-style01 { clear:both;  }
#list-style01 ul, li{ list-style:none; margin:0px; padding:0px;}
#list-style01 .list-row-title { display:block; height:48px; padding: 15px 0px; border-top:#b7b7b7 2px solid; border-bottom:#c6c6c6 1px solid; background-color:#f7f7f7;   }
#list-style01 .list-row-title-item { display:inline-block; float:left; border-right:1px solid #c6c6c6; padding: 0px 10px; font-weight:bold; }
#list-style01 .list-row { display:block; border-bottom:1px solid #c6c6c6; height:48px; padding: 15px 0px; }
#list-style01 .list-row-item { display:inline-block; float:left; border-right:1px solid #c6c6c6; padding: 0px 10px;   }
#list-style01 .list-row-item-title { display:none !important; }
#list-style01 .list-row-item-content { display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
#list-style01 .list-row-title li:last-child  {  border-right:none !important; }
#list-style01 .list-row li:last-child { border-right:none !important; }
}

/* xs */
@media (max-width: 767px) {
#list-style01 { display:block;  border-top:#b7b7b7 2px solid;  }
#list-style01 ul, li{ list-style:none; margin:0px; padding:0px;}
#list-style01 .list-row-title { display: none !important;  }
#list-style01 .list-row-title-item { display: none !important;}
#list-style01 .list-row { display:block; border-bottom: 1px solid #c6c6c6; }
#list-style01 .list-row:hover{ display:block; background-color:#f4f4f4; }
#list-style01 .list-row-item { display:block; clear:both; height:30px; width:100%; padding-top:3px;    }
#list-style01 .list-row-item-title { display:block; width:25%; float:left; background:#b7b7b7; padding:2px 8px; border-radius:2px; font-size:13px; color:#fff; font-weight:bold; }
#list-style01 .list-row-item-content {  display:block; width:70%; float:right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

}

/* XS Portrait */
@media (max-width: 480px) {
#list-style01 { display:block;  border-top:#b7b7b7 2px solid;  }
#list-style01 ul, li{ list-style:none; margin:0px; padding:0px;}
#list-style01 .list-row-title { display: none !important;  }
#list-style01 .list-row-title-item { display: none !important;}
#list-style01 .list-row { display:block; border-bottom: 1px solid #c6c6c6; }
#list-style01 .list-row:hover{ display:block; background-color:#f4f4f4; }
#list-style01 .list-row-item { display:block; clear:both; height:30px; width:100%; padding-top:3px;    }
#list-style01 .list-row-item-title { display:block; width:25%; float:left; background:#b7b7b7; padding:2px 8px; border-radius:2px; font-size:13px; color:#fff; font-weight:bold; }
#list-style01 .list-row-item-content {  display:block; width:70%; float:right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}


/* 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{}

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


/* board skin 2 : bootstrap3_1col_basic 

list.skin.php
*/

.img-wrap { position:relative; width:100%; }
.img-wrap img{ width:100%; }
.check-wrap{ position:absolute; top:10px; left:10px; }