@charset "utf-8";

@font-face {
    font-family: 'YeogiOttaeJalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
/******************** 공통 ********************/
.dim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:1000; display:none;}
body.noScroll {display:block; height:100%; overflow:hidden;}
* {letter-spacing:-1px; font-weight:400; line-height:1.0; word-break:keep-all;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed , .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.evWrap {position:relative; overflow:hidden;}
.evWrap .subDim {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); z-index:51; display:none;}

.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:127px; height:54px; background:url(../../../img/logo_mt_all.svg) no-repeat 50% 50%; background-size: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:#000; font-size:14px; font-weight:500; padding:12px 14px; border-radius:50px; border:1px solid #000;}
.gloHeader .gloUtil .logo a {display:block; width:75px; height:21px; background:url(../../../img/logo_miraen_kr.svg) no-repeat 50% 50%;}

.gloHeader.white .gloUtil .account .txtMenu a {color:#FFF; border:1px solid #FFF;}
.gloHeader.white .gloUtil .logo a {display:block; width:75px; height:21px; background:url(../../../img/logo_miraen_kr_w.svg) no-repeat 50% 50%; background-size:100%;}

/** 이벤트 하단 공통 **/
.eventCauSec {background:#222; position:relative; z-index:10;}
.eventCauSec * {font-family:'Pretendard Variable';}
.eventCauSec .innerCon {padding:90px 0; width:100%; max-width:1200px; margin:0 auto;}

.cauCon {display:block; height:auto; overflow:hidden;}
.cauCon .title {color:#FFF; font-size:26px; font-weight:500; margin-bottom:30px;}
.cauCon .title:before {content:''; display:inline-block; width:23px; height:23px; background:url(../../../img/ico_cau_w.svg) no-repeat 50% 50%; background-size:100%; margin-right:10px; vertical-align:0;}
.cauCon .cauBox {display:block; height:auto; overflow:hidden; margin-bottom:30px; padding-left:36px;}
.cauCon .cauBox .caTitle {color:#FFF; font-size:20px; padding-left:0px; position:relative; font-weight:500; margin-bottom:10px;}
.cauCon .cauBox li {display:block; height:auto; overflow:hidden; padding:4px 0 4px 35px; font-size:18px; position:relative; color:#FFF; line-height:1.4;}
.cauCon .cauBox li a {color:#CDFF70; font-weight:500; line-height:1.4;}
.cauCon .cauBox li:after {content:''; position:absolute; left:20px; top:15px; width:5px; height:1px; background:#FFF;}
.cauCon .cauBox li em {color:#FFF;}
.cauCon .cauBox li.cauMidTitle {color:#222; font-size:18px; margin-bottom:5px; padding-left:15px;}
.cauCon .cauBox li.cauMidTitle.device {margin-top:15px;}
.cauCon .cauBox li.cauMidTitle:after {background:none;}
.cauCon .cauBox li.simple:after {display:none;}

/** paging **/
.pagingWrap {display:flex; justify-content:center; align-items:center; gap:5px; margin:60px 0;}
.pagingWrap a {display:inline-flex; justify-content:center; align-items:center; border-radius:50%; color:#000; font-size:16px; width:40px; height:40px; line-height:1.0; font-weight:400;}
.pagingWrap a.dir {border:2px solid transparent; width:30px;}
.pagingWrap a.dir.first {background:url(../../../img/btn_dir_end.svg) no-repeat 50% 50%; background-size:auto 36px; transform:rotate(180deg);}
.pagingWrap a.dir.forward {background:url(../../../img/btn_dir.svg) no-repeat 50% 50%; background-size:auto 36px; transform:rotate(180deg);}
.pagingWrap a.dir.back {background:url(../../../img/btn_dir_end.svg) no-repeat 50% 50%; background-size:auto 36px;}
.pagingWrap a.dir.backword {background:url(../../../img/btn_dir.svg) no-repeat 50% 50%; background-size:auto 36px;}
.pagingWrap a.on {background:#000; color:#FFF; font-weight:700; position:relative;}

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

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content div {height:auto; padding:5px 0;}

/******* btn *******/
.btn {display:inline-block; width:100%; max-width:454px;}
.btn a {display:flex; justify-content:center; align-items:center; padding:28px 0; gap:8px; color:#FFF; font-size:28px; font-weight:600; position:relative; border-radius:8px; width:100%;}

.btn.moreService a {background:#5D4B40;}
.btn.cancel a {background:#999; color:#FFF;}
.btn.cancel a:after {display:none;}
.btn.confirm a {background: #000;}
.btn.confirm a:after {content:''; width:11px; height:22px; background:url(../img/ar_tail_w.svg) no-repeat 50% 50%; background-size:100%;}
.btn.dis a {background:#ccc; width:auto; text-align:center; justify-content:center; cursor:default;}
.btn.dis a:after {display:none;}

a.pBtn {display:flex; justify-content:center; align-items:center; padding:28px 0; gap:8px; color:#FFF; font-size:28px; font-weight:600; position:relative; border-radius:8px; width:100%; max-width:454px;}
a.pBtn:after {content:''; width:11px; height:22px; background:url(../img/ar_tail_w.svg) no-repeat 50% 50%; background-size:100%;}
a.pBtn.policy {background:#000;}
a.pBtn.mypoint {background:#FF4A73;}
/******************** 공통 ********************/

/******************** 개별 이벤트 ********************/
.wrap {overflow-x:hidden;}
.innerCon {position:relative; width:100%; max-width:1200px; margin:0 auto; padding:110px 0;}
.blindFin {position:absolute; left:0; top:0; width:100%; height:420px; background:transparent; z-index:100;}

.evHead {position:relative; background:url(../img/bg_ev_head.png) repeat left top; background-size:cover;}
.evHead .innerCon {text-align:center;}
.evHead h2 {color:#FF4A73; font-size:110px; font-family:'YeogiOttaeJalnan'; margin-top:24px; line-height:1.1;}
.evHead .evHeadImg {margin:0 auto; width:100%; max-width:610px;}
.evHead .evHeadTxtSec {text-align:center; color:#222;}
.evHead .evHeadTxtSec .evHeadTitle {font-size:40px; font-weight:600;}
.evHead .evHeadTxtSec .evHeadTitle strong {font-weight:700;}
.evHead .evHeadTxtSec .evHeadDesc {font-size:26px; font-weight:500; line-height:1.4; margin-top:8px;}

.evTitleSec {position:relative; text-align:center;}
.evTitle {height:56px; text-align:center;}
.evTitle img {height:100%;}
.evDesc {color:#000; font-size:24px; line-height:1.4; margin-top:32px;}
.evDesc strong {font-weight:700;}
.evTitleSec .evTitleTxt {color:#FF4A73; font-size:42px; font-family:'YeogiOttaeJalnan'; margin-top:24px;}
.evTitleSec .evTitleTxt em {font-size:64px;}

.evQuizeSec {background:#FFD6D6; z-index:10;}
.evQuizeSec .innerCon {z-index:10;}
.evQuizeSec .innerCon:after {content:''; position:absolute; right:-200px; bottom:-100px; width:200px; height:200px; background:url(../img/deco_heart.png) no-repeat 50% 50%; background-size:100%;}
.evQuizeSec .evTarget {display:flex; justify-content:center; align-items:center; margin-top:32px; gap:32px; flex-flow:row wrap;}
.evQuizeSec .evTarget li {display:flex; align-items:center; gap:16px;}
.evQuizeSec .evTarget li .item {padding:8px 16px; color:#000; font-size:24px; font-weight:600; border-radius:100px; border:1px solid #000;}
.evQuizeSec .evTarget li .ipCon {color:#000; font-size:24px; font-weight:500;}
.evQuizeSec .evGiftSec {position:relative; margin:26px 0 72px;}
.evQuizeSec .evGiftSec .img {position:relative; width:262px; height:262px; margin:0 auto 38px;}
.evQuizeSec .evGiftSec .img .target {position:absolute; left:-25px; bottom:-14px; width:116px; height:116px; display:flex; justify-content:center; align-items:center; text-align:center; background:#FF4A73; border-radius:50%; color:#FFF; font-size:24px; line-height:1.2; padding-top:4px;}
.evQuizeSec .evGiftSec .giftTxt {color:#000; font-size:26px; font-weight:500; line-height:1.2; text-align:center;}
.evQuizeSec .evGiftSec .giftTip {color:#000; font-size:20px; font-weight:300; line-height:1.3; text-align:center; margin-top:12px;}
.evQuizeSec .quizSec {position:relative; width:100%; max-width:910px; margin:0 auto; border:2px solid #FFF; background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(30px); border-radius:20px; padding:56px 20px;}
.evQuizeSec .quizSec .qTxt {display:flex; justify-content:center; align-items:center; gap:6px; color:#000; font-size:32px; font-weight:400; line-height:1.3; margin-bottom:40px;}
.evQuizeSec .quizSec .qTxt:before {content:'Q.'; line-height:1.3; font-size:32px; font-weight:700;}
.evQuizeSec .quizSec .solveSec {width:100%; max-width:454px; margin:40px auto 0;}
.evQuizeSec .quizSec .solveSec .exsample {display:flex; gap:32px; margin-bottom:24px;}
.evQuizeSec .quizSec .solveSec .exsample span {flex:1 1 0; display:flex; justify-content:center; align-items:center; color:#000; font-size:62px; font-weight:900; background:#FFF; border-radius:8px; height:130px;}
.evQuizeSec .quizSec .solveSec .hintSec {display:flex; gap:16px; padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid #FFF;}
.evQuizeSec .quizSec .solveSec .hintSec .hintTitle {width:60px; height:60px; display:flex; justify-content:center; align-items:center; color:#000; font-size:20px; text-align:center; border-radius:8px; border:1px solid #000;}
.evQuizeSec .quizSec .solveSec .hintSec ul li {position:relative; padding-left:20px; color:#000; font-size:18px; line-height:1.3;}
.evQuizeSec .quizSec .solveSec .hintSec ul li span {position:absolute; left:0; top:0; color:#000; font-size:18px; line-height:1.3;}
.evQuizeSec .quizSec .solveSec input[type="text"] {display:inline-block; width:100%; height:80px; text-align:center; border:0; border-radius:8px; font-size:24px; color:#000; font-weight:700;}
.evQuizeSec .quizSec .solveSec input[type="text"]:focus {border:2px solid #FF4A73;}
.evQuizeSec .btnArea {display:flex; justify-content:center; align-items:center; margin-top:48px; gap:10px;}

.evUseSec {background:#FFEDE7; position:relative;}
.evUseSec .innerCon {z-index:10;}
.evUseSec .innerCon:after {content:''; position:absolute; left:-200px; bottom:-100px; width:200px; height:200px; background:url(../img/deco_heart01.png) no-repeat 50% 50%; background-size:100%;}
.evUseSec:before {content:''; position:absolute; left:calc((100% - 1200px) / 4 - 179px); top:50%; transform:translate(0, -50%); width:358px; height:1785px; background:url(../img/deco_left.png) no-repeat 50% 50%; background-size:100%;}
.evUseSec:after {content:''; position:absolute; right:calc((100% - 1200px) / 4 - 179px); top:50%; transform:translate(0, -50%); width:358px; height:1785px; background:url(../img/deco_right.png) no-repeat 50% 50%; background-size:100%;}
.evUseSec .getMethod {margin:56px auto 110px; display:flex; flex-flow:row wrap; gap:20px; width:100%; max-width:960px;}
.evUseSec .getMethod .perGet {width:calc(33.33334% - 14px); border-radius: 32px; border: 4px solid #FFF; padding:40px 0; background: rgba(255, 255, 255, 0.45); box-shadow: 6px 6px 15px 0 rgba(194, 134, 143, 0.40); backdrop-filter: blur(50px);}
.evUseSec .getMethod .perGet .txt {color:#000; font-size:24px; text-align:center;}
.evUseSec .getMethod .perGet .ico {margin:20px auto; width:120px;}
.evUseSec .getMethod .perGet .txtSec {position:relative; text-align:center;}
.evUseSec .getMethod .perGet .txtSec .title {color:#000; font-size:30px; font-weight:700; margin-bottom:16px;}
.evUseSec .getMethod .perGet .txtSec .pointTxt {color:#000; font-size:22px;}
.evUseSec .getContent {position:relative; text-align:center; margin-bottom:80px;}
.evUseSec .getContent .gcTitle {display:inline-block; margin:0 0 56px; position:relative; color:#FF4A73; font-size:42px; font-family:'YeogiOttaeJalnan';}
.evUseSec .getContent .gcTitle br {display:none;}
.evUseSec .getContent .gcTitle:after {content:''; position:absolute; left:-28px; top:-24px; width:28px; height:28px; background:url(../img/title_heart.svg) no-repeat 50% 50%; background-size:100%;}

.getTab {display:flex; justify-content:center; align-items:center; gap:20px; margin-bottom:60px;}
.getTab > a {padding:14px 32px; color:#E87B94; font-size:20px; background:#FFF1EC; border:1px solid #F9577B; border-radius:100px;}
.getTab > a br {display:none;}
.getTab > a.on {background:#FF4A73; border-color:#FF4A73; color:#FFF; box-shadow: 6px 6px 15px 0 rgba(194, 134, 143, 0.40); backdrop-filter: blur(50.77574157714844px);}

.getCont {position:relative; background:#FFF; border-radius:20px; overflow:hidden; display:none;}
.getCont .innerTab {display:flex; background:#EAEAEA;}
.getCont .innerTab > a {flex:1; text-align:center; padding:23px 0; color:#999; font-size:28px; font-weight:500; position:relative;}
.getCont .innerTab > a:after {content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#E0E0E0;}
.getCont .innerTab > a:last-child:after {display:none;}
.getCont .innerTab > a.on {background:#FFF; color:#FF4A73; font-weight:700;}
.getCont .getContBox {position:relative; padding:48px 40px 40px; display:none;}
.getCont .getContBox .txtSec {margin-bottom:32px; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:0px; height:82px;}
.getCont .getContBox .txtSec .inDesc {color:#000; font-size:24px; line-height:1.4;}
.getCont .getContBox .txtSec .inDesc br {display:none;}
.getCont .getContBox .txtSec .inTitle  {color:#000; font-size:24px; font-weight:600; line-height:1.4;}
.getCont .getContBox .txtSec .inTitle span {font-weight:400;}
.getCont .getContBox .txtSec .mGrade {display:flex; justify-content:center; align-items:center; gap:12px; margin-bottom:8px;}
.getCont .getContBox .txtSec .mGrade span {font-size:20px; padding:8px 16px; border-radius:100px;}
.getCont .getContBox .txtSec .mGrade span.ele {color:#02A39F; border:1px solid #02A39F;}
.getCont .getContBox .txtSec .mGrade span.mid {color:#C43CB4; border:1px solid #C43CB4;}
.getCont .getContBox .txtSec .mGrade span.high {color:#8967D2; border:1px solid #8967D2;}
.getCont .getContBox .imgSec {border:2px solid #ddd; border-radius:12px; overflow:hidden;}

.evReviewSec {background:#FFD6D6; position:relative;}
.evReviewSec:before {content:''; position:absolute; left:calc((100% - 1200px) / 4 - 180px); top:50%; transform:translate(0, -50%); width:360px; height:1785px; background:url(../img/deco_left.png) no-repeat 50% 50%; background-size:100%;}
.evReviewSec:after {content:''; position:absolute; right:calc((100% - 1200px) / 4 - 180px); top:50%; transform:translate(0, -50%); width:360px; height:1785px; background:url(../img/deco_right.png) no-repeat 50% 50%; background-size:100%;}
.evReviewSec .innerCon {padding:194px 0 50px; z-index:20;}
.evReviewSec .evTitle {height:auto; color:#FF4A73; font-size:42px; font-family:'YeogiOttaeJalnan';}
.evReviewSec .evTitle em {font-size:64px; position:relative;}
.evReviewSec .evTitle em.tUp:after {content:''; position:absolute; right:-76px; top:-76px; width:76px; height:76px; background:url(../img/txt_up.png) no-repeat 50% 50%; background-size:100%;}
.evReviewSec .evTitle br {display:none;}

.rollingSec {position:relative; border:2px solid #FFF; background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(30px); border-radius:20px; padding:30px; margin:60px 0 80px;}
.rollingSec:after {content:''; position:absolute; right:-56px; top:-50px; width:160px; height:160px; background:url(../img/deco_heart_rv.svg) no-repeat 50% 50%; background-size:100%; z-index:100;}
.rollingSec .cheer {border-radius:12px; background:#ffa5bc; padding:30px;}
.rollingSec .cheer .swiper-wrapper {position:relative; z-index:10; height:168px;}
.rollingSec .cheer .swiper-wrapper .swiper-slide {height:100px !important; color:#FFF;}

.rollingSec .cheer .writer {font-size:18px; margin-bottom:10px;}
.rollingSec .cheer .conTxt {font-size:20px; font-weight:600; line-height:1.4;}
.reviewForm {margin-top:56px;}
.reviewForm .reviewInput {position:relative;}
.reviewForm .reviewInput .inputByte {position:absolute; right:16px; bottom:16px; font-size:14px; color:#666; letter-spacing:0;}
.reviewForm textarea {border-radius:20px; padding:20px 20px 40px; height:210px; background:#FFF; color:#333; font-weight:500; line-height:1.4; border:0;}
.reviewForm .btnArea {display:flex; justify-content:center; align-items:center; gap:10px; margin-top:40px;}

.rvBtn {display:inline-block;}
.rvBtn a {display:inline-block; background:transparent; padding:16px 32px; border-radius:8px; border:1px solid #000; color:#000; font-size:24px; font-weight:700;}

.pointBtns {display:flex; justify-content:center; align-items:stretch; gap:16px; margin-top:32px;}

.reviewList {position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:24px; margin-top:60px;}
.reviewList .joinCount {color:#222; font-size:20px; font-weight:500; margin-bottom:6px;}
.reviewList .joinCount strong {font-weight:700; color:#FF4A73;}
.reviewList .perCheer {position:relative; background:#FFF; border-radius:20px; padding:32px; width:100%;}
.reviewList .perCheer.my {border:2px solid #FB6464;}
.reviewList .perCheer .writer {position:relative; color:#111; font-size:18px; font-weight:700; margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #ddd;}
.reviewList .perCheer .writer .school {position:relative; display:inline-block; padding-right:10px; margin-right:10px; font-weight:700;}
.reviewList .perCheer .writer .school:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#111;}
.reviewList .perCheer .writer .date {color:#777; font-size:16px; margin-left:10px; position:relative; padding-left:10px; margin-left:10px;}
.reviewList .perCheer .writer .date:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:1px; height:10px; background:#777;}
.reviewList .perCheer .writer .rvFunc {position:absolute; right:0; top:0; display:flex; align-items:center; gap:8px;}
.reviewList .perCheer .writer .rvFunc a {display:block; padding:6px 14px; background:#ccc; color:#FFF; font-size:14px; font-weight:500; border-radius:100px;}
.reviewList .perCheer .conTxt {color:#666; font-size:16px; line-height:1.4; word-break:break-all;}

.myCheer {position:relative; margin-top:30px; padding-top:30px; border-top:1px dashed #FFF;}
.myCheer .mycTitle {color:#FF4A73; font-size:30px; font-family:'YeogiOttaeJalnan'; text-align:center;}

.evOptSec {background:#FFD6D6;}
.evOptSec .innerCon {display:flex; gap:24px; padding-top:0;}
.bnrBox {width:calc(50% - 12px); display:flex; justify-content:space-between; align-items:center; padding:40px 20px 40px 52px; border-radius:20px; background: rgba(255, 255, 255, 0.30); border:2px solid #FFF; box-shadow: 0 0 26px 0 rgba(255, 192, 184, 0.50);}
.bnrBox.plat {padding:0; border:none; box-shadow:none; overflow:hidden; background:transparent;}
.bnrBox:last-child {margin-bottom:0;}
.bnrBox .txtSec {display:block;}
.bnrBox .txtSec .txt {color:#FF4A73; font-size:38px; font-weight:800; line-height:1.3; margin-bottom:10px;}
.bnrBox .txtSec .desc {color:#000; font-size:18px; font-weight:400; line-height:1.3; letter-spacing:0; margin-bottom:24px;}
.bnrBox .txtSec .desc strong {font-weight:700;}
.bnrBox .imgSec {width:100%; max-width:200px;}
.bnrBox .btn {margin-top:16px; width:auto;}
.bnrBox .btn a {display:flex; gap:20px; align-items:center; color:#000; font-size:18px; font-weight:700; padding:14px 32px; border:1px solid #000; border-radius:8px; width:auto;}
.bnrBox .btn a:after {content:''; width:11px; height:22px; background:url(../img/ar_tail_b.svg) no-repeat 50% 50%; background-size:100%;}

a.goTop {position:fixed; right:24px; bottom:24px; width:66px; height:66px; border-radius:50%; background:#2F2C29; display:flex; justify-content:center; align-items:center; flex-direction:column; color:#FFF; font-size:15px; font-weight:600; text-align:center; gap:8px;  z-index:1000; opacity:1; transform:translateX(0); transition:.4s all;}
a.goTop:before {content:''; width:18px; height:11px; background:url(../../../img/ar_top.svg) no-repeat 50% 50%; background-size:100%; flex:0 0 auto;}
a.goTop.hide {opacity:0; transform:translateX(120px);}

@media only screen and (max-width:1200px) {
	.gloHeader {padding:20px;}
	.evInner {padding:0 20px;}
	.eventCauSec .innerCon {padding:90px 20px;}
}

@media only screen and (max-width:720px) {
	.forDesk {display:none !important;}
	.forMo {display:block;}

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

	#mo-footer {margin-top:0;}
	#mo-footer .mo-ft-top {padding-top:0;}

	.eventCauSec .innerCon {padding:30px 20px;}
	.cauCon {margin-top:0px;}
	.cauCon .title {font-size:18px; margin-bottom:20px;}
	.cauCon .title:before {width:18px; height:18px; vertical-align:-2px; margin-right:5px;}
	.cauCon .cauBox {padding-left:11px;}
	.cauCon .cauBox:last-child {margin-bottom:0;}
	.cauCon .cauBox .caTitle {font-size:16px; padding-left:10px; margin-bottom:5px;}
	.cauCon .cauBox .caTitle:after {width:4px; height:4px; top:7px;}
	.cauCon .cauBox li {font-size:14px; line-height:1.3; padding:4px 0 4px 10px;}
	.cauCon .cauBox li:after {left:0px; top:11px;}

	/*********** 개별 이벤트  **************/
	.innerCon {padding:60px 0;}
	.evHead {background:url(../img/bg_ev_head_mo.png) repeat left top; background-size:cover;}
	.evHead .innerCon {padding:80px 0 60px;}
	.evHead h2 {font-size:42px; margin-top:16px;}
	.evHead .evTitle {width:180px; margin:0 auto; height:auto;}
	.evHead .evHeadImg {padding:0 36px; margin-bottom:10px;}
	.evHead .evHeadTxtSec .evHeadTitle {font-size:20px; padding:0 20px; line-height:1.3;}
	.evHead .evHeadTxtSec .evHeadDesc {font-size:18px; padding:0 20px; margin-top:16px;}
	.evTitle {height:34px;}
	.evTitleSec .evTitleTxt {font-size:30px; line-height:1.4; margin-top:16px;}
	.evTitleSec .evTitleTxt em {font-size:38px;}

	.evQuizeSec .innerCon {padding:60px 20px;}
	.evQuizeSec .evGiftSec {margin:20px 0 40px;}
	.evQuizeSec .evTarget {flex-direction:column; gap:16px;}
	.evQuizeSec .evTarget li {flex-direction:column; gap:8px;}
	.evQuizeSec .evTarget li .item {padding:8px 16px; font-size:16px;}
	.evQuizeSec .evTarget li .ipCon {font-size:16px;}
	.evQuizeSec .evGiftSec .img {width:100%; padding:0 50px; height:auto; margin-bottom:10px;}
	.evQuizeSec .evGiftSec .img .target {left:60px; bottom:20px; width:80px; height:80px; font-size:18px; padding-top:2px;}
	.evQuizeSec .evGiftSec .giftTxt {padding:0 20px; font-size:20px;}
	.evQuizeSec .evGiftSec .giftTip {padding:0 20px; font-size:18px; margin-top:6px;}

	.evQuizeSec .quizSec {padding:24px 20px; border-radius:12px;}
	.evQuizeSec .quizSec .qTxt {font-size:20px; align-items:flex-start; margin-bottom:10px;}
	.evQuizeSec .quizSec .qTxt:before {font-size:20px;}
	.evQuizeSec .quizSec .solveSec {margin-top:24px;}
	.evQuizeSec .quizSec .solveSec .exsample {gap:14px;}
	.evQuizeSec .quizSec .solveSec .exsample span {height:82px; font-size:38px;}
	.evQuizeSec .quizSec .solveSec .hintSec .hintTitle {font-size:12px; flex:0 0 auto; width:34px; height:34px;}
	.evQuizeSec .quizSec .solveSec .hintSec ul li {font-size:14px; padding-left:12px;}
	.evQuizeSec .quizSec .solveSec .hintSec ul li br {display:none;}
	.evQuizeSec .quizSec .solveSec .hintSec ul li span {font-size:14px;}
	.evQuizeSec .quizSec .solveSec input[type="text"] {height:48px; font-size:16px;}

	.evQuizeSec .innerCon:after {right:10px; bottom:-50px; width:100px; height:100px;}

	.evUseSec:before {left:0; width:40%; height:100%;}
	.evUseSec:after {right:0; width:40%; height:100%;}
	.evUseSec .innerCon {padding:60px 20px;}
	.evDesc {font-size:16px;}

	.evUseSec .getContent {margin-bottom:30px;}
	.evUseSec .getContent .gcTitle {font-size:30px; line-height:1.2;}
	.evUseSec .getContent .gcTitle:after {left:50%; transform:translate(-50%, 0); top:-36px;}

	.evUseSec .getMethod {gap:12px; margin:24px auto 80px;}
	.evUseSec .getMethod .perGet {width:calc(50% - 6px); padding:20px 0; border-radius:16px; border-width:2px;}
	.evUseSec .getMethod .perGet .txt {font-size:16px;}
	.evUseSec .getMethod .perGet .ico {width:80px; margin:10px auto}
	.evUseSec .getMethod .perGet .txtSec .title {font-size:18px;}
	.evUseSec .getMethod .perGet .txtSec .pointTxt {font-size:16px;}

	.evUseSec .getContent .gcTitle br {display:block;}
	.getTab {gap:8px; align-items:stretch; margin-bottom:20px;}
	.getTab > a {font-size:14px; font-weight:500; padding:10px 0; flex:1; display:flex; align-items:center; line-height:1.2; flex-direction:column; border-radius:8px;}
	.getTab > a br {display:block;}
	.getTab > a span {font-size:20px; margin-bottom:6px;	}
	.getCont {border-radius:8px;}
	.getCont .innerTab {flex-wrap:wrap;}
	.getCont .innerTab > a {padding:12px 0; font-size:14px; flex:0 0 auto;}
	.getCont .innerTab > a:nth-child(4), .getCont .innerTab > a:nth-child(5), .getCont .innerTab > a:nth-child(6) {border-top:1px solid #E5E5E5;}
	.getCont#get01 .innerTab > a {width:50%;}
	.getCont#get02 .innerTab > a {width:33.33334%;}
	.getCont#get03 .innerTab > a {width:33.33334%;}
	.getCont#get03 .innerTab > a:nth-child(4), .getCont#get03 .innerTab > a:nth-child(5) {width:50%;}
	.getCont .getContBox {padding:0px;}

	.getCont .getContBox .txtSec {height:auto; padding:20px; margin-bottom:0;}
	.getCont .getContBox .txtSec .inDesc {font-size:14px;}
	.getCont .getContBox .txtSec .inDesc br {display:block;}
	.getCont .getContBox .txtSec .inTitle {font-size:14px;}
	.getCont .getContBox .txtSec .mGrade {gap:4px;}
	.getCont .getContBox .txtSec .mGrade span {font-size:14px; padding:6px 10px;}
	.getCont .getContBox .imgSec {border-radius:0; border:0; border-top:1px solid #ddd;}

	.btn a {padding:18px 0; font-size:18px;}
	.btn.confirm a:after {width:10px; height:12px;}

	.evReviewSec .innerCon {padding:60px 20px;}
	.evReviewSec .evTitle {font-size:30px; line-height:1.3; position:relative;}
	.evReviewSec .evTitle:after {content:''; position:absolute; right:10%; top:-80px; width:76px; height:76px; background:url(../img/txt_up.png) no-repeat 50% 50%; background-size:100%;}
	.evReviewSec .evTitle br {display:block;}
	.evReviewSec .evTitle em {font-size:38px;}
	.evReviewSec .evTitle em.tUp:after {display:none;}
	
	.reviewForm textarea {height:180px;}
	.reviewForm .btnArea {margin-top:20px;}
	.rvBtn a {padding:10px 20px; font-size:16px;}
	.reviewList {margin-top:20px; gap:12px;}
	.reviewList .joinCount {text-align:center; font-size:18px; display:block; width:100%;}
	.reviewList .perCheer {padding:20px;}
	.reviewList .perCheer .writer {font-size:14px; display:block; height:auto; overflow:hidden; padding-bottom:12px; margin-bottom:12px;}
	.reviewList .perCheer .writer .rvFunc {position:relative; right:unset; top:unset; float:right; margin-top:12px;}
	.reviewList .perCheer .writer .rvFunc a {padding:6px 14px; font-size:12px;}
	.reviewList .perCheer .conTxt {line-height:1.3; font-size:14px;}

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

	.evOptSec .innerCon {padding:0 20px 60px 20px; flex-direction:column;}
	.bnrBox {flex-direction:column; padding:32px 20px 60px; align-items:flex-end; gap:0px; position:relative; width:100%;}
	.bnrBox .txtSec .txt {font-size:20px;}
	.bnrBox .btn a {max-width:150px; height:auto; gap:5px; font-size:16px; padding:8px 15px;}
	.bnrBox .imgSec {position:absolute; right:0; bottom:20px; max-width:50%;}
	.bnrBox .txtSec {width:100%;}
	.bnrBox .txtSec .desc {font-size:16px; margin-bottom:18px;}
	.bnrBox.share .txtSec .txt {margin-bottom:18px;}

	.reviewList .perCheer .writer .date {font-size:14px;}

	.pointBtns {gap:4px; margin-top:24px;}
	a.pBtn {padding:12px; font-size:16px; justify-content:space-between;}
	a.pBtn:after {height:14px; background-size:auto 100%;}
	a.pBtn.policy {width:58%;}
	a.pBtn.mypoint {width:calc(42% - 4px);}

	a.goTop {width:48px; height:48px; font-size:10px; gap:4px; right:16px; bottom:16px;}
	a.goTop:before {height:8px; background-size:auto 8px;}

}

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

}