@charset "utf-8";

@font-face {
    font-family: 's-core-dream-heavy';
    src: url('./font/scdream8-webfont.woff2') format('woff2'),
         url('./font/scdream8-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
  
/******************** 공통 ********************/
.scheLoadingBox {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index:200; display:none;}
.scheLoadingBox .nLoading {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.scheLoadingBox .nLoading img {width:30px;}
.dim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:1000; display:none;}
.subDim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:1000; display:none;}

body {background:#f8f8f8;}
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;}

.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:104px; height:44px; 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:16px;}
.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_mi_kr.svg) no-repeat 50% 50%; background-size:100%;}
.gloHeader .gloUtil.white .account .txtMenu a {color:#FFF; border:1px solid #FFF;}
.gloHeader .gloUtil.white .logo a {background:url(../images/logo_mt_all_w.svg) no-repeat 50% 50%; background-size:100%;}

/** 이벤트 하단 공통 **/
.eventCauSec {background:#222; position:relative; z-index:10;}
.eventCauSec .innerCon {padding:80px 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:34px;}
.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 25px; font-size:18px; position:relative; color:#FFF; line-height:1.3;}
.cauCon .cauBox li a {color:#FFF; font-weight:500;}
.cauCon .cauBox li:after {content:''; position:absolute; left:10px; top:10px; width:4px; height:4px; background:#FFF; border-radius:50%;}
.cauCon .cauBox li em {color:#FFF;}
.cauCon .cauBox li.cauMidTitle {color:#FFF; 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:15px; margin:60px 0;}
.pagingWrap a {display:inline-flex; justify-content:center; align-items:center; border-radius:50%; color:#222; font-size:16px; width:40px; height:40px; border:2px solid transparent; line-height:1.0; padding-top:2px; box-sizing:border-box;}
.pagingWrap a.dir {border:2px solid transparent;}
.pagingWrap a.dir.first {background:url(../images/ev/btn_dir_end.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg);}
.pagingWrap a.dir.forward {background:url(../images/ev/btn_dir.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg);}
.pagingWrap a.dir.back {background:url(../images/ev/btn_dir_end.svg) no-repeat 50% 50%; background-size:100%;}
.pagingWrap a.dir.backword {background:url(../images/ev/btn_dir.svg) no-repeat 50% 50%; background-size:100%;}
.pagingWrap a.on {background:#222; border:2px solid #222; 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; line-height:1.4;}

/******* btn *******/
.btn a {position:relative; color:#FFF; font-size:32px; padding:20px 44px; font-weight:800; border-radius:100px; border:4px solid #000; box-shadow: 2px 8px 0px 0px #000; display:flex; justify-content:center; align-items:center;}

.btn.cancel a {background:#FFF; color:#222; font-weight:700;}
.btn.confirm a {background:#FF3D95; color:#FFF; gap:10px;}
.btn.confirm a:after {content:''; width:13px; height:22px; background:url(../images/ev/ar_btn.svg) no-repeat 50% 50%; background-size:100%;}
.btn.dis a {background:#ccc; color:#666;}
.btn.dis a:after {display:none;}

.chkB {display:inline-block;}
.chkB input {position:absolute; visibility:hidden;}
.chkB input + span {display:inline-flex; justify-content:flex-start; align-items:center; gap:8px; position:relative; font-size:24px;}
.chkB input + span:before {content:''; display:inline-block; width:32px; height:32px; background:url(../images/ev/bg_chk_off.png) no-repeat 50% 50%; background-size:100%;}
.chkB input:checked + span:before {background:url(../images/ev/bg_chk_on.png) no-repeat 50% 50%; background-size:100%;}

#loadingBar { position: fixed; top: 0; left: 0; width: 100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:9999; display:none;}
#loadingBar .loadingBox {position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%); width:100%; max-width:360px;}
#loadingBar .loading {display:block; margin:0 auto; width: 10%; height: 2px; background-color: #FFF; z-index: 99999; animation: loading 1.5s infinite;}
#loadingBar .loadingTxt {display:block; text-align:center; margin-top:10px; color:#FFF; font-size:16px; text-align:center; margin-top:15px;}

@keyframes loading {
	0% { width: 0; }
	100% { width: 20%; }
}

/******************** 공통 ********************/

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

.evHead {position:relative; background:url(../images/ev/bg_head.jpg) repeat center/cover; background-size:cover; padding:90px 0 0;}
.evHead:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:20px; background:url(../images/ev/wave01.svg) repeat-x left top; background-size:auto 20px;}
.evHead .innerCon {position:relative; margin:0 auto; width:100%; max-width:1320px; padding-bottom:100px;}
.evHead .innerCon h2 {}
.evHead .innerCon .model {position:absolute; right:0; bottom:0; width:37%;}
.evHead .innerCon .evSchedule {position:relative; padding:0 19%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:14px; margin-top:20px;}
.evHead .innerCon .evSchedule li {display:flex; justify-content:flex-start; align-items:center; gap:16px; color:#2039E4; font-size:30px; font-weight:500;}
.evHead .innerCon .evSchedule li .item {width:170px; padding:10px 0; text-align:center; background:#2039E4; color:#FFF; font-size:28px; font-weight:700; border-radius:100px;}

.evInfoSec {position:relative; background:#9593FF; padding:166px 0 140px;}
.evInfoSec:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:20px; background:url(../images/ev/wave02.svg) repeat-x left top; background-size:auto 20px;}
.evInfoSec .infoCont {position:relative; background:#FFF; border:4px solid #000; box-shadow: 12px 8px 4px 0px rgba(0, 0, 0, 0.25); border-radius:32px; padding:56px 48px; display:flex; justify-content:flex-start; align-items:flex-start; gap:64px; flex-direction:column;}
.evInfoSec .infoCont:before {content:''; position:absolute; left:50%; top:-86px; transform:translate(-50%, 0); width:154px; height:86px; background:url(../images/ev/target_deco.svg) no-repeat 50% 50%; background-size:100%;}
.evInfoSec .infoCont:after {content:''; position:absolute; right:-250px; bottom:-80px; width:380px; height:197px; background:url(../images/ev/target_deco_btm.svg) no-repeat 50% 50%; background-size:100%;}
.evInfoSec .infoCont .howBenefit {position:relative; display:block; width:100%;}
.evTitle {position:relative; display:flex; justify-content:flex-start; align-items:center; gap:16px; color:#222; font-size:28px; font-weight:400; margin-bottom:24px;}
.evTitle span {width:160px; height:62px; background:url(../images/ev/bg_title.svg) no-repeat 50% 50%; background-size:100%; display:flex; justify-content:center; align-items:center; color:#222; font-size:28px; font-weight:700;}
.evTitle strong {font-weight:700;}
.evInfoSec .infoCont .howBenefit .stepBox {display:flex; justify-content:flex-start; align-items:stretch; gap:24px; flex-wrap:wrap;}
.evInfoSec .infoCont .howBenefit .stepBox .perStep {display:block; width:calc(33.33334% - 16px);}
.evInfoSec .infoCont .howBenefit .stepBox .perStep .thumb {position:relative; border-radius:24px; overflow:hidden; margin-bottom:24px;}
.evInfoSec .infoCont .howBenefit .stepBox .perStep .txtSec {display:flex; justify-content:flex-start; align-items:center; flex-direction:column; gap:12px; text-align:center; position:relative;}
.evInfoSec .infoCont .howBenefit .stepBox .perStep .txtSec .title {color:#222; font-size:24px; font-weight:700; line-height:1.4;}
.evInfoSec .infoCont .howBenefit .stepBox .perStep .txtSec .desc {color:#222; font-size:18px; font-weight:400; line-height:1.3;}

.evInfoSec .infoCont .howBenefit .giftBox {display:flex; justify-content:flex-start; align-items:stretch; gap:24px; flex-wrap:wrap; width:100%;}
.evInfoSec .infoCont .howBenefit .giftBox .perGift {width:calc(50% - 12px);}
.evInfoSec .infoCont .howBenefit .giftBox .perGift .thumb {display:block; background:#F5F5F5; padding:25px 0; border-radius:24px;}
.evInfoSec .infoCont .howBenefit .giftBox .perGift .thumb .img {width:100%; max-width:310px; margin:0 auto; position:relative;}
.evInfoSec .infoCont .howBenefit .giftBox .perGift .thumb .img .target {position:absolute; right:-40px; top:-10px; width:100px; height:100px; background:url(../images/ev/ico_target.png) no-repeat 50% 50%; background-size:100%; display:flex; justify-content:center; align-items:center; color:#000; font-size:16px; font-weight:600; text-align:center;}
.evInfoSec .infoCont .howBenefit .giftBox .perGift .awTxt {display:flex; justify-content:center; align-items:center; color:#222; font-size:18px; font-weight:400; gap:8px; margin-top:16px;}
.evInfoSec .infoCont .howBenefit .giftBox .perGift .awTxt strong {color:#222; font-size:24px; font-weight:700;}

.evInfoSec .evHint {display:flex; justify-content:flex-start; align-items:center; gap:64px; padding:48px 40px; background:#707CF0; border-radius:32px; margin-top:140px;}
.evInfoSec .evHint ul {position:relative; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:18px;}
.evInfoSec .evHint ul li {display:block; color:#FFF; font-size:24px; font-weight:400;}
.evInfoSec .evHint ul li span {display:inline-block;}
.evInfoSec .evHint ul li strong {display:inline-block; font-weight:700;}
.evInfoSec .evHint ul li br {display:none;}

.reviewSec {position:relative; background:#FFE6FF; padding:140px 0;}
.imgTitle {position:relative; width:100%; max-width:784px; margin:0 auto 72px;}
.reviewSec:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:20px; background:url(../images/ev/wave01.svg) repeat-x left top; background-size:auto 20px;}
.reviewSec .innerCon:before {content:''; position:absolute; left:-220px; top:250px; width:220px; height:550px; background:url(../images/ev/ev_deco_left.png) no-repeat 50% 50%; background-size:100%;}
.reviewSec .innerCon:after {content:''; position:absolute; right:-220px; top:250px; width:220px; height:550px; background:url(../images/ev/ev_deco_right.png) no-repeat 50% 50%; background-size:100%;}
.reviewSec .airSchedule {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; gap:24px;}
.reviewSec .airSchedule .perAir {width:calc(33.33334% - 16px); padding-top:28px;}
.reviewSec .airSchedule .perAir .inAir {position:relative; background:#FFF; border:4px solid #000; border-radius:32px; box-shadow: 12px 8px 4px 0px rgba(0, 0, 0, 0.25);}
.reviewSec .airSchedule .perAir .inAir .title {padding:24px 0; border-bottom:4px solid #000; color:#FFF; font-size:24px; font-family:'yg-jalnan'; text-align:center; position:relative; border-radius:28px 28px 0 0;}
.reviewSec .airSchedule .perAir .inAir .title:before {content:''; position:absolute; left:10%; top:-30px; width:32px; height:81px; background:url(../images/ev/ico_spring.svg) no-repeat 50% 50%; background-size:100%;}
.reviewSec .airSchedule .perAir .inAir .title:after {content:''; position:absolute; right:10%; top:-30px; width:32px; height:81px; background:url(../images/ev/ico_spring.svg) no-repeat 50% 50%; background-size:100%;}
.reviewSec .airSchedule .perAir .inAir .airCont {text-align:center; padding:54px 0;}
.reviewSec .airSchedule .perAir .inAir .airCont .airDate {}
.reviewSec .airSchedule .perAir .inAir .airCont .airDate img {width:auto; height:74px;}
.reviewSec .airSchedule .perAir .inAir .airCont .airTime {margin-top:16px; color:#222; font-size:18px; font-weight:400; line-height:1.3;}
.reviewSec .airSchedule .perAir .inAir.ele .title {background:#FF68B2;}
.reviewSec .airSchedule .perAir .inAir.mid .title {background:#00B2C5;}
.reviewSec .airSchedule .perAir .inAir.high .title {background:#00CF77;}

.reviewSec .reviewForm {position:relative; margin-top:166px; background:#FFF; border:4px solid #000; box-shadow: 12px 8px 4px 0px rgba(0, 0, 0, 0.25); border-radius:32px; padding:56px 48px;}
.reviewSec .reviewForm:before {content:''; position:absolute; left:50%; top:-86px; transform:translate(-50%, 0); width:154px; height:86px; background:url(../images/ev/target_deco.svg) no-repeat 50% 50%; background-size:100%;}
.reviewSec .reviewForm:after {content:''; position:absolute; left:-250px; bottom:-60px; width:316px; height:358px; background:url(../images/ev/ev_deco_btm.svg) no-repeat 50% 50%; background-size:100%;}

.reviewSec .reviewForm .cateTab {display:flex; justify-content:flex-start; align-items:center; gap:8px;}
.reviewSec .reviewForm .cateTab .cate {display:inline-block; cursor:pointer; padding:8px 20px; color:#777; font-size:16px; font-weight:400; border:1px solid #ddd; border-radius:100px;}
.reviewSec .reviewForm .cateTab .cate.ele.on {background:#FF68B1; border:1px solid #FF68B1; color:#FFF;}
.reviewSec .reviewForm .cateTab .cate.mid.on {background:#00B2C5; border:1px solid #00B2C5; color:#FFF;}
.reviewSec .reviewForm .cateTab .cate.high.on {background:#00CF77; border:1px solid #00CF77; color:#FFF;}

.reviewSec .reviewForm .rvForm {background:#F8F8F8; position:relative; margin-top:20px;}
.reviewSec .reviewForm .rvForm textarea {padding:24px; background:#F8F8F8; border:0; height:86px; font-size:16px; color:#333; line-height:1.4;}
.reviewSec .reviewForm .rvForm .inputByte {text-align:right; color:#999; font-size:16px; position:relative; display:block; padding-right:20px;}
.reviewSec .reviewForm .rvForm .uploadImg {display:flex; justify-content:flex-start; align-items:flex-start; gap:30px; margin-top:36px; padding:36px; border-top:1px dashed #ccc;}
.reviewSec .reviewForm .rvForm .uploadImg .perImg {display:block; width:calc(33.33334% - 15px); position:relative; border:2px solid #ddd; background:#FFF; border-radius:12px; overflow:hidden;}
.reviewSec .reviewForm .rvForm .uploadImg .perImg:after {content:''; display:block; height:auto; padding-bottom:66%;}
.reviewSec .reviewForm .rvForm .uploadImg .perImg input[type="button"] {position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/ev/bg_noimg.svg) no-repeat 50% 50%; background-size:96px 126px; border:0; text-indent:-9999px;}
.reviewSec .reviewForm .rvForm .uploadImg .perImg img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; height:100%;}
.reviewSec .reviewForm .rvForm .uploadImg .perImg button.imgDel {position:absolute; right:10px; bottom:10px; color:#FFF; font-size:14px; font-weight:500; padding:6px 20px; border-radius:50px; background:#444; z-index:10;}
.reviewSec .reviewForm .btnArea {display:flex; justify-content:center; align-items:center; margin-top:32px; gap:10px;}

.reviewListSec {background:#9593FF; padding:140px 0; position:relative;}
.reviewListSec:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:20px; background:url(../images/ev/wave02.svg) repeat-x left top; background-size:auto 20px;}

.reviewList {display:block; position:relative; border-radius:32px; overflow:hidden; background:#FFF;}

.reviewBox {display:block; padding:56px 38px; position:relative;}
.reviewBox .writer {display:flex; justify-content:flex-start; align-items:center; margin-bottom:16px;}
.reviewBox .writer .writeCate {display:flex; justify-content:flex-start; align-items:center; gap:10px;}
.reviewBox .writer .writeCate .wCate {color:#FFF; font-size:16px; font-weight:400; padding:6px 20px; border-radius:50px;}
.reviewBox .writer .writeCate .wCate.ele {background:#FF68B1;}
.reviewBox .writer .writeCate .wCate.mid {background:#00B2C5;}
.reviewBox .writer .writeCate .wCate.high {background:#00CF77;}
.reviewBox .writer .writeCate .teaId {color:#222; font-size:16px; font-weight:400; letter-spacing:0;}
.reviewBox .writer .rvDate {padding-left:10px; margin-left:10px; color:#999; font-size:16px; position:relative;}
.reviewBox .writer .rvDate:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:1px; height:16px; background:#999;}
.reviewBox .reviewFunc {position:absolute; right:20px; top:40px; z-index:200;}
.reviewBox .reviewFunc .funcDot {display:block; width:52px; height:50px; background:url(../images/ev/ico_edit.svg) no-repeat 50% 50%; background-size:4px auto; cursor:pointer; z-index:220;}
.reviewBox .reviewFunc .myEdit {position:absolute; right:20px; top:60px; display:none;}
.reviewBox .reviewFunc .txt a {display:block; padding:8px 20px; background:#ccc; border:1px solid #999; color:#FFF; font-size:14px; border-radius:0;}
.reviewBox .reviewFunc .txt:last-child a {margin-top:-1px;}
.reviewBox .reviewCon {display:block; padding:24px; background:#F8F8F8; color:#222; font-size:16px; font-weight:500; line-height:1.4; margin-bottom:24px; border-radius:12px; word-break:break-all;}
.reviewBox .myImg {display:block;}
.reviewBox .myImg ul {display:flex; justify-content:flex-start; align-items:stretch; gap:22px; position:relative;}
.reviewBox .myImg ul li {width:calc(33.33334% - 14px); position:relative;}
.reviewBox .myImg ul li:after {content:''; display:block; height:auto; padding-bottom:66%;}
.reviewBox .myImg ul li img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; height:100%; z-index:1; border-radius:12px;}
.reviewBox .myImg ul li:last-child:before {content:''; position:absolute; right:-30px; bottom:-30px; width:168px; height:168px; background:url(../images/ev/ico_certify.png) no-repeat 50% 50%; background-size:100%; z-index:10;}

.evStudyPds {background:#FFE6FF; position:relative; padding:140px 0 120px;}
.evStudyPds .imgTitle {text-align:center;}
.evStudyPds .imgTitle span {color:#FF3395; font-size:28px; margin-top:16px; display:inline-block;}

.studyPdsBox {position:relative; background:#FFF; border:4px solid #000; box-shadow: 12px 8px 4px 0px rgba(0, 0, 0, 0.25); border-radius:32px; overflow:hidden;}
.studyPdsBox .spTab {display:flex; justify-content:flex-start; align-items:stretch; width:100%;}
.studyPdsBox .spTab a {display:block; width:33.33333%; text-align:center; position:relative; padding:20px 0; color:#FFF; font-size:32px; font-weight:700; background:#000;}
.studyPdsBox .spTab a:after {content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#FFF;}
.studyPdsBox .spTab a:last-child {width:34%;}
.studyPdsBox .spTab a:last-child:after {display:none;}
.studyPdsBox .spTab a.on {background:#FFF; color:#222;}
.studyPdsBox .spTabCont {display:none; padding:48px 0;}
.studyPdsBox .spTabCont .halfDevice {display:flex; justify-content:center; align-items:stretch;}
.studyPdsBox .spTabCont .halfDevice .perHalf {width:50%; padding:0 38px 44px; position:relative;}
.studyPdsBox .spTabCont .halfDevice .perHalf:after {content:''; position:absolute; right:0; top:0; width:1px; height:100%; border-left:1px dashed #ddd;}
.studyPdsBox .spTabCont .halfDevice .perHalf:last-child:after {display:none;}
.studyPdsBox .spTabCont .halfDevice .perHalf .thumb {position:relative; border:1px solid #ddd; border-radius:12px; overflow:hidden;}
.studyPdsBox .spTabCont .halfDevice .perHalf .spTxt {display:block; text-align:center; margin:32px 0; color:#222; font-size:24px; font-weight:400; line-height:1.4;}
.studyPdsBox .spTabCont .halfDevice .perHalf .spTxt strong {font-weight:700;}
.studyPdsBox .spTabCont .halfDevice .perHalf > a {position:absolute; left:38px; bottom:0; width:calc(100% - 76px); display:flex; justify-content:center; align-items:center; gap:8px; border:1px solid #222; border-radius:8px; padding:12px 24px; background:#FFF;}
.studyPdsBox .spTabCont .halfDevice .perHalf > a strong {font-weight:700;}
.studyPdsBox .spTabCont .halfDevice .perHalf > a:after {content:''; width:14px; height:14px; background:url(../images/ev/ar_link_b.svg) no-repeat 50% 50%; background-size:100%;}
.studyPdsBox .spTabCont .halfDevice .perHalf > a p {color:#222; font-size:18px;}
.studyPdsBox .spTabCont .halfDevice .perHalf > a:hover {background:#FF3395; border:4px solid #222; box-shadow: 2px 8px 0px 0px #000;}
.studyPdsBox .spTabCont .halfDevice .perHalf > a:hover p {color:#FFF;}
.studyPdsBox .spTabCont .halfDevice .perHalf > a:hover:after {background:url(../images/ev/ar_link_w.svg) no-repeat 50% 50%; background-size:100%;}

.evShareBox {position:relative; display:flex; justify-content:space-between; align-items:center; padding:48px; background:#FFBAD6; border-radius:32px; margin-top:80px;}
.evShareBox:after {content:''; position:absolute; right:28%; top:17px; width:160px; height:200px; background:url(../images/ev/share_deco.svg) no-repeat 50% 50%; background-size:100%;}
.evShareBox .txtSec {color:#000; font-size:32px; font-weight:400; line-height:1.4;}
.evShareBox .txtSec strong {font-weight:700;}
.evShareBox a {display:flex; justify-content:center; align-items:center; padding:16px 20px; background:#222; border-radius:8px; color:#FFBAD6; font-size:18px; font-weight:700; gap:10px;}
.evShareBox a:after {content:''; width:24px; height:24px; background:url(../images/ev/ico_share_p.svg) no-repeat 50% 50%; background-size:100%;}

.evPromoSec {position:relative;}
.evPromoSec .evNewJoin {background:#FFBAD6;}
.evPromoSec .evNewJoin .evNewJoinBnr {display:flex; justify-content:flex-start; align-items:center; width:100%; max-width:1200px; margin:0 auto;}
.evPromoSec .evNewJoin .evNewJoinBnr .imgSec {padding:0 110px;}
.evPromoSec .evNewJoin .evNewJoinBnr .imgSec img {width:320px;}
.evPromoSec .evNewJoin .evNewJoinBnr .txtSec .evNewTitle {color:#222; font-size:32px; font-weight:700; line-height:1.3; margin-bottom:8px;}
.evPromoSec .evNewJoin .evNewJoinBnr .txtSec .evNewDesc {color:#222; font-size:18px; font-weight:400; line-height:1.3; margin-bottom:16px;}
.evPromoSec .evNewJoin .evNewJoinBnr .txtSec .goNewJoin {display:inline-flex; justify-content:center; align-items:center; gap:30px; padding:12px 20px; border-radius:4px; background:#000; color:#FFBAD6; font-size:18px; font-weight:700;}
.evPromoSec .evNewJoin .evNewJoinBnr .txtSec .goNewJoin:after {content:''; display:inline-block; width:10px; height:14px; background:url(../images/ev/ar_btn_p.svg) no-repeat 50% 50%; background-size:100%;}

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

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

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

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

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

	.pagingWrap {gap:5px; margin:30px 0 0; padding-bottom:60px;}
	.pagingWrap a {width:30px; height:30px; font-size:16px;}

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

	.evHead {padding:60px 0 0;}
	.evHead:after {height:14px; background-size:auto 14px;}
	.evHead .innerCon {padding-bottom:40px;}
	.evHead .innerCon h2 img {display:none;}
	.evHead .innerCon h2 {position:relative; background:url(../images/ev/img_head_mo.png) no-repeat 50% 50%; background-size:cover;}
	.evHead .innerCon h2:after {content:''; display:block; height:auto; padding-bottom:75%;}
	.evHead .innerCon .evSchedule {padding:0 20px; gap:8px; margin-top:8px;}
	.evHead .innerCon .evSchedule li {gap:8px; font-size:14px;}
	.evHead .innerCon .evSchedule li .item {width:78px; padding:6px 0; font-size:14px; flex:0 0 auto;}

	.evTitle {flex-direction:column; justify-content:center; align-items:center; text-align:center; gap:8px; font-size:18px; line-height:1.3;}
	.evTitle span {width:90px; height:34px; font-size:16px;}
	.evTitle p {font-size:18px; font-weight:600; line-height:1.3;}

	.evInfoSec {padding:50px 0 70px;}
	.evInfoSec:after {height:14px; background-size:auto 14px;}
	.evInfoSec .infoCont:before {width:52px; height:29px; top:-32px;}
	.evInfoSec .infoCont:after {left:50%; transform:translate(-50%, 0); width:calc(100% - 40px); max-width:320px;}
	.evInfoSec .infoCont {border-radius:0; border-left:0; border-right:0; padding:40px 20px 120px; gap:50px; box-shadow:none;}
	.evInfoSec .infoCont .howBenefit .stepBox {flex-direction:column; align-items:flex-start; gap:40px; position:relative;}
	.evInfoSec .infoCont .howBenefit .stepBox:after {content:''; position:absolute; left:0; bottom:-25px; width:100%; height:1px; border-bottom:1px dashed #ccc;}
	.evInfoSec .infoCont .howBenefit .stepBox .perStep {width:100%;}
	.evInfoSec .infoCont .howBenefit .stepBox .perStep .thumb {border-radius:12px; margin-bottom:16px;}
	.evInfoSec .infoCont .howBenefit .stepBox .perStep .txtSec {gap:6px;}
	.evInfoSec .infoCont .howBenefit .stepBox .perStep .txtSec .title {font-size:18px;}
	.evInfoSec .infoCont .howBenefit .stepBox .perStep .txtSec .title br {display:none;}
	.evInfoSec .infoCont .howBenefit .stepBox .perStep .txtSec .desc {font-size:14px; letter-spacing:0;}
	.evInfoSec .infoCont .howBenefit .giftBox {flex-direction:column; gap:30px;}
	.evInfoSec .infoCont .howBenefit .giftBox .perGift {width:100%;}
	.evInfoSec .infoCont .howBenefit .giftBox .perGift .thumb {padding:15px 68px; border-radius:16px;}
	.evInfoSec .infoCont .howBenefit .giftBox .perGift .thumb .img .target {width:70px; height:70px; font-size:12px;}
	.evInfoSec .infoCont .howBenefit .giftBox .perGift .awTxt {flex-direction:column; justify-content:center; align-items:center; font-size:14px;}
	.evInfoSec .infoCont .howBenefit .giftBox .perGift .awTxt strong {font-size:18px;}

	.evInfoSec .evHint {display:block; position:relative; margin-left:20px; width:calc(100% - 40px); border-radius:16px; padding:90px 40px 48px; margin-top:150px;}
	.evInfoSec .evHint .icoSec {position:absolute; left:47%; top:-60px; width:160px; height:auto; transform:translate(-50%, 0);}
	.evInfoSec .evHint ul {justify-content:center; align-items:center;}
	.evInfoSec .evHint ul li {text-align:center; font-size:18px; line-height:1.3;}
	.evInfoSec .evHint ul li span {display:block; font-size:20px; font-weight:700; margin-bottom:8px;}
	.evInfoSec .evHint ul li strong {line-height:1.3;}
	.evInfoSec .evHint ul li br {display:block;}

	.reviewSec {padding:50px 0 140px;}
	.imgTitle {padding:0 10px; margin:0 auto 32px;}

	.reviewSec .airSchedule {flex-direction:column; padding:0 20px; gap:16px;}
	.reviewSec .airSchedule .perAir {width:100%;}
	.reviewSec .airSchedule .perAir .inAir {border-radius:16px; box-shadow: 8px 4px 4px 0px rgba(0, 0, 0, 0.25);}
	.reviewSec .airSchedule .perAir .inAir .title {border-radius:10px 10px 0 0; font-size:20px; padding:13px 0 17px; border-bottom:3px solid #000;}
	.reviewSec .airSchedule .perAir .inAir .title:before {width:26px; height:65px; top:-30px;}
	.reviewSec .airSchedule .perAir .inAir .title:after {width:26px; height:65px; top:-30px;}
	.reviewSec .airSchedule .perAir .inAir .airCont {padding:45px 55px;}
	.reviewSec .airSchedule .perAir .inAir .airCont .airDate img {height:auto; width:100%;}
	.reviewSec .airSchedule .perAir .inAir .airCont .airTime {margin-top:12px; font-size:16px; font-weight:500;}

	.reviewSec .reviewForm {border-radius:0; border-left:0; border-right:0; padding:40px 20px 200px; gap:50px; box-shadow:none; margin-top:60px;}
	.reviewSec .reviewForm:before {width:52px; height:29px; top:-32px;}
	.reviewSec .reviewForm:after {left:50%; transform:translate(-50%, 0); width:216px; height:244px; bottom:-80px;}
	.reviewSec .reviewForm .cateTab {flex-wrap:wrap; gap:6px;}
	.reviewSec .reviewForm .cateTab .cate {width:calc(33.33334% - 4px); text-align:center; font-size:14px; line-height:1.2; padding:6px;}
	.reviewSec .reviewForm .rvForm textarea {padding:15px; font-size:16px;}
	.reviewSec .reviewForm .rvForm .inputByte {font-size:14px; display:block;}
	.reviewSec .reviewForm .rvForm .uploadImg {padding:15px 0 0 0; gap:4px; background:#FFF; margin-top:15px;}
	.reviewSec .reviewForm .rvForm .uploadImg .perImg {width:calc(33.33334% - 2px); border-radius:6px;}
	.reviewSec .reviewForm .rvForm .uploadImg .perImg input[type="button"] {background-size:auto 70%; opacity:0.5;}
	.reviewSec .reviewForm .rvForm .uploadImg .perImg button.imgDel {font-size:12px; padding:4px 12px; right:unset; left:50%; bottom:-14px; transform:translate(-50%, 0);}

	.reviewSec .reviewForm .btnArea .btn {flex:1;}
	.btn a {font-size:20px; padding:12px 0; width:100%; border:3px solid #000; box-shadow: 0px 4px 0px 0px #000;}
	.btn.confirm a:after {background-size:auto 18px;}

	.reviewListSec {padding:60px 20px 0;}
	.reviewListSec .joinTitle {font-size:22px; margin-bottom:20px;}

	.reviewList {border-radius:12px; overflow:visible; display:flex; justify-content:flex-start; align-items:flex-start; padding:10px 0 30px 0px; flex-direction:column;}
	.reviewBox {padding:0 0 30px 0; border-bottom:1px solid #ddd; width:100%; box-sizing:border-box;}
	.reviewBox:last-child {border-bottom:0px;}
	.reviewBox .writer {padding:20px 15px; align-items:flex-start; margin:0;}
	.reviewBox .writer .writeCate {flex-direction:column; align-items:flex-start; gap:8px;}
	.reviewBox .writer .writeCate .wCate {font-size:14px; padding:4px 16px;}
	.reviewBox .writer .writeCate .teaId {font-size:16px; padding-left:6px;}
	.reviewBox .writer .rvDate {font-size:14px; margin-top:4px;}
	.reviewBox .myImg {margin-top:10px; padding:0 10px;}

	.reviewBox .reviewFunc {right:-7px; top:10px;}
	.reviewBox .reviewFunc .funcDot {background-size:auto 20px;}
	.reviewBox .reviewFunc .myEdit {top:47px; right:0;}
	.reviewBox .reviewCon {padding:15px; font-size:14px; margin-bottom:0; border-radius:0;}
	.reviewBox .reviewFunc .txt a {display:block; padding:8px 20px; background:#ccc; border:1px solid #999; color:#FFF; font-size:14px; border-radius:0;}
	.reviewBox .reviewFunc .txt:last-child a {margin-top:-1px;}
	.reviewBox .myImg ul {gap:2px;}
	.reviewBox .myImg ul li {width:calc(33.33334% - 1px);}
	.reviewBox .myImg ul li:last-child:before {width:70px; height:70px; right:-25px; bottom:-46px;}

	.evStudyPds {padding:60px 0;}
	.evStudyPds .imgTitle span {font-size:18px; margin-top:10px;}
	.evStudyPds .innerCon {padding:0 20px;}
	.studyPdsBox .spTab a {font-size:16px; padding:12px 0;}
	.studyPdsBox {border-radius:16px; box-shadow: 8px 4px 4px 0px rgba(0, 0, 0, 0.25);}
	.studyPdsBox .spTabCont {padding:24px 0;}
	.studyPdsBox .spTabCont .halfDevice {flex-direction:column; gap:56px;}
	.studyPdsBox .spTabCont .halfDevice .perHalf {width:100%; padding:0 16px;}
	.studyPdsBox .spTabCont .halfDevice .perHalf:after {right:unset; top:unset; left:0; bottom:-28px; width:100%; height:1px; border:0; border-bottom:1px dashed #ddd;}
	.studyPdsBox .spTabCont .halfDevice .perHalf .spTxt {font-size:18px; margin:18px 0;}
	.studyPdsBox .spTabCont .halfDevice .perHalf > a {position:relative; left:unset; bottom:unset; width:100%; background:#FF3395; border:2px solid #222; box-shadow: 0px 4px 0px 0px #000;}
	.studyPdsBox .spTabCont .halfDevice .perHalf > a p {color:#FFF; font-size:16px; letter-spacing:0;}
	.studyPdsBox .spTabCont .halfDevice .perHalf > a:after {background:url(../images/ev/ar_link_w.svg) no-repeat 50% 50%; background-size:100%; width:12px; height:12px;}

	.evShareBox {margin-top:40px; flex-direction:column; gap:20px; padding:24px 20px; border-radius:16px;}
	.evShareBox .txtSec {font-size:18px; text-align:center;}
	.evShareBox a {padding:12px 20px; font-size:16px; border-radius:4px;}
	.evShareBox a:after {width:16px; height:16px;}
	.evShareBox:after {width:87px; height:110px; right:0; top:unset; bottom:-30px;}

	.evPromoSec .evNewJoin {padding-bottom:60px;}
	.evPromoSec .evNewJoin .evNewJoinBnr {flex-direction:column; gap:8px; padding:0 20px;}
	.evPromoSec .evNewJoin .evNewJoinBnr .imgSec {padding:0; width:100%; text-align:center;}
	.evPromoSec .evNewJoin .evNewJoinBnr .imgSec img {height:auto;}
	.evPromoSec .evNewJoin .evNewJoinBnr .txtSec {width:100%; text-align:center;}
	.evPromoSec .evNewJoin .evNewJoinBnr .txtSec .evNewTitle {font-size:20px;}
	.evPromoSec .evNewJoin .evNewJoinBnr .txtSec .evNewDesc {font-size:16px;}
	.evPromoSec .evNewJoin .evNewJoinBnr .txtSec .goNewJoin {font-size:16px;}
	
}