@charset "utf-8";
* {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_info {padding-bottom:30px;}

.evWrap {position:relative; min-width:390px;}
/* .evWrap {position:relative;} */

.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_w.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%;}

.evHeadSec {position:relative; background:url(../images/ev/head_ptn.png) repeat-x left top; background-size:auto 100%;}
.inHead {position:relative; width:100%; max-width:1920px; height:970px; margin:0 auto; background:url(../images/ev/head_bg.png) no-repeat center/cover; background-size:cover; overflow:hidden;}
/* .inHead:after {content:''; display:block; height:auto; padding-bottom:51.04166667%;} */
.inHead h2 {position:absolute; left:0; top:0; width:100%; text-align:center; z-index:10;}
.inHead .bgCloud {position:absolute; left:0; bottom:0; width:100%; height:100%; background:url(../images/ev/head_cloud.png) no-repeat 50% bottom; background-size:100% auto; z-index:20;}
.inHead .deco {position:absolute; animation: floatUp 2.5s ease-out forwards; opacity:0;}
.inHead .deco.bk01 {left:13%; top:-17%; animation-delay: 0.2s;}
.inHead .deco.bk02 {right:13%; top:4%; animation-delay: 0.4s;}
.inHead .deco.bk03 {left:8%; bottom:7%; animation-delay: 0.6s;}
.inHead .deco.bk04 {right:9%; bottom:-13%; animation-delay: 0.8s;}

@keyframes floatUp {
    0% {
        transform: translateY(150px);
        opacity: 0;
    }
    70% {
        transform: translateY(-10px);
        opacity: 0.5;
    }
	100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.headDesc {background:#eaf0f9; text-align:center; padding-bottom:40px; color:#152c4f; font-size:48px; font-weight:500; line-height:1.4;}
.headDesc strong {color:#152c4f; font-size:48px; font-weight:700;}

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

.evTargetSec {position:relative; padding:36px 0; background:#dce6f4; z-index:50; overflow:hidden;}
.evTarget {z-index:10; position:relative;}
.evTargetSec:before {content:''; position:absolute; left:0; top:-2px; width:100%; height:5px; 
	background:url(../images/ev/line_blue.png), url(../images/ev/line_blue_bg.png);
	background-repeat:no-repeat, repeat-x;
	background-position:center center, left top;
	background-size:1920px auto, auto 100%;
}
.evTargetSec:after {content:''; position:absolute; left:0; bottom:-2px; width:100%; height:5px; transform:rotate(180deg);
	background:url(../images/ev/line_blue.png), url(../images/ev/line_blue_bg.png);
	background-repeat:no-repeat, repeat-x;
	background-position:center center, left top;
	background-size:1920px auto, auto 100%;
}
.evInfoSec {position:relative; padding:50px 0 100px; background:#eaf0f9; z-index:40;}
.evInfoSec:after {content:''; position:absolute; left:0; bottom:0px; width:100%; height:5px;
	background:url(../images/ev/line_blue01.png), url(../images/ev/line_blue01_bg.png);
	background-repeat:no-repeat, repeat-x;
	background-position:center center, left top;
	background-size:1920px auto, auto 100%;
}
.evHowSec {position:relative; padding:0px 0 100px; background:#FFF; z-index:30;}
.evHowSec:after {content:''; position:absolute; left:0; bottom:0px; width:100%; height:5px;
	background:url(../images/ev/line_gray.png), url(../images/ev/line_gray_bg.png);
	background-repeat:no-repeat, repeat-x;
	background-position:center center, left top;
	background-size:1920px auto, auto 100%;
}
.evBenefitSec {position:relative; padding:0px 0 100px; background:#f8d9e0 url(../images/ev/aw_bg.png) no-repeat 50% top; background-size:auto 100%; z-index:20;}
.evBenefitSec:after {content:''; position:absolute; left:0; bottom:0px; width:100%; height:5px;
	background:url(../images/ev/line_pink.png), url(../images/ev/line_pink_bg.png);
	background-repeat:no-repeat, repeat-x;
	background-position:center center, left top;
	background-size:1920px auto, auto 100%;
}
.evPuzSec {position:relative; padding:50px 0 70px; background:#FFF;}
.evSlvSec {position:relative; background:#02a39f url(../images/ev/deco_puz.png) no-repeat 50% bottom; background-size:1920px auto; padding:30px 0 140px; z-index:10;}
.evSlvSec .innerCon {position:relative; width:100%; max-width:1400px; margin:0 auto; padding:0 20px;}
.evSlvSec:after {content:''; position:absolute; left:0; bottom:0px; width:100%; height:5px;
	background:url(../images/ev/line_mint.png), url(../images/ev/line_mint_bg.png);
	background-repeat:no-repeat, repeat-x;
	background-position:center center, left top;
	background-size:1920px auto, auto 100%;
}
.evGdsSec {position:relative; padding:110px 0; background:#dce6f4; border-bottom:3px solid #9ab2d3;}
.evReviewSec {position:relative; padding:100px 0 90px 0; background:#FFF; border-bottom:3px solid #cdcdcd; overflow:hidden;}
.evReviewSec:after {content:''; position:absolute; left:0; top:0; width:372px; height:332px; background:url(../images/ev/review_chrac_left.png) no-repeat 50% 50%; background-size:100%;}
.evBnrSec {position:relative; padding:80px 0 90px; background:#fffcd2 url(../images/ev/bg_bnr.jpg) no-repeat center/cover; background-size:cover;}
.eventCauSec {background:#656565; padding:90px 0;}

.evTargetSec .innerCon:after {content:''; position:absolute; right:-28px; bottom:-36px; width:305px; height:226px; background:url(../images/ev/evt_deco.png) no-repeat 50% 50%; background-size:100%;}
.evTargetSec li {display:flex; justify-content:flex-start; align-items:center; gap:20px; margin-bottom:20px;}
.evTargetSec li:last-child {margin-bottom:0;}
.evTargetSec li .item {flex:0 0 auto;}
.evTargetSec li .ipCon {color:#4c4c4c; font-size:36px; line-height:1.4; font-weight:500;}

.evInfoSec .evInfoTitle {text-align:center; margin-bottom:60px;}
.evInfoSec .evInfoTitle .deco {display:inline-block; width:70px; height:33px; margin-bottom:10px;}
.evInfoSec .evInfoTitle .txt {color:#000; font-size:40px; line-height:1.4; font-weight:500;}
.evInfoSec .evInfoTitle .txt span {display:inline-block; padding:5px 5px 3px; border-radius:8px; background:#b2c7e6; font-size:40px; font-weight:700;}
.evInfoSec .evInfoTitle .goTxbook {position:relative;}
.evInfoSec .goTxbook a {display:block; margin:30px 0;}

.evHowSec .title {text-align:center; margin-top:-2px; position:relative; z-index:1; margin-bottom:65px;}
.evHowSec .evHow {display:flex; justify-content:flex-start; align-items:stretch; gap:40px;}
.evHowSec .evHow .perHow {display:block; width:calc(33.33334% - 20px);}
.evHowSec .evHow .ico {border:1px dashed #000; border-radius:50%; margin-bottom:30px;}
.evHowSec .evHow .txt {text-align:center; color:#000; font-size:30px; font-weight:500; line-height:1.4;}
.evHowSec .evHow .txt span {font-size:30px; font-weight:400;}

.evBenefitSec .title {text-align:center; margin-top:-2px; position:relative; z-index:1; margin-bottom:65px;}
.evBenefitSec .awList {display:flex; justify-content:flex-start; align-items:stretch; gap:60px 50px; flex-wrap:wrap;}
.evBenefitSec .awList .perAw {display:block; width:calc(33.33334% - 34px);}
.evBenefitSec .awList .perAw .ico {text-align:center; margin-bottom:20px;}
.evBenefitSec .awList .perAw .txt {color:#252525; font-size:30px; font-weight:500; line-height:1.4; text-align:center;}

.evPuzSec .titleSec {text-align:center;}
.evPuzSec .titleSec .ico {text-align:center;}
.evPuzSec .titleSec .title {color:#252525; font-size:56px; font-weight:700; line-height:1.3; margin-bottom:30px;}
.evPuzSec .titleSec .tipTxt {display:flex; justify-content:center; align-items:center; gap:10px; color:#608ccb; font-size:30px; font-weight:500;}
.evPuzSec .titleSec .tipTxt span {display:inline-block; padding:10px 20px 6px; border-radius:100px; background:#608ccb; color:#FFF; font-size:30px; font-weight:700;}

.tabMenu {display:flex; justify-content:center; align-items:center; margin-bottom:60px;}
.tabMenu a {display:block; padding:24px 50px; position:relative; color:#81d1cf; font-size:45px; font-weight:700;}
.tabMenu a:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:4px; height:36px; border-radius:4px; background:rgba(255, 255, 255, 0.5);}
.tabMenu a:last-child:after {display:none;}
.tabMenu a.on {color:#fff680;}

.puzGrade {position:relative; display:none;}
.puzSec {display:flex; justify-content:space-between; align-items:flex-start;}
.puzSec .perPuz {background:#FFF; padding:25px; border-radius:28px; background:#FFF; width:650px; display:flex; justify-content:center; align-items:stretch; gap:20px; position:relative; 
	-webkit-box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.2);
}
.puzBox {display:block; position:relative; width:414px;}
.puzBox .droppable {position:absolute;}
.puzBox.ele01 #droppable1 {width:105px; height:117px; right:103px; top:2px;}
.puzBox.ele01 #droppable2 {width:115px; height:118px; right:0px; top:107px;}
.puzBox.ele01 #droppable3 {width:128px; height:105px; left:92px; top:213px;}
.puzBox.ele01 #droppable4 {width:105px; height:118px; right:103px; bottom:2px;}

.puzBox.ele02 #droppable1 {width:115px; height:116px; left:104px; top:3px;}
.puzBox.ele02 #droppable2 {width:114px; height:116px; left:1px; top:96px;}
.puzBox.ele02 #droppable3 {width:103px; height:129px; right:104px; top:201px;}
.puzBox.ele02 #droppable4 {width:116px; height:116px; left:103px; bottom:3px;}

.puzBox.mid01 #droppable1 {width:103px; height:116px; right:104px; top:3px;}
.puzBox.mid01 #droppable2 {width:115px; height:117px; left:105px; top:107px;}
.puzBox.mid01 #droppable3 {width:103px; height:129px; left:1px; top:200px;}
.puzBox.mid01 #droppable4 {width:103px; height:105px; right:104px; bottom:107px;}

.puzBox.mid02 #droppable1 {width:116px; height:117px; left:104px; top:3px;}
.puzBox.mid02 #droppable2 {width:114px; height:118px; right:1px; top:107px;}
.puzBox.mid02 #droppable3 {width:106px; height:105px; right:104px; bottom:107px;}
.puzBox.mid02 #droppable4 {width:116px; height:117px; left:103px; bottom:3px;}

.puzBox.high01 #droppable1 {width:114px; height:115px; left:1px; top:96px;}
.puzBox.high01 #droppable2 {width:126px; height:104px; left:93px; top:213px;}
.puzBox.high01 #droppable3 {width:114px; height:104px; right:1px; top:213px;}
.puzBox.high01 #droppable4 {width:103px; height:116px; right:103px; bottom:3px;}

.puzBox.high02 #droppable1 {width:115px; height:117px; left:103px; top:3px;}
.puzBox.high02 #droppable2 {width:115px; height:117px; right:1px; top:107px;}
.puzBox.high02 #droppable3 {width:103px; height:130px; right:104px; top:200px;}
.puzBox.high02 #droppable4 {width:115px; height:116px; left:104px; bottom:107px;}

.draggable img {filter: drop-shadow(0px 4px 0px #a3a3a3); transition:.4s all;}
.draggable#draggable1 img {transform:scale(0.8) rotate(-10deg);}
.draggable#draggable2 img {transform:scale(0.8) rotate(10deg);}
.draggable#draggable3 img {transform:scale(0.8) rotate(-10deg);}
.draggable#draggable4 img {transform:scale(0.8) rotate(10deg);}

.ui-draggable-dragging img {transform:scale(1.2) rotate(0deg) !important;}
.ui-draggable-disabled img {transform:scale(1.0) rotate(0deg) !important; filter: drop-shadow(0px 0px 0px #a3a3a3) !important;}

.slvBox {display:block; border-radius:28px; background:#e9e9e9; flex:1 0 auto; position:relative;}
.slvBox .playBtn {position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/ev/slv_bg.png) no-repeat 50% 50%; background-size:100%; z-index:20; display:flex; justify-content:center; align-items:center;}
.slvBox .playBtn img {cursor:pointer;}
.slvBox .example {display:flex; justify-content:center; align-items:center; flex-direction:column; gap:5px; text-align:center; height:100%;}

.popComp {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:100; border-radius:28px;}
.popComp .inComp {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:86%; height:auto; background:#FFF; border-radius:20px; overflow:hidden; border:1px solid #000;
	-webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.2);
}
.popComp .inComp .title {background:#dce6f4; padding:30px 20px;}
.popComp .inComp .compMent {display:flex; justify-content:center; align-items:center; position:relative; gap:10px; margin:20px 0 36px;}
.popComp .inComp .compMent:before {content:''; display:block; width:83px; height:98px; background:url(../images/ev/pdeco_left.png) no-repeat 50% 50%; background-size:100%;}
.popComp .inComp .compMent:after {content:''; display:block; width:83px; height:98px; background:url(../images/ev/pdeco_right.png) no-repeat 50% 50%; background-size:100%;}
.popComp .inComp .compMent p {text-align:center; color:#000; font-size:30px; font-weight:700; line-height:1.4;}
.popComp .inComp .compMent p span {position:relative;}
.popComp .inComp .compMent p span:after {content:''; position:absolute; left:-10px; bottom:-5px; width:calc(100% + 20px); height:16px; background:#f9d9e9; border-radius:16px;}
.popComp .inComp .compMent p span em {position:relative; z-index:1; color:#000; font-size:30px; font-weight:700;}
.popComp .inComp .compGuide {text-align:center; background:#f7f7f7; border-radius:26px; padding:20px; color:#454545; font-size:24px; font-weight:500; line-height:1.3; width:calc(100% - 100px); margin:0 auto 50px;}

.puzSec .perPuz.perPuzEnd01:after {content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../images/ev/comp01.jpg) no-repeat 50% 50%; background-size:auto 532px;}
.puzSec .perPuz.perPuzEnd02:after {content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../images/ev/comp02.jpg) no-repeat 50% 50%; background-size:auto 532px;}
.puzSec .perPuz.perPuzEnd03:after {content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../images/ev/comp03.jpg) no-repeat 50% 50%; background-size:auto 532px;}
.puzSec .perPuz.perPuzEnd04:after {content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../images/ev/comp04.jpg) no-repeat 50% 50%; background-size:auto 532px;}
.puzSec .perPuz.perPuzEnd05:after {content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../images/ev/comp05.jpg) no-repeat 50% 50%; background-size:auto 532px;}
.puzSec .perPuz.perPuzEnd06:after {content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(../images/ev/comp06.jpg) no-repeat 50% 50%; background-size:auto 532px;}

.puzSec .perPuz.perPuzEnd01 .slvBox .playBtn {display:none;}
.puzSec .perPuz.perPuzEnd02 .slvBox .playBtn {display:none;}
.puzSec .perPuz.perPuzEnd03 .slvBox .playBtn {display:none;}
.puzSec .perPuz.perPuzEnd04 .slvBox .playBtn {display:none;}
.puzSec .perPuz.perPuzEnd05 .slvBox .playBtn {display:none;}
.puzSec .perPuz.perPuzEnd06 .slvBox .playBtn {display:none;}

.puzSec .perPuz.perPuzEnd .draggable {z-index:-1 !important;}


.evGdsSec .titleSec {text-align:center;}
.evGdsSec .titleSec .ico {text-align:center; margin-bottom:15px;}
.evGdsSec .titleSec .title {color:#000; font-size:38px; font-weight:500; line-height:1.4; margin-bottom:30px;}
.evGdsSec .titleSec .title span {position:relative;}
.evGdsSec .titleSec .title span:after {content:''; position:absolute; left:-10px; bottom:-8px; width:calc(100% + 20px); height:20px; border-radius:20px; background:#FFF;}
.evGdsSec .titleSec .title span em {position:relative; color:#000; font-size:38px; font-weight:700; z-index:1;}

.evGdsSec .gdsBox {display:block; border-radius:32px; border:1px solid #000; background:#FFF url(../images/ev/gds_top.png) no-repeat left top; background-size:100% auto; padding-bottom:70px;}
.evGdsSec .gdsBox .gdsTitleSec {padding:10% 20px 0; text-align:center;}
.evGdsSec .gdsBox .gdsTitleSec .gdsTitle {position:relative; padding-bottom:30px;}
.evGdsSec .gdsBox .gdsTitleSec .gdsTitle span {color:#000; font-size:48px; font-weight:700; position:relative; padding-bottom:14px;}
.evGdsSec .gdsBox .gdsTitleSec .gdsTitle span:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#000;}
.evGdsSec .gdsBox .gdsTitleSec .gdsDesc {color:#000; font-size:30px; font-weight:500; line-height:1.4;}
.evGdsSec .gdsBox .gdsTitleSec .raTxt {color:#919191; font-size:24px; font-weight:500; line-height:1.4;}
.evGdsSec .gdsBox .gds {text-align:center; margin:50px 0;}
.evGdsSec .gdsBox .btnArea {text-align:center;}
.evGdsSec .gdsBox .btnArea a.download {background:#f8d9e0; font-size:45px; font-weight:700; margin:0 auto; padding:16px 50px 16px 180px; gap:20px;}
.evGdsSec .gdsBox .btnArea a.download:before {content:''; position:absolute; left:35px; bottom:0; width:111px; height:111px; background:url(../images/ev/chrac_btn.png) no-repeat 50% 50%; background-size:100%;}
.evGdsSec .gdsBox .btnArea a.download:after {content:''; width:25px; height:29px; background:url(../images/ev/ar_pink.png) no-repeat 50% 50%; background-size:100%;}

.evBnrSec .bnr {display:block; position:relative; border-radius:30px; border:1px solid #000; padding:60px; overflow:hidden;}
.evBnrSec .bnr .title {color:#000; font-size:40px; font-weight:700; line-height:1.4;}
.evBnrSec .bnr .desc {color:#000; font-size:24px; line-height:1.4;}
.evBnrSec .bnr a {margin-top:30px; background:#fff680; font-size:42px; font-weight:700; gap:20px; padding:20px 70px 16px;}
.evBnrSec .bnr a.share:after {content:''; width:25px; height:29px; background:url(../images/ev/ar_pink.png) no-repeat 50% 50%; background-size:100%;}
.evBnrSec .bnr a.member:after {content:''; width:25px; height:29px; background:url(../images/ev/ar_mint.png) no-repeat 50% 50%; background-size:100%;}
.evBnrSec .bnr.share {background:#fed8e0 url(../images/ev/obj_bnr01.png) no-repeat right bottom; margin-bottom:40px;}
.evBnrSec .bnr.newmember {background:#afeddb url(../images/ev/obj_bnr02.png) no-repeat right bottom;}
.evBnrSec .bnr.newmember .desc strong {font-weight:700; font-size:24px;}

.cauCon {position:relative;}
.cauCon .title {display:flex; justify-content:center; align-items:center; color:#FFF; font-size:56px; font-weight:700; position:relative; margin-bottom:80px; gap:20px;}
.cauCon .title:before {content:''; width:65px; height:65px; background:url(../images/ev/ico_cau.png) 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:#fed8e0;}
.cauCon .cauBox .cauTitle span {position:relative; padding:0 18px; color:#fed8e0; font-size:40px; font-weight:700; background:#656565; z-index:1;}
.cauCon .cauBox li {display:block; color:#FFF; font-size:25px; line-height:1.6; padding-left:14px; position:relative; word-break:keep-all; font-weight:400; text-align:justify;}
.cauCon .cauBox li:after {content:''; position:absolute; left:0; top:13px; width:4px; height:4px; background:#FFF; border-radius:50%;}

/******* reviewSec *******/
.evReviewSec .innerCon:after {content:''; position:absolute; right:-180px; top:0; width:223px; height:218px; background:url(../images/ev/review_chrac_right.png) no-repeat 50% 50%; background-size:100%;}

.rvForm {position:relative; background:#FFF; border-radius:28px; border:2px solid #8f8f8f; overflow:hidden; z-index:1; padding:40px 50px 0;}
.rvForm textarea {display:block; width:100%; height:150px; padding:0; border:0; color:#333; font-size:24px; font-weight:500; line-height:1.4; border-bottom:2px solid #d9d9d9;}

.rvForm .btnArea {display:flex; justify-content:flex-end; align-items:center; gap:10px; padding:20px 0;}
.rvForm .btnArea .inputByte {color:#4d4d4d; font-size:24px; font-weight:500;}

.rvList {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; gap:40px 24px; margin-top:50px;}
.rvList .perReview {display:block; position:relative; border-radius:28px; border:1px solid #000; width:calc(33.33334% - 16px); padding:28px 22px; background:#f7f7f7;
	-webkit-box-shadow: 8px 6px 0px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 8px 6px 0px 0px rgba(0,0,0,0.15);
	box-shadow: 8px 6px 0px 0px rgba(0,0,0,0.15);
}
.rvList .perReview:before {content:''; position:absolute; right:-9px; bottom:-7px; width:45px; height:42px; background:url(../images/ev/rbox_corner.png) no-repeat 50% 50%; background-size:100%;}
.rvList .perReview:after {content:''; position:absolute; left:50%; top:-20px; width:85px; height:40px; transform:translate(-50%, 0);}
.rvList .perReview:first-child:after {background:url(../images/ev/sticker01.png) no-repeat 50% 50%; background-size:100%;}
.rvList .perReview:nth-child(4n+1):after {background:url(../images/ev/sticker01.png) no-repeat 50% 50%; background-size:100%;}
.rvList .perReview:nth-child(4n+2):after {background:url(../images/ev/sticker02.png) no-repeat 50% 50%; background-size:100%;}
.rvList .perReview:nth-child(4n+3):after {background:url(../images/ev/sticker03.png) no-repeat 50% 50%; background-size:100%;}
.rvList .perReview:nth-child(4):after {background:url(../images/ev/sticker03.png) no-repeat 50% 50%; background-size:100%;}
.rvList .perReview:nth-child(8):after {background:url(../images/ev/sticker02.png) no-repeat 50% 50%; background-size:100%;}
.rvList .perReview:nth-child(12):after {background:url(../images/ev/sticker02.png) no-repeat 50% 50%; background-size:100%;}

.perReview .rvFunc {position:absolute; right:22px; top:28px; width:24px; height:39px;}
.perReview .rvFunc .icoFunc {display:block; width:24px; height:39px; background:url(../images/ev/ico_func.png) no-repeat 50% 50%; background-size:100%; cursor:pointer;}
.perReview .rvFunc ul {position:absolute; right:0px; top:44px; width:65px; display:none;}
.perReview .rvFunc ul li {display:block; margin-top:-1px;}
.perReview .rvFunc ul li:first-child {margin-top:0;}
.perReview .rvFunc ul li a {display:block; border:1px solid #ccc; background:#FFF; text-align:center; color:#333; font-size:18px; font-weight:500; padding:10px 16px;}
.perReview .writer {display:flex; justify-content:space-between; align-items:center; padding:12px 30px 12px 0; border-bottom:2px solid #dedede; margin-bottom:18px;}
.perReview .writer .teaId {color:#919191; font-size:20px; font-weight:500; line-height:1.0;}
.perReview .writer .date {color:#919191; font-size:16px;}
.perReview .rvCon {color:#000; font-size:24px; font-weight:500; line-height:1.4; height:105px; overflow:hidden; overflow-y:auto; word-break:break-all; white-space:normal;}
.perReview .rvCon::-webkit-scrollbar {width: 6px; height:12px;}
.perReview .rvCon::-webkit-scrollbar-thumb {background-color: #d9d9d9; border-radius: 6px;}
.perReview .rvCon::-webkit-scrollbar-thumb:hover {background:#d9d9d9;}
.perReview .rvCon::-webkit-scrollbar-track {background-color: transparent; border-radius: 0px;}

.pagingWrap {display:flex; justify-content:center; align-items:center; gap:15px; margin:60px 0;}
.pagingWrap a {display:inline-flex; justify-content:center; align-items:center; border-radius:50%; color:#656565; font-size:28px; font-weight:500; width:40px; height:40px; border:2px solid #FFF; line-height:1.0; box-sizing:border-box;}
.pagingWrap a.dir {border:2px solid #d9d9d9;}
.pagingWrap a.dir.first {background:url(../images/ev/btn_dir_end.png) no-repeat 50% 50%; background-size:100%;}
.pagingWrap a.dir.forward {background:url(../images/ev/btn_dir.png) no-repeat 50% 50%; background-size:100%;}
.pagingWrap a.dir.back {background:url(../images/ev/btn_dir_end.png) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg);}
.pagingWrap a.dir.backword {background:url(../images/ev/btn_dir.png) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg);}
.pagingWrap a.on {background:#fff680; border:2px solid #000; color:#000; font-weight:700;}

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

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

.btn.confirm {background:#fff680;}

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

@media only screen and (max-width:1200px) {
	.inHead {height:800px;}
	.innerCon {padding:0 20px;}
	.puzSec {flex-direction:column; gap:30px; align-items:center;}
	.rvList .perReview {width:calc(50% - 16px);}
}

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

@media only screen and (max-width:768px) {
	body {}
	footer {margin-bottom:-60px; min-width:390px}
	footer .m_info {padding-bottom:95px;}
	.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;}

	.inHead {height:320px;}
	.inHead h2 {padding:0 20px;}
	.inHead .deco.bk01 {top:-1%;}
	.inHead .deco.bk01 img {width:85px;}
	.inHead .deco.bk02 {top:15%;}
	.inHead .deco.bk02 img {width:86px;}
	.inHead .deco.bk03 {bottom:5%;}
	.inHead .deco.bk03 img {width:80px;}
	.inHead .deco.bk04 {bottom:0%;}
	.inHead .deco.bk04 img {width:90px;}

	@keyframes floatUp {
		0% {
			transform: translateY(80px);
			opacity: 0;
		}
		70% {
			transform: translateY(-10px);
			opacity: 0.5;
		}
		100% {
			transform: translateY(0);
			opacity: 1;
		}
	}
	.headDesc {font-size:22px; padding:20px 20px 30px; margin-top:-2px; position:relative; z-index:10;}
	.headDesc strong {font-size:22px;}
	.innerCon {padding:0 20px;}
	.evTargetSec li {gap:10px; margin-bottom:4px;}
	.evTargetSec li .item {width:80px;}
	.evTargetSec li .ipCon {font-size:16px;}
	.evTargetSec .innerCon:after {right:10px; width:140px; height:104px;}

	.evInfoSec .evInfoTitle {margin-bottom:30px;}
	.evInfoSec .evInfoTitle .txt {font-size:16px;}
	.evInfoSec .evInfoTitle .txt span {font-size:20px;}
	.evInfoSec .evInfoTitle .deco {width:50px; height:24px;}
	.evInfoSec .goTxbook a {margin:10px 0;}
	.evInfoSec {padding-bottom:60px;}

	.evHowSec {padding-bottom:60px;}
	.evHowSec .title {margin-bottom:30px;}
	.evHowSec .title img {width:300px;}
	.evHowSec .evHow {gap:16px;}
	.evHowSec .evHow .ico {margin-bottom:10px;}
	.evHowSec .evHow .perHow {width:calc(33.33334% - 11px);}
	.evHowSec .evHow .txt {font-size:13px;}
	.evHowSec .evHow .txt span {font-size:12px;}

	.evBenefitSec {padding-bottom:50px;}
	.evBenefitSec .title {margin-bottom:30px;}
	.evBenefitSec .title img {width:236px;}
	.evBenefitSec .awList {gap:0px 20px;}
	.evBenefitSec .awList .perAw {width:calc(50% - 10px);}
	.evBenefitSec .awList .perAw:nth-child(5), 
	.evBenefitSec .awList .perAw:nth-child(6) {margin-top:24px;}
	.evBenefitSec .awList .perAw .ico {margin-bottom:10px;}
	.evBenefitSec .awList .perAw .txt {font-size:15px;}

	.tabMenu {margin-bottom:30px;}
	.tabMenu a {padding:12px 20px; font-size:20px;}
	.tabMenu a:after {width:2px; height:14px;}

	.evPuzSec {padding-bottom:50px;}
	.evPuzSec .titleSec {padding:0 20px;}
	.evPuzSec .titleSec .ico img {width:140px;}
	.evPuzSec .titleSec .title {font-size:24px; margin-bottom:10px;}
	.evPuzSec .titleSec .tipTxt span {font-size:18px; padding:6px 16px;}
	.evPuzSec .titleSec .tipTxt {font-size:18px; gap:5px;}
	.evSlvSec {background-size:1440px auto;}

	.puzSec {flex-direction:column; gap:30px;}
	.puzSec .perPuz {width:auto; padding:10px; gap:12px;}
	.puzBox {width:260px;}
	.slvBox {width:108px; height:330px; flex:0 0 auto; border-radius:16px;}
	.slvBox .playBtn {background-size:auto 100%; border-radius:28px; padding:0 10px;}
	.slvBox .example {padding:16px 14px; gap:0px;}

	.evGdsSec {padding:60px 0;}
	.evGdsSec .titleSec .title {font-size:14px; margin-top:5px;}
	.evGdsSec .titleSec .title span em {font-size:16px;}
	.evGdsSec .titleSec .title span:after {height:6px; bottom:-2px;}

	.evGdsSec .gdsBox {border-radius:16px; padding-bottom:50px;}
	.evGdsSec .gdsBox .gdsTitleSec .gdsTitle {margin-top:10px;}
	.evGdsSec .gdsBox .gdsTitleSec .gdsTitle span {font-size:26px;}
	.evGdsSec .gdsBox .gdsTitleSec .gdsTitle span:after {bottom:6px;}
	.evGdsSec .gdsBox .gdsTitleSec .gdsDesc {font-size:18px;}
	.evGdsSec .gdsBox .gdsTitleSec .raTxt {font-size:18px; margin-top:5px;}
	.evGdsSec .gdsBox .btnArea {padding:0 20px;}
	.evGdsSec .gdsBox .btnArea a.download {font-size:20px; padding:16px 30px 16px 100px;}
	.evGdsSec .gdsBox .btnArea a.download:after {width:16px; height:20px;}
	.evGdsSec .gdsBox .btnArea a.download:before {left:22px; width:68px; height:68px;}

	.evReviewSec {padding:60px 0;}
	.evReviewSec:after {width:120px; height:107px;}
	.evReviewSec .innerCon:after {right:0; width:100px; height:99px; top:-42px;}
	.rvForm {border-radius:16px; padding:20px 20px 0;}
	.rvForm textarea {font-size:16px;}
	.rvForm .btnArea .inputByte {font-size:14px;}

	.btn {padding:10px 24px; font-size:18px;
		-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);
	}

	.rvList {gap:40px;}
	.rvList .perReview {width:100%; border-radius:16px;}
	.perReview .writer .teaId {font-size:16px;}
	.perReview .writer .date {font-size:14px;}
	.perReview .rvCon {font-size:16px;}

	.pagingWrap {margin:30px 0 0; gap:6px;}
	.pagingWrap a {width:40px; height:40px; font-size:15px;}

	.popComp .inComp .title {padding:15px;}
	.popComp .inComp .compMent {margin:10px 0; gap:5px;}
	.popComp .inComp .compMent p {font-size:20px;}
	.popComp .inComp .compMent p span em {font-size:20px;}
	.popComp .inComp .compMent p span:after {height:8px; bottom:0; width:100%; left:0;}
	.popComp .inComp .compMent:before {width:50px; height:60px;}
	.popComp .inComp .compMent:after {width:50px; height:60px;}
	.popComp .inComp .compGuide {width:calc(100% - 50px); font-size:16px; padding:16px; word-break:keep-all; margin-bottom:30px; border-radius:16px;}

	.slvBox.ele01 .draggable#draggable1 img {width:65px; height:74px;}
	.slvBox.ele01 .draggable#draggable2 img {width:71px; height:74px;}
	.slvBox.ele01 .draggable#draggable3 img {width:80px; height:66px;}
	.slvBox.ele01 .draggable#draggable4 img {width:66px; height:74px;}

	.slvBox.ele02 .draggable#draggable1 img {width:72px; height:73px;}
	.slvBox.ele02 .draggable#draggable2 img {width:71px; height:73px;}
	.slvBox.ele02 .draggable#draggable3 img {width:65px; height:81px;}
	.slvBox.ele02 .draggable#draggable4 img {width:73px; height:73px;}

	.slvBox.mid01 .draggable#draggable1 img {width:64px; height:72px;}
	.slvBox.mid01 .draggable#draggable2 img {width:72px; height:73px;}
	.slvBox.mid01 .draggable#draggable3 img {width:64px; height:81px;}
	.slvBox.mid01 .draggable#draggable4 img {width:64px; height:65px;}
                                                                                
	.slvBox.mid02 .draggable#draggable1 img {width:73px; height:73px;}
	.slvBox.mid02 .draggable#draggable2 img {width:71px; height:74px;}
	.slvBox.mid02 .draggable#draggable3 img {width:66px; height:66px;}
	.slvBox.mid02 .draggable#draggable4 img {width:73px; height:73px;}

	.slvBox.high01 .draggable#draggable1 img {width:71px; height:72px;}
	.slvBox.high01 .draggable#draggable2 img {width:79px; height:65px;}
	.slvBox.high01 .draggable#draggable3 img {width:71px; height:65px;}
	.slvBox.high01 .draggable#draggable4 img {width:64px; height:73px;}

	.slvBox.high02 .draggable#draggable1 img {width:72px; height:73px;}
	.slvBox.high02 .draggable#draggable2 img {width:71px; height:73px;}
	.slvBox.high02 .draggable#draggable3 img {width:65px; height:81px;}
	.slvBox.high02 .draggable#draggable4 img {width:72px; height:73px;}

	.puzBox.ele01 #droppable1 {width:65px; height:74px; right:65px; top:2px;}
	.puzBox.ele01 #droppable2 {width:71px; height:74px; right:0px; top:68px;}
	.puzBox.ele01 #droppable3 {width:80px; height:66px; left:58px; top:133px;}
	.puzBox.ele01 #droppable4 {width:66px; height:74px; right:65px; bottom:0px;}

	.puzBox.ele02 #droppable1 {width:72px; height:73px; left:66px; top:3px;}
	.puzBox.ele02 #droppable2 {width:71px; height:73px; left:1px; top:61px;}
	.puzBox.ele02 #droppable3 {width:65px; height:81px; right:66px; top:128px;}
	.puzBox.ele02 #droppable4 {width:73px; height:73px; left:65px; bottom:3px;}

	.puzBox.mid01 #droppable1 {width:64px; height:72px; right:66px; top:3px;}
	.puzBox.mid01 #droppable2 {width:72px; height:73px; left:66px; top:68px;}
	.puzBox.mid01 #droppable3 {width:64px; height:81px; left:1px; top:127px;}
	.puzBox.mid01 #droppable4 {width:64px; height:65px; right:65px; bottom:69px;}

	.puzBox.mid02 #droppable1 {width:73px; height:73px; left:66px; top:3px;}
	.puzBox.mid02 #droppable2 {width:71px; height:74px; right:1px; top:68px;}
	.puzBox.mid02 #droppable3 {width:66px; height:66px; right:66px; bottom:69px;}
	.puzBox.mid02 #droppable4 {width:73px; height:73px; left:66px; bottom:3px;}

	.puzBox.high01 #droppable1 {width:71px; height:72px; left:1px; top:61px;}
	.puzBox.high01 #droppable2 {width:79px; height:65px; left:58px; top:134px;}
	.puzBox.high01 #droppable3 {width:71px; height:65px; right:1px; top:134px;}
	.puzBox.high01 #droppable4 {width:64px; height:73px; right:66px; bottom:3px;}

	.puzBox.high02 #droppable1 {width:72px; height:73px; left:66px; top:3px;}
	.puzBox.high02 #droppable2 {width:71px; height:73px; right:1px; top:68px;}
	.puzBox.high02 #droppable3 {width:65px; height:81px; right:65px; top:127px;}
	.puzBox.high02 #droppable4 {width:72px; height:73px; left:65px; bottom:68px;}

	.puzSec .perPuz.perPuzEnd01:after {background-size:auto 335px;}
	.puzSec .perPuz.perPuzEnd02:after {background-size:auto 335px;}
	.puzSec .perPuz.perPuzEnd03:after {background-size:auto 335px;}
	.puzSec .perPuz.perPuzEnd04:after {background-size:auto 335px;}
	.puzSec .perPuz.perPuzEnd05:after {background-size:auto 335px;}
	.puzSec .perPuz.perPuzEnd06:after {background-size:auto 335px;}

	.evBnrSec {background-position:left bottom; background-size:100% auto; padding:50px 0 80px;}
	.evBnrSec .bnr {padding:20px 20px 30px; border-radius:16px;}
	.evBnrSec .bnr .title {font-size:17px;}
	.evBnrSec .bnr .desc {font-size:14px; margin-top:5px;}
	.evBnrSec .bnr.share {background-size:150px auto; margin-bottom:20px;}
	.evBnrSec .bnr.newmember {background-size:170px auto; padding:20px;}
	.evBnrSec .bnr a {font-size:16px; padding:6px 20px; margin-top:10px; gap:10px;}
	.evBnrSec .bnr a.share:after {width:14px;}
	.evBnrSec .bnr a.member:after {width:14px;}

	.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;}
	.cauCon .cauBox li:after {left:3px; top:9px; width:3px; height:3px;}
}

@media only screen and (max-width:400px) {
	.evTargetSec li .ipCon {font-size:14px;}
	.evInfoSec .evInfoTitle .txt {font-size:16px;}
	.evHowSec .evHow .txt {word-break:keep-all; font-size:13px;}
	.evBenefitSec .awList .perAw .txt {font-size:14px;}
	.evPuzSec .titleSec .title {font-size:24px;}
	.evPuzSec .titleSec .tipTxt {font-size:16px;}
	.evPuzSec .titleSec .tipTxt span {font-size:16px;}
	.evGdsSec .titleSec .title {font-size:14px;}
	.evGdsSec .titleSec .title span em {font-size:16px;}
	.evGdsSec .gdsBox .gdsTitleSec .gdsDesc {font-size:18px;}
	.evGdsSec .gdsBox .btnArea a.download {font-size:18px; padding:16px 30px 16px 90px;}
	.evGdsSec .gdsBox .btnArea a.download:before {width:68px; height:68px; left:12px;}

	.evGdsSec .gdsBox .gdsTitleSec .gdsTitle span {font-size:24px;}
	.evGdsSec .gdsBox .gdsTitleSec .raTxt {font-size:16px;}
}

@media only screen and (max-width:390px) {
/* 	.evTargetSec li .ipCon {font-size:14px;}
	.evInfoSec .evInfoTitle .txt {font-size:16px;}
	.evHowSec .evHow .txt {word-break:keep-all; font-size:13px;}
	.evBenefitSec .awList .perAw .txt {font-size:14px;}
	.evPuzSec .titleSec .title {font-size:24px;}
	.evPuzSec .titleSec .tipTxt {font-size:16px;}
	.evPuzSec .titleSec .tipTxt span {font-size:16px;}
	.evGdsSec .titleSec .title {font-size:14px;}
	.evGdsSec .titleSec .title span em {font-size:16px;}
	.evGdsSec .gdsBox .gdsTitleSec .gdsDesc {font-size:18px;}
	.evGdsSec .gdsBox .btnArea a.download {font-size:18px; padding:16px 30px 16px 90px;}
	.evGdsSec .gdsBox .btnArea a.download:before {width:68px; height:68px; left:12px;}
	
	.evGdsSec .gdsBox .gdsTitleSec .gdsTitle span {font-size:24px;}
	.evGdsSec .gdsBox .gdsTitleSec .raTxt {font-size:16px;} */


	.puzBox.ele01 #droppable1 {width:65px; height:74px; right:65px; top:2px;}
	.puzBox.ele01 #droppable2 {width:71px; height:74px; right:0px; top:68px;}
	.puzBox.ele01 #droppable3 {width:80px; height:66px; left:58px; top:134px;}
	.puzBox.ele01 #droppable4 {width:66px; height:74px; right:65px; bottom:2px;}

	.puzBox.ele02 #droppable1 {width:72px; height:73px; left:66px; top:3px;}
	.puzBox.ele02 #droppable2 {width:71px; height:73px; left:1px; top:61px;}
	.puzBox.ele02 #droppable3 {width:65px; height:81px; right:66px; top:128px;}
	.puzBox.ele02 #droppable4 {width:73px; height:73px; left:65px; bottom:3px;}

	.puzBox.mid01 #droppable1 {width:64px; height:72px; right:66px; top:3px;}
	.puzBox.mid01 #droppable2 {width:72px; height:73px; left:66px; top:68px;}
	.puzBox.mid01 #droppable3 {width:64px; height:81px; left:1px; top:127px;}
	.puzBox.mid01 #droppable4 {width:64px; height:65px; right:65px; bottom:69px;}

	.puzBox.mid02 #droppable1 {width:73px; height:73px; left:66px; top:3px;}
	.puzBox.mid02 #droppable2 {width:71px; height:74px; right:1px; top:68px;}
	.puzBox.mid02 #droppable3 {width:66px; height:66px; right:66px; bottom:69px;}
	.puzBox.mid02 #droppable4 {width:73px; height:73px; left:66px; bottom:3px;}

	.puzBox.high01 #droppable1 {width:71px; height:72px; left:1px; top:61px;}
	.puzBox.high01 #droppable2 {width:79px; height:65px; left:58px; top:135px;}
	.puzBox.high01 #droppable3 {width:71px; height:65px; right:1px; top:135px;}
	.puzBox.high01 #droppable4 {width:64px; height:73px; right:66px; bottom:3px;}

	.puzBox.high02 #droppable1 {width:72px; height:73px; left:66px; top:3px;}
	.puzBox.high02 #droppable2 {width:71px; height:73px; right:1px; top:68px;}
	.puzBox.high02 #droppable3 {width:65px; height:81px; right:65px; top:127px;}
	.puzBox.high02 #droppable4 {width:72px; height:73px; left:65px; bottom:68px;}
}