@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);

.nanumpenscript * {
 font-family: 'Nanum Pen Script', cursive;
}

/******************** 공통 ********************/
body {background:#FFF;}
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%; }

.wrap {display:block; height:auto; overflow:hidden; background:#FFF; width:100%; max-width:1920px; margin:0 auto;background:#f5e0da url(../images/230424/bg_eventSec.png) no-repeat center 50px;}

.headWrap {display:block; height:auto; overflow:hidden;position:relative;}
.headWrap .headSec {display:block; height:auto; overflow:hidden; height:100px; position:relative; padding:0 100px;}
.headWrap .headSec .logo a {position:absolute; left:100px; top:50%; transform:translate(0, -50%); width:111px; height:42px; background:url(../images/common/logo_ele_key.png) no-repeat 50% 50%;}
.headWrap .headSec .headFunc {position:absolute; right:130px; top:50%; transform:translate(0, -50%); text-align:right; line-height:26px; padding-right:100px;}
.headWrap .headSec .headFunc .txtMenu a {display:inline-block; color:#333; font-size:14px; font-weight:400; padding-right:15px; margin-right:12px; position:relative; line-height:30px;}
.headWrap .headSec .headFunc .txtMenu a:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:2px; height:30%; background:rgba(0, 0, 0, 0.4);}
.headWrap .headSec .headFunc .txtMenu:last-child a {padding-right:0; margin-right:0;}
.headWrap .headSec .headFunc .txtMenu:last-child a:after {background:none;}
.headWrap .headSec .miraeLogo a {position:absolute; right:100px; top:50%; transform:translate(0, -50%); width:107px; height:30px; background:url(../images/common/miraen_logo_key.png) no-repeat 50% 50%; background-size:100%; margin-left:30px;}

.headWrap .headVisual {display:block; height:auto; overflow:hidden; text-align:center; position:relative;padding-bottom:90px;padding-top:30px;}
.headWrap .headVisual h1 {margin-bottom:35px;}
.headWrap .headVisual h1 img {max-width:100%;}
.headWrap .headVisual h2 {text-align:center;margin-bottom:40px;}
.headWrap .headVisual h2 img {max-width:100%;}
.headWrap .headVisual .deco01 {position:absolute; left:50%; top:420px; width:45px; height:43px; background:url(../images/deco01.png) no-repeat 50% 50%; background-size:100%; margin-left:-600px;}
.headWrap .headVisual .deco02 {position:absolute; right:50%; top:300px; width:81px; height:115px; background:url(../images/deco02.png) no-repeat 50% 50%; background-size:100%; margin-right:-600px;}

.headWrap .headVisual .headTxtBox {font-size:26px;color:#694e38;font-weight:500;letter-spacing:-1px;text-align:center;line-height:170%;}
.headWrap .headVisual .headTxtBox strong{font-weight:600;}
.headWrap .headVisual .headTxtBox strong.red{color:#c14814}

.innerCon {display:block;max-width:1200px; margin:0 auto;}


.comnTitleSec {display:block; height:auto; overflow:hidden; position:relative; padding-bottom:50px;}
.comnTitleSec.short {padding-bottom:30px;}
.comnTitleSec.btmBdr:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:5px; background:#eee; transition:.4s all;}
.comnTitleSec .cmTitle {display:inline-block; font-size:24px; color:#333; font-weight:500; position:relative;}
.comnTitleSec .cmTitle:before {content:''; display:inline-block; width:20px; height:20px; border-radius:50%; border:6px solid #3a7ba5; box-sizing:border-box; margin:0 12px 0 28px; vertical-align:0px;}
.comnTitleSec .cmDesc {display:inline-block; margin-left:15px; font-size:20px; color:#666;}
.comnTitleSec .foldFunc {position:absolute; right:60px; top:0px; background:#666; padding:0px 20px; cursor:pointer; height:34px; line-height:34px; width:106px; text-align:center;}
.comnTitleSec .foldFunc:before {content:'접기'; display:inline-block; color:#FFF; font-size:16px; margin-right:8px; border-radius:3px; border-radius:3px;}
.comnTitleSec .foldFunc:after {content:''; display:inline-block; width:15px; height:9px; background:url(../images/ico_fold.png) no-repeat 50% 50%; transition:.4s all; vertical-align:1px;}
.comnTitleSec .foldFunc.on:before {content:'펼치기'; display:inline-block; color:#FFF; font-size:16px; margin-right:8px;}
.comnTitleSec .foldFunc.on:after {content:''; display:inline-block; width:15px; height:9px; background:url(../images/ico_fold.png) no-repeat 50% 50%; transform:rotate(-180deg);}
/******************** 공통 ********************/

/******************** 이벤트 안내 ********************/

.eventInfoSec{position:relative;}
.eventInfoSec .innerCon{background:#fdf9f8;padding:0 70px 50px 70px;margin-bottom:90px;}
.eventInfoSec .eventInfo > ul{overflow:hidden;}
.eventInfoSec .eventInfo > ul > li{float:left;width:50%;position:relative;margin-bottom:20px;}
.eventInfoSec .eventInfo > ul > li > .tit{background:url(../images/230424/bg_eventSec_tit.png) no-repeat center top;width:146px;height:44px;line-height:44px;color:#fff;text-align:center;font-size:24px;position:absolute;left:20px;top:0;}
.eventInfoSec .eventInfo > ul > li > .txt{margin-left:180px;font-size:24px;color:#454545;line-height:44px;letter-spacing:-1px;display:block;margin-right:10px;}
.eventInfoSec .eventInfo > ul > li > .txt ul li{line-height:40px;padding-left:28px;text-indent:-28px;}

.comnEventTitle {text-align:center;margin-bottom:40px;}
.comnEventTitle img{margin-top:-27px;}
.eventSec {display:block; height:auto; overflow:hidden; background:#FFF;}
.eventSec .innerCon {padding:90px 0px; max-width:1080px; margin:0 auto;}
.eventSec .eventInfo {position:relative; margin:80px 0 0 0;}
.eventSec .eventInfo:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.eventSec .eventInfo .halfInfo {float:left; width:100%; height:auto; position:relative; padding-top:3px;}
.eventSec .eventInfo .halfInfo:last-child {width:100%;}
.eventSec .eventInfo .halfInfo .hCon {display:block; height:auto; margin:0 0 40px 0; position:relative; padding-left:160px; min-height:34px; color:#333; font-size:22px; line-height:1.4;}
.eventSec .eventInfo .halfInfo .halfTitle {position:absolute; left:0; top:0; font-weight:500; width:140px; height:34px; line-height:32px; border-radius:34px; color:#FFF; text-align:center; font-size:16px; background:#555; box-sizing:border-box;}
.eventSec .eventInfo .halfInfo .halfTitle.gift {top:0px;}
.eventSec .eventInfo .halfInfo .hCon.gift {padding-left:0; margin:0;}
.eventSec .eventInfo .halfInfo .howTo {line-height:1.3; font-size:28px; font-weight:700; color:#333;}
.eventSec .eventInfo .halfInfo .howTo em {color:#a61656; font-weight:700;}
.eventSec .eventInfo .halfInfo .hCon .evendGift {display:block; height:auto; overflow:hidden; padding:60px 0 0 0px; text-align:center;}
.eventSec .eventInfo .halfInfo .hCon .evendGift.ty01 {padding:4px 0 0 30px;}

.eventStepImg {display:block; height:auto; overflow:hidden; text-align:center; margin:40px 0 80px 0;}
.eventStepImg img {margin:0 auto;}

.giftCon {display:block; height:auto; overflow:hidden; margin-bottom:30px; border-radius:15px; padding:40px 0 0 0; text-align:center;}
.giftCon .giftTitle{text-align:center;position:relative;margin-bottom:50px;}
.giftCon .giftTitle:before{content:'';display:block;background:url(../images/230424/bg_eventSec_tit01.png) no-repeat right center;position:absolute;left:50%;top:50%;width:409px;height:14px;margin-top:-7px;margin-left:-530px}
.giftCon .giftTitle:after{content:'';display:block;background:url(../images/230424/bg_eventSec_tit02.png) no-repeat right center;position:absolute;right:50%;top:50%;width:409px;height:14px;margin-top:-7px;margin-right:-530px}
.giftCon .giftTitle span{display:inline-block;width:222px;height:44px;line-height:44px;background:url(../images/230424/bg_eventSec_tit.png) no-repeat center center;background-size:100% 100%;font-size:24px;color:#fff;}
.giftCon .giftKind {overflow:hidden;}
.giftCon .giftKind li {width:50%;float:left;}
.giftCon .giftKind li img{width:100%;}


.participant{position: absolute;right:90px;top:0;background: #4e3825;width: 170px;height: 170px;border-radius: 50%;text-align: center;z-index: 100;}
.participant .in{padding: 25px 0;}
.participant .in span{display: block;font-size: 20px;color: #fff;margin-bottom: 10px;line-height: 120%;}
.participant .in p{display: inline-block;font-size: 24px;color: #777777;font-weight: 500;padding: 5px 20px;line-height: 1.5;background: #fff;border-radius: 30px;width:130px;}
.participant .in p strong{display: inline-block;font-size: 36px;color: #333333;font-weight: 600;}

.eventCardSec {display:block; height:auto; overflow:hidden; background:#fbf2e5;}
.eventCardSec .innerCon {padding:100px 0 120px 0;}
.eventCardSec .thanksCardSec {display:block; height:auto; overflow:hidden; position:relative; margin-top:50px;}
.eventCardSec .thanksCardSec .cTitle {color:#333; font-size:22px; margin-bottom:20px; position:relative; padding-left:16px;}
.eventCardSec .thanksCardSec .cTitle:after {content:''; position:absolute; left:0; top:7px; width:6px; height:6px; border-radius:50%; background:#333;}
.eventCardSec .thanksCardSec .selCard {display:block; height:auto; overflow:hidden; width:calc(100% - 450px);}
.eventCardSec .thanksCardSec .selCard li {float:left; width:32%; height:auto; overflow:hidden; margin-right:2%; text-align:center; cursor:pointer;}
.eventCardSec .thanksCardSec .selCard li:last-child {margin-right:0;}
.eventCardSec .thanksCardSec .selCard li img {display:block; border:1px solid #dbdbdb; margin-bottom:15px;}
.eventCardSec .thanksCardSec .selCard li img.on {border:1px solid #fe3f5f;}
.eventCardSec .thanksCardSec .selCard li .choice {display:inline-block; width:30px; height:30px; background:url(../images/sel_off.png) no-repeat 50% 50%; background-size:100%;}
.eventCardSec .thanksCardSec .selCard li .choice.on {background:url(../images/sel_on.png) no-repeat 50% 50%; background-size:100%;}
.eventCardSec .thanksCardSec .previewCard {position:absolute; right:0; top:0; width:404px; height:auto; overflow:hidden;}
.eventCardSec .thanksCardSec .previewCard .preCard {display:block; height:auto; overflow:hidden; border:2px solid #515151; box-sizing:border-box;}
.eventCardSec .thanksCardSec .previewCard .preCard .cardImg {display:block; position:relative;}
.eventCardSec .thanksCardSec .previewCard .preCard .cardImg:after {content:''; clear:both; display:block; height:auto; padding-bottom:100%;}
.eventCardSec .thanksCardSec .previewCard .preCard .cardImg img {position:absolute; left:0; top:0; width:100%; height:100%;}
.eventCardSec .thanksCardSec .previewCard .preCard .cardImg.empty {background:#FFF; border-bottom:1px solid #999;}
.eventCardSec .thanksCardSec .previewCard .preCard .cardImg.empty p {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%; height:auto; text-align:center; font-size:14px; color:#999;}
.eventCardSec .thanksCardSec .previewCard .preCard .preMent {background:#FFF; padding:20px 25px; line-height:1.3; height:140px; color:#333; font-size:20px;}
.eventCardSec .thanksCardSec .mentInput {display:block; height:auto; overflow:hidden; width:calc(100% - 450px); margin-top:94px;}
.eventCardSec .thanksCardSec .mentInput .limitTxt {text-align:right; font-size:14px; color:#333; margin-bottom:10px; letter-spacing:0;}
.eventCardSec .thanksCardSec .mentInput textarea {display:block; height:140px; border:1px solid #dadada; background:#FFF; padding:20px; font-size:20px; color:#666; line-height:1.4;}

.eventCardSec .btnArea {clear:both; display:block; height:auto; margin-top:40px; padding:0 20%;}
.btnSend a {display:inline-block; width:100%; max-width:100%; border-radius:80px; text-align:center; font-size:30px; padding:26px 0; position:relative; transition:.4s all; font-weight:700; background:#ef3468; color:#FFF;
-webkit-box-shadow: 0px 8px 0px 0px rgba(132,48,68,1.0);
-moz-box-shadow: 0px 8px 0px 0px rgba(132,48,68,1.0);
box-shadow: 0px 8px 0px 0px rgba(132,48,68,1.0);
}
.btnSend a:hover {background:#df184f;}
.btnSend a:after {content:''; display:inline-block; width:27px; height:27px; background:url(../images/ico_check.png) no-repeat 50% 50%; background-size:100%; vertical-align:-3px; margin-left:10px;}
/******************** 이벤트 안내 ********************/

.eventJoinSec {}
.eventJoinSec .innerCon {background:#fdf9f8;padding:0 70px 50px 70px;margin-bottom:90px;}
.eventJoinSec .eventJoin_list > ul > li{margin-bottom:50px;}
.eventJoinSec .eventJoin_list > ul > li .tit{margin-bottom:30px;}
.eventJoinSec .eventJoin_list > ul > li .cardSelect ul{overflow:hidden;margin-left:-3%;}
.eventJoinSec .eventJoin_list > ul > li .cardSelect ul li{float:left;width:22%;margin-left:3%;}
.eventJoinSec .eventJoin_list > ul > li .cardSelect ul li a{display:block;position:relative;border-radius:10px;overflow:hidden;}
.eventJoinSec .eventJoin_list > ul > li .cardSelect ul li a .chk{display:block;width:26px;height:23px;background:url(../images/230424/ico_cardChk.png) no-repeat center center;position:absolute;left:15px;top:15px;opacity:0;z-index:10;}
.eventJoinSec .eventJoin_list > ul > li .cardSelect ul li a img{width:100%;filter: grayscale(100%);}
.eventJoinSec .eventJoin_list > ul > li .cardSelect ul li a.on:after{content:'';display:block;border:4px solid #f09c78;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:10px;overflow:hidden;}
.eventJoinSec .eventJoin_list > ul > li .cardSelect ul li a.on .chk{opacity:1;}
.eventJoinSec .eventJoin_list > ul > li .cardSelect ul li a.on img{filter: grayscale(0%);}
.eventJoinSec .eventJoin_list > ul > li .insertMessage{position:relative;}
.eventJoinSec .eventJoin_list > ul > li .insertMessage .input{margin-bottom:10px;}
.eventJoinSec .eventJoin_list > ul > li .insertMessage .input input[type="text"]{width:290px;height:45px;line-height:45px;border:1px solid #e4e4e4;border-radius:10px;background:#fff;}
.eventJoinSec .eventJoin_list > ul > li .insertMessage .textarea{position:relative;}
.eventJoinSec .eventJoin_list > ul > li .insertMessage .textarea textarea{height:120px;border:1px solid #e4e4e4;border-radius:10px;}
.eventJoinSec .eventJoin_list > ul > li .insertMessage .txtCnt{position:absolute;right:15px;top:10px;font-size:12px;color:#666;line-height:150%;font-weight:300;letter-spacing:0;}
.eventJoinSec .eventJoin_list > ul > li .insertMessage .btn01{position:absolute;right:0;top:0;}
.eventJoinSec .eventJoin_list > ul > li .insertMessage .btn01 a{display:inline-block;vertical-align:top;background:#fee500;color:#191600;border-radius:7px;height:45px;line-height:45px;width:180px;text-align:center;font-weight:600;margin-left:5px;}
.eventJoinSec .eventJoin_list > ul > li .insertMessage .btn01 a img{margin:14px 5px 0 0}
.eventJoinSec .eventJoin_list > ul > li .insertMessage .btn01 a:first-child{background:#4e3825;color:#fff;}
.eventJoinSec .eventJoin_list > ul > li .insertMessage .btn01 .bubble{position:absolute;right:0;top:-140px;}
.eventJoinSec .eventJoin_list > ul > li .present_list{margin-bottom:120px;}
.eventJoinSec .eventJoin_list > ul > li .present_list ul{overflow:hidden;margin-left:-3%;}
.eventJoinSec .eventJoin_list > ul > li .present_list ul li{float:left;width:30.33%;margin-left:3%;}
.eventJoinSec .eventJoin_list > ul > li .present_list ul li a{display:block;position:relative;border-radius:10px;overflow:hidden;padding-bottom:20px;border:1px solid #dbdbdb}
.eventJoinSec .eventJoin_list > ul > li .present_list ul li a .chk{display:block;width:26px;height:23px;background:url(../images/230424/ico_cardChk.png) no-repeat center center;position:absolute;left:15px;top:15px;opacity:0;z-index:10;}
.eventJoinSec .eventJoin_list > ul > li .present_list ul li a img{width:100%;filter: grayscale(100%);}
.eventJoinSec .eventJoin_list > ul > li .present_list ul li a p{text-align:center;position:absolute;left:0;right:0;bottom:15px;font-size:20px;color:#454545;line-height:150%;}
.eventJoinSec .eventJoin_list > ul > li .present_list ul li a.on{border-color:#f09c78}
.eventJoinSec .eventJoin_list > ul > li .present_list ul li a.on:after{content:'';display:block;border:4px solid #f09c78;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:10px;overflow:hidden;}
.eventJoinSec .eventJoin_list > ul > li .present_list ul li a.on .chk{opacity:1;}
.eventJoinSec .eventJoin_list > ul > li .present_list ul li a.on img{filter: grayscale(0%);}
.eventJoinSec .eventJoin_list > ul > li .btn02{text-align:center;position:relative;}
.eventJoinSec .eventJoin_list > ul > li .btn02 ul li{display:inline-block;vertical-align:top; width:43%;margin:0 1%;}
.eventJoinSec .eventJoin_list > ul > li .btn02 ul li a{display:block;background:#6f9587;color:#fff;font-size:30px;font-weight:500;text-align:center;font-weight:500;letter-spacing:-1px;height:80px;line-height:80px;border-radius:10px;position:relative;}
.eventJoinSec .eventJoin_list > ul > li .btn02 ul li a img{margin:30px 0 0 15px;}
.eventJoinSec .eventJoin_list > ul > li .btn02 ul li:first-child a{background:#ee7f4f}
.eventJoinSec .eventJoin_list > ul > li .btn02 ul li .bubble{position:absolute;right:0;top:-110px;}

.eventJoinStatSec{padding:110px 0 80px 0;background:#fff url(../images/230424/bg_eventJoinStat.png) no-repeat center center;}
.eventJoinStatSec.myJoin {padding:80px 0 0 0; background:none;}
.eventJoinStatSec.myJoin .innerCon {padding:0; margin-bottom:0;}
.eventJoinStatSec.myJoin .innerCon .comnEventTitle {padding-top:40px; margin-bottom:20px; border-top:1px solid #333; cursor:pointer; position:relative;}
.eventJoinStatSec.myJoin .innerCon .comnEventTitle:after {content:'▼'; display:inline-block; margin-left:10px; font-size:24px; vertical-align:6px;}
.eventJoinStatSec.myJoin .innerCon .comnEventTitle.on:after {content:'▲';}
.eventJoinStatSec .comnEventTitle{font-size:38px;font-weight:600;color:#4e3825;line-height:150%;text-align:center;margin-bottom:60px;}
.eventJoinStatSec .comnEventTitle span{font-size:24px;color:#4e3825;}
.eventJoinStatSec .eventJoinStat_list{margin-bottom:30px;}
.eventJoinStatSec .eventJoinStat_list > ul{overflow:hidden;margin-left:-2%;}
.eventJoinStatSec .eventJoinStat_list > ul > li{float:left;width:23%;margin-left:2%;margin-bottom:2%;box-sizing:border-box;padding:20px;background:#f7c3b5}
.eventJoinStatSec .eventJoinStat_list > ul > li .img{height:0;padding-bottom:100%;overflow:hidden;margin-bottom:10px;border-radius:10px}
.eventJoinStatSec .eventJoinStat_list > ul > li .img img{width:100%;}
.eventJoinStatSec .eventJoinStat_list > ul > li .txt > p{font-family:'Nanum Pen Script';font-size:30px;line-height:110%;letter-spacing:-1px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height:64px; word-break:break-all;}
.eventJoinStatSec .eventJoinStat_list > ul > li .txt .from{position:relative;margin-top:10px;}
.eventJoinStatSec .eventJoinStat_list > ul > li .txt .from img{position:absolute;left:0;bottom:5px;}
.eventJoinStatSec .eventJoinStat_list > ul > li .txt .from p{text-align:right;font-size:16px;color:#fff;line-height:150%;margin-left:60px}

.eventJoinStatSec .eventJoinStat_list.myMesg {display:none; margin-bottom:0;}
.eventJoinStatSec .eventJoinStat_list.myMesg > ul {margin-left:0%;}
.eventJoinStatSec .eventJoinStat_list.myMesg > ul > li {width:19.2%; margin-left:0; margin-right:1%;}
.eventJoinStatSec .eventJoinStat_list.myMesg > ul > li:nth-child(5n) {margin-right:0%;}
.eventJoinStatSec .eventJoinStat_list.myMesg > ul > li .txt > p {font-size:24px;}
.eventJoinStatSec .eventJoinStat_list.myMesg > ul > li .txt .from img {width:35px; bottom:2px;}
.eventJoinStatSec .eventJoinStat_list.myMesg > ul > li .txt .from p {font-size:11px; letter-spacing:0; margin-left:0;}

.eventJoinStatSec.myJoin .eventJoinStat_list > ul > li .txt > p {height:80px; overflow:hidden; overflow-y:auto; -webkit-line-clamp: 200;}
.eventJoinStatSec.myJoin .eventJoinStat_list > ul > li .txt > p::-webkit-scrollbar {width: 5px; height:5px;}
.eventJoinStatSec.myJoin .eventJoinStat_list > ul > li .txt > p::-webkit-scrollbar-thumb {background-color: #fe4d4c; border-radius: 0px;}
.eventJoinStatSec.myJoin .eventJoinStat_list > ul > li .txt > p::-webkit-scrollbar-thumb:hover {background:#fe4d4c;}
.eventJoinStatSec.myJoin .eventJoinStat_list > ul > li .txt > p::-webkit-scrollbar-track {background-color: #f0f0f0; border-radius: 0px;}

.myShareStats {display:block; height:auto; overflow:hidden; margin-top:40px;}
.myShareStats .stTitle {font-size:28px; color:#333; padding-left:15px; position:relative; margin-bottom:30px;}
.myShareStats .stTitle:after {content:''; position:absolute; left:0; top:10px; width:6px; height:6px; border-radius:50%; background:#333;}
.myShareStats .stTitle.join:after {top:20px;}
.myShareStats .stTitle em {display:inline-block; color:#ef3468; font-size:40px; font-weight:900; padding:5px 15px; background:#fde1e8; vertical-align:-5px;}
.myShareStats .stTitle .caution {display:inline-block; font-size:20px; color:#a93f50; margin-left:15px;}
.myShareStats .myStats {display:block; height:130px; overflow:hidden; overflow-y:auto; background:#ededed; padding:20px;}
.myShareStats .myStats li {float:left; width:33.3333%; height:auto; overflow:hidden; position:relative; padding:15px 20px; border-right:1px solid #dadada;}
.myShareStats .myStats li .tName {float:left; font-size:20px; color:#555;}
.myShareStats .myStats li .tDate {float:right; font-size:20px; color:#555; padding-right:84px;}
.myShareStats .myStats li .stats {position:absolute; width:72px; text-align:center; right:20px; top:50%; transform:translate(0, -50%); padding:5px 15px 7px 15px; border-radius:40px; color:#FFF; font-size:16px;}
.myShareStats .myStats li .stats.comp {background:#359052;}
.myShareStats .myStats li .stats.notYet {background:#8f8f8f;}

.myShareStats .stCau {display:block; height:auto; overflow:hidden; padding:40px 50px 0 50px;}
.myShareStats .stCau .cauTxt {font-size:20px; color:#a93f50; line-height:1.4; padding-left:18px; position:relative; margin-bottom:20px;}
.myShareStats .stCau .cauTxt:after {content:'*'; position:absolute; left:0; top:3px;}
.myShareStats .stCau .stCondition {display:inline-block; vertical-align:0px; margin-left:10px;}
.myShareStats .stCau .stCondition em {padding:3px 17px 5px 15px; margin-right:5px; background:#fde1e8; border-radius:5px;}

.eventCauSec {display:block; height:auto; overflow:hidden; background:#f5e0da;}
.eventCauSec .innerCon {padding:90px 0;}

.cauCon {display:block; height:auto; overflow:hidden;}
.cauCon .title {color:#4e3825; 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.png) 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:15px;}
.cauCon .cauBox .caTitle {color:#4e3825; font-size:20px; padding-left:0px; position:relative; font-weight:500; margin-bottom:10px;}
/* .cauCon .cauBox .caTitle:after {content:''; position:absolute; left:0; top:7px; width:7px; height:7px; background:#a2a2a2; border-radius:50%;} */
.cauCon .cauBox li {display:block; height:auto; overflow:hidden; padding:4px 0 4px 35px; font-size:18px; position:relative; color:#4e3825;}
.cauCon .cauBox li a {color:#006ba9; font-weight:500;}
.cauCon .cauBox li:after {content:''; position:absolute; left:20px; top:13px; width:5px; height:1px; background:#4e3825;}
.cauCon .cauBox li em {color:#157fc3;}
.cauCon .cauBox li.cauMidTitle {color:#4e3825; font-size:18px; margin-bottom:5px; padding-left:15px;}
.cauCon .cauBox li.cauMidTitle.device {margin-top:15px;}
.cauCon .cauBox li.cauMidTitle:after {background:none;}

.eventBnrSec {background:#4e3825;text-align:center;}
.eventBnrSec img{width:100%;max-width:1200px;}

.btn a {display:inline-block; padding:15px 30px; font-size:24px; color:#FFF; font-weight:500; position:relative; border-radius:3px;}
.btn.share a {background:#0999bd; width:100%; max-width:57%; transition:.4s all;}
.btn.share a:hover {background:#31d0aa;}
.btn.share a:after {content:''; display:inline-block; width:23px; height:23px; background:url(../images/ico_share.png) no-repeat 50% 50%; background-size:100%; vertical-align:-4px; margin-left:10px;}
.btn.download a {background:#285a6e; width:100%; max-width:300px; transition:.4s all;}
.btn.download a:hover {background:#31d0aa;}
.btn.download a:after {content:''; position:absolute; right:30px; top:50%; transform:translate(0, -50%); width:23px; height:23px; background:url(../images/ico_download.png) no-repeat 50% 50%; background-size:100%;}
.btn.apply a {position:absolute; right:0; top:50%; transform:translate(0, -50%); background:#285a6e; width:100%; max-width:200px; transition:.4s all;}
.btn.apply a:hover {background:#31d0aa;}
.btn.apply a:after {content:''; position:absolute; right:30px; top:50%; transform:translate(0, -50%); width:23px; height:23px; background:url(../images/ico_download.png) no-repeat 50% 50%; background-size:100%;}
.btn.cancel a {background:#999; width:100%; max-width:150px; transition:.4s all; font-size:18px; font-weight:400; margin:0 5px;}
.btn.confirm a {background:#555; width:100%; max-width:150px; transition:.4s all; font-size:18px; font-weight:400; margin:0 5px;}

.pagingWrap {display:block; height:auto; overflow:hidden; text-align:center;}
.paging{display:inline-block; width:auto; height:auto;}
.paging .btn {float:left;}
.paging .btn a{float:left; background:#fff; padding:0;}
.paging .num{float:left; vertical-align:top;padding:0 40px;}
.paging .num a{display:inline-block;vertical-align:top;line-height:33px;font-size:16px;color:#666;margin:0 8px;}
.paging .num a:hover{text-decoration:underline;color:#5c328f;text-underline-position: under;}
.paging .num strong{font-weight:400;display:inline-block;vertical-align:top;line-height:33px;font-size:16px;margin:0 8px;text-decoration:underline;color:#5c328f;text-underline-position: under;}


.imgPopWrap {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:90%; max-width:860px; height:auto; max-height:90%; background:#FFF; z-index:11000; display:none; overflow:hidden;}

.imgPopWrap .closeImg {top: 6px;right: 6px;position: fixed;background: #fffefa; cursor:pointer; width:40px; height:40px; z-index:100;}
.imgPopWrap .closeImg::before {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 29px;height: 3px;background: #00cbb4}
.imgPopWrap .closeImg::after {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(-45deg);width: 29px;height: 3px;background: #00cbb4}
.imgPopWrap .popImg {display:block; max-height:100%; padding:40px; position:relative;}
.imgPopWrap .popImg .card-prev {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:40px; height:40px; background:url(../images/dir_left.png) no-repeat 50% 50%; background-size:auto 30px;}
.imgPopWrap .popImg .card-next {position:absolute; right:0; top:50%; transform:translate(0, -50%); width:40px; height:40px; background:url(../images/dir_right.png) no-repeat 50% 50%; background-size:auto 30px;}
.imgPopWrap .popImg img {width:100%;}

.vodPopWrap {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:900px; height:auto; max-height:90%; background:#FFF; z-index:11000; display:none; overflow:hidden;}
.vodPopWrap .closeVod {top: 15px;right: 15px;position: fixed;background: #fffefa; cursor:pointer; width:40px; height:40px; z-index:100;}
.vodPopWrap .closeVod::before {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 29px;height: 3px;background: #00cbb4}
.vodPopWrap .closeVod::after {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(-45deg);width: 29px;height: 3px;background: #00cbb4}
.vodPopWrap .popVodCon {display:block; height:auto; overflow:hidden; padding:60px 20px 20px 20px;}

/*  ********** popup ********** */
input[type="text"],
input[type="number"] { padding:0 20px; height:50px; width:100%; border:1px solid #e6e6e6; box-sizing:border-box; }
input[type="text"]:read-only { background-color:#f1f8f8; }
::placeholder { color:#999; font-weight:300; }
.input_chk { display:inline-block; }
.input_chk input { display:none; }
.input_chk label { position:relative; padding:2px 0 2px 40px; font-size:18px; }
.input_chk label:before { content:""; position:absolute; left:0px; top:0px; display:inline-block; width:30px; height:30px; background:#ddd url('../images/input_chk.png') center 9px no-repeat; border-radius:100%; }
.input_chk label strong { font-weight:400; }
.input_chk input:checked + label:before { background:#00cbb4 url('../images/input_chk.png') center 9px no-repeat; }
.input_chk label.on:before { background:#00cbb4 url('../images/input_chk.png') center 9px no-repeat; }

.bg_layer { z-index:-1; position:fixed; top:0px; left:0px; right:0; bottom:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); }
.popDim {position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); display:none; z-index:10;}
.pop_wrap { z-index:2000; display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:90%; max-width:640px; height:auto; max-height:90%; background-color:#fff; font-size:18px; color:#222; overflow:hidden; overflow-y:auto;}

.pop_wrap h1 { height:65px; line-height:63px; text-align:center; border-bottom:2px solid #00cbb4; background-color:#fff; color:#00cbb4; font-size:24px;}
.pop_wrap h1 img { display:inline-block; vertical-align:middle; }
.pop_wrap h2 { margin-bottom:20px; font-size:20px; color:#00cbb4; font-weight:500; }

.pop_wrap .subDim {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); z-index:51; display:none;}

.pop_wrap .pop_con { padding:30px 30px 50px; background-color:#fff; }
.pop_wrap .pop_con.short {padding:0 30px 40px;}
.pop_wrap .pop_con p.txt_center { line-height:1.5; text-align:center;}

/* popup form list */
.pop_wrap .pop_con .info_list li { position:relative; margin-top:20px; padding-left:120px; }
.pop_wrap .pop_con .info_list li:first-child { margin-top:30px; }
.pop_wrap .pop_con .info_list li.alone { padding-left:0px; }
.pop_wrap .pop_con .info_list li.input_btn { padding-right:120px; }
.pop_wrap .pop_con .info_list li.input_btn .btn { position:absolute; top:0px; right:0px; width:120px; height:50px; line-height:50px; font-size:16px; text-align:center; }

.pop_wrap .pop_con .tit { position:absolute; left:0px; display:inline-block; width:120px; height:50px; line-height:50px; font-size:18px; font-weight:500; }
.pop_wrap .pop_con .event_color.gift { display:inline-block; font-weight:400; }
.pop_wrap .pop_con .info_list li .sub_txt { position:absolute; bottom:-30px; left:125px; color:#fbb146; font-size:14px;}

/* popup agree list */
.pop_wrap .pop_con .agree_list li { margin-top:25px; }
.pop_wrap .pop_con .agree_list li.all_agree .event_color { font-size:20px; font-weight:600; }
.pop_wrap .pop_con .agree_list .agree_con { overflow-y:scroll; margin-top:15px; padding:20px; height:160px; font-size:14px; color:#555; line-height:1.5; border:1px solid #e6e6e6; }
.pop_wrap .pop_con .agree_list .agree_con strong { display:block; margin-top:30px; }

/* popup notice */
.pop_wrap .notice_area {padding:30px; background-color:#f1f8f8; }
.pop_wrap .notice_area dt { margin-bottom:10px; font-weight:400; color:#333; }
.pop_wrap .notice_area dd { margin-top:5px; font-size:14px; color:#999; position:relative; padding-left:13px; box-sizing:border-box; line-height:1.3;}
.pop_wrap .notice_area dd:after {content:''; position:absolute; left:3px; top:6px; width:3px; height:3px; background:#999;}

/* popup btn bottom group */
.pop_wrap .btn_group { overflow:hidden; margin:0px; }
.btn_group.col2 .btn { float:left; width:50%; }
.pop_wrap .btn_group .btn { display:block; height:60px; line-height:60px; font-size:22px; text-align:center; }
.btn.gray { background-color:#ccc; color:#fff; }
.btn.color { background-color:#00cbb4; color:#fff; }

/* popup table */
.pop_wrap .bbs_info { margin-top:30px; font-size:16px; border-top:2px solid #e6e6e6; }
.pop_wrap .bbs_info.scoll { overflow-y:scroll; margin-top:0px; height:295px; border-top:0px; border-bottom:1px solid #e6e6e6; }
.pop_wrap .bbs_info thead th { height:48px; color:#555; font-weight:400; border:1px solid #e6e6e6; border-width:0 0 1px 1px; background-color:#ebf2f2 }
.pop_wrap .bbs_info tbody td { padding:15px 17px; color:#555; font-weight:400; border:1px solid #e6e6e6; border-width:0 0 1px 1px; }
.pop_wrap .bbs_info thead th:first-child,
.pop_wrap .bbs_info tbody td:first-child { border-left:0px; }
.pop_wrap .bbs_info tbody td a { color:#555; font-weight:400; }

/* popup close btn */
.pop_wrap .pop_close { position:absolute; top:18px; right:20px; }

.privacySec {display:block; height:auto; overflow:hidden; margin-top:30px;}
.privacySec .agreeTxt {clear:both; display:block; height:auto; overflow:hidden; line-height:40px; height:40px; margin-bottom:10px; padding:5px 0;}
.privacySec .privacyTable {display:block; height:auto; overflow:hidden;}
.privacySec .privacyTable table {padding:0; margin:0; width:100%; table-layout:fixed;}
.privacySec .privacyTable th, .privacySec .privacyTable td {border:1px solid #dedede; font-size:14px; color:#333; padding:20px 10px; text-align:left;}
.privacySec .privacyTable th {background:#f1faf9; text-align:center;}
.privacySec .privacyTable td {line-height:1.3;}
.privacySec .privacyTable th:first-child {border-left:0;}
.privacySec .privacyTable td:last-child {border-right:0;}
.privacySec .privacyTable .privacyCau {padding-top:10px; color:#666; font-size:13px; line-height:1.3;}

/*jquery Alert */
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content { font-size:14px; }

/* share pop */
.lay-pop {position: fixed;top: 0;left: 0;display: none;z-index: 9999;background: rgba(0,0,0,0.4);width: 100%;height: 100%; z-index:100; display:none;}
.pop-wrap {position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff; max-width:360px; width:100%; border-top: 5px solid #00cbb4; z-index:1000; display:none;}
.pop-wrap .pop-close {position: absolute;top: 30px;right: 25px;width: 25px;height: 22px;overflow: hidden;text-indent: -9999px;background: url(../images/ico_close.png) no-repeat center}
.pop-wrap .pop-cnt {padding:20px 30px 20px; display:block; height:auto; overflow:hidden; margin-bottom:30px;}
.pop-wrap .pop-tit {font-size: 25px;font-weight: 500;text-align: center;margin:40px 0 30px 0;line-height: 30px;word-break: keep-all}

.copy_url { position:relative; margin-top:30px; padding-right:80px; }
.copy_url .copy_txt { display:inline-block; width:100%; padding:0 10px; border:1px solid #d9d9d9; height:45px; }
.copy_url .copy_txt input { display:inline-block; height:43px; width:100%; color:#a7a7a7; font-size:14px; border:0px; box-shadow:none; }
.copy_url a { position:absolute; top:0px; right:0px; display:inline-block; width:80px; height:45px; line-height:45px; font-size:14px; color:#fff; text-align:center; background-color:#00cbb4; }

.forDesk {display:block;}
.forPc {display:block;}
.forMo {display:none;}

.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;}

/* guidePop */
.cubePopDim {position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); z-index:400; display:none;}
.popScheGuide {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); z-index:500; display:none;}
.popScheWrap {display:block; width:1100px; height:100%; overflow:hidden; background:#f1f5f8;}
.guideClose {position:absolute; right:15px; top:13px; width:40px; height:40px; background:url(../images/guide/btn_close.png) no-repeat 50% 50%; background-size:24px 24px; z-index:100; cursor:pointer;}

.contHead {display:block; height:70px; background:#00cbb6; position:relative; padding:0 30px; text-align:left; }
.contHead:after {content:''; position:absolute; left:66px; bottom:-14px; width:30px; height:15px; background:url(../images/guide/deco_tail.png) no-repeat 50% 50%; background-size:30px 15px;}
.contHead .pageTitle {float:left; text-align:left; padding:0; margin:0; width:100%; height:70px; overflow:hidden;}
.contHead .pageTitle img {width:auto; height:70px;}
.contHead .tabMenu {position:absolute; right:74px; bottom:0;}
.contHead .tabMenu .menu {float:left; margin-right:3px; width:185px; height:50px;}
.contHead .tabMenu .menu a {display:block; width:100%; height:100%;}
.contHead .tabMenu .menu:last-child {margin-right:0;}
.contHead .tabMenu .menu img {height:50px;}

.contHead .tabMenu .menu.m01 {background:url(../images/guide/tab_intro.png) no-repeat 50% 50%; background-size:100%;}
.contHead .tabMenu .menu.m02 {background:url(../images/guide/tab_menu.png) no-repeat 50% 50%; background-size:100%;}
.contHead .tabMenu .menu.m03 {background:url(../images/guide/tab_guide.png) no-repeat 50% 50%; background-size:100%;}

.contHead .tabMenu .menu.m01.on {background:url(../images/guide/tab_intro_c.png) no-repeat 50% 50%; background-size:100%;}
.contHead .tabMenu .menu.m02.on {background:url(../images/guide/tab_menu_c.png) no-repeat 50% 50%; background-size:100%;}
.contHead .tabMenu .menu.m03.on {background:url(../images/guide/tab_guide_c.png) no-repeat 50% 50%; background-size:100%;}

.subConSec {display:block; height:auto; overflow:hidden; padding:0 30px 15px 30px; display:none;}

.subConSec .swiper-pagination {bottom:10px !important; width:100%; text-align:center;}
.subConSec .swiper-pagination-bullet {width:10px; height:10px; background:#000; border-radius:10px; margin:0 2px; transition:.4s all;}
.subConSec .swiper-pagination-bullet-active {width:36px;}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {overflow:hidden !important;}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content div {line-height:1.4;}

.pop_card{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.6);text-align:center;z-index:1000;}
.pop_card.start{display:block;}
.pop_card:before{content:'';display:inline-block;vertical-align:middle;margin-left:-4px;width:1px;height:100%;}
.pop_card .innerCon{display:inline-block;vertical-align:middle;width:380px;}
.pop_card .innerCon .img{}
.pop_card .innerCon .txt{background:#f7c3b5;padding:20px;text-align:left;}
.pop_card .innerCon .txt p{font-family: 'Nanum Pen Script';font-size:30px;color:#111;line-height:120%;}
.pop_card .innerCon .txt .btn{overflow:hidden;margin-left:-2%;margin-top:20px;}
.pop_card .innerCon .txt .btn a{display:block;float:left;width:48%;margin-left:2%;font-size:17px;color:#fff;background:#ee7f4f;border-radius:5px;text-align:center;height:48px;line-height:48px;padding:0;}
.pop_card .innerCon .close_pop_card{display:block;text-align:center;line-height:60px;font-size:24px;color:#fff;font-weight:400;}
.pop_card .innerCon .close_pop_card strong{font-weight:500;}
.pop_card .innerCon .close_pop_card img{margin:21px 0 0 10px}
.pop_card02{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.6);text-align:center;z-index:1000; display:none;}
.pop_card02:before{content:'';display:inline-block;vertical-align:middle;margin-left:-4px;width:1px;height:100%;}
.pop_card02 .innerCon{display:inline-block;vertical-align:middle;width:380px;}
.pop_card02 .innerCon .img{}
.pop_card02 .innerCon .txt{background:#f7c3b5;padding:20px;text-align:left;}
.pop_card02 .innerCon .txt p{font-family: 'Nanum Pen Script';font-size:30px;color:#111;line-height:120%;}
.pop_card02 .innerCon .txt .btn{overflow:hidden;margin-left:-2%;margin-top:20px; text-align:center;}
.pop_card02 .innerCon .txt .btn a{display:inline-block;width:48%;margin-left:2%;font-size:17px;color:#fff;background:#ee7f4f;border-radius:5px;text-align:center;height:48px;line-height:48px;padding:0;}
.pop_card02 .innerCon .close_pop_card{display:block;text-align:center;line-height:60px;font-size:24px;color:#fff;font-weight:400;}
.pop_card02 .innerCon .close_pop_card strong{font-weight:500;}
.pop_card02 .innerCon .close_pop_card img{margin:21px 0 0 10px}

@media only screen and (max-width:1024px) {
    .participant{right: 15px;width: 120px;height: 120px;background-size: 120px 120px;top: 60px;}
    .participant .in span{font-size: 16px;}
    .participant .in p{width:auto;}
    .participant .in p strong{font-size: 20px;}
    .participant .in p{font-size: 16px;padding: 5px;}
    .headWrap .headVisual h1 img{height:40px;}
    .headWrap .headVisual h2 img{height:80px;}
    .headWrap .headVisual .headTxtBox{font-size:22px;}
    .comnEventTitle img{height:60px;}
    .eventInfoSec .innerCon{margin:0 20px 90px 20px;padding:0 30px 30px 30px}
    .eventInfoSec .eventInfo > ul > li > .tit{left:0;background-size:100% auto;width:110px;font-size:18px;height:33px;line-height:33px;}
    .eventInfoSec .eventInfo > ul > li > .txt{margin-left:120px;font-size:18px;line-height:33px;}
    .eventInfoSec .eventInfo > ul > li > .txt ul li{line-height:25px;padding-left:20px;text-indent:-20px;}
    .eventInfoSec .eventInfo > ul > li > .txt ul.style02 li{padding-left:10px;text-indent:-10px;}
    .eventJoinSec .innerCon{margin:0 20px 50px 30px;padding:0 30px 30px 30px}
    .eventJoinSec .eventJoin_list > ul > li .btn02 ul li a{font-size:20px;}
    .eventJoinStatSec{padding:50px 20px 40px 20px}
    .eventJoinStatSec .comnEventTitle{font-size:32px;margin-bottom:30px;}
    .eventJoinStatSec .comnEventTitle span{font-size:20px;}
    .eventCauSec .innerCon{padding:40px 20px;}
}

@media only screen and (max-width:720px) {
	.forDesk {display:none;}
	.forPc {display:none;}
	.forMo {display:block; margin:0 auto;}
	.bg_layer { z-index:50; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.3; }

	.recomService .serviceInfo .btnArea .btnDetailPc a {display:none;}
	.recomService .serviceInfo .btnArea .btnDetailMobile a {display:inline-block;}

	.reviewSec {margin:0 auto 10px;}
	.reviewSec .title {font-size:20px; margin-bottom:15px;}
	.reviewSec .reviewList {padding:15px;}
	.reviewSec .reviewList .reviewBox {padding:0 0 15px 0; margin-bottom:5px;}
	.reviewSec .reviewList .reviewBox .writer {font-size:13px;}
	.reviewSec .reviewList .reviewBox .reviewCon {font-size:14px; line-height:18px; padding-right:100px;}

	#mo-footer {margin-top:0;}
	#mo-footer .mo-ft-top {padding-top:0;}

	.pop_wrap h1 {font-size:20px;}
	.pop_wrap .notice_area {padding:20px;}
	.pop_wrap .notice_area dt {font-size:16px;}
	.pop_wrap .pop_con {padding:20px;}
	.pop_wrap .pop_con .info_list li {padding-left:80px; margin-top:10px;}
	.pop_wrap .pop_con .tit {font-size:14px; width:80px; height:40px; line-height:40px;}
	input[type="text"], input[type="number"] {height:40px; line-height:38px; font-size:14px;}

	.privacySec {margin-top:15px;}
	.input_chk label {padding-left:30px; font-size:15px;}
	.input_chk label:before {width:25px; height:25px; background-size:16px; background-position:center center;}
	.pop_wrap .pop_close {top:23px;}
	.pop_wrap .pop_close img {width:16px;}
	.privacySec .privacyTable th, .privacySec .privacyTable td {padding:10px 5px;}
	.privacySec .privacyTable td {padding:10px;}
	.pop_wrap .btn_group .btn {height:44px; line-height:44px; font-size:16px;}

	.pop_wrap .pop_con p.txt_center {font-size:15px;}

	.pop_wrap .pop_con .info_list li.input_btn .btn {height:40px; line-height:40px; font-size:14px; width:100px;}
	.pop_wrap .pop_con .info_list li.input_btn {padding-right:110px;}

	.pop_wrap .bbs_info thead th {height:38px; font-size:14px;}
	.pop_wrap .bbs_info tbody td {padding:8px; font-size:13px; line-height:1.3;}
	.pop_wrap .bbs_info tbody td a {line-height:1.3;}

	.headWrap .headSec {height:54px; padding:25px;}
	.headWrap .headSec .logo a {left:15px; top:25px; width:51px; height:20px; background-size:100%;}
	.headWrap .headSec .miraeLogo a {right:15px; top:25px; width:75px; height:20px; background-size:100%;}
	.headWrap .headSec .headFunc {right:10px; top:26px;}
	.headWrap .headSec .headFunc .txtMenu a {font-size:14px;}
	.headWrap .headSec .headFunc .txtMenu a:after {height:30%;}

	.headWrap .headVisual {margin-top:40px; padding:0px;}
	.headWrap .headVisual h1 {position:relative; left:unset; top:unset; transform:none; margin-bottom:10px; padding:0 90px;}
	.headWrap .headVisual h1 img {max-width:100%;}
	.headWrap .headVisual h2 {position:relative; left:unset; top:unset; transform:none; margin-bottom:0px; padding:0 40px;}
	.headWrap .headVisual .headTxtBox {padding:20px;}
	.headWrap .headVisual .headTxtBox img {max-width:100%;}
	.headWrap .headVisual .headTxtBox .headTxt {font-size:14px; margin-bottom:10px; letter-spacing:-1px;}
	.headWrap .headVisual .headTxtBox .headTxt01 {font-size:20px; margin-top:20px;}
	.headWrap .headVisual .headTxtBox .headDesc {font-size:14px; line-height:20px;}
	.headWrap .headVisual .headTxtBox .headDesc em {line-height:20px;}

	.headWrap .headVisual .deco01 {display:none;}
    .headWrap .headVisual .deco02 {display:none;}

	.innerCon {padding:30px 15px;}

	.eventSec .eventInfo {margin:30px 0;}

	.eventSec .innerCon {padding:30px 0px 0 0;}

	.eventSec .eventInfo .halfInfo {float:none; display:block; padding:0 20px; margin-bottom:0px; width:100%; font-size:16px; text-align:center;}
	.eventSec .eventInfo .halfInfo:last-child {float:none; width:100%;}
	.eventSec .eventInfo .halfInfo .halfTitle {position:relative; left:unset; top:unset; width:100px; font-size:14px; display:block; height:30px; line-height:26px; margin:0 auto 10px;}
	.eventSec .eventInfo .halfInfo .hCon {padding-left:0; min-height:auto; font-size:18px;}
	.eventSec .eventInfo .halfInfo .hCon:last-child {margin-bottom:0;}
	.eventSec .eventInfo .halfInfo .halfTitle.gift {top:unset;}
	.eventSec .eventInfo .halfInfo .hCon .evendGift {margin-top:10px; height:auto; padding:20px; text-align:center;}
	.eventSec .eventInfo .halfInfo .hCon .evendGift.ty01 {padding-left:0; margin-bottom:20px;}
	.eventSec .eventInfo .halfInfo .hCon .evendGift.ty01 img {width:80%; margin-left:-30px;}
	.eventSec .eventInfo .halfInfo .hCon .evendGift.ty02 {padding:20px 0;}
	.eventSec .eventInfo .halfInfo .hCon .evendGift .img {position:relative; display:inline-block; top:unset; left:unset; width:130px; height:130px;}
	.eventSec .eventInfo .halfInfo .hCon .evendGift .giftTitle {text-align:left; font-size:14px;}
	.eventSec .eventInfo .halfInfo .howTo {font-size:20px;}

	.eventCardSec .innerCon {padding:30px 20px 50px 20px;}
	.eventCardSec .thanksCardSec {margin-top:30px;}
	.eventCardSec .thanksCardSec .cTitle {font-size:16px; padding-left:10px;}
	.eventCardSec .thanksCardSec .cTitle:after {width:4px; height:4px;}
	.eventCardSec .thanksCardSec .selCard {width:100%; margin-bottom:30px;}
	.eventCardSec .thanksCardSec .selCard li img {margin-bottom:10px;}
	.eventCardSec .thanksCardSec .selCard li .choice {width:20px; height:20px;}
	.eventCardSec .thanksCardSec .previewCard {position:relative; right:unset; top:unset; width:100%; display:block;}
	.eventCardSec .thanksCardSec .previewCard .preCard .preMent {padding:15px; font-size:16px; height:115px;}
	.eventCardSec .thanksCardSec .mentInput {margin-top:20px; width:100%;}
	.eventCardSec .thanksCardSec .mentInput textarea {font-size:16px; padding:15px; height:115px;}
	.eventCardSec .btnArea {padding:0; margin-top:20px;}
	.btnSend a {font-size:20px; padding:15px 0; border-radius:40px;}
	.btnSend a:after {width:20px; height:20px; vertical-align:-3px;}

	.myShareStats .stTitle {font-size:16px; padding-left:10px; margin-bottom:20px;}
	.myShareStats .stTitle.join:after {top:12px;}
	.myShareStats .stTitle:after {width:4px; height:4px; top:7px;}
	.myShareStats .stTitle em {font-size:20px; padding:3px 10px; vertical-align:0;}
	.myShareStats .stTitle .caution {display:block; font-size:16px; margin-left:0px; margin-top:5px;}

	.myShareStats .myStats {padding:0 15px; height:140px;}
	.myShareStats .myStats li {float:none; display:block; width:100%; border-right:0; border-bottom:1px solid #dadada; padding:15px 0;}
	.myShareStats .myStats li .tName {font-size:14px;}
	.myShareStats .myStats li .tDate {font-size:14px; padding-right:90px;}
	.myShareStats .myStats li .stats {font-size:13px; width:60px; padding:5px 0 7px 0; right:0px;}

	.myShareStats .stCau {padding:20px 0 0 0;}
	.myShareStats .stCau .cauTxt {font-size:14px; padding-left:10px; margin-bottom:20px;}
	.myShareStats .stCau .stCondition {display:block; margin-left:0; margin-top:5px;}
	.myShareStats .stCau .stCondition em {display:inline-block; margin-bottom:8px; font-size:13px;}

	.btn a {padding:15px 15px 16px 15px; font-size:16px;}
	.btn.download a:after {background-size:20px 20px; right:20px;}
	.btn.share a:after {background-size:20px 20px; vertical-align:-4px;}
	.btn.apply a:after {background-size:20px 20px; right:20px;}

	.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;}

	.reviewConSec .innerCon {padding:30px 15px 0 15px;}
	.reviewConSec .revTitle {font-size:16px;}
	.reviewList {padding:15px;}
	.reviewList .reviewBox {padding:0 0 15px 0; margin-bottom:5px;}
	.reviewList .reviewBox .writer {font-size:13px; line-height:20px; padding-top:10px;}
	.reviewList .reviewBox .reviewCon {font-size:14px; line-height:18px; padding-right:0px;}
	.reviewList .reviewBox .reviewCon .conBox {font-size:14px; line-height:18px; padding-right:0px;}
	.reviewList .reviewBox .reviewCon .bkSubject {padding:5px 10px; font-size:14px;}
	.reviewList .reviewBox .shareComp {padding:5px 10px 7px 10px; font-size:13px; border-radius:22px;}

	.conBox {line-height:1.3;}

	.pagingWrap {margin-bottom:15px;}
	.imgPopWrap .popImg img {padding:20px;}

	.imgPopWrap .closeImg {right:5px; top:5px; width:30px; height:30px;}
	.imgPopWrap .closeImg:before {width:20px;}
	.imgPopWrap .closeImg:after {width:20px;}
    
    .participant{top:-36px;right: 10px;width:80px;height:80px;background-size:80px 80px;}
    .participant .in{padding: 10px 0;}
    .participant .in span{font-size:12px;margin-bottom: 5px;}
    .participant .in p strong{font-size:14px;}
    .participant .in p{font-size:12px;}
    
    .wrap{background-size:200% auto;}
    .headWrap .headVisual h1{padding:0;}
    .headWrap .headVisual h1 img{height:25px;width:auto !important;}
    .headWrap .headVisual h2 img{height:40px;width:auto !important;}
    .headWrap .headVisual .headTxtBox{font-size:16px;padding-bottom:50px;}
    .comnEventTitle{margin-bottom:30px;}
    .comnEventTitle img{height:40px;margin-top:-15px;}
    .eventInfoSec .innerCon{padding:0 20px 20px 20px;margin-bottom:50px;}
    .eventInfoSec .eventInfo > ul > li{float:none;width:auto;margin-bottom:15px; display:block; height:auto; overflow:hidden; width:100%;}
	.eventInfoSec .eventInfo > ul > li:first-child,
	.eventInfoSec .eventInfo > ul > li:nth-child(2) {float:left; width:50%;}
    .eventInfoSec .eventInfo > ul > li > .tit{position:static;margin-bottom:5px;font-size:16px;}
    .eventInfoSec .eventInfo > ul > li > .txt{margin-left:15px;font-size:14px; line-height:1.6;}
    .eventInfoSec .eventInfo > ul > li > .txt ul li{padding-left:18px;text-indent:-18px;}
    .giftCon .giftTitle{margin-bottom:30px;}
    .giftCon .giftTitle span{width:160px;height:33px;line-height:33px;font-size:16px;}
    .giftCon .giftTitle:before{background-size:auto 100%;height:7px;width:204px;margin-top:-3px;margin-left:-290px;}
    .giftCon .giftTitle:after{background-size:auto 100%;height:7px;width:204px;margin-top:-3px;margin-right:-290px;}
    .giftCon .giftKind li{float:none;width:auto;margin-top:40px;}
    .giftCon .giftKind li:first-child{margin-top:0;}
    .eventJoinSec .innerCon{padding:0 20px 20px 20px;}
    .eventJoinSec .eventJoin_list > ul > li{margin-bottom:30px;}
    .eventJoinSec .eventJoin_list > ul > li .tit{width:100%;margin-bottom:15px;}
    .eventJoinSec .eventJoin_list > ul > li .cardSelect ul li{width:47%;margin-bottom:3%;}
    .eventJoinSec .eventJoin_list > ul > li .insertMessage{}
	.eventJoinSec .eventJoin_list > ul > li .insertMessage .txtCnt {right:unset; top:unset; left:15px; bottom:-24px;}
    .eventJoinSec .eventJoin_list > ul > li .insertMessage .btn01{position:relative;margin-left:-3%;padding-top:34px; z-index:100;}
	.eventJoinSec .eventJoin_list > ul > li .insertMessage .btn01:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
    .eventJoinSec .eventJoin_list > ul > li .insertMessage .btn01 a{display:block;float:left;width:47%;margin-left:3%;font-size:13px;font-weight:500;}
    .eventJoinSec .eventJoin_list > ul > li .insertMessage .btn01 .bubble{top:-60px;}
    .eventJoinSec .eventJoin_list > ul > li .insertMessage .btn01 .bubble img{width:90px;}
    .eventJoinSec .eventJoin_list > ul > li .insertMessage .input input[type="text"]{width:100%;}
    .eventJoinSec .eventJoin_list > ul > li .insertMessage .textarea{margin-bottom:10px;}
    .eventJoinSec .eventJoin_list > ul > li .insertMessage .textarea textarea{font-size:14px;}
    .eventJoinSec .eventJoin_list > ul > li .present_list{margin-bottom:0;}
    .eventJoinSec .eventJoin_list > ul > li .present_list ul li{width:47%;margin-bottom:3%;}
    .eventJoinSec .eventJoin_list > ul > li .present_list ul li a p{font-size:14px;}
    .eventJoinSec .eventJoin_list > ul > li .present_list ul li a.on:after{}
    .eventJoinSec .eventJoin_list > ul > li .btn02 ul{overflow:hidden;margin-left:0%;}
    .eventJoinSec .eventJoin_list > ul > li .btn02 ul li{float:none; width:100%; display:block;margin:0 0 5px 0;}
    .eventJoinSec .eventJoin_list > ul > li .btn02 ul li a{font-size:13px;height:45px;line-height:45px;}
    .eventJoinSec .eventJoin_list > ul > li .btn02 ul li a img{height:13px;margin:17px 0 0 7px;}
    .eventJoinSec .eventJoin_list > ul > li .btn02 ul li .bubble{top:-90px;}
    .eventJoinSec .eventJoin_list > ul > li .btn02 ul li .bubble img{width:100px;}
	.eventJoinSec .eventJoin_list > ul > li .btn02 ul li .bubble.share {top:-10px; right:-30px;}
    
    .eventJoinStatSec{margin:0;padding:0;}
	.eventJoinStatSec.myJoin {padding-top:30px;}
	.eventJoinStatSec.myJoin .innerCon {margin:0;}
	.eventJoinStatSec.myJoin .innerCon .comnEventTitle {padding-top:20px;}
    .eventJoinStatSec .comnEventTitle{font-size:24px;margin-bottom:20px;}
    .eventJoinStatSec .comnEventTitle span{font-size:14px;}
    .eventJoinStatSec .eventJoinStat_list{margin-bottom:15px;}
    .eventJoinStatSec .eventJoinStat_list > ul > li{width:48%;padding:10px;}
    .eventJoinStatSec .eventJoinStat_list > ul > li:nth-child(2n+1){clear:both;}
    .eventJoinStatSec .eventJoinStat_list > ul > li .txt > p{font-size:20px;height:45px;}
    .eventJoinStatSec .eventJoinStat_list > ul > li .txt .from img{position:static;height:18px;margin-bottom:5px;}
    .eventJoinStatSec .eventJoinStat_list > ul > li .txt .from p{margin-left:0;font-size:12px;text-align:left;}
    .eventJoinStatSec .eventJoinStat_list > ul > li .txt .from p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
    .pop_card .innerCon{width:290px;}
    .pop_card .innerCon .txt{padding:15px;}
    .pop_card .innerCon .txt p{font-size:20px;}
    .pop_card .innerCon .txt .btn{margin-top:15px;}
    .pop_card .innerCon .txt .btn a{height:40px;line-height:40px;font-size:14px;}
    .pop_card .innerCon .close_pop_card{font-size:16px;line-height:45px;}
    .pop_card .innerCon .close_pop_card img{margin:13px 0 0 7px;}
}