@CHARSET "UTF-8";
/* 초기화 */
body{ min-width:292px; margin:0; padding:0; font-size:14px; font-family: "맑은 고딕", "Malgun Gothic", Malgun Gothic, 맑은 고딕, Gulim, Dotum, Helvetica, sans-serif}
.quiz_wrap #maxLen { display: none; }
.quiz_wrap .desc > .typeY { display: none; }

/* 스타일 */
.quiz_wrap { position: relative; width: 100%;}
.quiz_wrap .quiz_window { max-width: 480px; position: absolute; height:auto !important; left: 50%; top: 50%; padding-top:10px; padding-bottom:20px; margin-top: -100px; background: #fff; display: none; z-index: 100; overflow-y: auto;}
.quiz_wrap .quiz_window_close { position: absolute; right: 10px; top: 0; font-size: 13px; font-weight: bold; cursor: pointer; }
.quiz_wrap .quiz_window_close:hover { color: red; }
.quiz_wrap .board_wrap {border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7;}
.quiz_wrap .garoseroWrap { width: 100%; display: table; box-sizing:border-box; overflow:hidden; }
.quiz_wrap .col { display: table-column; }
.quiz_wrap .cell { border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; height: 25px; display: table-cell; vertical-align: middle; position: relative; padding: 8px; width: 14.285%; box-sizing: border-box; }
.quiz_wrap .row { display: table-row; }
.quiz_wrap .block { background: #eee }
.quiz_wrap .quiz { display: inline-block; cursor: pointer; color: #999; margin-right: 10px; }
/*.quiz_wrap .quiz.sel { color: #49A3E2; font-weight: bold; }*/
.quiz_wrap .typeX.quiz{ color: #49a3e2;font-weight: bold;}
.quiz_wrap .typeY.quiz { color: #e94e4e; font-weight: bold;}
.quiz_wrap .typeX.sel { border:2px solid #49a3e2; padding:3px 6px; border-radius:20px; }
.quiz_wrap .typeY.sel { border:2px solid #e94e4e; padding:3px 6px; border-radius:20px;}
.quiz_wrap .focusBlock { background: #D1ECFF; }
.quiz_wrap .errorBlock { background: #aa0000; }
.quiz_wrap .answer { cursor: pointer; }
.quiz_wrap .answer:hover { background: #D1ECFF; }
.quiz_wrap .confirm, .answerOpen { width: 100px; background: #eee; border: 1px solid #d7d7d7; margin: 0 auto; padding: 3px; cursor: pointer; display: inline-block; }
.quiz_wrap .confirm:hover, .answerOpen:hover { background: #676767; color: #fff; }
.quiz_wrap .textC { text-align: center; font-size:1.2em; }
.quiz_wrap .type { padding: 5px; font-size: 1.2em; position: relative; }
.quiz_wrap .desc { padding: 5px; overflow-y: auto; min-height: 30px; max-height: 60px; margin-top: 10px; margin-bottom: 10px; font-size: 12px; width: 90%; margin: 0 auto;}
.quiz_wrap .answerInput { margin: 10px; }
.quiz_wrap .answerInput input[type='text'] { background: #efefef; border: 1px solid #d7d7d7; font-size: 1.3em; }
.quiz_wrap .blind { position: absolute; z-index: 99; background: #000; opacity: 0.5; width: 100%; height: 100%; }
.quiz_wrap .qNum { position: absolute; left: 3px; top: 3px; font-size: 0.8em; color: #0096FF; font-weight: bold; }
.quiz_wrap .btnWrap { width: 280px; margin: 0 auto; }
.quiz_wrap #quiz_answer { width: 150px; }

/* 가로세로 게임판 그려지는 부분 스타일지정. */
#myQuiz { min-width:292px; max-width: 540px; margin: 0 auto }
.pq_shop_tbl_btns { width: 100%; text-align: center; margin-top: 20px; overflow:hidden; }
.pqcore_public_btn { display:inline-block; border: 1px solid #ccc; padding: 5px }
a:link, a:visited, a:active { color: #555555; color: inherit; text-decoration: none; -webkit-tap-highlight-color:transparent-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:focus, a:hover { color: #231915 }
	
    
/* 가로세로 낱말 퀴즈-게임판 */

@media screen and (max-width: 500px) {
    .quiz_wrap .textC{ font-size:1.6em;}
    .quiz_wrap #quiz_answer{font-size:18px;}
}

@media screen and (max-width: 360px) {
    .quiz_wrap .btnWrap{ width:230px;}
    .quiz_wrap .confirm, .answerOpen { width: 70px; font-size:1em; }
}