@charset "euc-kr"; 

:root{

    --point-color1:#007dfb;
    --point-color2:#f7de2a;
    --point-color3:#f05a25;

}

.eventWrap {font-weight:500}

.pc_view {display: block} 
.mo_view {display: none} 
.main_tit {background: #fff url('https://img.megagong.net/m/2024/0723_quiz/con_img16.jpg') repeat-x center 0;margin: 0 0 60px;display: flex;flex-direction: column;align-items: center;padding: 38px 0 0;border-bottom: 2px solid #000}
.main_tit span {background: #000;color:#fff;width: 340px;height: 40px;font-size: 18px;display: flex;align-items: center;justify-content: center;border-radius: 50px}
.subjSelect_wrap .inner, .quiz .inner, .after .inner , .erratum .inner {width: 800px} 

.btn_mobile {display: none} 
.flt_inner a {text-align: center; margin-bottom: 5px} 

.mok_hd_pop {border: 1px solid #d0d0d0; width: 280px; position: fixed; right: 8%; bottom: 20%; z-index: 10; background: #fff; padding: 18px 10px 8px; font-size: 14px} 
.mok_hd_pop dl dt {color: #ff5f27; font-weight: 700} 
.mok_hd_pop dl dd {margin: 8px 0; background: #fff1ec; padding: 12px 5px;  } 
.mok_hd_pop .evbtn_wrap {display: flex; justify-content: space-between; font-size: 14.45px} 
.mok_hd_pop .evbtn_wrap button:last-child {font-weight: 700} 

.fix_menu {position: absolute; top: 0; left: 0; background: rgba(18,18,18,0.85); z-index: 3; width: 100%; transition: 0.5s; display: none !important} 
.fix_menu ul {position: relative; width: 1080px; margin: 0 auto; display:flex; align-items:flex-start; justify-content:space-between } 
.fix_menu ul::before {content:''; position: absolute; top: 15%; right: 0; width: 1px; height: 70%; background: #fff; opacity: 0.2 } 
.fix_menu li {flex: 1;position: relative} 
.fix_menu li::before {content:''; position: absolute; top: 15%; left: 0; width: 1px; height: 70%; background: #fff; opacity: 0.2 } 
.fix_menu li i.point {width: 74px; height: 74px; text-align: center; font-style: normal; line-height: 1.2; font-size: 13px; display: flex; border-radius: 20px;  margin: 0; font-weight: bold; position: absolute; color: #000; top: 14px; left: 80px; background: url(https://image.megagong.net/m/2023/0711_tech/con_img12.png) no-repeat 0 0; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center} 
.fix_menu li i.end {position: absolute; top: 0; left: 50%; margin: 16px 0 0 38px} 
.fix_menu li a {display: block; padding: 0; font-size: 18px; position: relative; color: #fff; font-weight: normal; text-align: left; height: 100px; display: flex; justify-content: center; align-items: center; flex-direction: column; line-height: 1.3; font-weight: normal} 
.fix_menu li a .num {display: block; font-size: 12px; color: #121212; margin: 0 0 7px; letter-spacing: 0; background: #987cff; border-radius: 28px; padding: 5px 12px; line-height: 1; font-weight: bold} 
.fix_menu li a strong {color: #6d6ff8; font-weight: 900 } 
.fix_menu.fixed {position: fixed} 

/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.con_tit .end::after {background: #000;top:0;right: 0}

.clamp-title {font-size:46px}
.clamp-title2 {font-size:26px}
.clamp-text {font-size:24px}
.clamp-text2 {font-size:18px}
.clamp-text3 {font-size:20px}
.clamp-text22 {font-size:22px}

/* ŸÀÌƲ */
.evSection .con_tit {margin: 0 -30px 60px;line-height:1.2}
.evSection .con_tit .tiny {display:block;padding: 10px 0 0;}
.evSection .con_tit .tiny.top {padding: 0 0 10px;}
.evSection .bigt {display:block;font-weight: 900;line-height:1.2}
.evSection .bigt.wht {color:#fff}
.evSection .bigt.grd {background-image:var(--pt-gradi-color);background-clip:text;-webkit-background-clip:text;color:transparent}
.evSection .bigt .stgrd {background-image:var(--pt-gradi-color);background-clip:text;-webkit-background-clip:text;color:transparent}
.evSection .bigt b {color:var(--point-color1);font-weight: inherit;}
.eventWrap .tit_point {margin: 0 0 40px;padding:22px 0 0;font-weight:bold}
.eventWrap .tit_point strong {font-weight:900}
.eventWrap .tit_line {position:relative;margin-bottom:40px;line-height: 1;display: flex;align-items: center;justify-content: center}
.eventWrap .tit_line::before {content:'';display:block;width:100%;height:1%;background: #000;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.eventWrap .tit_line span {position:relative;padding: 0 70px;line-height: 1;background: var(--point-color2);font-weight: 900;font-size: 24px;}

.eventWrap .btn_n{display: flex;justify-content: center;gap: 30px;margin: 40px 0 40px;}
.eventWrap a.btn{font-size: 22px;display: block;padding: 24px 0px;width: 330px;border-radius: 55px;font-weight: bold;background: #000;color: #fff;}
.eventWrap a.btn.point{background: var(--point-color1);color: #fff;}
.eventWrap a.btn span{display: inline-block;position: relative;padding: 0 25px 0 0}
.eventWrap a.btn span::before{content: "";position: absolute;right: 0;top: 50%;width: 12px;height: 17px;margin: -7px 0 0;background-color:#fff;color: #fff;-webkit-mask-size: 100%;mask-size: cover;mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;mask-position: center;-webkit-mask-position: center;-webkit-mask-image: url(https://img.megagong.net/m/2024/0315_sati/con_img12.svg);mask-image: url(https://img.megagong.net/m/2024/0315_sati/con_img12.svg)}

/*evMain*/
.evSection.evMain {position:relative;background: #fff  url('https://img.megagong.net/m/2024/0723_quiz/con_img5.png') no-repeat center 0;padding: 99px 0 135px;text-align: center}
.evMain h3 span{display: block;padding: 0 0 39px}
.evMain .fight{position: relative;margin: 0 210px;}
.evMain .fight i{position: absolute;bottom:0;left: 20px;}
.evMain .fight i:nth-child(2){left: unset;right: 10px;}
.evMain .fight p{height: 70px;display: flex;font-size: 30px;font-weight: 900;background: #000;color: #fff;text-align: center;align-items: center;justify-content: center;border-radius: 60px;padding: 0 0 3px;}
.evMain .point {margin: 55px 0 55px;font-size: 22px;line-height: 1.6}
.evMain .point b{color:var(--point-color1)}
.eventWrap .evbtn_wrap {position:relative;text-align: center}
.eventWrap .evbtn_wrap a {background: url('https://img.megagong.net/m/2024/0723_quiz/con_img4.png') no-repeat center 0;color: #fff;width: 436px;margin: 0 auto;font-size: 24px;padding: 28px 0;line-height: 1;display: block;font-weight: 900}
.eventWrap .evbtn_wrap a img {margin-left: 12px} 
.eventWrap .evbtn_wrap a.toggleImg.on {color:var(--point-color2)} 
.evMain .pop_btn {display: none} 
.evMain .deco {position: relative}
.evMain .deco li{position: absolute;top: 0;left: 0}
.evMain .deco li:nth-child(1){left: 50%;top: 165px;display: flex;flex-direction: row;flex-wrap: wrap;margin: 0 0 0 -570px;}
.evMain .deco li:nth-child(1) span:nth-child(1) {animation: ani_subway 1.5s infinite 0.2s;}
.evMain .deco li:nth-child(1) span:nth-child(2) {animation: ani_subway 1.2s infinite 0s;}
.evMain .deco li:nth-child(2){top: 170px;left: 50%;margin: 0px 0 0 365px;animation: ani_subway 1.5s infinite 0.2s;}
.evMain .deco li:nth-child(3){top: 95px;left: 50%;margin: 0 0 0 492px;animation: ani_subway 1s infinite 0.0s;}
.evMain .deco li span{display: block}
.evMain .deco li span i{display: block}
.evMain .deco li span b{display: block}
.evMain .count{font-size:18px;display: flex;justify-content: center;align-items: flex-start;padding: 30px 0 0;}
.evMain .count strong{font-size: 30px;font-weight: 900;margin: -10px 5px 0px 10px;}

@-webkit-keyframes ani_subway {0% {margin-top:0px } 
50% {margin-top:-5px } 
}
@keyframes ani_subway {0% {margin-top:0px } 
50% {margin-top:-5px } 
}

/*
animation: bgflu 100s linear infinite;@keyframes bgflu {0% {background-position: center 0%;}
100% {background-position: center -5000px;}
}*/

.evSection.evCon1 {padding: 10px 0 140px;}
.evCon1 .result_rank {box-shadow: 0px 4px 20px 0px rgba(0,0,0,10%);border-radius: 15px;overflow: hidden}
.evCon1 .result_rank .point_tit {background: var(--point-color2);\: #fff;padding: 40px 0}
.evCon1 .result_rank .point_tit span {color: #ffdf72} 
.evCon1 .result_rank ul {background: #fff;padding: 30px 200px 50px}
.evCon1 .result_rank ul li {position: relative;display: flex;align-items: center;gap: 20px;justify-content: flex-start;flex-direction: row;flex-wrap: wrap;padding: 30px 10px}
.evCon1 .result_rank ul li + li{border-top: 1px solid #ddd;}
.evCon1 .result_rank ul li:last-child {margin: 0 0} 
.evCon1 .result_rank ul li .ranking{line-height: 1}
.evCon1 .result_rank ul li .ranking i{display: block;margin: 0 0 9px;}
.evCon1 .result_rank ul li .tit{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap}
.evCon1 .result_rank ul li .tit .lv{background: #000;color: #fff;line-height: 1;padding: 5px 20px 6px;border-radius: 30px;margin: 0 0 5px;font-size: 14px;font-weight: 500;letter-spacing: 0}
.evCon1 .result_rank ul li .tit .discript{font-size: 22px;font-weight: 500;margin: 0 0 3px}
.evCon1 .result_rank ul li .tit .hashtag{font-weight: 500;color: var(--point-color1)}
.evCon1 .result_rank ul li .bar_wrap {position: relative; height: 60px; display: block; border-radius: 100px; flex: 1} 
.evCon1 .result_rank ul li .bar_wrap .bar {position: absolute; top: 0; left: 0; height: 100%; border-radius: 0 30px 30px 0} 
.evCon1 .tiny_noti {text-align: right; opacity: 0.8; margin: 5px 0 0} 
.evCon1 .result_rank  .sns {display: flex;justify-content: center;gap: 20px;padding: 0;background: none}
.evCon1 .result_rank  .sns li{margin:0;padding: 0;border-top: 0}

.event .con_tit i {top: -60px}
.event .schedule {background: #fff; border-radius: 40px; padding: 15px 0; position: relative; font-weight: 700; box-shadow: 5px 0 20px 0px rgba(0,0,0,10%); margin: 38px 0 75px} 
.event .schedule dl {font-size: 20px; display: inline-block} 
.event .schedule dl:first-child {margin-right: 75px} 
.event .schedule dl dt {margin-right: 12px; padding-right: 14px; display: inline-block; position: relative} 
.event .schedule dl dt::after {content:''; display: block; width: 2px; height: 53%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); overflow: hidden; background: #000} 
.event .schedule dl dd {display: inline-block} 
.event .schedule dl dd .tiny_txt {color: #ff5f27; font-size: 14px; display: inline-block; margin: 0 0 0 3px} 

.evCon2 {background: #ffccb9; padding: 45px 0 25px} 
.evCon2 .con_tit {font-size: 32px; margin: 0 0 20px} 
.evCon2 .evbtn_wrap {width: 820px; margin: 0 auto; display: flex; justify-content: center; gap: 20px} 
.evCon2 .evbtn_wrap .btn {flex: 1; background: #fff; border-radius: 100px; font-size: 24px; font-weight: 700; padding: 23.2px 0} 
.evCon2 .evbtn_wrap .btn img {display: inline-block; position: relative; top: -1px; margin-left: 10px} 
.evCon2 .tiny_noti {font-size: 14px; opacity: 0.7; text-align: left; margin: 5px 0 0 252px} 

.evSection.evCon3 {background: #f7f8f8; padding: 125px 0 130px} 

.evSection.evCon4 {padding: 125px 0 170px;background: var(--point-color2)}
.evCon4 .gift {display: flex;justify-content: space-between;margin: 0 0 80px;padding: 70px 0 0}

.eventBoard {border-radius: 20px;overflow: hidden}
.eventBoard .evtBoard_common .evtBoard_inner {background: #fff}
.eventBoard .evtBoard_common .board_write {border: 1px solid #000}
.evtBoard_common .board_write .inp_wrap textarea {border: 1px solid #d0d0d0} 
.evtBoard_common .board_notice li {color: #000; font-size:13px} 

.stepinfo_wrap{background: #fff;padding: 50px 0;text-align: left;border-radius: 20px;display: flex;justify-content: center;}
.stepinfo_wrap ul{display: inline-flex;flex-direction: column;align-items: flex-start;}
.stepinfo_wrap li{position: relative;padding: 0 0 0 40px;font-size: 20px;}
.stepinfo_wrap li+li{margin: 40px 0 0;}
.stepinfo_wrap li i{position: absolute;top:0;left:0;background: url('https://img.megagong.net/m/2024/0723_quiz/con_img9.png') no-repeat 0 0;font-size: 0;width: 16px;height: 25px;}
.stepinfo_wrap li:nth-child(2) i{background-position: 0 -64px;}
.stepinfo_wrap li:nth-child(3) i{background-position: 0 -126px;}
.stepinfo_wrap li:nth-child(4) i{background-position: 0 -219px;}
.stepinfo_wrap li strong{font-weight: 900;}
.stepinfo_wrap li .hash{color: var(--point-color1);display: block;padding: 4px 0 0;}

.shareList.ver2 ul li dl dt{background:var(--point-color1) !important;border-radius: 50px;}

.warningList li ul li a {color: #ff0000; padding: 0 0; margin-left: 0} 

/* quiz */
.subjSelect_wrap {padding-bottom: 150px} 
.subjSelect_wrap ul {box-shadow: 7px 0 27px 0px rgba(0,0,0,10%);padding: 70px 0;border-radius: 15px;margin: 100px 0 50px;font-weight: normal}
.subjSelect_wrap ul li {font-size: 22px;text-align: center;position: relative;margin-bottom: 35px}
.subjSelect_wrap ul li:last-child {margin-bottom:0} 
.subjSelect_wrap ul li strong {color: var(--point-color3);font-weight: 900}
.subjSelect_wrap .subj_wrap .point {display: block; margin: 25px 0 20px} 
.subjSelect_wrap .subj_wrap .point img.on {display: none} 
.subjSelect_wrap .subj_wrap .point.on img.on {display: inline-block} 
.subjSelect_wrap .subj_wrap .point.on img.on + img {display: none} 
.subjSelect_wrap .subj_wrap .evbtn_wrap {margin: 0 0 25px;} 
.subjSelect_wrap .subj_wrap .evbtn_wrap + .tiny_noti{font-size: 16px;opacity: 0.7;}
.subjSelect_wrap .subj_wrap .evbtn_wrap .btn img {display: inline-block; position: relative; top: -3px; padding-left: 14px} 

.quiz {position: relative; background-position: center 0 !important; padding: 0 0 150px} 
.quiz .qstn_con{position: relative;}
.quiz .sub_name {font-size: 24px;color: #fff;background: var(--point-color3);width: 240px;border-radius: 100px;padding: 13.2px 0;margin: 0 auto 3px}
.quiz .quiz_zone .qstn_con .arrow_wrap {position: absolute;top: 50%;margin: -20px 0 0;width: calc(100% + 140px);left: -70px;}
.quiz .quiz_zone .qstn_con .arrow_wrap a {background-repeat: no-repeat;width: 26px;height: 40px;font-size: 0;position: absolute;top: 50%;transform: translateY(-50%);} 
.quiz .quiz_zone .qstn_con .arrow_wrap a.prev {background-image: url('https://img.megagong.net/m/2024/0123_quiz/quiz_prev.png');left: 0;} 
.quiz .quiz_zone .qstn_con .arrow_wrap a.next {background-image: url('https://img.megagong.net/m/2024/0123_quiz/quiz_next.png');right: 0;} 
.quiz .quiz_zone .qstn_con .time {margin: 0 auto; display: flex; align-items: center; justify-content: space-between; display: block} 
.quiz .quiz_zone .qstn_con .time a {vertical-align: top; display: inline-block; background: #d9d9d9; width: 30px; height: 100%; border-radius: 100%; position: relative} 
.quiz .quiz_zone .qstn_con .time a img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto !important} 
.quiz .quiz_zone .qstn_con .time .bar_wrap {position: relative; width: 560px; width: 100%; overflow: hidden; border-radius: 100px; display: inline-block; border: 1px solid #121212} 
.quiz .quiz_zone .qstn_con .time .bar_wrap .bar {height: 30px; border-radius: 100px} 
.quiz .quiz_zone .qstn_con .time .num {font-style: normal; font-size: 18px; color: #121212; display: block; text-align: right; font-weight: 700; margin: 0 10px 5px 0} 
.question {background: #fff;position: relative;border-radius: 20px;margin: 20px 0 40px;overflow: hidden;box-shadow: 2px 0 15px 0px rgba(0,0,0,10%);padding: 50px 35px 55px;font-weight: normal;font-size: 18px;line-height: 1.8}
.question::after {content:''; display:block; clear:both} 
.question .type {background: #121212; color: #fff; display: inline-block; border-radius: 0 0 6px 6px; font-size: 18px; padding: 7.4px 26px; margin: 0 0 35px} 
.question .tit {clear: both;font-size: 24px;color: var(--point-color3);font-weight: 700;text-align: center;line-height: 1.3}
.question .txt {margin: 20px 0 35px;text-align: left;background: #f7f8f8;padding: 40px 38px;letter-spacing: -0.04em}
.question .txt.eng {letter-spacing: -0.02em}
.question .txt .bor{border:1px solid #111;position: relative;padding: 20px 20px}
.question .txt .bor + .bor{margin: 25px 0 0}
.question .txt .bor .toptit{position: absolute;top: -14px;left: 50%;transform: translateX(-50%);background: #f7f8f8;padding: 0 3px;}
.question .txt.img {text-align: center} 
.question .txt .tcenter{text-align: center !important;display: block;}
.question .txt p {line-height: 1.5;} 
.question .txt p + p {margin: 7px 0 0;}
.question .txt .int {padding: 0 0 0 23px;text-indent: -23px;} 
.question .txt .int.num {padding: 0 0 0 20px;text-indent: -20px;} 
.question .txt .int.num2 {padding: 0 0 0 20px;text-indent: -20px;margin-left: 20px;} 
.question .line {text-decoration: underline; text-underline-offset: 6px} 
.question .btline {display: block;height: 1px;background: #111;margin: 10px 0 20px;} 
.question .borblank{border: 1px solid #111;display: inline-flex;justify-content: center;align-items: center;width: 210px;line-height: 1.3;padding: 0 0 1px;height: 30px;vertical-align: middle;margin: -3px 0 0;text-indent: 0;}
.question .borblank.long{width: 375px;}

.question ul li {text-align: left;margin-bottom: 12px;text-indent: -20px;padding-left: 20px}
.question ul li:last-child {margin-bottom: 0} 
.question ul li.tbl_tit {padding-left: 22px;text-indent: 0}
.question ul li.tbl_tit .tbl div:last-child {justify-content: center} 
.question ul li .tbl {vertical-align: middle;display: inline-flex;border: 1px solid #ccc;text-indent: 0;padding: 0}
.question ul li .tbl div {display: flex; align-items: center; justify-content: center} 
.question ul li .tbl div:first-child {width: 110px; border-right: 1px solid #ccc} 
.question ul li .tbl div:last-child {text-align: left; padding: 0 20px; width: 290px; justify-content: start} 
.quiz .quiz_zone .qstn_con .answer {display: flex; justify-content: center; gap: 40px; position: relative; z-index: 1} 
.quiz .quiz_zone .qstn_con .answer li a {display: block; font-size: 24px; font-weight: 700; color: #121212; border: 1px solid; border-radius: 100%; width: 64px; line-height: 64px} 
.quiz .quiz_zone .qstn_con .answer li a:hover, .quiz .quiz_zone .qstn_con .answer li a:active , .quiz .quiz_zone .qstn_con .answer li p:hover, .quiz .quiz_zone .qstn_con .answer li p:active {background: var(--point-color3);color:#fff}
.quiz .quiz_zone .qstn_con .answer li a:hover input, .quiz .quiz_zone .qstn_con .answer li a:active input , .quiz .quiz_zone .qstn_con .answer li p:hover input, .quiz .quiz_zone .qstn_con .answer li p:active input {color: #fff} 

/* after /evCon3 */
.after {color: #121212; padding: 0 0 150px} 
.after .con_tit, .erratum .con_tit {font-size: 40px;font-weight: 700;line-height: 1.3;margin: 0 0 40px;padding-top: 40px;} 
#afterSubj_wrap {margin: 34px 0 30px; display: flex; border-bottom: 1px solid #121212} 
#afterSubj_wrap .item {flex: 1} 
#afterSubj_wrap .item a {display: block; font-size: 24px; color: #777777; padding: 23px 0} 
#afterSubj_wrap .item.on {border-radius: 15px 15px 0 0; overflow: hidden} 
#afterSubj_wrap .item.on a {background: #121212; color: #fff} 
.after .result {position: relative;margin: -15px 0 0;box-shadow: 5px 0 20px 0px rgba(0,0,0,10%);border-radius: 16px;} 
.after .result p{position: absolute;top: 95px;left: 0;width: 100%;font-size: 20px;} 
.after .result_txt {background: var(--point-color2);border-radius: 100px;color: #121212;font-size: 24px;padding: 13px 0 15px;margin: 0 0 55px;} 
.after .result_txt span {color: #ff5f27} 
.after .result .copy {font-size: 16px; font-weight: 700} 
.after .tip {font-size: 16px;margin: 30px 0 40px;} 
.after .tip strong {display: block} 
.after .solution {position: relative;font-size: 20px;padding: 40px 0;border: 4px solid #000;} 
.after .solution i{position: absolute;top: 0;left: 0;width: 100%;font-size: 0;} 
.after .solution::before{content:'';background: #fff url('https://img.megagong.net/m/2024/0723_quiz/con_img18.png') no-repeat 0 0;position: absolute;bottom: -4px;left: -4px;width: 16px;height: 16px;transform: rotate(-90deg);}
.after .solution::after{content:'';background: #fff url('https://img.megagong.net/m/2024/0723_quiz/con_img18.png') no-repeat 0 0;position: absolute;bottom: -4px;right: -4px;width: 16px;height: 16px;transform: rotate(180deg);}
.after .solution i::before{content:'';background: #fff url('https://img.megagong.net/m/2024/0723_quiz/con_img18.png') no-repeat 0 0;position: absolute;top: -4px;left: -4px;width: 16px;height: 16px;}
.after .solution i::after{content:'';background: #fff url('https://img.megagong.net/m/2024/0723_quiz/con_img18.png') no-repeat 0 0;position: absolute;top: -4px;right: -4px;width: 16px;height: 16px;transform: rotate(90deg);}
.after .sns {margin: 60px 0 60px;display: flex;justify-content: center;gap: 20px;} 
.after .after_evbtn_wrap {margin: 32px 0 60px;} 
.after_evbtn_wrap {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px} 
.after_evbtn_wrap li {border-radius: 100px} 
.after_evbtn_wrap li.result_btn {background: var(--point-color1);color: #fff;width: 100%} 
.after_evbtn_wrap li.type_btn {background: #121212; color: #fff; width: 100%} 
.after_evbtn_wrap li.again_btn {display: inline-block; flex: 1; background: #ebebeb} 
.after_evbtn_wrap li a {display: block; font-size: 24px; padding: 23.2px 0; font-weight: 700} 
.after .link {margin: 35px 0 0} 
.after .link li {text-align: left} 
.after .link li:first-child {background: url('https://img.megagong.net/m/2024/0123_quiz/quiz_link1_bg.jpg') no-repeat; margin-bottom: 20px} 
.after .link li:last-child {background: url('https://img.megagong.net/m/2024/0123_quiz/quiz_link2_bg.jpg') no-repeat} 
.after .link li a {display: block;background: #121212;position: relative;} 
.after .link li:nth-child(2) a {display: block;background: #f05a25;} 
.after .link li a .click{position: absolute;top: 50px;right: 50px;width: auto;} 

.erratum table {border: 1px solid #d0d0d0} 
.erratum table + table {margin-top: 40px} 
.erratum table tr th , .erratum table tr td {font-size: 16px;border: 1px solid #d0d0d0;height: auto} 
.erratum table tr td a {display: inline-block; background: #ff5f27; color: #fff; border-radius: 100px; padding: 4.6px 0; width: 95%} 

.erratum {padding: 0 0 150px} 
.erratum .after_evbtn_wrap {margin: 60px 0 0;display: none;} 
.erratum table tr td.txt {text-align: left; font-size: 13px;line-height: 1.5;} 
.erratum table tr td .an_o {color: #005cff; font-weight: bold} 
.erratum table tr td .an_x {color: #ff1b51; font-weight: bold} 

.container_info{margin: 0 200px;display: flex;justify-content: center;}
.container_info + .container_info{margin-top: 10px;}
.container_info *{font-weight: 900 !important;}
.container_info .info .info_title{padding: 0 10px 0 0;}
.container_info .info .info_title::before{display:none}
.container_info .info .info_title::after{content:":";background: none;line-height: 1;font-size: 15px;right: 0;}
.eventBoard .evtBoard_common .info_wrap.with_tip button{color: var(--point-color1);border-bottom: 1px solid var(--point-color1);font-weight: bold;}
.eventBoard .tip_list .bold{color: var(--point-color1);font-weight: bold;}

[class*=mg_popup_wrap]#popupScore .content_area .content_inner{padding: 0;}
[class*=mg_popup_wrap]#popupScore .content_area .content_inner .question{padding: 20px;box-shadow: none;font-size: 14px;}
[class*=mg_popup_wrap]#popupScore .content_area .content_inner .question .tit{font-size: 19px;}
[class*=mg_popup_wrap]#popupScore .content_area .content_inner .question .txt{padding: 15px;margin: 10px 0 10px;}
[class*=mg_popup_wrap]#popupScore .content_area .content_inner .question ul li{margin: 5px 0;}


/*about 20240809Ãß°¡*/
.evCon1_2 {padding: 120px 0;}
.evCon1_2 .sub_tit {font-size: 32px;  position: relative; width: 1080px; margin: 0 auto 30px; font-weight: 900;}
.evCon1_2 .sub_tit  span { display: inline-block; padding: 0 35px; position:relative; background-color: #f3f3f3;} 
.evCon1_2 .sub_tit::before { content:""; display: block; width: 100%; height: 1px; background-color: #000; position:absolute; top:50%; transform: translateY(-50%) } 
.evCon1_2 .btn_wrap {display: flex; align-items: center; justify-content: space-between;}
.evCon1_2 .btn_wrap .btn {font-size: 18px; width:346px; text-align: center; color:#fff;}
.evCon1_2 .btn_wrap .btn:nth-child(1) {color:#c2f94a;}
.evCon1_2 .btn_wrap .btn:nth-child(2) {color:#f7de2b;}


@media screen and (max-width: 1200px){





    #mContainer {min-height: auto !important} 
    .eventWrap {overflow: hidden} 
    .eventWrap img{width:100%}

    .mok_hd_pop {display: none} 

    .fix_menu.fixed {display: block !important} 
    .fix_menu ul {width: 100% } 
    .fix_menu ul::before {display: none } 
    .fix_menu li:nth-of-type(1)::before {display:none } 
    .fix_menu li i {font-size: 2vw } 
    .fix_menu li i.point {width: 8vw; height: 8vw; background-size: 100%; font-size: 1.5vw; left: 3%; top: 7%} 
    .fix_menu li a .num {font-size: 1.6vw} 
    .fix_menu li a {font-size: clamp(15px,3vmin,20px);height: auto;text-align: center;padding: clamp(17px,3.5vmin,30px) 0}
    .fix_menu li a br.for_mo {display:block } 
    .fix_menu li i.end {width: 20%} 

    /*fixed button*/
    .btn_mobile {display:block; position:fixed; bottom:65px; left:0; width:100%; z-index:55} 
    .btn_mobile a {display:table;width:100%;height: 90px;background: var(--point-color1)}
    .btn_mobile a span {color: var(--point-color2);font-size: clamp(16px,2.5vmin,20px);font-weight:700;display:table-cell;vertical-align:middle}

    .clamp-title {font-size: clamp(18px,4vmin,34px);}
    .clamp-title2 {font-size: clamp(14px,2.5vmin,20px);}
    .clamp-text {font-size:clamp(14px,2vmin,20px)}
    .clamp-text2 {font-size:clamp(13px,2vmin,18px)}
    .clamp-text3 {font-size: clamp(13px,1.8vmin,18px);}
    .clamp-text22 {font-size: clamp(14px,1.7vmin,18px);}

    .subjSelect_wrap .inner, .quiz .inner, .after .inner, .erratum .inner{width: 96%;}

    /*ŸÀÌƲ*/
    .eventWrap sup {vertical-align:top}
    .evSection .bigt sup {font-size:27px}
    .evSection .con_tit {margin: 0 0 7%;}
    .evSection .con_tit .evt img{width:clamp(100px,20vmin,180px)}
    .evSection .bigt.wht {color:#fff}
    .eventWrap .tit_point {margin:0 0 6%;font-size: clamp(14px,2.5vmin,20px);}
    .eventWrap .tit_line {margin-bottom: 4%}
    .eventWrap .tit_line span {padding: 0 10px;line-height: 1.2;font-size: clamp(18px,3vmin,24px);}
    .con_tit .end::after {right:0}

    .eventWrap .btn_n{margin: 20px 0 30px;gap: 10px;}
    .eventWrap a.btn{font-size: 17px;padding: 20px 0}

    .evSection.evMain{background-size: 260%;padding-top: 7%;padding: 10% 0 15%;}
    .evMain { padding: 7% 0 11%} 
    .evMain h3{margin: 0 16%;}
    .evMain h3 span{padding: 0 9% 4%;}
    .eventWrap .evbtn_wrap {margin: 3.5% 0 0} 
    .eventWrap .evbtn_wrap a {background-size: 100% 100%;font-size: clamp(16px,3.3vmin,28px);padding: 5% 0;width: clamp(260px,60vmin,500px)}
    .evMain .pop_btn {display: block; margin: 15px 0 0; font-size: 18px} 
    .evMain .deco li{width: 6vw}
    .evMain .deco li:nth-child(1){left: 2%;margin: 0 0 0 0;width: 12vw;display: flex;flex-direction: row;flex-wrap: wrap;top: 16vw;}
    .evMain .deco li:nth-child(2){left: unset;right: 9%;top: 17vw;}
    .evMain .deco li:nth-child(3){left: unset;right: 2%;top: 10vw;}
    .evMain .deco li span{flex: 1}
    .evMain .fight{position: relative;margin: 0 10%;}
    .evMain .fight i{left: 1%;width: 19%;}
    .evMain .fight i:nth-child(2){right: 1%;}
    .evMain .fight p{font-size: clamp(16px,3.5vmin,30px);height: auto;padding: 3% 0 4%;}
    .evMain .point{margin: 5% 0 8%;font-size: clamp(15px,3vmin,25px);line-height: 1.4;}
    .evMain .count{font-size: 15px;}
    .evMain .count strong{font-size: 1.2em;margin: -3px 3px 0 10px;}

    .evSection.evCon1{padding: 10px 0 clamp(70px,20vmin,150px);}
    .evCon1 .result_rank ul li .ranking{width: 9%}
    .evCon1 .result_rank ul li .ranking i{margin: 0% 0 18%}
    .evCon1 .result_rank ul li .charactor{width: 18%;}
    .evCon1 .result_rank ul li .tit{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap}
    .evCon1 .result_rank ul li .tit .lv{padding: 1% 4% 1.5%;margin: 0 0 1%;font-size: clamp(12px,2.2vmin,15px)}
    .evCon1 .result_rank ul li .tit .discript{font-size: clamp(15px,2.5vmin,20px);margin: 0}
    .evCon1 .result_rank ul li .tit .hashtag{font-size: clamp(14px,2vmin,15px)}

    .evCon1 {padding: 14% 0 10%} 
    .evCon1 .result_rank ul {padding: 4% 7%;display: inline-flex;flex-direction: column}
    .evCon1 .result_rank ul li {gap: 2%;display: flex;flex-direction: row;flex-wrap: wrap;padding: 4% 3%}
    .evCon1 .result_rank ul li .tit {flex: 1;text-align: left}
    .evCon1 .result_rank ul li i {font-size: 17px} 
    .evCon1 .result_rank .sns{margin: 0 23%;gap: 8%;display: flex;flex-direction: row;}
    .evCon1 .result_rank .point_tit{padding: 3% 0;}

    .evCon2 {padding: 4.5% 0 2.5%} 
    .evCon2 .con_tit {font-size: 28px; margin: 0 0 2%} 
    .evCon2 .evbtn_wrap {width: 100%} 
    .evCon2 .tiny_noti {margin: 5px 0 0 20px} 
    .evCon2 .evbtn_wrap .btn {font-size: 21px; padding: 21px 0} 

    .evSection.evCon2,
    .evSection.evCon3,
    .evSection.evCon4{padding: clamp(70px,20vmin,150px) 0;}
    .evCon4 .gift {gap: 5%;margin: 0 0 6%;padding: 8% 0 0}

    .event .con_tit i{top:-10%}
    .event .schedule {margin: 3.8% 0 7.5%; padding: 12px 0} 
    .event .schedule dl {font-size: 17px} 
    .event .schedule dl:first-child {margin-right: 20px} 
    .event .schedule dl dd .tiny_txt {font-size: 12px} 

    .eventBoard .evtBoard_common .board_write {padding: 0 0} 
    .evtBoard_common .board_write .btn_wrap {width: 100%} 

    .main_tit{background-size: cover;padding: 5% 0 0;margin: 0 0 40px;}
    .main_tit span{font-size: clamp(15px,3vmin,20px);width: auto;padding: clamp(8px,4vmin,10px) clamp(20px,3.0vmin,25px);height: auto;margin: 0 0 2%;}
    .main_tit  > img{width: clamp(300px,70vmin,600px);}

    .after .con_tit, .erratum .con_tit{font-size: clamp(19px,4vmin,30px);padding: 0;}

    .subjSelect_wrap ul{margin: 0 0 40px;padding: 30px 0;font-weight: 500;}
    .subjSelect_wrap .subj_wrap .evbtn_wrap + .tiny_noti{font-size: 13px;}
    /* quiz */
    .quiz {padding: 0 0 15%} 
    .quiz .quiz_zone {padding: 0 2%;} 
    .quiz .quiz_zone .qstn_con .next {padding: 0 15%; display: block} 
    .quiz .quiz_zone .qstn_con .arrow_wrap{width: calc(100% + 20px);left: -10px;z-index: 1;}
    .quiz .quiz_zone .qstn_con .arrow_wrap a{padding: 0;background-size: 18px;}
    .question{padding: 30px 20px;}
    .question .txt{padding: 25px 25px;}
    .question .borblank.long{width: 110px;}

    .after {padding: 0 0 15%} 
    .after .result p{top: unset;bottom: 78%;font-size: clamp(13px,3vmin,26px);}
    .after .result_txt{font-size: clamp(15px,2.5vmin,20px);}
    .after .sns {margin: 5% 14% 10%;gap: 7%;}
    .after .after_evbtn_wrap{gap: 10px;}
    .after_evbtn_wrap li a img{width: clamp(10px,2vmin,12px);margin: 0 0 0 5px;}
    .after_evbtn_wrap li.again_btn a img{width: clamp(15px,2.7vmin,23px);}
    .after_evbtn_wrap li a{font-size: 18px;}

    .after .link li:first-child{margin-bottom: 10px;}
    .after .link li a{padding: 0 40% 0 0;}
    .after .link li a .click{top: 50%;transform: translateY(-50%);}

    .container_info{margin: 0 0 0;padding: 12px 0;display: inline-flex;width: 100%;justify-content: center;font-size: clamp(14px,2.5vmin,20px);}

    .stepinfo_wrap{padding: 4% 5%;}
    .stepinfo_wrap li{position: relative;padding: 3% 0 3% 30px;font-size: clamp(13px,2.2vmin,17px);width:100%}
    .stepinfo_wrap li+li{border-top: 1px solid #ddd;margin: 0 0 0;}
    .stepinfo_wrap li i{top: 50%;margin: -12px 0 0;}
    .stepinfo_wrap li:nth-child(2) i{background-position: 0 -64px;}
    .stepinfo_wrap li:nth-child(3) i{background-position: 0 -126px;}
    .stepinfo_wrap li:nth-child(4) i{background-position: 0 -219px;}
    .stepinfo_wrap li strong{font-weight: 900;}
    .stepinfo_wrap li .hash{color: var(--point-color1);display: block;padding: 4px 0 0;}

    .erratum .after_evbtn_wrap{position: fixed;bottom: 71px;left: 0;width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;gap: 0;z-index: 1;}
    .erratum .after_evbtn_wrap li.again_btn{width: 50%;border-radius: 0;}
    .erratum .after_evbtn_wrap li:nth-child(1){background: var(--point-color1);}
    .erratum .after_evbtn_wrap li:nth-child(2){background: var(--point-color3);}
    .erratum .after_evbtn_wrap li img{display:none}
    .erratum .after_evbtn_wrap li a{color:#fff}

    .warningList li ul li a {color: #ff0000; padding: 0 0; margin-left: 0} 

    /*about 20240809Ãß°¡*/
    .evCon1_2 {padding: 12% 0;}
    .evCon1_2 .sub_tit {width: 100%;font-size: clamp(17px,3vmin,33px);}
    .evCon1_2 .sub_tit  span {padding: 0 3%;} 
    .evCon1_2 .btn_wrap {gap: 5px;}
    .evCon1_2 .btn_wrap .btn {font-size: clamp(13px,1.8vmin,18px); width: calc(33.333% - 5px);}


}








@media (max-width: 992px){




    .event .schedule dl {font-size: 15px} 

    .eventBoard .evtBoard_common .info_wrap.with_tip .tip_list{margin: 0 0 10px;}
    .eventBoard .evtBoard_common .info_wrap.with_tip button{border: 1px solid var(--point-color1);padding: 2px 9px;width: 100%;display: block;float: none;clear: both;margin: 0 0 0;}




}





@media (max-width: 576px){




    /* °øÅë */
    .evSection .con_tit .tiny {padding:5px 0 0}
    .evSection .con_tit .tiny.top {padding:0 0 5px}

    .eventWrap a.btn{width: 100%;padding: 15px 0;font-size: clamp(15px,2.5vmin,20px);}

    /*fixed button*/
    .btn_mobile {bottom:55px} 
    .btn_mobile a {height: 65px} 
    .btn_mobile a img {height:22px; margin-left:5px} 

    .evMain .con2 {font-size: 15px} 
    .evMain .deco{display: none;}
    .evMain h3{margin: 0 9% 5%;}
    .evMain .fight{margin: 0 3%;}

    .evCon1 .result_rank .point_tit {padding: 3% 0}

    .evCon2 .con_tit {font-size: 20px} 
    .evCon2 .evbtn_wrap .btn {font-size: 16px} 

    .event .schedule dl {font-size: 13px} 
    .evCon4 .gift{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;gap: 0% 3%;margin: 0 0 8%;}
    .evCon4 .gift li{width: 48%;margin: 0;}

    .subjSelect_wrap ul li {font-size: 13px;margin-bottom: 7px;} 
    .subjSelect_wrap .subj_wrap .evbtn_wrap {gap: 10px;margin: 0 30px 10px;} 
    .subjSelect_wrap .subj_wrap .evbtn_wrap .btn {padding: 20px 0;} 

    .question{padding: 25px 15px;margin: 20px 0;line-height: 1.5;}
    .quiz .sub_name {font-size: 15px;padding: 8px 0;width: 120px;} 
    .quiz .quiz_zone .qstn_con .time .num{font-size: 15px;}
    .quiz .quiz_zone .qstn_con .time .bar_wrap .bar {height: 10px;} 
    .question .type {font-size: 13px} 
    .question .tit {font-size: 15px;} 
    .question .txt {font-size: 13px;padding: 25px 15px;margin: 10px 0 20px;} 
    .question .txt .int{padding: 0 0 0 16px;text-indent: -16px;}
    .question .txt .int.num{padding: 0 0 0 14px;text-indent: -14px;}
    .question .txt .int.num2{padding: 0 0 0 14px;text-indent: -14px;margin-left: 10px;}
    .question .txt .bor{padding: 20px 10px 15px;}
    .question .txt .bor .toptit{top: -10px;font-size: 13px;}
    .question ul li {font-size: 13px;text-indent: -15px;padding-left: 15px;margin: 0 0 5px;line-height: 1.3;} 
    .question ul li.tbl_tit {padding-left: 15px} 
    .quiz .quiz_zone .qstn_con .answer {gap: 20px;} 
    .quiz .quiz_zone .qstn_con .answer li a {font-size: 15px;width: 40px;line-height: 38px;} 
    .question ul li .tbl div:first-child {width: 70px} 
    .question ul li .tbl div:last-child {width: 195px; padding: 0 10px} 
    .question .borblank{width: 120px;height: 20px;}
    .question .line{text-underline-offset:3px}

    #afterSubj_wrap {margin: 23px 0 15px} 
    #afterSubj_wrap .item a {font-size: 17px; padding: 10px 0} 
    .after .result_txt {padding: 10px 0;margin: 0px 0 20px;font-weight: bold;} 
    .after .tip {font-size: 13px; margin: 15px 0 40px} 
    .after .solution {font-size: 14px;padding: 20px 0px;line-height: 1.3;border-width: 2px;} 
    .after .solution::before, 
    .after .solution::after,
    .after .solution i::before, 
    .after .solution i::after{display:none} 
    .after .after_evbtn_wrap {margin: 25px 0 60px; gap: 10px} 
    .after_evbtn_wrap li a {font-size: 14px;padding: 15px 0;} 
    .after .link {margin: 20px 0 0} 
    .after .link li a{padding: 0 17% 0 0;}
    .after .link li a .click{right: 2%;width: 60px;}
    .after .result{margin: 0;overflow: hidden;}
    .after .result > img{max-width: 130%;width: 130%;margin: 0 0 0 -15%;}
    .after .result p{font-size: clamp(15px,3vmin,26px);}
    .erratum .after_evbtn_wrap {gap: 0;margin: 0;bottom: 55px;} 
    .erratum table tr th, .erratum table tr td{font-size: 13px;}

    [class*=mg_popup_wrap] .b_tit {font-size: 18px} 
    .mg_tb_form th, .mg_tb_form td {height: 30px; font-size: 13px} 
    [class*=mg_popup_wrap] button.mfp-close, 
    [class*=mg_popup_wrap] .mg_popup_close, 
    [class*=mg_popup_wrap] button.mfp-arrow {width: 25px;height: 25px;background-position: center;top: -33px;right: 5%;} 
    .dim_popup.sns .btnConfirm {width: 80px; margin: 20px auto 0} 
    .dim_popup.sns .tit {font-size: 18px} 


    [class*=mg_popup_wrap]#popupScore .content_area .content_inner .question{padding: 20px 10px;font-size: 13px;}
    [class*=mg_popup_wrap]#popupScore .content_area .content_inner .question .tit{font-size: 14px;}
    .erratum table tr th, .erratum table tr td{padding-left: 5px;padding-right: 5px;}

    /*about 20240809Ãß°¡*/
    .evCon1_2 .btn_wrap {flex-direction: column;gap: 10px;}
    .evCon1_2 .btn_wrap .btn {width: 80%;}
}