@font-face{font-family:NotoSans; src: url(/public/fonts/NotoSansRegular.eot); src: local('¢®¨ª'), url(/public/fonts/NotoSansRegular.woff) format('woff'); }
@font-face{font-family:NotoSans; font-weight:bold; src: url(/public/fonts/NotoSansBold.eot); src: local('¢®¨ª'), url(/public/fonts/NotoSansBold.woff) format('woff'); }
input::-webkit-input-placeholder {color:#bbb}
input::-moz-placeholder {color:#bbb}
input::-moz-placeholder {color:#bbb}
input::-ms-input-placeholder {color:#bbb}

/* ¸ÞÀÎ */
.quiz_main {overflow:hidden;width:100%;background:url(../images/bg_quiz.jpg) 50% 0 repeat-x;background-size:cover}
.quiz_main .swiper-wrapper {font-size:0}
.quiz_main .swiper-slide {position:relative;}
.quiz_main .slide_next {display:block;position:absolute;top:50%;right:2%;margin-top:17px;width:42px;height:42px;border-radius:50%;text-align:center;background-color:#fff}
.quiz_main .slide_next:before {display:inline-block;width:0;height:100%;vertical-align:middle;content:''}
.quiz_main .slide_next .arrow {display:inline-block;width:10px;height:19px;margin-left:3px;background:url(../images/slide_next.png) 0 0 no-repeat;background-size:10px auto;vertical-align:middle;}
.quiz_main img {width:100%;border:0 none}
.quiz_main .link {display:block}
.quiz_main .main01 {padding-bottom:50px}
.quiz_main .main02 {position:relative;padding-bottom:20px}
.quiz_main .btn_participate {display:block;position:relative;}
.quiz_main .btn_participate .week_paper {position:absolute;top:-18%;left:10.416666%;width:22.361111%}
.quiz_main .btn_participate .week_paper li {display:none}
.quiz_main .btn_participate .week_paper li.on {display:block;position:absolute;top:0;left:0;}

/* wrap */
.quiz_wrap {min-width:320px;width:100%;height:100%;box-sizing:border-box;font-size:0;background:url(../images/bg_quiz.jpg) 50% 0 repeat}
.quiz_wrap img {width:100%}
.quiz_body {padding:0 4% 30px 4%}
.quiz_container {max-width:360px;margin:0 auto}

/* ÄûÁî¸ñ·Ï */
.quiz_list {overflow:hidden;min-height:360px;padding:30px 20px;border-radius:15px;box-sizing:border-box;background:#fff}
.quiz_list li {float:left;width:32%;height:118px;margin-right:2%;margin:0 2% 2% 0;border:1px solid #b4b4b4;box-sizing:border-box;font-size:0;text-align:center}
.quiz_list li:nth-child(3n) {margin-right:0}
.quiz_list li:before {display:inline-block;width:0;height:100%;vertical-align:middle;content:''}
.quiz_list a {display:inline-block;width:100%;vertical-align:middle}
.quiz_list .date {display:block;margin-bottom:5px;font-weight:bold;font-size:12px;color:#000;text-align:center;}
.quiz_list .txt {display:block;width:68px;margin:0 auto 10px}
.quiz_list .title {display:block;overflow:hidden;max-height:40px;margin-bottom:3px;font-weight:bold;font-size:18px;line-height:20px;color:#000;text-align:center;letter-spacing:-0.075em;word-break:break-all}
.quiz_list .title.end {color:#a1a1a1}
.quiz_list .answer {display:inline-block;height:25px;padding:0 10px;border-radius:25px;font-size:12px;line-height:25px;color:#fff;background-color:#9B0487}

/* ÄûÁî */
.quiz_take {margin-bottom:15px;padding:36px 20px 30px 20px;border-radius:15px;background-color:#fff}
.quiz_question {margin-bottom:30px}
.quiz_question .title {display:block;position:relative;min-height:55px;margin-bottom:15px;padding-left:70px;}
.quiz_question .title .q {display:block;position:absolute;top:-6px;left:0;width:60px;height:60px;border-radius:50%;font-size:15px;line-height:60px;color:#fff;text-align:center;background-color:#1cdbc7}
.quiz_question .title .tit {font-family:'Noto Sans CJK KR', NotoSans;font-weight:bold;font-size:21px;line-height:24px;color:#111;letter-spacing:-0.075em}
.quiz_question dl {padding:20px 8%;border-radius:10px;font-family:'Noto Sans CJK KR', NotoSans;text-align:center;background-color:#f7f7f7}
.quiz_question dl dt {margin-bottom:10px;font-size:18px;line-height:25px;color:#000;letter-spacing:-0.05em;}
.quiz_question dl dd {font-size:14px;line-height:21px;color:#000;letter-spacing:-0.075em;word-break:keep-all}

/* ÄûÁî ´ä¾È */
.quiz_answer dl {font-family:'Noto Sans CJK KR', NotoSans;text-align:center;}
.quiz_answer dl dt {margin-bottom:10px;font-size:18px;line-height:25px;color:#000;letter-spacing:-0.05em;}
.quiz_answer dl dd {padding:11px;border:1px solid #000;box-sizing:border-box;border-radius:10px;font-size:14px;color:#000;letter-spacing:-0.075em}
.quiz_answer dl dd input[type=text] {width:100%;height:100%;margin:1px auto 0;padding:0 10px;border:0 none;box-sizing:border-box;font-weight:bold;font-family:'Noto Sans CJK KR', NotoSans;font-size:21px;color:#000;text-align:center;background:transparent;outline:0 none}
.quiz_answer dl dd.check_answer {position:relative;padding:11px;margin-bottom:20px;}
.quiz_answer dl dd.check_answer:last-child {margin-bottom:0}
.quiz_answer dl dd.check_answer .answer {display:block;height:100%;font-weight:bold;font-family:'Noto Sans CJK KR', NotoSans;font-size:21px;line-height:26px;color:#000;text-align:center;word-break:break-all}
.quiz_answer dl dd.check_answer .true {display:block;position:absolute;top:50%;right:20px;width:30px;height:20px;margin-top:-10px;font-size:0;background:url(../images/answer_true.png) 0 0 no-repeat;background-size:30px auto}
.quiz_answer dl dd.check_answer .false {display:block;position:absolute;top:50%;right:20px;width:30px;height:20px;margin-top:-10px;font-size:0;background:url(../images/answer_false.png) 0 0 no-repeat;background-size:30px auto}

/* ¹öÆ° */
.quiz_button {margin-top:20px;text-align:center;}
.quiz_button a {display:inline-block;width:100%;height:50px;border-radius:10px;font-size:16px;line-height:50px;text-align:center;}
.quiz_button .btn_submit {color:#fff;background-color:#333}

/* link */
.quiz_link a {display:block;margin-bottom:10px}
.quiz_link a:last-child {margin-bottom:0}

/* ´ä¾ÈÆ˾÷ */
.quiz_pop {position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,0.2)}
.quiz_pop .pop_body {position:relative;width:100%;height:100%;text-align:center}
.quiz_pop .pop_body:before {display:inline-block;width:0;height:100%;vertical-align:middle;content:''}
.quiz_pop .alarm {display:inline-block;position:relative;max-width:360px;vertical-align:middle;}
.quiz_pop .alarm .btn_ok {display:block;position:absolute;bottom:6%;left:50%;width:79%;height:0;margin-left:-39.5%;padding-bottom:13%}

/* keyframe */
.quiz_main .slide_next .arrow {
	-webkit-animation:blink 0.55s infinite alternate;
	-moz-animation:blink 0.55s infinite alternate;
	animation:blink 0.55s infinite alternate;
}
@-webkit-keyframes blink{
	0% {margin-left:8px;opacity:1;}
	100% {margin-left:-3px;opacity:0.5}
}
@-moz-keyframes blink{
	0% {margin-left:8px;opacity:1;}
	100% {margin-left:-3px;opacity:0.5}
}
@keyframes blink{
	0% {margin-left:8px;opacity:1;}
	100% {margin-left:-3px;opacity:0.5}
}