/******************** (s)quiz ********************/
/* z-index:10 에서 시작*/
#quiz {position: relative; margin: 0 auto; width:970px; height:460px; background: url(/freerice/quiz_v2/quiz_v2.gif) no-repeat 0 0;}
#quiz .option {width:630px; position:relative; height:55px; z-index:13;}
#quiz .option div {}
#quiz .option .wrap_category {position:absolute; top:14px; left:20px; width:100%;}
#quiz .option .wrap_category h2 {float:left; height:26px; text-indent:-99999px; margin:0px; background:url(/freerice/quiz_v2/title_category1.gif) no-repeat 0 0;}
/*MATH*/
#quiz .option .wrap_category h2.Multiplication_Table {background-position:0px 0px; width:65px;}
#quiz .option .wrap_category h2.Basic_Math {background-position:0px -26px; width:80px;}
/*GEOGRAPHY*/
#quiz .option .wrap_category h2.Identify_Countries_on_the_Map {background-position:0px -52px; width:50px;}
#quiz .option .wrap_category h2.World_Capitals {background-position:0px -78px; width:50px;}
#quiz .option .wrap_category h2.Flags_of_the_world {background-position:0px -104px; width:50px;}
/*LANGUAGE LEARNING*/
#quiz .option .wrap_category h2.German {background-position:0px -130px; width:65px;}
#quiz .option .wrap_category h2.Spanish {background-position:0px -156px; width:80px;}
#quiz .option .wrap_category h2.French {background-position:0px -182px; width:50px;}
#quiz .option .wrap_category h2.Italian {background-position:0px -208px; width:97px;}
/*ENGLISH*/
#quiz .option .wrap_category h2.English_Grammar {background-position:0px -234px; width:80px;}
#quiz .option .wrap_category h2.English_Vocabulary {background-position:0px -260px; width:80px;}
/*CHEMISTRY*/
#quiz .option .wrap_category h2.Chemical_Symbols_Basic {background-position:0px -286px; width:130px;}
#quiz .option .wrap_category h2.Chemical_Symbols_Full_List {background-position:0px -312px; width:130px;}
/*HUMANITIES*/
#quiz .option .wrap_category h2.Literature {background-position:0px -338px; width:50px;}
#quiz .option .wrap_category h2.Famous_Paintings {background-position:0px -364px; width:50px;}

#quiz .option .wrap_category .btn_change_category {float:left; overflow:hidden; display:block; text-indent:-99999px; width:122px; height:26px; background:url(/freerice/quiz_v2/btn_change_category.gif) no-repeat 0 0;}
#quiz .option .wrap_category .selected_category {}



#changeCategoryLayer {display:none; position:absolute; top:0px; left:0px; float:left; z-index:13; width:122px; height:296px; margin:0px; padding:0px; background:url(/freerice/quiz_v2/bg_category_list.gif) no-repeat 0 0;}
#changeCategoryLayer .headLayer {height:25px;}
#changeCategoryLayer .headLayer span {display:none;}
#changeCategoryLayer .bodyLayer {margin:0px; padding:0;}
#changeCategoryLayer .bodyLayer li {clear:both; list-style:none; width:100%; padding-bottom:2px;}
#changeCategoryLayer .bodyLayer li a {cursor:pointer; font-weight:bold; padding-left:10px; color:#fcf4b2; line-height:16px;}
#changeCategoryLayer .bodyLayer li a.change_category {background:none;}
#changeCategoryLayer .bodyLayer li a.selected,
#changeCategoryLayer .bodyLayer li a:hover {color:#222800;}

/* scrollbar BG 
::-webkit-scrollbar {background-color:#bc8715;}
::-webkit-scrollbar-thumb {background-image:url('/freerice/quiz_v2/scrollbar.gif'), url('/freerice/quiz_v2/scrollbar.gif'), url('/freerice/quiz_v2/scrollbar.gif'), url('/freerice/quiz_v2/scrollbar.gif');
background-position:-60px center, -40px bottom, -20px top, left top;
background-repeat:no-repeat, no-repeat, no-repeat, repeat-y}
*/
#changeLevelLayer {display:none; position:absolute; top:18px; right:60px; width:61px; padding:0px 3px 1px 3px; border-bottom:2px solid #7a8827; background:url(/freerice/quiz_v2/bg_changeLevel_v2.gif) no-repeat 0 0;}/**/
#changeLevelLayer .headLayer {}
#changeLevelLayer .headLayer span {display:block; height:25px; font-size:11px; color:#e2f689; line-height:20px; text-align:center;}
#changeLevelLayer .bodyLayer {margin:0px; padding:0px; overflow-y:auto; overflow-x:hidden; background:url(/freerice/quiz_v2/bg_changeLevel_v2.gif) no-repeat -3px -26px;}
/*
	scrollbar-base-color:#bc8715;
	scrollbar-track-color:#bc8715;
	scrollbar-face-color:#e9ae30;
	scrollbar-arrow-color:#8e610c;
	scrollbar-3dlight-color:#bc8715;
	scrollbar-darkshadow-color:#bc8715;
	scrollbar-highlight-color:#f6bc2d;
	scrollbar-shadow-color:#f6bc2d;}
*/
#changeLevelLayer .bodyLayer li {list-style:none; padding:0 0 0 5px;}
#changeLevelLayer .bodyLayer li a {font-weight:bold; color:#cee16b; font-size:11px; display:block; height:14px; line-height:14px;}

#quiz .option .wrap_level {position:relative; background-image:}
#quiz .option .level {position:absolute; top:21px; right:135px; padding:0px; margin:0; color:#644a03;}
#quiz .option .level li {float:left; padding-left:17px; list-style:none; background:url(/freerice/layout_v2/login/login.gif) no-repeat 10px -317px;}
#quiz .option .level strong {font-size:11px;}
#quiz .option .level .unit {font-weight:bold;}
#quiz .option .level .best_level {}
#quiz .option .level .current_level {}
#quiz .option .wrap_level .btn_change_level {position:absolute; top:18px; right:60px; display:block; width:67px; height:20px; font-size:11px; text-align:center; line-height:20px; color:#e2f689; background:url(/freerice/quiz_v2/btn_option2.gif) no-repeat 0 0;}
#quiz .option .wrap_level .btn_restart {position:absolute; top:18px; right:0px; display:block; width:57px; height:20px; font-size:11px; text-align:center; line-height:20px; color:#e2f689; background:url(/freerice/quiz_v2/btn_option.gif) no-repeat 0 0;}

#quiz .result {position:absolute; top:50px; left:20px; width:580px; overflow:hidden; word-wrap:break-word; padding:27px 0 10px 30px; font-weight:bold; z-index:10; background:url(/freerice/quiz_v2/icon_result.gif) no-repeat 0 90px;;}
#quiz .result_correct {background-position:0px 16px;}
#quiz .result_incorrect {background-position:0px -47px;}
#quiz .result .correct_or_incorrect {display:none; float:left; width:400px; padding-left:10px;}
#quiz .result_correct .correct_or_incorrect,
#quiz .result_incorrect .correct_or_incorrect {display:block;}
#quiz .result_correct .comment {color:#5d740c; float:left; height:16px; line-height:16px;}
#quiz .result_incorrect .comment {color:#823a00; float:left; height:16px; line-height:16px;}

#quiz .result .text_question {color:#1824b6; height:16px; line-height:16px;}
#quiz .result .link_correct_item {position:relative; display:inline-block; height:16px; line-height:16px; cursor:pointer; color:#1824b6; text-decoration:underline; white-space:nowrap; padding-left:25px; background:url(/freerice/quiz_v2/icon_dic.gif) no-repeat 5px 0;}
#quiz .result .link_correct_item img {display:none; position:absolute; top:-25px; left:0px;}
#quiz .result .nolink_correct_item {display:inline-block; color:#1824b6; white-space:nowrap; padding-left:4px;}
/*사진 없는 문제*/
#quiz .quiz_area {position:absolute; top:100px; left:10px; width:633px; z-index:11; }
/*
#quiz .quiz_area .quiz_pic {display:none; position:absolute; top:35px; left:23px; z-index:14;border:1px solid #ccc;}
*/
#quiz .quiz_area .quiz_pic {display:none; position:absolute; top:35px; left:23px; z-index:14; width:290px; height:192px; background-position:0 50%; background-repeat:no-repeat;}
/*
#quiz .quiz_area .quiz_pic {display:none; height:450px; position:absolute; background-position: 0 50%;  background-repeat:no-repeat; overflow:hidden; width:280px; top:-80px; left:23px; z-index:14; border:1px solid #ccc;}
*/
#quiz .quiz_area .quiz_pic img {width:280px;}
#quiz .quiz_area .quiz_pic img.countries {width:240px; height:197px;}
#quiz .quiz_area .quiz_sound {position:absolute; top:80px; right:20px; width:24px; height:22px;}
#quiz .quiz_area .quiz_main {position:relative; margin-left:200px; padding:25px 0 25px 0px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
#quiz .quiz_area .quiz_main #quiz_main_block {position:absolute; display:none; top:0px; width:0px; width:100%; height:400px; background:#999;}
/*사진을 포함한 문제*/
#quiz .quiz_area_haspic .quiz_pic {display:block; position:absolute; left:23px;}
#quiz .quiz_area_haspic .quiz_pic img {}
#quiz .quiz_area_haspic .quiz_pic .org {display:none; border:3px solid #fff;}
#quiz .quiz_area_haspic .quiz_pic .thumb {display:block; border:3px solid #fff;}
#quiz .quiz_area_haspic .quiz_main {margin-left:326px; padding:35px 0 40px 0px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}

#quiz .quiz_area .text_question {height:60px; font-family:Arial, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:23px; padding-right:40px; color:#000000;}

#quiz .quiz_area .item_list {margin:0px; padding:0px; list-style:none;}
#quiz .quiz_area .item_list .noClick {background:#fff; width:100%; height:100%;}
#quiz .quiz_area .item_list li {font-size:17px; letter-spacing:-1px; width:100%; margin:0px; padding:10px 0px 5px;}
#quiz .quiz_area .item_list a { margin:0px; padding:5px 40px 5px 0px; text-decoration:none; color:#000;}
#quiz .quiz_area .item_list a:hover {font-weight:bold;}

#quiz .quiz_area .warning {position:absolute; top:250px; margin:0 0 0 8px; line-height:16px; padding-left:19px; font-size:11px; color:#cd9933; background:url(/freerice/layout_v2/icon_warning.gif) no-repeat 0 50%;}
/* (s)donation */
#quiz .donation {position:absolute; top:56px; right:10px; width:315px;}
#quiz .donation .total {position:absolute; top:-50px; left:0px; height:70px; line-height:50px;}
#quiz .donation .current {display:block; height:40px; line-height:40px; padding-left:10px; font-size:11px;}
#quiz .donation .current strong {color:#784900; font-size:12px;}
#quiz .donation .dishes {height:276px;}/* background:url(/freerice/quiz_v2/bg_dishes.jpg) no-repeat 0 0;*/
#quiz .donation .dishes img {margin:40px 0 0 45px;}

#quiz .donation .info_donation {position:absolute; left:0px; top:0px; z-index:3; margin:0px; padding:0px; height:100%; width:100%; background:url(/freerice/quiz_v2/bg_info_donation.gif) no-repeat top right;}
#quiz .donation .info_donation li {list-style:none; display:none;}

#quiz .donation .compact_rice {position:absolute; top:40px; right:5px; width:63px; text-align:right;}
/*#quiz .donation .compact_rice img {margin: 5px 0 0;}*/
#quiz .donation .compact_rice div {display:none; padding-left:42px; height:47px; line-height:47px; color:#784900; background:url(/freerice/quiz_v2/bg_compact_rice.gif) no-repeat 0 0;}
#quiz .donation .compact_rice div strong {}
#quiz .donation .compact_rice .rice10000 {background-position:0px 0px;}
#quiz .donation .compact_rice .rice1000 {background-position:0px -47px;}
#quiz .donation .compact_rice .rice100 {background-position:0px -94px;}

#quiz .share {position:absolute; display:none; bottom:0px; right:10px; width:316px; height:39px; background-color:#f3f3cf;}
#quiz .share .comment {margin:0px; padding:0px; padding-left: 48px; padding-top:8px; font-size:11px; background:url(/freerice/quiz_v2/icon_share.gif) no-repeat 14px 6px;}
#quiz .share .comment strong {color:#7b300d;}
#quiz .share .share_link {position:absolute; top:12px; right:0px; width:40px; overflow:hidden;}
#quiz .share .share_link a {float:left; display:block; width:18px; height:16px; text-indent:-99999px; background:url(/freerice/quiz_v2/icon_share_link.gif) no-repeat;}
#quiz .share .share_link a.facebook {background-position:0 0; cursor:pointer;}
#quiz .share .share_link a.twitter {background-position:-18px 0; cursor:pointer;}

#quiz .banner {width:100%; margin-bottom:10px; position:absolute; bottom:0px; text-align:center;}
#quiz .banner a {}
#quiz .banner img {width:950px; height:79px;}

#quiz .captcha {display:none; top:0px; position:absolute; z-index:100; width:643px; height:252px; overflow:hidden; padding-top:120px; background-color:#f6ce2e;}
#quiz .captcha img {float:left; width:130px; height:100px; margin:0 20px 0 90px; background:#fff; border:1px solid #fece00;}
#quiz .captcha span {display:block;padding:5px 20px 10px 0; font-size:14px; font-weight:bold; line-height:20px; }
#quiz .captcha input {padding:5px;}
#quiz .captcha strong {display:block; text-align:center; line-height:20px; font-size:14px;}
#quiz .captcha .btn_captcha{padding:5px;}

/******************** (e)quiz ********************/

/******************** (s)ranking ********************/
.rank {position:relative; width:450px; margin-top:15px;}
.rank h3 {width:100%; height:30px; margin:0px; text-indent:-99999px; border-bottom:2px solid #c0da53; background:url(/freerice/layout_v2/title/board.gif) no-repeat 0 0;}
.rank .more_view {position:absolute; top:15px; right:0px; font-size:11px; padding-left:8px; color:#999; background:url(/freerice/board/temp/etc_board.gif) no-repeat 0 3px;}
.rank_board {width:100%; border-collapse:collapse; border-bottom:1px solid #d5e88f;}
.rank_board thead {display:none;}
.rank_board thead th {display:none;}
.rank_board tbody {}
.rank_board tbody tr {}
.rank_board tbody td { line-height:20px; padding:7px; border-bottom:1px dotted #ddd;}
.rank_board tbody td.donation {text-align:right; font-size:11px;}
.rank_board tbody td.order {text-indent:-99999px; width:20px; background:url(/freerice/board/temp/order.gif) no-repeat 0 1px;}
.rank_board tbody td.order0 {background-position: 8px 0px;}
.rank_board tbody td.order1 {background-position: 8px -32px;}
.rank_board tbody td.order2 {background-position: 8px -64px;}
.rank_board tbody td.order3 {background-position: 8px -96px;}
.rank_board tbody td.order4 {background-position: 8px -128px;}
.rank_board tbody td a {}
.rank_board tbody td strong {padding-right:4px;}
/******************** (e)ranking ********************/

/******************** (s)headlinenews ********************/
.headlinenews {position:relative; width:100%; margin-top:15px;}
.headlinenews h3 {margin:0px; height:30px;  text-indent:-99999px; border-bottom:2px solid #c0da53; background:url(/freerice/layout_v2/title/board.gif) no-repeat 0 -28px;}
.headlinenews .more_view {position:absolute; top:15px; right:0px; font-size:11px; padding-left:8px; color:#999; background:url(/freerice/board/temp/etc_board.gif) no-repeat 0 3px;}
.articles {margin:0px; padding:0px; border-bottom:1px solid #d5e88f;}
.articles li {width:100%; overflow:hidden; padding:0px; list-style:none; border-top:1px dotted #ddd;}
.articles li.firstChild {border:none;}
.articles li img {float:left; border:1px solid #cecece; margin:5px 8px 5px 0px;}
.articles li dl {letter-spacing:-1px; margin:0px; margin-top:10px;}
.articles li dl dt {font-weight:bold; color:#4e4e4e;  line-height:20px;}
.articles li dl dd {margin:0px; padding-bottom:10px; color:#999; font-size:11px;  line-height:17px;}
/******************** (e)headlinenews ********************/

#layer_modal {display:none; background-color:#E8EAA5; filter: alpha(opacity=60);opacity: 0.4; z-index: 100001; top: 56px; left: 10px; position: absolute; width: 632px; height: 315px; }
#wrap_alert {position:absolute; display:none; z-index: 100002; top:0px; left:0px;  width: 100%; height: 100%; }
#alert {position:static; margin:100px auto 0; width:186px; height:83px; z-index: 100003;}
#alert .inbox {position:relative;}

/* 모바일 오픈 레이어 */
.ly_mobile_open {position:absolute; width:100%; top:0; left;0;}
.wrap_ly_mobile_open {width:970px; margin:0 auto; position:relative;}
.wrap_ly_mobile_open .mobile_open {position:absolute; top:231px; left:0; z-index:999999; width:400px; height:583px; background:url('http://rc.static.plaync.co.kr/freerice/banner/ly_mobile_open.jpg') no-repeat;}
.wrap_ly_mobile_open .mobile_open .cont {position:absolute;top:-99999px;left:0;font-size:0;overflow:hidden; text-indent:-9999px;}
.wrap_ly_mobile_open .mobile_open .more {position:absolute; top:15px; left:0; width:400px; height:538px; display:block; text-indent:-9999px; font-size:0; overflow:hidden;}
.wrap_ly_mobile_open .mobile_open .btn_close {position:absolute; bottom:0; right:3px; background:none; border:0 none; width:60px; height:30px; display:block; text-indent:-9999px; font-size:0; overflow:hidden; cursor:pointer;}
.wrap_ly_mobile_open .mobile_open .checkcookie {position:absolute; bottom:7px; left:15px; font-size:11px; line-height:12px; letter-spacing:-1px; color:#000;}
.wrap_ly_mobile_open .mobile_open .checkcookie input {vertical-align:top; margin-top:-2px;}