@charset "utf-8";
/******************** 공통 ********************/
.dim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:1000; display:none;}
.GpFont {font-family:'GapyeongHanseokbongBigBrush';}
body {background:#f8f8f8;}
body.noScroll {display:block; height:100%; overflow:hidden;}
html {scroll-behavior: smooth;}
* {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;}

.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(../images/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(../images/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(../images/logo_miraen_kr_w.svg) no-repeat 50% 50%; background-size:100%;}

/** 이벤트 하단 공통 **/
.eventCauSec {background:#2F2C29;}
.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(../images/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:#222; font-weight:500;}
.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-family:'GapyeongHanseokbongBigBrush'; font-weight:400;}
.pagingWrap a.dir {border:2px solid transparent; width:30px;}
.pagingWrap a.dir.first {background:url(../images/ev/btn_dir_end.svg) no-repeat 50% 50%; background-size:auto 36px; transform:rotate(180deg);}
.pagingWrap a.dir.forward {background:url(../images/ev/btn_dir.svg) no-repeat 50% 50%; background-size:auto 36px; transform:rotate(180deg);}
.pagingWrap a.dir.back {background:url(../images/ev/btn_dir_end.svg) no-repeat 50% 50%; background-size:auto 36px;}
.pagingWrap a.dir.backword {background:url(../images/ev/btn_dir.svg) no-repeat 50% 50%; background-size:auto 36px;}
.pagingWrap a.on {background:url(../images/ev/on_page.png) no-repeat 50% 50%; background-size:cover; 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 a {display:inline-flex; justify-content:center; align-items:center; gap:12px; padding:28px 44px; color:#FFF; font-size:26px; position:relative; font-family:'GapyeongHanseokbongBigBrush'; font-weight:400; position:relative; filter: drop-shadow(4px 4px 4px #DAC8BC);}
.btn a em {font-weight:700; margin-left:-5px;}
.btn a:before {content:''; position:absolute; left:8px; top:8px; width:calc(100% - 16px); height:calc(100% - 16px); border:1px solid #FFF;}
.btn a:after {content:''; width:10px; height:20px; background:url(../images/ev/ar_tail.svg) no-repeat 50% 50%; background-size:100%;}

.btn.moreService a {background:#5D4B40;}
.btn.cancel a {background:#999; color:#FFF;}
.btn.cancel a:after {display:none;}
.btn.confirm a {background:#CA9370; padding:28px 98px;}
.btn.confirm a:after {content:''; width:20px; height:20px; background:url(../images/ev/ar_chk.svg) no-repeat 50% 50%; background-size:100%;}
/* .btn.confirm a.btn-submit {width:104px;} */
.btn.dis a {background:#ccc; background-size:100%; width:auto; text-align:center; justify-content:center; filter: drop-shadow(4px 4px 4px #ddd); cursor:default;}
.btn.dis a:after {display:none;}

#tab02 .btn.confirm a {background:#FF7423;}
/******************** 공통 ********************/

/******************** 개별 이벤트 ********************/
.innerCon {position:relative; width:100%; max-width:1200px; margin:0 auto;}

.evHead {position:relative; background:#F8F1EC; padding:106px 0;}
.evHead:before {content:''; position:absolute; left:0; top:0; width:590px; height:1024px; background:url(../images/ev/deco_head_left.png) no-repeat 50% 50%; background-size:100%;}
.evHead:after {content:''; position:absolute; right:0; bottom:0; width:590px; height:1024px; background:url(../images/ev/deco_head_right.png) no-repeat 50% 50%; background-size:100%;}
.evHead .innerCon {max-width:1120px;}
.evHead .innerCon .headCont {position:relative;}
.evHead .innerCon .headCont .target {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:8px; position:absolute; left:50%; top:54%; transform:translate(-50%, 0);}
.evHead .innerCon .headCont .target li {display:flex; justify-content:flex-start; align-items:center; gap:12px;}
.evHead .innerCon .headCont .target li .item {width:170px; height:48px; display:flex; justify-content:center; align-items:center; flex:0 0 auto; color:#FFF; font-size:22px; font-weight:500; background:url(../images/ev/bg_target.svg) no-repeat 50% 50%; background-size:100%;}
.evHead .innerCon .headCont .target li .ipCon {color:#C78C68; font-size:24px; font-weight:500;}
.evHead .innerCon .headCont .target li .ipCon em {font-weight:700;}

.evGuide {background:#EEDAC8; position:relative; padding:120px 0 0;}
.decoBox {position:relative; width:100%; max-width:1200px; margin:0 auto; background:url(../images/ev/bg_ptn01.png) no-repeat 50% 50%; background-size:cover;}
.decoBox .decoCorner {position:absolute; left:12px; top:12px; width:calc(100% - 24px); height:calc(100% - 24px);}
.decoBox .decoCorner:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #C8AD9E; box-sizing:border-box;}
.decoBox .decoCorner span {position:absolute; left:0; top:0; width:34px; height:35px; background:url(../images/ev/p_corner.svg) no-repeat 50% 50%; background-size:100%;}
.decoBox .decoCorner span:nth-child(2) {left:unset; right:0; transform:rotate(90deg);}
.decoBox .decoCorner span:nth-child(3) {left:unset; right:0; top:unset; bottom:0; transform:rotate(180deg);}
.decoBox .decoCorner span:nth-child(4) {left:0; top:unset; bottom:0; transform:rotate(270deg);}
.decoBox .inBox {position:relative; z-index:10; padding:56px 102px;}
.cauTxt {text-align:center; padding:48px 0 165px; color:#976A4F; font-size:24px; line-height:1.4; font-weight:400;}
.cauTxt span {font-weight:700; color:#5D4B40;}

.evParti {position:relative; padding-bottom:40px; width:100%; max-width:972px; margin:0 auto 40px; text-align:center;}
.evParti:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:7px; background:url(../images/ev/line01.png) no-repeat 50% 50%;}
.evTitleSec {position:relative; margin-bottom:40px;}
.evTitleSec .title {display:flex; justify-content:center; align-items:center; gap:6px; color:#5D4B40; font-size:38px; font-weight:700; position:relative; margin-bottom:24px;}
.evTitleSec .title:after, .evTitleSec .title:before {content:''; width:46px; height:46px; background:url(../images/ev/deco_title.svg) no-repeat 50% 50%; background-size:100%;} 
.evTitleSec .desc {text-align:center; color:#C78C68; font-size:22px; font-weight:500; line-height:1.6;}

.evStep {display:inline-flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:14px;}
.evStep li {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.evStep li .item {width:100px; height:48px; display:flex; justify-content:center; align-items:center; flex:0 0 auto; color:#5D4B40; font-size:18px; font-weight:500; background:url(../images/ev/obj_step.svg) no-repeat 50% 50%; background-size:100%;}
.evStep li .ipCon {color:#5D4B40; font-size:24px; font-weight:700;}
.evStep li .ipCon br {display:none;}
.evStep li .ipCon em {font-size:16px; font-weight:500; font-family:'Pretendard Variable';}

.evGift {position:relative;}
.evGift .giftBox {display:flex; justify-content:center; align-items:stretch; gap:80px; flex-wrap:wrap;}
.evGift .giftBox .perGift {width:calc(33.33334% - 54px);}
.evGift .giftBox .perGift .thumb {position:relative;}
.evGift .giftBox .perGift .thumb .award {position:absolute; right:-32px; top:-8px; width:80px; height:80px; display:flex; justify-content:center; align-items:center; color:#FFF; font-size:18px; font-weight:600; background:#C75555; border-radius:50%;}
.evGift .giftBox .perGift .awTxt {text-align:center; margin-top:4px; color:#5D4B40; font-size:28px; font-weight:700;}
.evGift .giftBox .perGift .awTxt span {display:block; margin-top:12px; color:#CA9370; font-size:16px; font-weight:600; font-family:'Pretendard Variable';}
.evGift .giftBox .perGift:last-child .thumb .award {right:30px;}

.evsTitle {display:inline-flex; justify-content:center; align-items:center; padding:0 80px; position:relative; margin:0 auto; height:90px;}
.evsTitle br {display:none;}
.evsTitle span {position:relative; z-index:10; color:#FFF; font-size:46px; font-weight:700;}
.evsTitle:before {content:''; position:absolute; width:49px; height:90px; left:0; top:0; background:url(../images/ev/p_title_left.png) no-repeat 50% 50%; background-size:auto 90px;}
.evsTitle:after {content:''; position:absolute; width:calc(100% - 46px); height:90px; right:0; top:0; background:url(../images/ev/p_title_bg.png) no-repeat right 50%; background-size:auto 90px;}

.evInfo {position:relative; background:#F8F1EC; padding:0 0 165px;}
.evService {text-align:center;}
.evService .evsTitle {margin:-45px auto 48px;}
.evService .schoolGrade {display:flex; justify-content:center; align-items:stretch; gap:24px; flex-wrap:wrap;}
.evService .schoolGrade .perGrade {width:calc(33.33334% - 16px); position:relative; padding-top:9px;}
.evService .schoolGrade .perGrade .grade {position:absolute; left:8px; top:0; width:70px; height:68px; display:flex; justify-content:center; align-items:center; color:#FFF; font-size:16px; font-weight:700; padding-bottom:12px;}
.evService .schoolGrade .perGrade .grade.ele {background:url(../images/ev/label_ele.svg) no-repeat 50% 50%; background-size:100%;}
.evService .schoolGrade .perGrade .grade.mid {background:url(../images/ev/label_mid.svg) no-repeat 50% 50%; background-size:100%;}
.evService .schoolGrade .perGrade .grade.high {background:url(../images/ev/label_high.svg) no-repeat 50% 50%; background-size:100%;}
.evService .cauTxt {padding:40px 0 72px;}

.evRollSec {position:relative; background:url(../images/ev/roll_bg.png) repeat-y left top; background-size:100% auto;}

.evRollSec .rollCont {position:relative; z-index:10; display:flex; justify-content:flex-start; align-items:stretch; gap:40px 0; flex-wrap:wrap; padding:15px 98px;}
.evRollSec .rollCont:after {content:''; position:absolute; right:5%; bottom:-23px; width:562px; height:219px; background:url(../images/ev/deco_service.png) no-repeat 50% 50%; background-size:100%;}
.evRollSec .rollCont .perRoll {width:48%; display:flex; justify-content:flex-start; align-items:flex-start; gap:16px;}
.evRollSec .rollCont .perRoll:nth-child(even) {width:52%;}
.evRollSec .rollCont .perRoll .ico {width:70px; flex:0 0 auto;}
.evRollSec .rollCont .perRoll .prCont .prTitle {color:#5D4B40; font-size:28px; font-weight:700;}
.evRollSec .rollCont .perRoll .prCont .prDesc {color:#5D4B40; font-size:24px; font-weight:400; margin:8px 0 16px;}
.evRollSec .rollCont .perRoll .prCont .prDesc br {display:none;}
.evRollSec .rollCont .perRoll .prCont li {display:flex; justify-content:flex-start; align-items:center; gap:8px; position:relative; color:#5D4B40; font-size:18px; font-weight:500; line-height:1.3; margin-bottom:3px;}
.evRollSec .rollCont .perRoll .prCont li em {width:3px; height:3px; background:#5D4B40; border-radius:50%; flex:0 0 auto;}
.evRollSec .rollCont .perRoll .prCont li br {display:none;}

.evRollSec .rollSet {height:auto;}
.evRollSec .rollSet img {display:block;}
.btnArea {text-align:center; padding:48px 0 120px;}

.decoBox.applyForm {background:#FFF; border:5px solid #C8AD9E; box-shadow: 4px 4px 4px 0 #DAC8BC;}
.decoBox.applyForm .decoCorner {left:7px; top:7px; width:calc(100% - 14px); height:calc(100% - 14px);}
.decoBox.applyForm .inBox {padding:56px 36px;}
.decoBox.applyForm .inBox .rvForm {position:relative; display:flex; justify-content:flex-start; align-items:flex-start; gap:48px; flex-direction:column;}
.decoBox.applyForm .inBox .rvForm .formBlock {position:relative; width:100%;}
.decoBox.applyForm .inBox .rvForm .formBlock .title {color:#5D4B40; font-size:28px; font-weight:700; margin-bottom:24px; font-family:'GapyeongHanseokbongBigBrush'; position:relative; padding-left:18px;}
.decoBox.applyForm .inBox .rvForm .formBlock .title em {font-weight:700;}
.decoBox.applyForm .inBox .rvForm .formBlock .title:after {content:'·'; position:absolute; left:0; top:0px;}
.decoBox.applyForm .inBox .rvForm .formBlock .title span {font-size:16px; font-family:'Pretendard Variable';}
.decoBox.applyForm .inBox .rvForm .formBlock .title span i {font-style:normal; font-weight:700; color:#5D4B40;}
.decoBox.applyForm .inBox .rvForm .formBlock .hintTxt {margin-top:10px;}
.decoBox.applyForm .inBox .rvForm .formBlock .textarea .inputByte {display:block; text-align:right; color:#999; font-size:18px; padding:12px 20px 12px 0px;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox {width:100%; position:relative;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.hanName .inputByte {position:absolute; right:20px; top:50%; transform:translate(0, -50%); color:#999; font-size:18px;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target a {padding:9px 16px; color:#777; font-size:18px; border:1px solid #ddd; font-family:'GapyeongHanseokbongBigBrush'; font-weight:400;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target a br {display:none;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target a.on {color:#FFF;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target a.mteacher.on {background:#0D8B76; border:1px solid #0D8B76;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target a.smartclass.on {background:#B31442; border:1px solid #B31442;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target a.aiclass.on {background:#223487; border:1px solid #223487;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target a.makex.on {background:#634996; border:1px solid #634996;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target a.digitalmap.on {background:#286E62; border:1px solid #286E62;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target a.matrix.on {background:#F57900; border:1px solid #F57900;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target a.dis {opacity:0.2; color:#FFF;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target a.mteacher.dis {background:#0D8B76; border:1px solid #0D8B76;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target a.smartclass.dis {background:#B31442; border:1px solid #B31442;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target a.aiclass.dis {background:#223487; border:1px solid #223487;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target a.makex.dis {background:#634996; border:1px solid #634996;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target a.digitalmap.dis {background:#286E62; border:1px solid #286E62;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target a.matrix.dis {background:#F57900; border:1px solid #F57900;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox input[type="text"] {display:block; border:1px solid #ddd; background:#FFF; height:73px; font-size:18px; border-radius:0;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.textarea {border:1px solid #ddd; position:relative; overflow:hidden; font-size:18px; border-radius:0;}
.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.textarea textarea {height:148px; border:0; background:#FFF; padding:20px; font-size:18px;}
.decoBox.applyForm .inBox .rvForm .btnArea {display:flex; justify-content:center; align-items:center; margin:0; padding:0; width:100%; gap:20px;}

.evQuizPds {position:relative; background:#EEDAC8; padding:0 0 120px; text-align:center;}
.evQuizPds:before {content:''; position:absolute; left:0; top:0; width:590px; height:1024px; background:url(../images/ev/deco_quiz_left.png) no-repeat 50% 50%; background-size:100%;}
.evQuizPds:after {content:''; position:absolute; right:0; bottom:0; width:590px; height:1024px; background:url(../images/ev/deco_quiz_right.png) no-repeat 50% 50%; background-size:100%;}
.evQuizPds .innerCon .evsTitle {margin:-45px auto 48px;}
.evQuizPds .innerCon .evsDesc {color:#5D4B40; font-family:'GapyeongHanseokbongBigBrush'; line-height:1.4; font-weight:400; margin-bottom:56px; font-size:24px;}
.evQuizPds .innerCon .evsDesc em {font-weight:700;}
.evQuizPds .quizStep {display:flex; justify-content:flex-start; align-items:stretch; gap:24px; flex-wrap:wrap;}
.evQuizPds .quizStep .perQuiz {width:calc(33.33334% - 16px); position:relative;}
.evQuizPds .quizStep .perQuiz:after {content:''; position:absolute; right:-20px; bottom:13px; width:16px; height:32px; background:url(../images/ev/ar_step.svg) no-repeat 50% 50%; background-size:100%;}
.evQuizPds .quizStep .perQuiz:last-child:after {display:none;}
.evQuizPds .quizStep .perQuiz .txt {margin-top:16px; color:#5D4B40; font-size:24px; line-height:1.3; position:relative;}
.evQuizPds .quizStep .perQuiz .txt strong {font-weight:700;}

.evQuizPds .quizBtns {position:relative; z-index:10;}
.evQuizPds .quizBtns .cauTxt {color:#5D4B40; font-size:20px; font-weight:500; margin-top:24px; line-height:1.4; padding:0;}
.evQuizPds .quizBtns .btns {display:flex; justify-content:center; align-items:center; margin-top:72px; gap:10px;}
.evQuizPds .quizBtns .btns a {padding:16px 32px; color:#FFF; font-size:28px; font-weight:700; font-family:'GapyeongHanseokbongBigBrush'; display:flex; justify-content:center; align-items:center; gap:12px; position:relative; }
.evQuizPds .quizBtns .btns a:after {content:''; width:20px; height:20px; background:url(../images/ev/ar_link.svg) no-repeat 50% 50%; background-size:100%;}
.evQuizPds .quizBtns .btns a:before {content:''; position:absolute; left:4px; top:4px; width:calc(100% - 8px); height:calc(100% - 8px); border:1px solid #FFF; box-sizing:border-box;}
.evQuizPds .quizBtns .btns a.goEle {background:#286E62;}
.evQuizPds .quizBtns .btns a.goMid {background:#C75555;}
.evQuizPds .quizBtns .btns a.goHigh {background:#634996;}

.evReview {position:relative; padding:120px 0; background:#F8F1EC url(../images/ev/ptm_review.svg) repeat left top; background-size:128px 128px;} 
.evReview .joinTitle {display:flex; justify-content:center; align-items:center; gap:10px; color:#5D4B40; font-size:30px; margin-bottom:48px;}
.evReview .evRollSec {position:relative; width:100%; max-width:1200px; margin:0 auto;}

.reviewSec .joinTitle {display:flex; justify-content:center; align-items:center; gap:12px; color:#F7E12A; font-size:64px; position:relative; line-height:1.0; margin-bottom:48px;}
.reviewSec .joinTitle:before {content:''; width:48px; height:48px; background:url(../images/ev/deco_title.svg) no-repeat 50% 50%; background-size:100%; margin-bottom:22px;}
.reviewSec .joinTitle:after {content:''; width:48px; height:48px; background:url(../images/ev/deco_title.svg) no-repeat 50% 50%; background-size:100%; margin-bottom:22px;}

.reviewList {position:relative; display:flex; justify-content:flex-start; align-items:flex-start; gap:96px; flex-wrap:wrap; padding:48px 106px; margin-bottom:50px;}
.reviewList .reviewBox {display:block; position:relative; width:100%;}
.reviewList .reviewBox:after {content:''; position:absolute; left:0; bottom:-48px; width:100%; height:1px; background:#E2E2E2;}
.reviewList .reviewBox.end:after {background:#E8DECD; height:3px;}
.reviewList .reviewBox .writer {display:flex; justify-content:flex-start; align-items:flex-start; position:relative; flex-direction:column; gap:10px; margin-bottom:20px; position:relative; z-index:10;}
.reviewList .reviewBox .writer .teaId {color:#CA9370; font-size:16px;}
.reviewList .reviewBox .writer .teaId .mService {display:inline-block; padding:7px 16px 5px; color:#FFF; font-size:16px; font-weight:700; margin-right:5px;}
.reviewList .reviewBox .writer .teaId .mService.mteacher {background:#0D8B76; color:#FFF;}
.reviewList .reviewBox .writer .teaId .mService.smartclass {background:#B31442; color:#FFF;}
.reviewList .reviewBox .writer .teaId .mService.aiclass {background:#223487; color:#FFF;}
.reviewList .reviewBox .writer .teaId .mService.makex {background:#634996; color:#FFF;}
.reviewList .reviewBox .writer .teaId .mService.digitalmap {background:#286E62; color:#FFF;}
.reviewList .reviewBox .writer .teaId .mService.matrix {background:#F57900; color:#FFF;}
.reviewList .reviewBox .writer .rvDate {color:#CA9370; font-size:16px; padding-right:12px; margin-right:8px; position:relative;}
.reviewList .reviewBox .writer .rvDate:after {content:''; position:absolute; right:0; top:3px; width:1px; height:12px; background:#CA9370;}
.reviewList .reviewBox .reviewCon {display:block; word-break:break-all; color:#666; font-size:16px; line-height:1.4; text-align:left; position:relative; z-index:10; height:auto; max-height:128px; overflow:hidden; overflow-y:auto; padding-right:10px;}
.reviewList .reviewBox .reviewCon .myConTea {font-size:24px; font-weight:700; margin-bottom:10px;}
.reviewList .reviewBox .reviewCon::-webkit-scrollbar {width: 6px; height:6px;}
.reviewList .reviewBox .reviewCon::-webkit-scrollbar-thumb {background-color: #CEBAA4; border-radius: 6px;}
.reviewList .reviewBox .reviewCon::-webkit-scrollbar-thumb:hover {background:#D4B695;}
.reviewList .reviewBox .reviewCon::-webkit-scrollbar-track {background-color: #EBE2D8; border-radius: 6px;}
.reviewList .reviewBox .reviewConD:hover::-webkit-scrollbar-thumb {background:#CEBAA4;}

.reviewList .reviewBox .reviewFunc {position:absolute; right:0; top:0; z-index:10; width:auto;}
.reviewList .reviewBox .reviewFunc .btns {display:flex; justify-content:center; align-items:center;}
.reviewList .reviewBox .reviewFunc .txt a {display:inline-block; padding:10px; color:#999; font-size:14px; position:relative;}
.reviewList .reviewBox .reviewFunc .txt a:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#999;}
.reviewList .reviewBox .reviewFunc .txt:last-child a:after {display:none;}

.innerCon.Sub {max-width:1020px; display:flex; justify-content:space-between; align-items:center;}
.innerCon.Sub .txtSec {color:#5D4B40; font-size:32px; font-weight:700; font-family:'GapyeongHanseokbongBigBrush'; line-height:1.4;}
.innerCon.Sub a {width:440px; height:86px; display:flex; justify-content:center; align-items:center; gap:12px; position:relative; color:#FFF; font-size:26px; font-weight:700; font-family:'GapyeongHanseokbongBigBrush'; filter: drop-shadow(4px 4px 4px #DAC8BC);}
.innerCon.Sub a:before {content:''; position:absolute; left:8px; top:8px; width:calc(100% - 16px); height:calc(100% - 16px); border:1px solid #FFF; box-sizing:border-box;}
.innerCon.Sub a.btnShare {background:#5D4B40;}
.innerCon.Sub a.btnShare:after {content:''; width:24px; height:24px; background:url(../images/ev/ico_share.svg) no-repeat 50% 50%; background-size:100%;}
.innerCon.Sub a.btnBeMember {background:#CA9370;}
.innerCon.Sub a.btnBeMember:after {content:''; width:10px; height:20px; background:url(../images/ev/ar_tail.svg) no-repeat 50% 50%; background-size:100%;}
.evReview .innerCon.Sub {margin-top:72px;}

.evEtc {position:relative; padding:72px 0; background:#5D4B40 url(../images/ev/ptn_joinmem.svg) repeat left top; background-size:128px 128px;}
.evEtc .innerCon {margin:0 auto;}
.evEtc .innerCon .txtSec {color:#FFF;}
.evEtc .innerCon .txtSec .txt {font-size:18px; font-family:'Pretendard Variable'; font-weight:500; display:flex; justify-content:flex-start; align-items:center; gap:6px; margin-top:16px;}
.evEtc .innerCon .txtSec .txt:before {content:''; width:22px; height:22px; background:url(../images/ev/ico_gift.svg) no-repeat 50% 50%; background-size:100%;}
.evEtc .innerCon a {background:#CA9370; filter: drop-shadow(4px 4px 4px #351B09);}

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(../images/ev/ar_top.svg) no-repeat 50% 50%; background-size:100%; flex:0 0 auto;}
a.goTop.hide {opacity:0; transform:translateX(120px);}

.blindFin {position:absolute; left:0; top:0; width:100%; height:420px; background:transparent; z-index:100;}


@media only screen and (max-width:1200px) {
	.gloHeader {padding:20px;}
	.evHead .evInner {padding:110px 20px 0;}
	.evInner {padding:0 20px;}
	.evHead .eventJoin .joinBox .joinInfo li {float:none; width:100%;}
	.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;}

	.rvForm {padding:0px;}
	.rvForm textarea {border-radius:8px; font-size:16px; height:120px; padding:14px 14px 20px;}

	.rvForm .btnArea {gap:10px; margin-top:20px;}

	.reviewListSec {padding:60px 0 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;}

	/*********** 개별 이벤트  **************/

	.evHead {padding:80px 10px 40px;}
	.evHead:before {width:30%; height:100%; background-size:cover;}
	.evHead:after {width:30%; height:100%; background-size:cover;}
	.evHead .innerCon .headCont {z-index:10;}
	.evHead .innerCon .headCont .target {justify-content:center; align-items:center; top:44%; gap:16px; width:100%;}
	.evHead .innerCon .headCont .target li {justify-content:center; align-items:center; flex-direction:column; gap:8px;}
	.evHead .innerCon .headCont .target li .item {width:120px; height:30px; font-size:14px; background-size:auto 100%;}
	.evHead .innerCon .headCont .target li .ipCon {font-size:16px; text-align:center; width:100%;}

	.evGuide {padding:40px 15px 0;}

	.evTitleSec {margin-bottom:20px;}
	.evTitleSec .title {font-size:24px;}
	.evTitleSec .title:after, .evTitleSec .title:before {width:30px; height:30px;}

	.decoBox .inBox {padding:40px 20px;}
	.evTitleSec .desc {font-size:16px; line-height:1.4;}
	.evStep {justify-content:center; align-items:center; gap:16px; width:100%;}
	.evStep li {justify-content:center; align-items:center; flex-direction:column; gap:8px; width:100%;}
	.evStep li .item {width:72px; height:40px; font-size:14px;}
	.evStep li .ipCon {font-size:18px; line-height:1.3;}
	.evStep li .ipCon br {display:block;}
	.evStep li .ipCon em {display:block; text-align:center; margin-top:6px; font-size:14px;}
	.evParti {padding-bottom:30px; margin-bottom:30px;}
	.evParti:after {width:calc(100% - 20px); left:10px;}
	.cauTxt {font-size:18px; padding:24px 0 70px;}

	.evGift .giftBox {align-items:center; flex-direction:column; padding:0 40px; gap:30px;}
	.evGift .giftBox .perGift {width:100%;}
	.evGift .giftBox .perGift .thumb .award {width:56px; height:56px; font-size:16px; right:-14px;}
	.evGift .giftBox .perGift .awTxt {font-size:20px;}
	.evGift .giftBox .perGift .awTxt span {font-size:14px; margin-top:6px;}

	.evsTitle {height:58px;}
	.evsTitle span {font-size:24px;}
	.evsTitle:before {width:31px; height:58px; background-size:auto 58px;}
	.evsTitle:after {width:calc(100% - 29px); height:58px; background-size:auto 58px;}
	.evService .evsTitle {margin:-29px auto 30px; padding:0 54px;}

	.evService .schoolGrade {flex-direction:column; align-items:flex-start; gap:16px;}
	.evService .schoolGrade .perGrade {width:100%; padding-top:7px;}
	.evService .schoolGrade .perGrade .grade {font-size:14px; width:60px; height:58px;}
	.evService .cauTxt {padding:24px 0 40px;}

	.evInfo {padding:0 0 80px;}
	.evInfo .innerCon {padding:0 15px;}

	.evRollSec .rollCont {padding:15px 30px; gap:32px;}
	.evRollSec .rollCont:after {display:none;}
	.evRollSec .rollCont .perRoll {width:100%; flex-direction:column; align-items:center;}
	.evRollSec .rollCont .perRoll:nth-child(even) {width:100%;}
	.evRollSec .rollCont .perRoll .ico {width:32px; height:32px;}
	.evRollSec .rollCont .perRoll .prCont .prTitle {text-align:center; font-size:24px;}
	.evRollSec .rollCont .perRoll .prCont .prDesc {text-align:center; font-size:18px; line-height:1.3;}
	.evRollSec .rollCont .perRoll .prCont .prDesc br {display:block;}
	.evRollSec .rollCont .perRoll .prCont li {text-align:center; font-size:16px; display:block;}
	.evRollSec .rollCont .perRoll .prCont li em {display:inline-block; margin-right:6px; vertical-align:5px;}
	.evRollSec .rollCont .perRoll .prCont li br {display:block;}
	.decoBox .decoCorner span {width:28px; height:28px;}

	.decoBox.applyForm .inBox .rvForm {gap:28px;}
	.decoBox.applyForm {margin:0 -15px; width:calc(100% + 30px); border-left:0; border-right:0;}
	.decoBox.applyForm .inBox {padding:40px 20px 60px;}
	.decoBox.applyForm .inBox .rvForm .formBlock .title {font-size:20px; padding-left:10px; line-height:1.3; margin-bottom:10px;}
	.decoBox.applyForm .inBox .rvForm .formBlock .title span {display:block; font-size:14px; margin-top:10px; line-height:1.3; position:relative; padding-left:18px;}
	.decoBox.applyForm .inBox .rvForm .formBlock .title span em {position:absolute; left:4px; top:0;}

	.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target {flex-wrap:wrap; align-items:stretch;}
	.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target a {width:calc(33.33334% - 6px); font-size:16px; text-align:center; padding:12px 10px; word-break:break-all; display:flex; justify-content:center; align-items:center; line-height:1.3;}
	.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.target a br {display:block;}

	.decoBox.applyForm .inBox .rvForm .formBlock .inputBox input[type="text"] {height:50px; font-size:16px; color:#333;}
	.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.hanName .inputByte {font-size:12px;}
	.decoBox.applyForm .inBox .rvForm .formBlock .inputBox.textarea textarea {font-size:16px;}
	.decoBox.applyForm .inBox .rvForm .formBlock .textarea .inputByte {font-size:12px;}

	.evQuizPds {padding-bottom:40px;}
	.evQuizPds .innerCon {padding:70px 15px 0;}
	.evQuizPds .innerCon .evsTitle:before {width:50px; height:92px; background-size:auto 92px;}
	.evQuizPds .innerCon .evsTitle:after {width:calc(100% - 48px); height:92px; background-size:auto 92px;}
	.evQuizPds .innerCon .evsTitle {position:absolute; left:50%; top:-46px; transform:translate(-50%, 0); width:calc(100% - 60px); padding:36px 60px 0; margin:0;}
	.evQuizPds .innerCon .evsTitle * {line-height:1.2;}
	.evQuizPds .innerCon .evsTitle br {display:block;}

	.evQuizPds:before {width:160px; height:305px;}
	.evQuizPds:after {width:160px; height:305px;}
	.evQuizPds .innerCon .evsDesc {font-size:18px; margin-bottom:30px;}
	.evQuizPds .quizStep {flex-direction:column; gap:50px;}
	.evQuizPds .quizStep .perQuiz {width:100%;}
	.evQuizPds .quizStep .perQuiz .txt {margin-top:10px; font-size:16px;}
	.evQuizPds .quizStep .perQuiz:after {left:50%; right:unset; bottom:-40px; transform:rotate(90deg);}
	.evQuizPds .quizBtns .btns {margin-top:40px;}
	.evQuizPds .quizBtns .btns a {font-size:18px; padding:14px 0; width:calc(33.33334% - 6px);}
	.evQuizPds .quizBtns .btns a:after {width:14px; height:14px;}
	.evQuizPds .quizBtns .cauTxt {font-size:14px;}

	.evReview .joinTitle {font-size:20px; gap:6px; margin-bottom:16px;}
	.evReview .joinTitle img {width:180px;}

	.reviewSec {padding:0;}
	.evReview {padding:40px 15px;}
	.evReview:after {height:16px; background-size:auto 16px;}
	.evReview .deco {display:none;}
	.reviewSec .joinTitle {font-size:26px; margin-bottom:16px;}
	.reviewSec .joinTitle:before {width:22px; height:22px; margin-bottom:7px;}
	.reviewSec .joinTitle:after {width:22px; height:22px; margin-bottom:7px;}
	.reviewList {margin-bottom:20px; padding:0 10px; gap:0px;}
	.reviewList .reviewBox .reviewFunc {right:10px; top:15px;}
	.reviewList .reviewBox:after {left:15px; bottom:0px; width:calc(100% - 30px);}
	.reviewList .reviewBox {width:100%; padding:20px;}
	.reviewList .reviewBox .writer .teaId .mService {font-size:14px; padding:6px 12px;}
	.reviewList .reviewBox .writer .teaId {font-size:14px;}
	.reviewList .reviewBox .writer .rvDate {display:block; margin:6px 0; font-size:14px;}
	.reviewList .reviewBox .writer .rvDate:after {display:none;}
	.reviewList .reviewBox .reviewCon {font-size:14px;}
	.reviewList .reviewBox .reviewCon .myConTea {font-size:16px;}

	.reviewList .reviewBox.ele.my:after {border-width:2px;}
	.reviewList .reviewBox.mid.my:after {border-width:2px;}
	.reviewList .reviewBox:after {border-width:2px; border-radius:8px;}
	.rvForm .textarea .inputByte {padding-right:14px;}

	.pagingWrap {gap:0px; margin:30px 0;}
	.pagingWrap a {width:30px; height:30px; font-size:16px;}
	.pagingWrap a.dir.first {background-size:auto 30px;}
	.pagingWrap a.dir.forward {background-size:auto 30px;}
	.pagingWrap a.dir.back {background-size:auto 30px;}
	.pagingWrap a.dir.backword {background-size:auto 30px;}

	.innerCon.Sub {flex-direction:column;}
	.innerCon.Sub a {width:100%; font-size:18px; padding:15px 0; height:auto;}
	.innerCon.Sub a:before {left:5px; top:5px; width:calc(100% - 10px); height:calc(100% - 10px); box-sizing:border-box;}
	.innerCon.Sub a.btnShare:after {width:18px; height:18px;}
	.innerCon.Sub a.btnBeMember:after {width:6px; height:12px;}
	.innerCon.Sub .txtSec {font-size:18px; width:100%; margin-bottom:16px; text-align:center;}
	.evReview .innerCon.Sub {margin-top:40px;}
	.evEtc .innerCon .txtSec .txt {justify-content:center; font-size:14px;}
	.evEtc .innerCon .txtSec .txt:before {width:16px; height:16px;}

	.evEtc {padding:40px 15px; background-size:64px;}

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

	.btnArea {padding:24px 0 40px;}
	.decoBox.applyForm .inBox .rvForm .btnArea {gap:10px;}
	.btn a {font-size:16px; padding:15px 0; width:100%;}
	.btn a:before {left:5px; top:5px; width:calc(100% - 10px); height:calc(100% - 10px); box-sizing:border-box;}
	.btn a:after {width:6px; height:12px;}
	.btn.confirm {flex:1 0 auto;}
	.btn.cancel {flex:1 0 auto;}
	.btn.confirm a {padding:15px 0;}
	.btn.confirm a:after {width:14px; height:14px;}

}

@media only screen and (max-width:420px) {
	.evHead .innerCon .headCont .target {top:42%;}
}