@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;}
body {}
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; max-width:1920px; margin:0 auto;}
footer {max-width:1920px; margin:0 auto -60px;}

.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_high.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:#1F1608;}
.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-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:16px; padding:24px 40px; color:#FFF; font-size:32px; position:relative; font-weight:600; position:relative; border-radius:8px;}
.btn a em {font-weight:700; margin-left:-5px;}
.btn a:after {content:''; width:12px; height:19px; 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:#FD6B32;}
/* .btn.confirm a.btn-submit {width:104px;} */
.btn.dis a {background:#ccc; cursor:default;}
.btn.dis a:after {display:none;}

/* 조기마감 팝업 */
.dimEnd {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:1000;}
.endPop {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:90%; max-width:490px; z-index:1200;}
.endPop .endClose {position:absolute; right:-36px; top:-36px; width:30px; height:30px; background:url(../images/ico_close.svg) no-repeat 50% 50%; background-size:14px; cursor:pointer;}
.endPopCont {display:block; padding:54px 32px 0; background:#FFE5C2; border:8px solid #FFC678; text-align:center; border-radius:16px;}
.endPopCont .epTitle {color:#4c401d; font-size:42px; font-weight:700; text-align:center; margin-bottom:36px;}
.endPopCont .epTitle img {width:213px;}
.endPopCont .desc {color:#6E3E00; font-size:24px; font-weight:500; line-height:1.3;}
.endPopCont .finImg {display:block;}

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

/******************** 개별 이벤트 ********************/
.innerCon {position:relative; width:100%; max-width:1200px; margin:0 auto;}
.evHead {position:relative; background:#FED795 url(../images/ev/bg_head_pc.jpg) no-repeat center top; background-size:cover; padding:80px 0 150px;}
.evHead .bgTree {position:absolute; left:0; bottom:0; width:100%; height:auto; z-index:1;}
.evHead .innerCon {max-width:760px; margin:-40px auto 0; z-index:10;}
.evHead .innerCon .headDesc {position:relative; text-align:center; margin-bottom:126px; color:#180700; font-size:26px; font-weight:500; line-height:1.4;}
.evHead .innerCon .evTarget {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:16px;}
.evHead .innerCon .evTarget li {display:flex; justify-content:flex-start; align-items:flex-start; gap:16px;}
.evHead .innerCon .evTarget li .item {width:130px; height:45px; display:flex; justify-content:center; align-items:center; flex:0 0 auto; color:#FFE6B1; font-size:24px; font-weight:500; background:#421200; border-radius:8px;}
.evHead .innerCon .evTarget li .ipCon {color:#421200; font-size:28px; font-weight:500; line-height:1.4; margin-top:4px;}
.evHead .innerCon .evTarget li .ipCon em {color:#CF3B00; font-weight:500;}
.evHead .innerCon .evTarget li .ipCon strong {font-weight:700;}

.evJoinSec {position:relative; background:#FED795; padding:0 0 194px;}
.evJoinSec .evTitleSec {position:relative; text-align:center; margin-bottom:32px;}
.evJoinSec .evTitleSec .evDesc {color:#421200; font-size:26px; font-weight:500; margin-bottom:12px;}
.evJoinSec .evTitleSec .evDesc br {display:none;}
.evJoinSec .evTitleSec .evTitle {max-width:840px; margin:0 auto;}
.evJoinSec .decoSec {position:absolute; left:50%; bottom:0; transform:translate(-50%, 0);}

.pickSec {position:relative; background:#FFF; border-radius:8px; padding:40px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25) inset;}
.pickSec .pickList {display:flex; justify-content:flex-start; align-items:flex-start; gap:40px; flex-direction:column;}
.pickSec .pickList .perPick {display:block; width:100%;}
.pickSec .pickList .perPick a {display:block; width:100%; height:100%;}
.perPick .pickCondi {display:flex; justify-content:flex-start; align-items:center; gap:12px; color:#222; font-size:24px; font-weight:500; position:relative; margin-bottom:20px;}
.perPick .pickCondi:before {content:''; width:32px; height:32px; background:url(../images/ev/chk_off.svg) no-repeat 50% 50%; background-size:100%;}
.perPick .img {border-radius:8px; overflow:hidden; position:relative;}
.perPick .img:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #E5E5E5; border-radius:8px; box-sizing:border-box;}
.perPick.on .pickCondi:before {background:url(../images/ev/chk_on.svg) no-repeat 50% 50%; background-size:100%;}
.perPick.on .img:after {border:4px solid #FD6B32;}
.pickSec .guideTxt {position:relative; margin:24px 0;}
.pickSec .guideTxt li {display:block; text-align:center; color:#717171; font-size:24px; line-height:1.4;}
.pickSec .btnArea {display:flex; justify-content:center; align-items:center; gap:10px; position:relative; z-index:20;}

.evPrSec {position:relative;}
.evPrSec .prCont {background:#C45809 url(../images/ev/ptn_pr.png) repeat left top;}
.evPrSec .prCont .innerCon {display:flex; justify-content:flex-start; align-items:center;}
.evPrSec .prCont .innerCon .txtSec {width:50%; padding-left:40px;}
.evPrSec .prCont .innerCon .txtSec .title {color:#FFF; font-size:32px; font-weight:400; line-height:1.3;}
.evPrSec .prCont .innerCon .txtSec .title strong {font-weight:700;}
.evPrSec .prCont .innerCon .txtSec .btnArea {display:block; margin-top:16px;}
.evPrSec .prCont .innerCon .txtSec .btnArea a.prBtn {display:inline-flex; justify-content:center; align-items:center; gap:5px; padding:17px 18px; background:#FFF; color:#C45809; font-size:18px; font-weight:700; border-radius:4px; position:relative;}
.evPrSec .prCont .innerCon .txtSec .btnArea a.prBtn.pr:after {content:''; width:11px; height:18px; background:url(../images/ev/ar_link.svg) no-repeat 50% 50%; background-size:100%;}
.evPrSec .prCont .innerCon .txtSec .btnArea a.prBtn.share:after {content:''; width:18px; height:18px; background:url(../images/ev/ico_share.svg) no-repeat 50% 50%; background-size:100%;}
.evPrSec .prCont .innerCon .imgSec {width:50%;}
.evPrSec .prCont .innerCon .imgSec img {width:74%;}
.evPrSec .prCont.share {background:#A74A27 url(../images/ev/ptn_share.png) repeat left top;}

@media only screen and (max-width:1200px) {
	.gloHeader {padding:20px;}
	.evHead .evInner {padding:110px 20px 0;}
	.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;}

	.endPop .endClose {right:0;}
	.endPopCont {padding:24px 20px 0; border-width:4px;}
	.endPopCont .epTitle {font-size:30px; margin-bottom:20px;}
	.endPopCont .epTitle img {width:160px;}
	.endPopCont .desc {font-size:16px;}

	/*********** 개별 이벤트  **************/
	.evHead {background:#FED795 url(../images/ev/bg_head_mo.jpg) no-repeat center top; background-size:100% auto; padding:80px 0 26%;}
	.evHead .innerCon {margin:10px auto;}
	.evHead .innerCon .headDesc {font-size:18px; margin-bottom:40%;}
	.evHead .innerCon .evTarget {justify-content:center; align-items:center; padding:0 20px; gap:30px;}
	.evHead .innerCon .evTarget li {justify-content:center; align-items:center; flex-direction:column; gap:8px;}
	.evHead .innerCon .evTarget li .item {width:98px; height:38px; font-size:18px;}
	.evHead .innerCon .evTarget li .ipCon {text-align:center; font-size:18px;}

	.evJoinSec {padding:0 0 36%;}
	.evJoinSec .innerCon {padding:0 20px;}
	.evJoinSec .evTitleSec {margin-bottom:16px;}
	.evJoinSec .evTitleSec .evTitle {padding:0 18px;}
	.evJoinSec .evTitleSec .evDesc {font-size:16px; line-height:1.3;}
	.evJoinSec .evTitleSec .evDesc br {display:block;}

	.pickSec {padding:16px 10px 30px;}
	.pickSec .pickList {gap:20px;}
	.perPick .pickCondi {font-size:14px; gap:4px; margin-bottom:8px;}
	.perPick .pickCondi:before {content:''; width:12px; height:12px;}

	.perPick .img {border-radius:4px;}
	.perPick .img:after {border-radius:4px;}
	.perPick.on .img:after {border:4px solid #FD6B32;}

	.pickSec .guideTxt {margin:20px 0;}
	.pickSec .guideTxt li {position:relative; padding-left:12px; font-size:14px; text-align:left;}
	.pickSec .guideTxt li em {position:absolute; left:0; top:4px;}

	.btn a {padding:12px 20px; font-size:18px; gap:8px;}
	.btn a:after {width:8px; height:14px;}

	.evJoinSec .decoSec {left:0; transform:none; width:100%; padding:0 20px;}

	.evPrSec .prCont .innerCon {display:block; padding:40px 20px;}
	.evPrSec .prCont .innerCon .txtSec {padding:0; width:100%;}
	.evPrSec .prCont .innerCon .txtSec .title {font-size:20px; margin-bottom:66vw;}
	.evPrSec .prCont .innerCon .imgSec {position:absolute; left:50%; bottom:82px; transform:translate(-50%, 0); width:100%; height:auto; padding:0 20px;}
	.evPrSec .prCont .innerCon .imgSec img {width:100%;}
	.evPrSec .prCont .innerCon .txtSec .btnArea a.prBtn {font-size:16px; padding:12px; display:flex; width:100%;}
	.evPrSec .prCont .innerCon .txtSec .btnArea a.prBtn.pr:after {width:10px;}
}

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

}