@charset "utf-8";
@font-face {
    font-family: 'CookieRun-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/CookieRun-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {max-height: 1000000px;margin: 0;padding: 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;outline: none}
textarea {overflow:auto; resize:none}
img {max-width:100%;}

body {display:block;}
input::-webkit-input-placeholder {color:#c8c8c8;}
input:-ms-input-placeholder {color:#c8c8c8;}
input::placeholder {color:#c8c8c8;}
textarea::-webkit-input-placeholder {color:#c8c8c8;}
textarea:-ms-input-placeholder {color:#c8c8c8;}
textarea::placeholder {color:#c8c8c8;}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn {box-shadow:none;}
footer {margin-bottom:-60px;}
footer .m_fm.on {bottom:253px !important;}

.evWrap {position:relative; min-width:360px; overflow:hidden;}

.gloHeader {display:flex; justify-content:space-between; align-items:center; position:absolute; left:0; top:0; padding:50px 80px; width:100%; z-index:100;}
.gloHeader .brand a {display:block; width:97px; height:26px; background:url(../images/logo_mi_black.svg) no-repeat 50% 50%; background-size:auto 100%;}
.gloHeader .gloUtil {display:flex; justify-content:flex-start; align-items:center; gap:17px;}
.gloHeader .gloUtil .account {display:flex; justify-content:flex-start; align-items:center; gap:26px;}
.gloHeader .gloUtil .account .txtMenu {display:block; position:relative;}
.gloHeader .gloUtil .account .txtMenu a {display:block; color:#FFF; font-size:14px; font-weight:500; padding:12px 14px; border-radius:50px; border:1px solid #FFF;}
.gloHeader .gloUtil .logo a {display:block; width:105px; height:44px; background:url(../images/logo_mt_all.svg) no-repeat 50% 50%; background-size:100%;}

.innerCon {position:relative; width:100%; max-width:1200px; margin:0 auto;}

.evHeadSec {position:relative; background:#bd5cff url(../images/ev/head_ptn.png) repeat left top; background-size:42px;}
.evHeadSec .innerCon .deco {position:absolute; z-index:20;}
.evHeadSec .innerCon .deco.topLeft {width:357px; height:510px; left:-170px; top:-140px; background:url(../images/ev/deco_head_top.png) no-repeat 50% 50%; background-size:100%;}
.evHeadSec .innerCon .deco.btmLeft {width:299px; height:150px; left:-210px; bottom:175px; background:url(../images/ev/deco_head_cloud.png) no-repeat 50% 50%; background-size:100%;}
.evHeadSec .innerCon .deco.btmRight {width:374px; height:389px; right:-265px; bottom:-69px; background:url(../images/ev/deco_head_right.png) no-repeat 50% 50%; background-size:100%;}
.evHeadSec h2 {position:absolute; left:50%; top:23%; width:100%; max-width:1200px; transform:translate(-50%, 0); z-index:10;}
.evHeadSec .imgSec {position:relative; height:100%; background:url(../images/ev/obj_game_pc.png) no-repeat 50% top; background-size:100% auto;}
.evHeadSec .imgSec img {position:relative; z-index:1;}
.evHeadSec .imgSec .txtSec {position:absolute; left:0; top:67%; width:100%; padding:0 12.5%; z-index:2;}
.evHeadSec .imgSec .txtSec .evHeadTxt {position:relative; min-height:250px; display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center;}
.evHeadSec .imgSec .txtSec .evHeadTxt:before {content:''; position:absolute; left:0; top:0; width:100%; height:77px; background:url(../images/ev/g_box_top.png) no-repeat left top; background-size:100%; z-index:1;}
.evHeadSec .imgSec .txtSec .evHeadTxt:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/ev/g_box_bg.png) no-repeat left bottom; background-size:100%;}
.evHeadSec .imgSec .txtSec .evHeadTxt .title {color:#FEF6A1; font-size:40px; font-weight:800; margin-bottom:10px; position:relative; z-index:1;}
.evHeadSec .imgSec .txtSec .evHeadTxt .desc {color:#FFF; font-size:30px; font-weight:500; line-height:1.35; position:relative; z-index:1;}
.evHeadSec .imgSec .txtSec .evHeadTxt .desc span {color:#FEF6A1; font-size:30px; font-weight:500;}
.evHeadSec .imgSec .txtSec .evInfo {display:flex; justify-content:center; align-items:center; gap:30px; margin-top:30px; padding:0 30px;}
.evHeadSec .imgSec .txtSec .evInfo li {width:calc(50% - 15px); display:flex; justify-content:flex-start; align-items:center; gap:20px; position:relative;}
.evHeadSec .imgSec .txtSec .evInfo li:after {content:''; position:absolute; right:0; top:0; width:1px; height:30px; background:#C992F0;}
.evHeadSec .imgSec .txtSec .evInfo li:last-child:after {display:none;}
.evHeadSec .imgSec .txtSec .evInfo li .item {display:flex; justify-content:flex-start; align-items:center; gap:8px; color:#000; font-size:30px; font-weight:800;}
.evHeadSec .imgSec .txtSec .evInfo li .item:before {content:''; width:18px; height:23px; background:url(../images/ev/ar_info.svg) no-repeat 50% 50%; background-size:100%;}
.evHeadSec .imgSec .txtSec .evInfo li .ipCon {color:#000; font-size:30px; font-weight:400;}

.evGiftSec {position:relative; background:#80EBE1; padding:80px 0 100px;}
.evTitleSec {position:relative; text-align:center;}
.evTitleSec .desc {display:block; margin:0 auto; width:432px;}
.evTitleSec .evTitle {font-family: 'CookieRun-Regular'; font-size:60px; font-weight:700; color:#FFF; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 4px 0 #000; line-height:1.3;}
.evTitleSec .evTitle br {display:none;}
.evTitleSec .evTitle span {font-family: 'CookieRun-Regular'; font-size:60px; font-weight:700; color:#FEF6A1;}
.evTitleSec .misRound {position:relative; width:230px; margin:0 auto 6px;}
.evTitleSec .misRound .period {position:absolute; right:-82%; top:0; padding:8px 20px 6px; background:#A1EBE3; border-radius:10px; color:#000; font-size:22px; font-weight:500;}
.evTitleSec .misRound .period:after {content:''; position:absolute; left:5px; bottom:-8px; width:21px; height:20px; background:url(../images/ev/tail_mis.svg) no-repeat 50% 50%; background-size:100%;}
.evTitleSec .guideTxt {color:#000; font-size:30px; font-weight:500; margin-top:30px; line-height:1.4;}
.evTitleSec .cauTxt {color:#000; font-size:24px; font-weight:500; margin-top:5px; line-height:1.4;}
.evTitleSec .guideTxt strong {font-size:30px; font-weight:700;}

.evTitleSec .rollingTxt {display:block; position:relative; width:100%; max-width:432px; margin:0 auto;}
.evTitleSec .rollingTxt .inRolling {position:absolute; left:0; bottom:20px; width:100%;}
.evTitleSec .rollingTxt .inRolling .swiper-wrapper {transition-timing-function: linear !important;}
.evTitleSec .rollingTxt .inRolling .swiper-slide {width:auto;}
.evTitleSec .rollingTxt .inRolling .swiper-slide:nth-child(odd) {opacity:0.5;}

.evGiftBox {position:relative; background:rgba(255, 255, 255, 0.25); border-radius:30px; padding:80px 40px; margin-top:60px;}
.evGiftBox .giftList {display:flex; justify-content:center; align-items:stretch; gap:80px; flex-wrap:wrap; margin-bottom:60px;}
.evGiftBox .giftList:last-of-type {gap:70px;}
.evGiftBox .giftList .perGift {width:300px; max-width:calc(33.33334% - 20px);}
.evGiftBox .giftList .perGift .thumb {position:relative;}
.evGiftBox .giftList .perGift .thumb .target {position:absolute; right:-40px; bottom:-30px; width:85px; height:86px; background:url(../images/ev/ico_target.svg) no-repeat 50% 50%; background-size:100%; display:flex; justify-content:center; align-items:center; color:#000; font-size:30px; font-weight:900;}
.evGiftBox .giftList .perGift .awTxt {margin-top:16px; text-align:center; color:#000; font-size:24px; font-weight:600; line-height:1.3;}
.evGiftBox .raTxt {text-align:center; color:#000; font-size:22px; font-weight:400; opacity:0.5;}

.repGift {position:relative; display:flex; justify-content:flex-start; align-items:center; gap:40px; padding:42px 70px 0; margin-top:30px;}
.repGift:before {content:''; position:absolute; left:0; top:0; width:100%; height:1px; border-top:1px dashed #43D7C7;}
.repGift .txtSec {width:calc(65% - 40px); flex:1 0 auto; text-align:center;}
.repGift .txtSec .ico {display:block; width:107px; margin:0 auto;}
.repGift .txtSec .title {font-family: 'CookieRun-Regular'; font-size:52px; font-weight:700; color:#FFF; text-shadow: -1px -1px 0 #00A795, 1px -1px 0 #00A795, -1px 1px 0 #00A795, 1px 1px 0 #00A795, 0 4px 0 #00A795; text-align:center; line-height:1.3;}
.repGift .txtSec .desc {display:inline-flex; padding:8px 20px 6px; justify-content:center; align-items:center; gap:34px; color:#FFF; font-size:24px; background:#43D7C7; border-radius:10px; margin-top:16px; font-weight:500;}
.repGift .txtSec .desc span {position:relative; color:#FEF6A1; font-weight:700; font-size:24px;}
.repGift .txtSec .desc span:before {content:'/'; position:absolute; left:-20px; top:2px; color:#FFF; opacity:0.5; font-size:18px;}
.repGift .imgSec {width:35%; flex:0 0 auto;}

.evMission {position:relative; padding:80px 0 100px;}
.evMission.first {background:#43D7C7 url(../images/ev/bg_sec03.jpg) no-repeat 50% bottom; background-size:cover;}
.evMission.second.before {background:#FFF url(../images/ev/bg_sec04.jpg) no-repeat 50% bottom; background-size:cover;}
.evMission.second.after {background:#FFF url(../images/ev/bg_sec04.jpg) no-repeat 50% calc(100% - 130px); background-size:cover;}

.mis01Cont {position:relative; width:100%; max-width:974px; margin:68px auto 0;}
.mis01Cont .differBox {position:relative; margin-bottom:60px;}
.mis01Cont .differBox:before {content:''; position:absolute; left:-118px; bottom:-78px; width:288px; height:118px; background:url(../images/ev/fr_deco03.png) no-repeat 50% 50%; background-size:100%; z-index:10;}
.mis01Cont .differBox:after {content:''; position:absolute; right:-118px; bottom:-78px; width:288px; height:118px; background:url(../images/ev/fr_deco04.png) no-repeat 50% 50%; background-size:100%; z-index:10;}
.mis01Cont .differBox .schoolTab {display:flex; justify-content:center; align-items:center; gap:48px; margin-bottom:30px;}
.mis01Cont .differBox .schoolTab a {position:relative; display:block; color:#FFF; font-size:40px; font-weight:500;}
.mis01Cont .differBox .schoolTab a:after {content:''; position:absolute; right:-24px; top:0; width:1px; height:30px; background:#80EBE1;}
.mis01Cont .differBox .schoolTab a:last-child:after {display:none;}
.mis01Cont .differBox .schoolTab a.on {color:#FEF6A1; font-weight:700;}
.mis01Cont .differBox .schoolTab a.on:before {content:''; position:absolute; left:50%; top:-16px; width:8px; height:8px; background:#FEF6A1; border-radius:50%; transform:translate(-50%, 0);}
.mis01Cont .btnArea {display:flex; justify-content:center; align-items:center;}

.differList {position:relative; display:none;}
.differList .in {display:flex; justify-content:flex-start; align-items:flex-start; gap:16px; position:relative; flex-wrap:wrap;}
.differList .in .perQuest {position:relative; width:calc(33.33334% - 11px);}
.differList .in .perQuest:after {content:''; display:block; position:absolute; width:100%; height:calc(100% - 44px); left:-6px; bottom:5px; border-radius:4px; background:#000; mix-blend-mode: soft-light; filter: blur(1px); opacity:0.5;}
.differList .in .perQuest a {position:relative; display:block; z-index:1; padding:42px 18px 18px;}
.differList .in .perQuest a .frame {position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/ev/frame01.png) no-repeat 50% 50%; background-size:100%;}
.differList .in .perQuest:nth-child(2n) a .frame {background:url(../images/ev/frame02.png) no-repeat 50% 50%; background-size:100%;}
.differList .in .perQuest:nth-child(3):before {content:''; position:absolute; right:-43px; top:-52px; width:62px; height:105px; background:url(../images/ev/fr_deco01.png) no-repeat 50% 50%; background-size:100%; z-index:10;}
.differList .in .perQuest:nth-child(4):before {content:''; position:absolute; left:-38px; top:103px; width:54px; height:58px; background:url(../images/ev/fr_deco02.png) no-repeat 50% 50%; background-size:100%; z-index:10;}

.hintBox {position:relative; background:#26BCAB; border-radius:30px; padding:28px 60px; margin-top:64px;}
.hintBox:before {content:''; position:absolute; left:-70px; top:50%; transform:translate(0, -50%); width:124px; height:109px; background:url(../images/ev/ico_guide.png) no-repeat 50% 50%; background-size:100%; z-index:1;}
.hintBox ul {display:flex; justify-content:center; align-items:center; gap:6px; flex-direction:column;}
.hintBox ul li {display:flex; justify-content:flex-start; align-items:flex-start; gap:6px; color:#FFF; font-size:24px; font-weight:400; line-height:1.3; position:relative;}
.hintBox ul li:before {content:'*';}

.differPop {position:fixed; left:50%; top:50%; width:100%; max-width:1000px; height:auto; overflow:hidden; border-radius:30px; border:2px solid #FFF; transform:translate(-50%, -50%); z-index:1200; background:#FEF6A1 url(../images/ev/bg_pop_top.png) no-repeat left top; background-size:100% auto; padding:0 50px 40px; text-align:center; display:none;}
.differPop:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background:url(../images/ev/bg_pop_cloud.png) no-repeat center bottom; background-size:100%;}
.differPop .differClose {position:absolute; right:30px; top:30px; width:40px; height:40px; background:url(../images/ev/ico_close.png) no-repeat 50% 50%; background-size:36px; z-index:1; cursor:pointer;}
.differPop .dfTitle {text-align:center; padding:30px 0; color:#000; font-size:28px; font-weight:500; line-height:1.3;}
.differPop .dfTitle span {color:#000; font-size:28px; font-weight:500;}
.differPop .dfTitle span#differ_pop_title {color:#000ecb; font-weight:500;}
.differPop .dfTitle strong {color:#FF4C9F; font-size:28px; font-weight:500;}
.differPop .solveBox {position:relative; z-index:10;}
.differPop .solveBox .rdySec {display:flex; justify-content:flex-start; align-items:stretch; position:relative; border:1px solid #000;}
.differPop .solveBox .rdySec:after {content:''; position:absolute; right:-2px; bottom:-3px; width:62px; height:67px; background:url(../images/ev/blind_tail.png) no-repeat 50% 50%; background-size:100%;}
.differPop .solveBox .rdySec .notYet {width:50%; position:relative; display:flex; justify-content:center; align-items:center; color:rgba(0, 0, 0, 0.05); font-size:100px; font-weight:700; background:#787878 url(../images/ev/head_ptn.png) repeat left top; background-size:40px; border-right:1px solid #000;}
.differPop .solveBox .rdySec .notYet:after {content:''; display:block; height:auto; padding-bottom:133.333%;}
.differPop .solveBox .rdySec .notYet:last-child {border-right:0;}
.differPop .solveBox a.startDiffer {display:block; width:206px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1;}
.differPop .popFunc {display:flex; justify-content:center; align-items:center; margin-top:26px; position:relative;  z-index:10;;}
.differPop .timeSet {display:inline-flex; justify-content:center; align-items:center; background:#E7E7E7; border-radius:10px; color:#000; font-size:26px; font-weight:500; gap:16px; padding:10px 30px;}
.differPop .timeSet .count {padding:8px 20px 6px; border-radius:8px; border:1px solid rgba(255, 255, 255, 0.5); background:#838383; color:#FEF6A1; font-size:26px; font-weight:800;}

.differPop .solveBox .startSec {display:flex; justify-content:flex-start; align-items:stretch; position:relative;}
.differPop .solveBox .startSec > div {width:50%; position:relative;}
.differPop .solveBox .startSec .originalImg {line-height:0; border:1px solid #000;}
.differPop .solveBox .startSec .originalImg img {display:block; width:100%; max-width:none;}
.differPop .solveBox .startSec .solveImg {line-height:0; position:relative; border:4px solid #2a9111;}
/* .differPop .solveBox .startSec .solveImg:after {content:''; position:absolute; left:0; top:0; width:calc(100% - 6px); height:calc(100% - 6px); border:4px solid #2a9111;} */
.differPop .solveBox .startSec .solveImg img {cursor:pointer; display:block; width:100%; max-width:none;}
.differPop .solveBox .startSec .solveImg .ansPoint {position:absolute; width:14.2538%; height:9.1973%; z-index:10;}
.differPop .solveBox .startSec .solveImg .ansPoint a {display:block; width:100%; height:100%;}
.differPop .solveBox .startSec .solveImg .ansPoint a.on {background:url(../images/ev/mark_collect.svg) no-repeat 50% 50%; background-size:100%;}

.mis02Cont {position:relative;}
.mis02Cont:before {content:''; position:absolute; left:-300px; top:-200px; width:458px; height:608px; background:url(../images/ev/deco_sec04.png) no-repeat 50% 50%; background-size:100%;}
.mis02Cont .quizBox {position:relative; background:url(../images/ev/bg_paper.png) no-repeat 50% 50%; background-size:cover; border:1px solid #000; margin-top:60px; padding:40px 0;}
.mis02Cont .quizBox:before {content:''; position:absolute; right:-50px; top:-50px; width:210px; height:152px; background:url(../images/ev/quiz_sticker.png) no-repeat 50% 50%; background-size:100%;}
.mis02Cont .quizBox:after {content:''; position:absolute; right:-64px; bottom:-34px; width:150px; height:299px; background:url(../images/ev/quiz_flower.png) no-repeat 50% 50%; background-size:100%;}
.mis02Cont .quizBox .correct {position:relative; width:100%; max-width:860px; margin:0 auto; display:flex; justify-content:flex-start; align-items:flex-start; gap:20px; flex-direction:column;}
.mis02Cont .quizBox .correct .qTxt {display:flex; justify-content:flex-start; align-items:center; padding:0 66px; gap:8px; width:100%;}
.mis02Cont .quizBox .correct .qTxt .droppable {display:inline-block; width:90px; height:60px; position:relative; background:url(../images/ev/q_correct_box.svg) no-repeat 50% 50%; background-size:100%;}
.mis02Cont .quizBox .correct .qTxt .ui-droppable-disabled {background:transparent;}

.mis02Cont .quizBox .correct .qTxt .inTxt img {height:31px;}
.mis02Cont .quizBox .correct .qTxt .partTxt {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.mis02Cont .quizBox .correct .qTxt.t04 {padding:40px 0 0 66px; position:relative;}
.mis02Cont .quizBox .correct .qTxt.t04:after {content:''; position:absolute; left:0; top:4px; width:100%; height:26px; background:url(../images/ev/quiz_line.png) no-repeat 50% 50%; background-size:100%;}
.mis02Cont .quizBox .correct .qTxt.t04:before {content:''; position:absolute; left:0; top:-30px; width:31px; height:30px; background:url(../images/ev/quiz_plus.svg) no-repeat 50% 50%; background-size:100%;}
.mis02Cont .quizBox .correct .qTxt.t04 .inTxt img {height:40px;}
.mis02Cont .btnArea {display:flex; justify-content:center; align-items:center; gap:24px; margin-top:50px;}

.exampleList {display:flex; justify-content:center; align-items:center; gap:20px;}
.exampleList .draggable {position:relative; z-index:10; background:url(../images/ev/q_ex_off.svg)no-repeat 50% 50%; background-size:100%; width:90px; height:60px;}
.exampleList .draggable.ui-draggable-disabled#draggable1 {background:url(../images/ev/q_correct01.svg) no-repeat 50% 50%; background-size:100%;}
.exampleList .draggable.ui-draggable-disabled#draggable2 {background:url(../images/ev/q_correct02.svg) no-repeat 50% 50%; background-size:100%;}
.exampleList .draggable.ui-draggable-disabled#draggable3 {background:url(../images/ev/q_correct03.svg) no-repeat 50% 50%; background-size:100%;}
.exampleList .draggable.ui-draggable-disabled#draggable4 {background:url(../images/ev/q_correct04.svg) no-repeat 50% 50%; background-size:100%;}
.exampleList .draggable.ui-draggable-disabled#draggable1 img {display:none;}
.exampleList .draggable.ui-draggable-disabled#draggable2 img {display:none;}
.exampleList .draggable.ui-draggable-disabled#draggable3 img {display:none;}
.exampleList .draggable.ui-draggable-disabled#draggable4 img {display:none;}
.exampleList .exTxt {display:inline-block; width:90px; height:60px; cursor:pointer; position:relative;}
.exampleList .exTxt img {display:none;}
.exampleList .exTxt:hover img {display:block;}

.dragWrap {position:relative; z-index:20; margin-top:30px;}
.dragWrap .shadowList {position:absolute; left:0; top:0; width:100%; height:auto; display:flex; justify-content:center; align-items:center; gap:20px; z-index:0 !important;}
.dragWrap .cauTxt {text-align:center; margin:30px auto 50px;}
.dragWrap .cauTxt br {display:none;}
.droppable {position: relative;}

.shake {
	animation: shake 1.0s;
}

.opaCont {
	animation: fade 1.0s;
}

@keyframes fade {
	0% {opacity:0.3;}
	50% {opacity:0.3;}
	100% {opacity:0.3;}
}

@keyframes shake {
	0% { background:#FFF; transform:scale(0.5); opacity:1; border-radius:10px;}
	100% { background:#FFF; transform:scale(1.2); opacity:1; border-radius:10px;}
}

.correct-drop {
	animation: correct-drop 1.0s;
}

@keyframes correct-drop {
	0% { background:#43d7c7; transform:scale(0.5); opacity:1; border-radius:50%;}
	50% { background:#43d7c7; transform:scale(2.0); opacity:0; border-radius:50%;}
	100% { background:#43d7c7; transform:scale(0.5); opacity:0; border-radius:50%;}
}

.hintPop {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:860px; border-radius:30px; border:1px solid #000; background:url(../images/ev/hint_bg.jpg) no-repeat 50% 50%; background-size:100%; padding:106px 50px 50px; z-index:1200; display:none;}
.hintPop .hintDeco {position:absolute; left:53px; top:-80px; width:214px; height:162px; background:url(../images/ev/hint_deco.png) no-repeat 50% 50%; background-size:100%;}
.hintPop .hintClose {position:absolute; right:30px; top:30px; width:40px; height:40px; background:url(../images/ev/ico_close.png) no-repeat 50% 50%; background-size:36px; z-index:1; cursor:pointer;}
.hintPop .perHint {display:flex; justify-content:flex-start; align-items:flex-start; gap:10px; padding-bottom:30px; margin-bottom:30px; border-bottom:2px solid #ccc;}
.hintPop .perHint:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0;}
.hintPop .perHint .hItem {width:51px; height:52px; background:url(../images/ev/hint_item.png) no-repeat 50% 50%; background-size:100%; display:flex; justify-content:center; align-items:center; text-align:center; color:#FEF6A1; font-size:28px; font-weight:700; flex:0 0 auto; padding-bottom:5px;}
.hintPop .perHint .hintCont {width:calc(100% - 61px);}
.hintPop .perHint .hintCont .txt {color:#000; font-size:22px; font-weight:500; line-height:1.4;}
.hintPop .perHint .hintCont .txt.flex {display:flex; justify-content:flex-start; align-items:flex-start; gap:20px;}
.hintPop .perHint .hintCont .txt span {color:#000; font-size:22px; font-weight:700; display:inline-block;}
.hintPop .perHint .hintCont .hintTxt {display:flex; justify-content:flex-start; align-items:center; gap:14px; margin-top:14px;}
.hintPop .perHint .hintCont .hintPoint {padding:6px 18px 3px; border:1px solid #000; color:#000; font-size:18px; font-weight:700; border-radius:100px; background:#FEF6A1; position:relative;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
}
.hintPop .perHint .hintCont .hintTxt .hintPoint:after {content:''; position:absolute; right:-30px; top:-6px; width:36px; height:14px; background:url(../images/ev/hint_ar.png) no-repeat 50% 50%; background-size:100%;}
.hintPop .perHint .hintCont .hintTxt .inTxt {color:#000; font-size:22px; font-weight:400;}
.hintPop .perHint .hintCont .guideTxt {color:#000; font-size:22px; font-weight:400; margin-top:6px;}

.eventCauSec {position:relative; background:#aaa; padding:80px 0;}
.cauCon {position:relative;}
.cauCon .title {display:flex; justify-content:center; align-items:center; color:#FFF; font-size:40px; font-weight:700; position:relative; margin-bottom:40px; gap:10px;}
.cauCon .title:before {content:''; width:43px; height:43px; background:url(../images/ev/ico_cau_w.svg) no-repeat 50% 50%; background-size:100%;}
.cauCon .cauBox {position:relative; margin-bottom:30px;}
.cauCon .cauBox:last-child {margin-bottom:0;}
.cauCon .cauBox .cauTitle {position:relative; text-align:center; margin-bottom:36px;}
.cauCon .cauBox .cauTitle:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%; height:2px; background:#FEF6A1;}
.cauCon .cauBox .cauTitle span {position:relative; padding:0 18px; color:#FEF6A1; font-size:30px; font-weight:700; background:#aaa; z-index:1;}
.cauCon .cauBox li {display:block; color:#FFF; font-size:24px; line-height:1.6; position:relative; word-break:keep-all; font-weight:400; padding-left:14px;}
.cauCon .cauBox li:after {content:'-'; position:absolute; left:0; top:0px;}

/* 틀린그림 찾기 이미지별 정답영역 */
/* 초등 */
.differPop .solveBox .startSec.ele01 .solveImg .ansPoint.ans01 {right:11%; top:28%;}
.differPop .solveBox .startSec.ele01 .solveImg .ansPoint.ans02 {left:7%; bottom:27%;}
.differPop .solveBox .startSec.ele01 .solveImg .ansPoint.ans03 {right:11%; bottom:15%;}

.differPop .solveBox .startSec.ele02 .solveImg .ansPoint.ans01 {left:54%; top:13%;}
.differPop .solveBox .startSec.ele02 .solveImg .ansPoint.ans02 {right:6%; top:45%;}
.differPop .solveBox .startSec.ele02 .solveImg .ansPoint.ans03 {left:42%; bottom:27%;}

.differPop .solveBox .startSec.ele03 .solveImg .ansPoint.ans01 {left:31%; top:37%;}
.differPop .solveBox .startSec.ele03 .solveImg .ansPoint.ans02 {left:31%; top:66%;}
.differPop .solveBox .startSec.ele03 .solveImg .ansPoint.ans03 {left:37%; bottom:2%;}

.differPop .solveBox .startSec.ele04 .solveImg .ansPoint.ans01 {left:29%; top:27%;}
.differPop .solveBox .startSec.ele04 .solveImg .ansPoint.ans02 {left:43%; top:36%;}
.differPop .solveBox .startSec.ele04 .solveImg .ansPoint.ans03 {left:17%; bottom:6%;}

.differPop .solveBox .startSec.ele05 .solveImg .ansPoint.ans01 {left:28%; top:11%;}
.differPop .solveBox .startSec.ele05 .solveImg .ansPoint.ans02 {left:11%; top:50%;}
.differPop .solveBox .startSec.ele05 .solveImg .ansPoint.ans03 {left:52%; bottom:7%;}

.differPop .solveBox .startSec.ele06 .solveImg .ansPoint.ans01 {left:1%; top:8%;}
.differPop .solveBox .startSec.ele06 .solveImg .ansPoint.ans02 {left:13%; top:67%;}
.differPop .solveBox .startSec.ele06 .solveImg .ansPoint.ans03 {right:7%; bottom:18%;}

/* 중학 */
.differPop .solveBox .startSec.mid01 .solveImg .ansPoint.ans01 {left:43%; top:24%;}
.differPop .solveBox .startSec.mid01 .solveImg .ansPoint.ans02 {right:16%; top:25%;}
.differPop .solveBox .startSec.mid01 .solveImg .ansPoint.ans03 {left:31%; bottom:23%;}

.differPop .solveBox .startSec.mid02 .solveImg .ansPoint.ans01 {right:4%; top:22%;}
.differPop .solveBox .startSec.mid02 .solveImg .ansPoint.ans02 {left:32%; bottom:19%;}
.differPop .solveBox .startSec.mid02 .solveImg .ansPoint.ans03 {right:8%; bottom:8%;}

.differPop .solveBox .startSec.mid03 .solveImg .ansPoint.ans01 {left:34%; top:10%;}
.differPop .solveBox .startSec.mid03 .solveImg .ansPoint.ans02 {right:12%; top:13%;}
.differPop .solveBox .startSec.mid03 .solveImg .ansPoint.ans03 {right:22%; top:50%;}

.differPop .solveBox .startSec.mid04 .solveImg .ansPoint.ans01 {right:17%; top:20%;}
.differPop .solveBox .startSec.mid04 .solveImg .ansPoint.ans02 {left:33%; top:57%;}
.differPop .solveBox .startSec.mid04 .solveImg .ansPoint.ans03 {right:5%; top:58%;}

.differPop .solveBox .startSec.mid05 .solveImg .ansPoint.ans01 {left:47%; top:45%;}
.differPop .solveBox .startSec.mid05 .solveImg .ansPoint.ans02 {left:23%; bottom:20%;}
.differPop .solveBox .startSec.mid05 .solveImg .ansPoint.ans03 {left:65%; bottom:27%;}

.differPop .solveBox .startSec.mid06 .solveImg .ansPoint.ans01 {right:6%; top:15%;}
.differPop .solveBox .startSec.mid06 .solveImg .ansPoint.ans02 {left:0%; bottom:11%;}
.differPop .solveBox .startSec.mid06 .solveImg .ansPoint.ans03 {left:33%; bottom:21%;}

/* 고등 */
.differPop .solveBox .startSec.hig01 .solveImg .ansPoint.ans01 {left:8%; top:6%;}
.differPop .solveBox .startSec.hig01 .solveImg .ansPoint.ans02 {left:35%; bottom:31%;}
.differPop .solveBox .startSec.hig01 .solveImg .ansPoint.ans03 {right:23%; bottom:32%;}

.differPop .solveBox .startSec.hig02 .solveImg .ansPoint.ans01 {left:40%; top:8%;}
.differPop .solveBox .startSec.hig02 .solveImg .ansPoint.ans02 {left:37%; bottom:30%;}
.differPop .solveBox .startSec.hig02 .solveImg .ansPoint.ans03 {left:10%; bottom:4%;}

.differPop .solveBox .startSec.hig03 .solveImg .ansPoint.ans01 {left:25%; top:3%;}
.differPop .solveBox .startSec.hig03 .solveImg .ansPoint.ans02 {left:24%; top:25%;}
.differPop .solveBox .startSec.hig03 .solveImg .ansPoint.ans03 {right:3%; bottom:25%;}

.differPop .solveBox .startSec.hig04 .solveImg .ansPoint.ans01 {left:21%; top:8%;}
.differPop .solveBox .startSec.hig04 .solveImg .ansPoint.ans02 {right:4%; top:48%;}
.differPop .solveBox .startSec.hig04 .solveImg .ansPoint.ans03 {left:57%; bottom:5%;}

.differPop .solveBox .startSec.hig05 .solveImg .ansPoint.ans01 {left:11%; top:16%;}
.differPop .solveBox .startSec.hig05 .solveImg .ansPoint.ans02 {left:15%; bottom:27%;}
.differPop .solveBox .startSec.hig05 .solveImg .ansPoint.ans03 {right:13%; bottom:17%;}

.differPop .solveBox .startSec.hig06 .solveImg .ansPoint.ans01 {right:0%; top:29%;}
.differPop .solveBox .startSec.hig06 .solveImg .ansPoint.ans02 {left:30%; bottom:32%;}
.differPop .solveBox .startSec.hig06 .solveImg .ansPoint.ans03 {left:46%; bottom:12%;}

/******* reviewSec *******/
.evReviewSec {position:relative;}
.evReviewSec .edBoardCont {position:relative; background:url(../images/ev/board_bg.jpg) no-repeat center/cover; background-size:cover; padding:80px 0 130px;}

.edBoard {position:relative; margin-top:110px;}
.edBoard:before {content:''; position:absolute; right:90px; top:-94px; width:170px; height:115px; background:url(../images/ev/board_ico01.png) no-repeat 50% 50%; background-size:100%; z-index:2;}
.edBoard:after {content:''; position:absolute; left:0; top:-10px; width:100%; height:50%; background:#AA6CD6; border-radius:60px;}
.edBoard .rollingSec {position:relative; border-radius:40px; background:#C992F0; padding:0 42px 42px 42px; border:1px solid #AA6CD6; z-index:1;}
.edBoard .rollingSec .edTop {position:relative; padding:12px 0; text-align:center;}
.edBoard .rollingSec .edTop:before {content:''; position:absolute; left:40px; top:20px; width:402px; height:14px; background:url(../images/ev/deco_dot.svg) no-repeat left top; background-size:auto 100%; opacity:0.5;}
.edBoard .rollingSec .edTop:after {content:''; position:absolute; right:40px; top:20px; width:402px; height:14px; background:url(../images/ev/deco_dot.svg) no-repeat right top; background-size:auto 100%; opacity:0.5;}
.edBoard .rollingSec .cheer {position:relative; background:#634686; border-radius:30px; padding:40px 50px;}
.edBoard .rollingSec .cheer:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:calc(100% - 10px); background:#6E4E95; border-radius:26px;}
.edBoard .rollingSec .cheer .swiper-wrapper {position:relative; z-index:10; height:168px;}
.edBoard .rollingSec .cheer .swiper-wrapper .swiper-slide {height:168px !important;}
.edBoard .rollingSec:before {content:''; position:absolute; left:24%; bottom:-53px; width:20px; height:52px; background:url(../images/ev/board_foot.png) no-repeat 50% 50%; background-size:100%;}
.edBoard .rollingSec:after {content:''; position:absolute; right:24%; bottom:-53px; width:20px; height:52px; background:url(../images/ev/board_foot.png) no-repeat 50% 50%; background-size:100%;}
.perCheer {display:flex; justify-content:flex-start; align-items:center; gap:30px;}
.perCheer .sticker {display:block; width:110px; height:110px; flex:0 0 auto;}
.perCheer .sticker img {width:100%;}
.perCheer .cheerCont {position:relative; width:calc(100% - 140px);}
.perCheer .cheerCont .writer {color:#FFF; font-size:22px; font-weight:400; margin-bottom:8px;}
.perCheer .cheerCont .writer span {display:inline-block; color:#FFF; font-size:22px; font-weight:400;}
.perCheer .cheerCont .contBox {display:block; height:130px; background:#5B3886; border-radius:30px; padding:20px 30px;}
.perCheer .cheerCont .contBox .conTxt {display:block; height:100%; overflow:hidden; overflow-y:auto; color:#FEF6A1; font-size:24px; font-weight:500; line-height:1.3;}
.perCheer .cheerCont .contBox .conTxt::-webkit-scrollbar {width: 6px; height:6px;}
.perCheer .cheerCont .contBox .conTxt::-webkit-scrollbar-thumb {background-color: #6E4E95; border-radius: 6px;}
.perCheer .cheerCont .contBox .conTxt::-webkit-scrollbar-thumb:hover {background:#6E4E95;}
.perCheer .cheerCont .contBox .conTxt::-webkit-scrollbar-track {background-color: transparent; border-radius: 6px;}
.perCheer .cheerCont .contBox .conTxt:hover::-webkit-scrollbar-thumb {background:#6E4E95;}

.edRvSec {position:relative; background:#FFF; padding-bottom:70px;}
.edRvSec:after {content:''; position:absolute; left:50%; top:-100px; transform:translate(-50%, 0); width:100%; max-width:1920px; height:248px; background:url(../images/ev/bg_rv_top.png) no-repeat 50% top; background-size:2740px 248px;}
.edRvSec .innerCon {z-index:10;}

.evReviewSec .evTitleSec .evTitle br {display:block;}

.rvForm {position:relative; display:flex; justify-content:flex-start; align-items:center; gap:30px;}
.rvForm:after {content:''; position:absolute; left:-263px; top:-50px; width:263px; height:155px; background:url(../images/ev/board_deco.png) no-repeat 50% 50%; background-size:100%;}
.rvForm .currentEmoji {position:relative; width:150px; height:auto; text-align:center; flex:0 0 auto; padding-left:40px;}
.rvForm .currentEmoji .img {width:110px; height:110px; cursor:pointer;}
.rvForm .currentEmoji .img img {width:110px; height:110px;}
.rvForm .currentEmoji .txt {color:#aaa; font-size:20px; margin-top:8px;}
.rvForm .emojiList {position:absolute; left:0; top:-24px; border:1px solid #000; background:#FFF; border-radius:12px; padding:10px 20px; z-index:10; display:none;}
.rvForm .emojiList:after {content:''; position:absolute; left:85px; bottom:-10px; width:18px; height:10px; background:url(../images/ev/tail_emoji.png) no-repeat 50% 50%; background-size:100%;}
.rvForm .emojiList a {display:inline-block; width:40px; margin-right:10px;}
.rvForm .emojiList a:last-child {margin-right:0;}
.rvForm .emojiList a img {width:100%;}
.rvForm textarea {display:block; width:calc(100% - 180px); height:175px; background:#F5F5F5; border-radius:30px; padding:30px 40px; color:#333; font-size:24px; font-weight:500; line-height:1.3; border:0; box-sizing:border-box;}

.maxTxt {text-align:right; margin:16px 20px 0 0; color:#aaa; font-size:16px;}
.maxTxt span {font-size:16px; color:#aaa;}

.rvBtns {display:flex; justify-content:center; align-items:center; gap:10px; padding:10px 0;}

.rvList {position:relative; margin-top:50px;}
.rvList .rvTitle {position:relative; margin-bottom:36px;}
.rvList .rvTitle:after {content:''; position:absolute; left:0; top:20px; width:100%; height:1px; border-top:1px dashed #aaa;}
.rvList .rvTitle span {position:relative; color:#3F3F3F; font-size:40px; font-weight:700; padding:0 35px 0 24px; background:#FFF; z-index:1; font-family: 'CookieRun-Regular'; line-height:1.0;}
.rvList .rvTitle span:before {content:''; position:absolute; left:0; top:0; width:25px; height:29px; background:url(../images/ev/deco_my01.svg) no-repeat 50% 50%; background-size:100%;}
.rvList .rvTitle span:after {content:''; position:absolute; right:0; bottom:-12px; width:33px; height:39px; background:url(../images/ev/deco_my02.svg) no-repeat 50% 50%; background-size:100%;}

.rvEmpty {display:flex; justify-content:center; align-items:center; height:100%;}
.rvEmpty img {width:319px;}
.scrollRv {position:relative; height:320px; background:#FFF0F9; border-radius:30px; padding:20px 10px 20px 50px; box-sizing:border-box;}
.scrollRv .inScroll {display:block; height:100%; overflow:hidden; overflow-y:auto;}
.scrollRv .inScroll::-webkit-scrollbar {width: 6px; height:6px;}
.scrollRv .inScroll::-webkit-scrollbar-thumb {background-color: #FFCBE4; border-radius: 6px;}
.scrollRv .inScroll::-webkit-scrollbar-thumb:hover {background:#FFCBE4;}
.scrollRv .inScroll::-webkit-scrollbar-track {background-color: transparent; border-radius: 6px;}
.scrollRv .inScroll:hover::-webkit-scrollbar-thumb {background:#FFCBE4;}

.perReview {display:flex; justify-content:flex-start; align-items:flex-start; gap:20px; padding:40px 0px; border-bottom:1px solid #FFD6EB; width:calc(100% - 30px);}
.perReview:first-child {padding-top:10px;}
.perReview:last-child {border-bottom:0;}
.perReview .myEmoji {width:110px; flex:0 0 auto;}
.perReview .myEmoji img {width:100%;}
.perReview .rvContBox {width:calc(100% - 130px); position:relative;}

.perReview .rvFunc {display:flex; justify-content:flex-end; align-items:center; gap:20px; position:absolute; right:0px; top:0px;}
.perReview .rvFunc li {position:relative;}
.perReview .rvFunc li a {position:relative; font-size:22px; font-weight:500; display:flex; justify-content:flex-start; align-items:center; gap:4px; color:#000;}
.perReview .rvFunc li a:after {content:''; position:absolute; right:-10px; top:50%; transform:translate(0, -50%); width:1px; height:20px; background:#000;}
.perReview .rvFunc li a:last-child:after {display:none;}
.perReview .rvFunc li a.btn-review-del {color:#F4523D;}
.perReview .rvFunc li a.btn-review-del:before {content:''; width:22px; height:22px; background:url(../images/ev/bico_del.svg) no-repeat 50% 50%; background-size:100%;}
.perReview .rvFunc li a.btn-review-edit:before {content:''; width:22px; height:22px; background:url(../images/ev/bico_edit.svg) no-repeat 50% 50%; background-size:100%;}
.perReview .writer {display:flex; justify-content:flex-start; align-items:center; gap:10px; margin-bottom:12px;}
.perReview .writer .teaId {color:#7C7C7C; font-size:22px; font-weight:400; line-height:1.0;}
.perReview .writer .date {color:#7C7C7C; font-size:22px; font-weight:400;}
.perReview .rvCon {color:#000; font-size:24px; font-weight:500; line-height:1.3;}

.dim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:1000; display:none;}

.evShareSec {position:relative; width:100%; max-width:1200px; margin:0 auto 80px; display:flex; justify-content:center; align-items:center; gap:8px; color:#000; font-size:34px; font-weight:500;}
.evShareSec img {width:100px;}
.evShareSec a {margin-left:22px; width:300px;}

.rdyCont {position:relative; margin-top:96px; border:2px solid #FFE900; border-radius:30px; background:#FFFAC6; color:#000; font-size:30px; font-weight:700; padding:42px 300px 42px 86px; display:flex; justify-content:flex-start; align-items:center; gap:10px;}
.rdyCont strong {color:#000; font-size:48px; font-weight:700;}
.rdyCont strong em {color:#00A898; font-size:48px; font-weight:700;}
.rdyCont .obj {position:absolute; right:103px; bottom:0; width:247px; height:151px; background:url(../images/ev/obj_rdy_pc.png) no-repeat 50% 50%; background-size:100%;}

/******* btn *******/
.btn {display:inline-flex; justify-content:center; align-items:center; padding:16px 64px 10px; border:1px solid #000; border-radius:100px; color:#000; font-size:28px; font-weight:500; position:relative; width:auto; line-height:1.0; height:auto; font-weight:700;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
}												 

.btn.confirm {background:#fff680;}
.btn.reTry {background:#fff680;}
.btn.hint {background:#80EBE1;}
.btn.mis02 {background:#FEF6A1;}
.btn.share {background:#80EBE1;}
.btn.confirm.dis {background:#ddd; cursor:default;}

.forDesk {display:block;}
.forMo {display:none;}

@media only screen and (max-width:1130px) {
	.rdyCont {flex-direction:column; align-items:flex-start;}
}

@media only screen and (max-width:1024px) {
}

@media only screen and (max-width:768px) {
	body {}
	footer {margin-bottom:-60px;}
	footer .m_info {padding-bottom:95px;}
	footer .m_fm.on {bottom:224px !important;}
	.forDesk {display:none;}
	.forMo {display:block;}

	.gloHeader {padding:15px;}
	.gloHeader .brand a {width:64px; height:28px; background-size:100%;}
	.gloHeader .gloUtil {gap:6px;}
	.gloHeader .gloUtil .logo a {width:54px; height:22px; background-size:auto 100%;}
	.gloHeader .gloUtil .account .txtMenu a {font-size:12px; padding:6px 12px;}

	.eventCauSec {padding:60px 0;}
	.cauCon .title {font-size:22px; gap:10px; margin-bottom:30px;}
	.cauCon .title:before {width:30px; height:30px;}
	.cauCon .cauBox .cauTitle span {font-size:18px; padding:0 8px;}
	.cauCon .cauBox .cauTitle:after {height:1px;}
	.cauCon .cauBox li {font-size:16px;}

	.evHeadSec .innerCon {padding:0;}
	.evHeadSec .innerCon .deco.topLeft {width:87px; height:124px; top:-2px; left:-25px;}
	.evHeadSec .innerCon .deco.btmLeft {width:37px; height:18px; left:10px; bottom:unset; top:52%;}
	.evHeadSec .innerCon .deco.btmRight {width:99px; height:108px; right:0; bottom:-38px;}

	.evHeadSec .imgSec .txtSec {top:55%;}
	.evHeadSec .imgSec .txtSec .evHeadTxt {min-height:auto; padding:20px 0;}
	.evHeadSec .imgSec .txtSec .evHeadTxt .title {font-size:4.2vw;}
	.evHeadSec .imgSec .txtSec .evHeadTxt .desc {font-size:3.8vw;}
	.evHeadSec .imgSec .txtSec .evHeadTxt .desc span {font-size:3.8vw;}

	.evHeadSec .imgSec .txtSec .evInfo {margin-top:16px; gap:20px;}
	.evHeadSec .imgSec .txtSec .evInfo li {flex-direction:column; justify-content:center; gap:6px;}
	.evHeadSec .imgSec .txtSec .evInfo li:after {right:-10px;}
	.evHeadSec .imgSec .txtSec .evInfo li .item {font-size:3.8vw;}
	.evHeadSec .imgSec .txtSec .evInfo li .item:before {width:10px; height:10px; background-size:100% auto; margin-bottom:3px;}
	.evHeadSec .imgSec .txtSec .evInfo li .ipCon {font-size:3.7vw;}

	.evGiftSec {padding:40px 0;}
	.innerCon {padding:0 20px;}
	.evTitleSec .rollingTxt {max-width:160px;}
	.evTitleSec .rollingTxt .inRolling {bottom:7px;}
	.evTitleSec .rollingTxt .inRolling .swiper-slide img {height:12px;}
	.evTitleSec .evTitle {font-size:26px; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 3px 0 #000;}
	.evTitleSec .evTitle span {font-size:26px;}
	.evTitleSec .evTitle br {display:block;}
	.evTitleSec .misRound {width:120px;}
	.evTitleSec .misRound .period {right:-100px; top:-5px; font-size:12px; padding:8px 14px 6px;}
	.evTitleSec .misRound .period:after {width:16px; height:15px; bottom:-6px;}
	.evTitleSec .guideTxt {font-size:14px; margin-top:14px;}
	.evTitleSec .cauTxt {font-size:14px;}
	.evTitleSec .guideTxt strong {font-size:14px;}

	.evMission {padding:40px 0;}
	.evMission.first {padding:40px 0;}

	.mis01Cont .differBox {margin-bottom:40px;}

	.evGiftBox {border-radius:10px; margin-top:30px; padding:26px 20px;}
	.evGiftBox .giftList {gap:10px; margin-bottom:20px;}
	.evGiftBox .giftList .perGift {width:100%; max-width:calc(50% - 5px);}
	.evGiftBox .giftList .perGift .thumb {width:calc(100% - 15px);}
	.evGiftBox .giftList .perGift .thumb .target {width:35px; height:35px; font-size:14px; right:-15px; bottom:-8px;}
	.evGiftBox .giftList .perGift .awTxt {width:calc(100% - 15px); font-size:14px; margin-top:10px;}
	.evGiftBox .raTxt {font-size:14px;}

	.repGift {padding:0; flex-direction:column;  padding-top:30px;}
	.repGift .txtSec {width:100%;}
	.repGift .txtSec .ico {width:60px;}
	.repGift .txtSec .ico img {display:block;}
	.repGift .txtSec .title {font-size:24px; text-shadow: -1px -1px 0 #00A795, 1px -1px 0 #00A795, -1px 1px 0 #00A795, 1px 1px 0 #00A795, 0 3px 0 #00A795; line-height:1.4;}
	.repGift .txtSec .desc {font-size:14px;}
	.repGift .txtSec .desc span {font-size:16px;}
	.repGift .imgSec {width:100%; padding:0 40px;}

	.mis01Cont {margin-top:40px;}
	.mis01Cont .differBox:before {left:-10px; bottom:-32px; width:122px; height:47px;}
	.mis01Cont .differBox:after {right:-10px; bottom:-32px; width:120px; height:44px;}
	.mis01Cont .differBox .schoolTab {gap:30px;}
	.mis01Cont .differBox .schoolTab a {font-size:20px;}
	.mis01Cont .differBox .schoolTab a:after {right:-16px; height:16px;}
	.mis01Cont .differBox .schoolTab a.on:before {width:4px; height:4px; top:-10px;}

	.differList .in {gap:10px;}
	.differList .in .perQuest {width:calc(50% - 5px);}
	.differList .in .perQuest:after {height:calc(100% - 13px); bottom:-6px;}
	.differList .in .perQuest a {padding:25px 11px 0px;}
	.differList .in .perQuest:nth-child(2):before  {content:''; position:absolute; right:0px; top:-30px; width:31px; height:52px; background:url(../images/ev/fr_deco01.png) no-repeat 50% 50%; background-size:100%; z-index:10;}
	.differList .in .perQuest:nth-child(3):before {display:none;}
	.differList .in .perQuest:nth-child(4):before {content:''; position:absolute; left:-14px; top:48px; width:27px; height:29px; background:url(../images/ev/fr_deco02.png) no-repeat 50% 50%; background-size:100%; z-index:10;}

	.hintBox {padding:15px; border-radius:15px; margin-top:40px;}
	.hintBox:before {width:45px; height:41px; left:10px; top:-10px;}
	.hintBox ul li {font-size:14px;}
	.hintBox ul li:before {font-size:12px;}

	.btn {font-size:18px; padding:12px 30px;}

	.differPop {padding:0 20px 20px; border-radius:16px; max-width:calc(100% - 40px); background-position:left top; background-size:100% auto;}
	.differPop .differClose {right:15px; top:15px; width:30px; height:30px; background-size:26px;}
	.differPop .dfTitle {padding:20px 0; font-size:14px;}
	.differPop .dfTitle strong {font-size:14px;}
	.differPop .dfTitle span {font-size:14px;}
	.differPop .solveBox {overflow:hidden; overflow-x:auto;}
	.differPop .solveBox .rdySec {flex-direction:column;}
	.differPop .solveBox .rdySec:after {width:32px; height:35px;}
	.differPop .solveBox .rdySec .notYet {width:100%;}
	.differPop .solveBox .rdySec .notYet:last-child {display:none;}
	.differPop .solveBox a.startDiffer {width:160px;}
	/* .differPop .solveBox .startSec {flex-direction:column;} */
	.differPop .solveBox .startSec > div {width:100%; flex:0 0 auto;}
	.differPop .solveBox .startSec .solveImg {border-width:2px;}

	.differPop .popFunc {margin-top:16px;}
	.differPop .timeSet {font-size:14px; padding:8px 16px;}
	.differPop .timeSet .count {font-size:14px; padding:8px 16px;}

	.mis02Cont .quizBox {padding:20px 0; margin-top:30px;}
	.mis02Cont .quizBox:before {width:68px; height:49px; right:-16px; top:-16px;}
	.mis02Cont .quizBox:after {width:39px; height:79px; right:-16px; bottom:-10px;}
	.mis02Cont:before {display:none;}
	.mis02Cont .quizBox .correct {gap:16px;}
	.mis02Cont .quizBox .correct .qTxt {padding:0 40px;}
	.mis02Cont .quizBox .correct .qTxt .inTxt img {height:18px;}
	.mis02Cont .quizBox .correct .qTxt.t02 {flex-direction:column; align-items:flex-start;}
	.mis02Cont .quizBox .correct .qTxt.t03 {flex-direction:column; align-items:flex-start;}
	.mis02Cont .quizBox .correct .qTxt.t04 {padding:30px 0 0 39px;}
	.mis02Cont .quizBox .correct .qTxt.t04:before {width:16px; height:16px; left:5%;}
	.mis02Cont .quizBox .correct .qTxt.t04:after {width:calc(100% - 40px); left:20px; height:13px;}
	.mis02Cont .quizBox .correct .qTxt.t04 .inTxt img {height:20px;}
	.mis02Cont .quizBox .correct .qTxt .droppable {width:60px; height:40px; flex:0 0 auto;}

	.exampleList {flex-wrap:wrap; gap:10px;}
	.exampleList .draggable {width:60px; height:40px; flex:0 0 auto;}
	.dragWrap .shadowList {flex-wrap:wrap; gap:10px;}
	.dragWrap .shadowList div {width:60px; height:40px; flex:0 0 auto;}
	.dragWrap .cauTxt {font-size:14px; line-height:1.3; margin:16px 0 20px;}
	.dragWrap .cauTxt br {display:block;}

	.hintPop {border-radius:16px; padding:60px 20px 30px; width:calc(100% - 40px); background-size:auto 100%;}
	.hintPop .hintClose {right:15px; top:15px; width:30px; height:30px; background-size:26px;}
	.hintPop .hintDeco {width:107px; height:81px; top:-40px; left:20px;}
	.hintPop .perHint {padding-bottom:15px; margin-bottom:15px;}
	.hintPop .perHint .hItem {width:30px; height:31px; font-size:14px;}
	.hintPop .perHint .hintCont .txt {font-size:14px;}
	.hintPop .perHint .hintCont .txt.flex {flex-direction:column; align-items:flex-start; gap:5px;}
	.hintPop .perHint .hintCont .txt span {font-size:14px;}
	.hintPop .perHint .hintCont .txt br {display:none;}
	.hintPop .perHint .hintCont .hintTxt {align-items:flex-start;}
	.hintPop .perHint .hintCont .hintPoint {padding:6px 16px 1px; font-size:14px; white-space:nowrap;}
	.hintPop .perHint .hintCont .hintPoint:after {width:19px; height:7px; right:-16px;}
	.hintPop .perHint .hintCont .hintTxt .inTxt {font-size:14px; line-height:1.3; padding-top:6px;}
	.hintPop .perHint .hintCont .guideTxt {font-size:13px;}

	.evReviewSec .edBoardCont {padding:40px 0;}
	.edBoard {margin-top:30px;}
	.edBoard .rollingSec {border-radius:10px; padding:0 24px 24px;}
	.edBoard .rollingSec .edTop {height:24px; background:url(../images/ev/ev_board_top.svg) no-repeat 50% 50%; background-size:auto 13px; padding:0;}
	.edBoard .rollingSec .edTop img {display:none;}
	.edBoard .rollingSec .edTop:after {display:none;}
	.edBoard .rollingSec .edTop:before {display:none;}
	.edBoard:after {border-radius:20px; top:-5px;}
	.edBoard:before {width:50px; height:35px; right:20px; top:-22px;}

	.edBoard .rollingSec .cheer {border-radius:10px; padding:20px;}
	.edBoard .rollingSec .cheer:after {border-radius:16px; height:calc(100% - 5px);}
	.perCheer {gap:10px;}
	.perCheer .sticker {width:40px; height:40px;}
	.perCheer .cheerCont {width:calc(100% - 50px);}
	.perCheer .cheerCont .writer {font-size:12px;}
	.perCheer .cheerCont .writer span {font-size:12px;}
	.perCheer .cheerCont .contBox {padding:10px; border-radius:10px; height:80px;}
	.perCheer .cheerCont .contBox .conTxt {font-size:12px;}
	.edBoard .rollingSec .cheer .swiper-wrapper .swiper-slide {height:100px !important;}
	.edBoard .rollingSec:before {width:14px; bottom:-45px;}
	.edBoard .rollingSec:after {width:14px; bottom:-45px;}

	.edRvSec:after {top:-18px; background-size:1104px 100px;}
	.rvForm {gap:16px; padding-top:26px;}
	.rvForm .currentEmoji {padding:0; width:40px; flex:0 0 auto;}
	.rvForm .currentEmoji .img {width:40px; height:40px;}
	.rvForm .currentEmoji .img img {width:100%; height:auto;}
	.rvForm .currentEmoji .txt {font-size:12px;}
	.rvForm textarea {width:100%; height:100px; border-radius:10px; padding:10px; font-size:14px;}
	.rvForm:after {left:6px; top:-20px; width:69px; height:34px;}
	.rvForm .emojiList {padding:6px 12px; top:-8px;}
	.rvForm .emojiList:after {left:15px; width:10px; height:8px; bottom:-7px;}
	.rvForm .emojiList a {width:30px; margin-right:6px;}
	.maxTxt {font-size:14px; margin:8px 10px 0 0;}
	.maxTxt span {font-size:14px; color:#aaa;}

	.rvList {margin-top:20px;}
	.rvList .rvTitle {margin-bottom:20px;}
	.rvList .rvTitle span {font-size:18px; padding:0 16px;}
	.rvList .rvTitle:after {top:11px;}
	.rvList .rvTitle span:before {width:13px; height:15px;}
	.rvList .rvTitle span:after {width:17px; height:20px;}
	.scrollRv {height:200px; border-radius:10px; padding:16px;}
	.perReview {width:100%; padding:20px 0;}
	.perReview .myEmoji {width:40px;}
	.perReview .rvContBox {width:100%;}
	.perReview .writer {width:100%; gap:6px; flex-direction:column; align-items:flex-start;}
	.perReview .writer .date {font-size:12px;}
	.perReview .writer .teaId {font-size:12px;}
	.perReview .rvCon {font-size:14px;}
	.perReview .rvFunc {top:-2px; gap:10px;}
	.perReview .rvFunc li a {font-size:14px;}
	.perReview .rvFunc li a.btn-review-del:before {width:14px; height:14px;}
	.perReview .rvFunc li a.btn-review-edit:before {width:14px; height:14px;}
	.edRvSec {padding-bottom:40px;}

	.mis02Cont .btnArea {margin-top:30px;}

	.evShareSec {flex-direction:column; font-size:16px; margin:0 auto 40px;}
	.evShareSec img {width:50px;}
	.evShareSec a {margin-left:0; margin-top:10px; width:200px;}

	.rdyCont {padding:22px 16px; font-size:14px;}
	.rdyCont strong {font-size:20px;}
	.rdyCont strong em {font-size:20px;}
	.rdyCont .obj {background:url(../images/ev/obj_rdy_mo.png) no-repeat 50% 50%; background-size:100%; right:12px; width:123px; height:97px;}

}

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

}

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

}