@charset "utf-8";

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

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

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