/*퀴즈모듈 기본*/
#quizgame_module_view{max-width:800px; margin:10px auto; overflow:auto;}
#quizgame_module_view a{text-decoration:none; color:#000;}
#quizgame_module_view .m_btn{display:none;}

/* 퀴즈조회목록 */
#quizgame_module_view .quiz_search_box{display:inline-block; float:right; overflow:hidden;}
#quizgame_module_view  .search_box{border:1px solid #bbb!important; margin:5px 0px; float:right; margin-right:10px;}

/*테이블*/
#quizgame_module_view .width_group{width:17%;}
#quizgame_module_view .quizgame_table{width:100%; border:1px solid #bbb; border-collapse:collapse; margin:15px 0px;}
#quizgame_module_view .quizgame_table th{padding:8px 0px; background:#f8f8f8; background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FFF),to(#F6F6F6));background:linear-gradient(to bottom,#FFF 0%,#F6F6F6 100%);}
#quizgame_module_view .quizgame_table td{border:1px solid #bbb; padding:8px 0px;}

#quizgame_module_view .quizgame_insert_table{border:5px solid #bbb; padding:5px; border-collapse:collapse; margin:0 auto; background:white;}
#quizgame_module_view .quizgame_insert_table th{border:1px solid #bbb; padding:8px; background:#f8f8f8; /* border-right:0px; */ white-space:nowrap;}
#quizgame_module_view .quizgame_insert_table td{border:1px solid #bbb; padding:8px 3px; border-left:0px;}

#quizgame_module_view .quiz_content{position:relative; line-height:23px;}
#quizgame_module_view .quiz_point span{padding:5px 7px; color:white; font-weight:bold; border-radius:10%; white-space:nowrap;}
#quizgame_module_view .quiz_category{overflow:hidden; text-overflow:ellipsis; color:#555!important; display:block; margin:0 auto; margin-bottom:15px; }
#quizgame_module_view .quiz_time span{padding:2px; font-weight:bold; white-space:nowrap;}

#quizgame_module_view .quiz_vote{position:absolute; right:13px;}
#quizgame_module_view .quiz_vote i{font-size:12px;}
#quizgame_module_view .quiz_vote .vote_up{color:#009f00; padding:3px; cursor:pointer;}
#quizgame_module_view .quiz_vote .vote_down{color:#dd0000; padding:3px; cursor:pointer;}

/*컬러*/
#quizgame_module_view .red{color:#F3574A;}
#quizgame_module_view .blue{color:#00A0EF;}
#quizgame_module_view .green{color:lightseagreen;}
#quizgame_module_view .gray{color:#777;}

#quizgame_module_view .red_bg{background:#F3574A; color:white;}
#quizgame_module_view .blue_bg{background:#00A0EF; color:white;}
#quizgame_module_view .green_bg{background:lightseagreen; color:white;}
#quizgame_module_view .gray_bg{background:#fcfcfc;}
#quizgame_module_view .black_bg{background:#555; color:white;}

#quizgame_module_view .quiz_hint{color:tomato;}
#quizgame_module_view .quiz_user{color:gray;}
#quizgame_module_view .quiz_user a{color:#555;}

/*퀴즈검색창*/
#quizgame_module_view .search_layer_wrap{position:fixed; width:100%; height:100%; left:0px; top:0px; z-index:100000; display:none;}
#quizgame_module_view .search_layer_bg{position:absolute; width:100%; height:100%; background:black; filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; z-index:1;}
#quizgame_module_view .search_layer{position:relative; width:200px; top:15%; margin:0 auto; z-index:2; background:#000;}
#quizgame_module_view .search_layer form{background:white;}

/*퀴즈등록창*/
#quizgame_module_view .quiz_layer_wrap{position:fixed; width:100%; height:100%; left:0px; top:0px; z-index:100000; display:none;}
#quizgame_module_view .quiz_layer_bg{position:absolute; width:100%; height:100%; background:black; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; z-index:1;}
#quizgame_module_view .quiz_layer{position:relative; width:368px; top:15%; margin:0 auto; z-index:2;}
#quizgame_module_view .quiz_layer form{background:white;}
#quizgame_module_view .quiz_explain{line-height:20px;}

/*인풋 비활성*/
#quizgame_module_view .no_input{background:#eee; cursor:pointer;}


/* 에디터 */
#quizgame_module_view .cmt_form_wrap{display:none; background:#f3f3f3;}
#quizgame_module_view .simple_editer_wrap{margin:0px 10px 15px 10px;}
#quizgame_module_view .simple_editer_wrap .simple_editer{position:relative; margin:0px 70px 0px 55px}
#quizgame_module_view .simple_editer_wrap .simple_editer .profile{position:absolute; background:#fff; top:0; left:-50px; float:left;width:35px;height:auto;line-height:35px;padding:2px;font-size:32px;border:1px solid #DDD}
#quizgame_module_view .simple_editer_wrap .simple_editer .text{margin:0; width:100%; min-height:33px; padding:4px 6px;border:1px solid;border-color:#CCC #DDD #DDD #CCC;border-radius:3px;box-shadow:inset 1px 1px 4px rgba(0,0,0,.06)}
#quizgame_module_view .simple_editer_wrap .simple_editer .cmt_btn{position:absolute;top:0;right:-65px;width:43px;height:43px;line-height:43px;margin:0;padding:0; display:inline-block; background:#f9f9f9; background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FFF),to(#F3F3F3));background:linear-gradient(to bottom,#FFF 0%,#F3F3F3 100%);border:1px solid;border-color:#CCC #C6C6C6 #C3C3C3 #CCC;border-radius:3px;white-space:nowrap;cursor:pointer;text-decoration:none !important;text-align:center;text-shadow:0 1px 0 #FFF;box-shadow:inset 0 0 1px 1px #FFF,0 1px 1px rgba(0,0,0,.1);*display:inline;*zoom:1}

/* 댓글목록 */
#quizgame_module_view .cmt_list_subject{margin:0px 10px; position:relative; border:1px solid #ddd; background:white; background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FFF),to(#F7F7F7));background:linear-gradient(to bottom,#FFF 0%,#F7F7F7 100%);}
#quizgame_module_view .cmt_list_subject span{position:relative; display:inline-block; padding:10px 5px; text-align:center; font-weight:bold; color:#777;}
#quizgame_module_view .cmt_list_subject .nick_name{position:absolute; left:30px; top:0px;}
#quizgame_module_view .cmt_list_subject .comment{width:100%;}
#quizgame_module_view .cmt_list_subject .date{position:absolute; right:30px; top:0px;}

#quizgame_module_view .cmt_top{margin:5px 10px 10px 10px;}
#quizgame_module_view .cmt_top em{font:700 17px sans-serif}
#quizgame_module_view .cmt_top .cmt_write{font-weight:bold; color:#555;}
#quizgame_module_view .cmt_top .cmt_close{font-weight:bold; color:#555; float:right; cursor:pointer;}

#quizgame_module_view .comment_list{margin:0px 10px 5px 10px; padding:0px; list-style:none; border:1px solid #ddd; border-top:1px solid #fff; position:relative;}
#quizgame_module_view .comment_list li:nth-child(even){background:#f9f9f9;}
#quizgame_module_view .comment_list li{transition:1.5s; -webkit-transition:1.5s; -moz-transition:1.5s; -ms-transition:1.5s; -o-transition:1.5s; display:block; background:#fff; position:relative; border-bottom:1px solid #eee;}
#quizgame_module_view .comment_list li span{position:relative; display:inline-block; padding:10px 5px;}
#quizgame_module_view .comment_list li a{position:relative; display:inline-block; padding:10px 5px;}
#quizgame_module_view .comment_list li .nick_name{position:absolute; left:5px; top:0px;}
#quizgame_module_view .comment_list li .nick_name img{vertical-align:middle; margin-right:3px;}
#quizgame_module_view .comment_list li .comment{margin:0px 80px 0px 120px; word-break:break-all;}
#quizgame_module_view .comment_list li .date{position:absolute; right:10px; top:0px;}


/* 버튼 */
#quizgame_module_view .ss_btn{
	height:26px!important; 
	line-height:26px!important; 
	padding:0 10px!important; 
	border:none; 
	vertical-align:top;
	font-size:12px; 
	cursor:pointer; 
	border-radius:3px; 
	font-family:inherit; 
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.5);
	box-shadow:inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 1px rgba(0, 0, 0, 0.2);
}

/* 박스 */
#quizgame_module_view .ss_box{
	height:26px!important; 
	line-height:26px!important;
	border:none; 
	font-size:12px; 
	border-radius:3px; 
	font-family:inherit; 
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.5);
	box-shadow:inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 1px rgba(0, 0, 0, 0.2);
}



/***********************************************/
/**                 태블릿이하                **/
/***********************************************/
@media all and (max-width:780px){
	#quizgame_module_view .m_btn{display:block;}
	#quizgame_module_view .quiz_vote{right:-68px;}
	#quizgame_module_view .comment_list li .nick_name{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}

/***********************************************/
/**                 모바일		              **/
/***********************************************/
@media all and (max-width:480px){
	#quizgame_module_view .m_btn{display:block;}
	#quizgame_module_view  .search_box{margin:0px; margin-right:3px;}
	#quizgame_module_view .quiz_search_box{display:block; margin:10px 0px; float:left; overflow:hidden;}
	#quizgame_module_view .comment_list li .nick_name{	width:65px; left:1px;}
	#quizgame_module_view .comment_list li .nick_name img{display:none;}
	#quizgame_module_view .comment_list li .comment{margin:0px 70px;}
	#quizgame_module_view .quiz_category{max-width:75px;}
	#quizgame_module_view .answer_input{width:75px; margin-bottom:5px;}
}




/*************************************** xecenter 프로그램 css공통 *************************************************/
/*************************************** xecenter 프로그램 css공통 *************************************************/
/*************************************** xecenter 프로그램 css공통 *************************************************/


/** 테이블 **/
.xecenter_table{width:100%;}
.xecenter_table a, .xecenter_page_navi a{text-decoration:none; color:black;}
.text_center{text-align:center;}


/** 폼박스 불투명 **/
.xecenter_form_box2{margin:0 5px; padding:7px; border-radius:4px; background:#fff; border:1px solid #fff; outline:none; /* box-shadow:0 0 1px #aaa; */}

.xecenter_form_box2:hover{border:1px solid /* #5bc0de*/ #eee; background:/* #ffe*/ #fafafa;}
.xecenter_form_box2:focus{border:1px solid /* #5bc0de*/ #eee; background:/* #ffe*/ #fafafa;}

/** 폼박스 **/
.xecenter_form_box{margin:0 5px; padding:7px; border-radius:4px; background:#fff; border:1px solid #ccc; outline:none; box-shadow:0 0 1px #aaa;}

.xecenter_form_box:hover{border:1px solid #5bc0de; background:#ffe;}
.xecenter_form_box:focus{border:1px solid #5bc0de; background:#ffe;}



/** 경계선 **/
.xecenter_div_line{margin:10px 0px; width:100%; height:1px; background:#ddd; clear:both;} 


/** 버튼정의 **/
.xecenter_btn_blue{margin:3px; padding:10px; border-radius:5px; background:#428bca; color:white; border:none; outline:none; float:left;}
.xecenter_btn_red{margin:3px; padding:10px; border-radius:5px; background:#D44B4B; color:white; border:none; outline:none; float:left;}
.xecenter_btn_green{margin:3px; padding:10px; border-radius:5px; background:lightseagreen; color:white; border:none; outline:none; float:left;}
.xecenter_btn_black{margin:3px; padding:10px; border-radius:5px; background:#555; color:white; border:none; outline:none; float:left;}
.xecenter_btn_blue:hover{cursor:pointer; background:#207BCA;}
.xecenter_btn_red:hover{cursor:pointer; background:#D52E2E;}
.xecenter_btn_green:hover{cursor:pointer; background:#0FACC2;}
.xecenter_btn_black:hover{cursor:pointer; background:#000;}


/** 애니메이션 효과 **/
.xecenter_effect{-webkit-transition:.3s linear; -moz-transition:.3s linear; -o-transition:.3s linear; transition:.3s linear;}

/** 페이지 네비 **/
.xecenter_page_navi{text-align:center; margin:10px 0px;}
.xecenter_page_navi .pg_select{border:1px solid #ddd; background:#eee; color:black;}
.xecenter_page_navi a{font-weight:bold; color:#555; padding:5px 9px; display:inline-block; border-radius:3px; border:1px solid #fff;}
.xecenter_page_navi a:hover{border:1px solid #ddd; background:#eee; }

/** 텍스트효과 **/
.xecenter_text{border:1px solid #fff; padding:4px; border-radius:5px;}
.xecenter_text:hover{border:1px solid #ddd; background:#eee;}