@charset "utf-8";

/* Tag Keyword */
.tagbox { margin-bottom:30px; }
.tagbox .tag-keyword ul { margin-top:20px;padding-left:1px;list-style:none;zoom:1; }
.tagbox .tag-keyword li { float:left;margin-bottom:-1px; }
.tagbox .tag-keyword-pc li { width:20%; }
.tagbox .tag-keyword-mobile li { width:50%; }
.tagbox .tag-keyword a { display:block;position:relative;margin-left:-1px;padding:7px 0 6px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;line-height:1.2em;cursor:pointer; }
.tagbox .tag-keyword a:hover { z-index:2;border:1px solid #c90000;background:red;color:#fff;font-weight:bold;text-decoration:none; }
.tagbox .tag-keyword .tag-on { z-index:2;border:1px solid #105f9b;background:#1f7bc2;color:#fff;font-weight:bold; }

/* Tag Search */
.tagbox .tag-search { margin:15px 0px 10px; padding:8px; border:1px solid #ddd; background:#fafafa; overflow:hidden; }
.tagbox .tag-searchForm { float:right; }
.tagbox .tag-searchForm input{ width:140px; }

/* Tag Index */
.tagbox .tag-index-wrap { margin:15px -10px; }
.tagbox .tag-index-box { display:block; }
.tagbox .tag-index-pc { width:25%; }
.tagbox .tag-index-mobile { width:50%; }
.tagbox .tag-index { margin:10px 10px 20px; }
.tagbox .tag-index-head { border-bottom:1px solid #333; padding:5px; }
.tagbox .tag-index ul { margin:8px 5px 0px; padding:0px; list-style:none;}
.tagbox .tag-index ul li { line-height:20px; }
.tagbox .tag-index ul li a { display:block; }
.tagbox .tag-index ul li strong { display:block; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; padding-top:2px; }
.tagbox .tag-index ul li span { float:right; display:inline-block; padding-left:6px; font-weight:bold; font-size:10px; color:orangered; font-family:verdana; letter-spacing:-1px; }

/* Tag Board */
.tagbox .tag-board { margin:15px 0px 5px; }
.tagbox .tag-board ul { margin:0px;padding-left:1px;list-style:none;zoom:1; }
.tagbox .tag-board li { float:left;margin-bottom:-1px; }
.tagbox .tag-board-pc li { width:20%; }
.tagbox .tag-board-mobile li { width:50%; }
.tagbox .tag-board a { display:block;position:relative;margin-left:-1px;padding:7px 0 6px;border:1px solid #000;background:#333;color:#fff;text-align:center;line-height:1.2em;cursor:pointer; }
.tagbox .tag-board a:hover { z-index:2;border:1px solid #c90000;background:red;color:#fff;font-weight:bold;text-decoration:none; }
.tagbox .tag-board .board-on { z-index:2;border:1px solid #c90000;background:red;color:#fff;font-weight:bold;text-decoration:none; }

/* Tag List */
.tagbox .tag-list ul { list-style:none; padding:0; margin:0; } 
.tagbox .tag-list ul li { border-bottom:1px solid #ddd; padding:12px; display:block; overflow:hidden;} 
.tagbox .tag-list a { text-decoration:none; } 
.tagbox .tag-list strong { display:block; font-weight:bold; font-size:14px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; padding-top:5px;} 
.tagbox .tag-list p { display:block; padding:0px; margin:10px 0px 0px; color:#787878; font-size:12px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} 
.tagbox .tag-list p a { color:#787878; }
.tagbox .member, .tagbox .guest, .tagbox .sv_member, .tagbox .sv_guest { font-weight:normal; color:#787878 } 
.tagbox .tag-list .tag-cont { display:block; padding:0px; margin:10px 0px 0px; color:#787878; font-size:12px; line-height:1.5; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} 
.tagbox .tag-list .tag-win { float:right; display:inline-block; padding-left:8px; } 
.tagbox .tag-list .tag-thumb { float:left; display:inline-block; margin-right:20px; background:#fff; padding:7px; border:1px solid #bbb;
	-webkit-box-shadow: 0 0px 7px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0 0px 7px rgba(0, 0, 0, 0.20); 
	box-shadow: 0 0px 7px rgba(0, 0, 0, 0.20); 
}
.tagbox .tag-list .tag-image { display:block; width:120px; height:70px; overflow:hidden; }
.tagbox .tag-list .tag-image img { display:block; width:100%; height:auto; border:0; }
.tagbox .tag-list .tag-none { display:block; width:100%; text-align:center; padding:150px 0px !important; color:#767676; }

/* Tag Paginate */
.tagbox .tag-paginate{ padding:20px 0px;text-align:center;line-height:normal; }
.tagbox .tag-paginate a, .tagbox .tag-paginate strong{ display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:bold;font-size:12px;font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle; }
.tagbox .tag-paginate a:hover, .tagbox .tag-paginate a:active, .tagbox .tag-paginate a:focus{ background-color:#f8f8f8; text-decoration:none; color:orangered; }
.tagbox .tag-paginate strong{ color:#f60; }
.tagbox .tag-paginate .direction{ font-weight:normal;color:#767676;white-space:nowrap; }
.tagbox .tag-paginate .direction span{ font:normal 11px dotum; }
.tagbox .tag-paginate .direction:hover, .tagbox .tag-paginate .direction:active, .tagbox .tag-paginate .direction:focus { background-color:#fff;color:#333;text-decoration:none; }