@charset "utf-8";
/* Incomms KSS 150922 */

.cs_korean_quiz{position:relative;overflow:hidden;width:400px;margin-top:14px;padding-bottom:25px}
.cs_korean_quiz .u_ico,.cs_korean_quiz .spimg{background:url(../img/sp_korean_quiz2.png) 0 0 no-repeat}
.cs_korean_quiz .banner_bx img{vertical-align:top}
.cs_korean_quiz .quiz_sct{margin-top:4px}

/* 탭 */
.cs_korean_quiz .quiz_sct .tab_bx ul{position:relative;overflow:hidden;clear:both}
.cs_korean_quiz .quiz_sct .tab_bx ul>li{float:left;width:79px;height:22px;line-height:24px;text-align:center;border:1px solid #dde1e4;margin-left:-1px;background:#f9fafb}
.cs_korean_quiz .quiz_sct .tab_bx ul>li.on{border-color:#bbbec5;background:#fff}
.cs_korean_quiz .quiz_sct .tab_bx ul>li.on+li{border-left-color:#bbbec5}
.cs_korean_quiz .quiz_sct .tab_bx ul>li.last{width:78px}
.cs_korean_quiz .quiz_sct .tab_bx ul>li:first-child{margin-left:0}
.cs_korean_quiz .quiz_sct .tab_bx ul>li>a{display:block;color:#a0a3aa;text-decoration:none;}
.cs_korean_quiz .quiz_sct .tab_bx ul>li.on>a{color:#333c4f}

/* 컨텐츠 */
.cs_korean_quiz .quiz_sct .ct_bx{position:relative;overflow:hidden}
.cs_korean_quiz .quiz_sct .ct_bx .content_area{border:1px solid #ebebeb;border-top:0;padding:25px 25px 25px}
.cs_korean_quiz .quiz_sct .ct_bx .tit_area{position:relative;text-align:center;overflow:hidden;padding:0 35px}
.cs_korean_quiz .quiz_sct .ct_bx .tit_area h3{font-size:12px;color:#666;font-weight:normal;margin-bottom:10px}
.cs_korean_quiz .quiz_sct .ct_bx .tit_area strong{display:block;margin-top:9px;font-size:16px;color:#000;line-height:21px}
.cs_korean_quiz .quiz_sct .ct_bx .tit_area .quiz_txt>strong{color:#00c73c;margin-top:9px;margin-bottom:13px}
.cs_korean_quiz .quiz_sct .ct_bx .tit_area .quiz_txt>p{color:#666}
.cs_korean_quiz .quiz_sct .ct_bx .tit_area>a{display:block;position:absolute;top:50%;width:25px;height:40px;margin-top:-20px}
.cs_korean_quiz .quiz_sct .ct_bx .tit_area .btn_prev{left:0;background-position:0 0}
.cs_korean_quiz .quiz_sct .ct_bx .tit_area .btn_next{right:0;background-position:-35px 0}
.cs_korean_quiz .quiz_sct .ct_bx .tit_area .btn_prev.off{background-position:-109px 0}
.cs_korean_quiz .quiz_sct .ct_bx .tit_area .btn_next.off{background-position:-68px 0}
.cs_korean_quiz .quiz_sct .ct_bx .tit_area .quiz_txt .btn_more_dsc{display:inline-block;*display:inline;*zoom:1;padding:6px 8px 3px 9px;color:#00c73c;border:1px solid #00c73c;text-decoration:none;margin-top:7px}

/* 셀렉트 영역 */
.cs_korean_quiz .quiz_sct .slt_area{position:relative;margin-top:21px}
.cs_korean_quiz .quiz_sct .slt_area .bg_ico{display:none;position:absolute;top:50%;left:50%;width:104px;height:104px;margin-top:-52px;margin-left:-52px}
.cs_korean_quiz .quiz_sct .slt_area.correct .bg_ico{display:block;background-position:0 -77px}
.cs_korean_quiz .quiz_sct .slt_area.wrong .bg_ico{display:block;background-position:0 -187px}
.cs_korean_quiz .quiz_sct .slt_area .answer_lst li{display:block;margin-top:4px;cursor:pointer;}
.cs_korean_quiz .quiz_sct .slt_area .answer_lst li:first-child{margin-top:0}
.cs_korean_quiz .quiz_sct .slt_area .answer_lst li>a{display:block;border:1px solid #dde1e5;text-decoration:none;height:42px;background:url(../img/ico_check.gif) 305px 50% no-repeat;padding: 0 45px 0 14px}
.cs_korean_quiz .quiz_sct .slt_area.correct .answer_lst li>a.on{border-color:#008aff}
.cs_korean_quiz .quiz_sct .slt_area.wrong .answer_lst li>a.on{border-color:#ff584b}
.cs_korean_quiz .quiz_sct .slt_area .answer_lst li>a>span{display:inline-block;color:#666;vertical-align:middle;padding-top:2px}
.cs_korean_quiz .quiz_sct .slt_area.correct .answer_lst li>a.on{background:url(../img/ico_check_o.gif) 305px 50% no-repeat}
.cs_korean_quiz .quiz_sct .slt_area.correct .answer_lst li>a.on>span{color:#008aff}
.cs_korean_quiz .quiz_sct .slt_area.wrong .answer_lst li>a.on{background:url(../img/ico_check_x.gif) 305px 50% no-repeat}
.cs_korean_quiz .quiz_sct .slt_area.wrong .answer_lst li>a.on>span{color:#ff584b}
.cs_korean_quiz .quiz_sct .slt_area .align_vm{display:inline-block;height:100%;vertical-align:middle}

/* 정답확인 */
.cs_korean_quiz .graph_area{position:relative;overflow:hidden;border:1px solid #ebebeb;background:#f9fafb;margin:25px 0 0;color:#666;font-size:17px;padding-bottom:25px}
.cs_korean_quiz .graph_area ul{margin:0 14px}
.cs_korean_quiz .graph_area ul li{display:block;position:relative;height:44px;text-align:left;width:100%}
.cs_korean_quiz .graph_area ul li>strong{display:block;position:absolute;bottom:0;padding-right:41px;font-weight:normal;padding-bottom:7px;padding-top:9px;color:#666}
.cs_korean_quiz .graph_area ul li .percent{position:absolute;bottom:9px;right:0;font-size:12px;color:#666;line-height:12px;font-family:tahoma,sans-serif}
.cs_korean_quiz .graph_area ul li.on>strong{color:#00c73c}
.cs_korean_quiz .graph_area ul li.on .percent{color:#00c73c}
.cs_korean_quiz .graph_area .grp_bx{position:absolute;display:block;left:0;bottom:0;width:100%;height:2px;background:#dadada}
.cs_korean_quiz .graph_area .grp_bx .grp{position:absolute;top:0;left:0;height:2px;background:#777777}
.cs_korean_quiz .graph_area li.on .grp_bx .grp{background:#00c73c}

/* 속담 */
.cs_korean_quiz .quiz_txt .quistion{display:inline-block;*display:inline;*zoom:1;width:50px;height:20px;background-position:-100px -49px;vertical-align:top;margin-top:1px}
.cs_korean_quiz .quiz_sct .ct_bx .tit_area .quiz_txt.proverb>strong{color:#000;line-height:23px;margin-bottom:0}

/* 피드백 */
.cs_korean_quiz .quiz_sct .ct_bx.feedback .tit_area h3{margin-bottom:0}
.cs_korean_quiz .quiz_sct .ct_bx.feedback .tit_area{padding:0 20px}
.cs_korean_quiz .quiz_sct .ct_bx .tit_area h3>em{font-weight:bold}
.cs_korean_quiz .quiz_sct .ct_bx.feedback .tit_area .quiz_txt>strong{margin-top:-3px}
.cs_korean_quiz .quiz_sct .ct_bx.feedback .tit_area h3+.quiz_txt>strong{margin-top:4px}
.cs_korean_quiz .quiz_sct .ct_bx .feedback_bx{text-align:center}
.cs_korean_quiz .quiz_sct .ct_bx .feedback_bx>img{display:block;margin:0 auto}
.cs_korean_quiz .quiz_sct .ct_bx .btn_feedback{display:block;position:absolute;top:50%;left:25px;width:25px;height:40px;margin-top:-30px;background:url(../img/sp_korean_quiz2.png) 0 0 no-repeat}

/*버튼 */
.cs_korean_quiz .btn_area{overflow:hidden;text-align:center;margin-top:14px}
.cs_korean_quiz .btn_area a{display:inline-block;padding:0 10px;height:25px;line-height:26px;font-size:12px;color:#fff;font-weight:bold;text-decoration:none;margin-right:5px}
.cs_korean_quiz .btn_area .btn_again{background-color:#c5c5c5}
.cs_korean_quiz .btn_area .btn_Share{background-color:#00c73c}
/* 좋아요 영역 */
.cs_korean_quiz .cnt_area{position:relative;overflow:hidden;clear:both;margin-top:9px}
.cs_korean_quiz .cnt_area>span,.cs_korean_quiz .cnt_area>a{float:left;overflow:hidden;text-decoration:none}
.cs_korean_quiz .cnt_area .u_ico{display:inline-block;vertical-align:baseline}
.cs_korean_quiz .cnt_area .cnt_likeit{margin-right:10px}
.cs_korean_quiz .cnt_area .cnt_likeit .u_ico{width:14px;height:12px;margin:1px 0 -1px;background-position:0 -54px}
.cs_korean_quiz .cnt_area .cnt_likeit.on .u_ico{background-position:-57px -54px}
.cs_korean_quiz .cnt_area .u_cnt{display:inline-block;font-family:'굴림',gulim,sans-serif;font-size:12px;color:#666;vertical-align:0}
.cs_korean_quiz .cnt_area .cnt_share .u_ico{width:14px;height:12px;margin:0;background-position:-35px -54px}
.cs_korean_quiz .cnt_area .quiz_more{overflow:hidden;float:right;color:#666;text-decoration:underline}
.cs_korean_quiz .cnt_area .quiz_more .arr_ico{display:inline-block;width:4px;height:6px;vertical-align:top;margin:2px 0 0 3px;background:url(../img/sp_korean_quiz2.png) -77px -54px no-repeat}
/* IE7 대응 */
@media screen\9 {
	.cs_korean_quiz .quiz_txt .quistion{margin-top:-1px}
	.cs_korean_quiz .cnt_area .u_cnt{vertical-align:-2px}
}

/* 국어퀴즈 하단배너 추가 */
.cs_korean_quiz .banner_bx{padding-top:25px}