@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:-8px 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:15px; line-height:15px !important; }
.list-tags .tags-item .chk-tag span { font-family:dotum; font-weight:normal; display:inline-block; margin:0px; padding-right:5px; line-height:12px; }
.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:3px 10px; margin-left:0px; height:1px; }

/* Top Search */
.list-tsearch { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }
/* Modal Loading */
#youtubeLoading { position:absolute; left:50%; top:50%; margin-left:-90px; margin-top:-90px; display:none; display:none; }
#videoLoading { text-align:center; padding:30px 0px; display:none; }

/* Youtube */
#youtubeContent { width:100%; height:56.25%; }
.youtube-list { position: relative; overflow:hidden; margin-top:10px; }
.youtube-list .item-row { float:left; }
.youtube-list h2 { padding:10px; margin:0px; text-align:center; }
.youtube-list h2 a { margin:0; padding:0px; font-size: 15px; line-height:22px; font-weight: 500; }
.youtube-player { position:relative; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.youtube-player iframe { position: absolute;top: 0; left: 0; width: 100%; height:100%; }
.youtube-none { padding:100px 15px; }
.youtube-tags { border-top:1px solid #ddd; padding-top:8px; }
.youtube-btn button span { margin-left:4px; }

/* list-top */
.list-top-box {border:1px solid #ddd;margin-bottom:10px;padding:10px; }
.list-top-box .div-title-underbar {margin-bottom:5px}
.list-top-box .widget-box {margin-bottom:0}

/* Category */
.list-category .tabs { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* List */
.list-wrap { width:100%; }
.list-modal { position:relative; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.list-modal iframe { position: absolute;top: 0; left: 0; width: 100%; height:100%; }
.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: 12px; }

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.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; }
.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; }

/* progress */
.progress {margin-bottom:0;height:24px}
.progress-bar {text-align:right;line-height:24px;color:#fff;background-color:#428BCA}

/* reply macro */
.macro-reply { font-size:12px;color:#787878;padding:0;padding-left:15px;margin:0;background: none !important;box-shadow:none !important;font-family:dotum !important}
.macro-reply.active { color:orangered }
.macro-reply-icon a { display:inline-block; margin:8px; }


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