@charset "utf-8";

/* Tags */
.list-tags { margin-bottom:15px; }
.list-tags .nav { background:#fafafa; border-right:1px solid #ddd; border-top:1px solid #ddd; }
.list-tags .nav li { border-top:0px !important; }
.list-tags .tags-item { padding:0px; overflow:hidden; margin:-4px 0px -6px; margin-right:-12px; }
.list-tags .tags-item .chk-tag { text-align:left !important; background: none !important; padding:0px !important; margin: 0px !important; box-shadow:none !important; display:inline-block !important; height:28px; line-height:28px !important; }
.list-tags .tags-item .chk-tag span { font-family:dotum; font-weight:normal; display:inline-block; margin:0px; padding-right:12px; line-height:28px; }
.list-tags .tags-item .chk-tag.active span,
.list-tags .tags-item .chk-tag:focus span { color:orangered; font-weight:bold; }
.list-tags .tags-item .chk-tag.active span:before,
.list-tags .tags-item .chk-tag:focus span:before { font-family:FontAwesome; content:"\f00c"; padding-right:4px; }
.list-tags .tags-submit { border:1px solid #ddd; border-top:0px; padding:0px 15px 10px; }
.list-tags .tags-submit .box-submit { border-top:1px dotted #ccc; padding-top:10px; }
.list-tags .tags-line { border-top:1px dotted #ccc; margin:6px 10px; margin-left:0px; height:1px; }

/* Top Search */
.list-tsearch { margin-bottom:15px; }

/* Category */
.list-category .tabs { margin-bottom:20px;}
.list-category .dropdown { margin-bottom:20px; }
.list-category a {height: 60px; font-family: 'Noto Sans KR'; border:var(--border) !important; color:var(--text-color2) !important;  background-color: var(--book-color) !important;}
.list-category .text {line-height: 10px; }
.list-category .active a, .list-category .selected a { color:#316cc2; font-weight:normal !important;} 

/* Responsive */
@media all and (max-width:767px) {
		.list-category a {height: 37px; width : 100%; font-size:11pt; border:0px !important; font-family: 'Noto Sans KR'; background-color: white !important;}
		.btn.btn-gray {background-color: #f5f5f5 !important; border:1px solid #dcdcdc !important;} 
        .list-wrap,
        .view-wrap {
          padding: 0 !important;
        }
}
@media all and (max-width:460px) {
		.list-category a {height: 37px; width : 100%; font-size:11pt; border:0px !important; font-family: 'Noto Sans KR'; background-color: white !important;}
		.btn.btn-gray {background-color: #f5f5f5 !important; border:1px solid #dcdcdc !important;} 
        .list-wrap,
  .view-wrap {
    padding: 0 !important;
  }
}

/* List */
.list-wrap { width:100%;  background: var(--bkg-color);
    width: 100%;
    padding: 25px;
    border-radius: 10px;}
.list-admin { text-align:center; margin:15px 0px; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 20px; }

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:var(--text-color2) !important; background: var(--bkg-color); }
.list-wrap .pagination a:hover {background-color: var(--hover-color);}
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* View */
.view-wrap { width:100%; overflow:hidden;      width: 100%;
    overflow: hidden;
    background-color: var(--bkg-color);
    padding-right: 25px;
    padding-left: 25px;
	margin-top: 4px;
    border-radius: 10px;
    margin-bottom: 30px;}
.view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }


/* Write */
.write-wrap { width:100%; overflow:hidden; }

@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0px; }
    
}