@charset "utf-8";

 /* 이벤트 356 */
 @font-face{
    font-family:'BMJUA';
    src:url(/resources/font/BMJUA.woff) format('woff');
    font-weight:normal;
    font-style:normal;
}

/* EVENT 공통 */
/* layout */
.eventWrap .evtContainer,
.eventWrap .evtContainer > div,
.eventWrap .evtContainer .inner{position:relative;}
.eventWrap .blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;font-size:1px;line-height:1;clip:rect(0,0,0,0);}

/* START */
/* logo */
.evtTitWrap .logo{overflow:hidden;position:absolute;top:0;left:0;width:100%;padding:40px 40px 0;}
.evtTitWrap .logo .logoVisang{float:left;}
.evtTitWrap .logo .logoVivasam{float:right;}
/* eventPopWrap */
#eventPopWrap{position:absolute;top:50%;left:50%;display:none;width:568px;margin:0 0 0 -284px;}
#eventPopWrap.on{display:block;}
#eventPopWrap .dimed{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(66, 69, 77, 0.9);z-index:1;}
#eventPopWrap .eventPop{overflow:hidden;position:relative;background:#fff;border:2px solid #ff8025;border-radius:20px;z-index:1;box-shadow:8px 8px 5px rgba(0, 0, 0, 0.4);}
#eventPopWrap .eventPop .titWrap{position:relative;height:72px;padding:0 66px 0 38px;background:#6ec9f6;}
#eventPopWrap .eventPop .titWrap .tit{font-size:22px;font-weight:900;color:#fff;line-height:3.2;}
#eventPopWrap .eventPop .titWrap .btnEvtPopClose{position:absolute;top:26px;right:23px;display:inline-block;width:20px;height:21px;background:url(/resources/images/event/common/btn_popclose.png) 0 0 no-repeat}
/* form */
#eventPopWrap .eventPop .input,
#eventPopWrap .eventPop .rdo,
#eventPopWrap .eventPop .chk{display:inline-block;}
.popTblWrap input[type="text"]{width:100%;height:32px;padding:0 14px;border:1px solid #dfdfdf;border-radius:4px;}
.popTblWrap input[type="radio"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.popTblWrap input[type="radio"] + label{position:relative;display:inline-block;font-size:14px;font-weight:400;color:#393d49;line-height:2.3;}
.popTblWrap input[type="radio"] + label:before{content: '';display:inline-block;width:19px;height:19px;margin:0 8px 0 0;background:#fff;border:1px solid #adafb6;border-radius:100%;vertical-align:middle;}
.popTblWrap input[type="radio"]:checked + label:after{content:'';position:absolute;top:11px;left:4px;width:13px;height:13px;background:#ff8025;border-radius:100%;}
.popTblWrap .ui-select-parent{width:122px;height:32px;vertical-align:top;}
.popTblWrap .select2-container .select2-selection--single,
.popTblWrap .select2-container--default .select2-selection--single .select2-selection__rendered,
.popTblWrap .select2-results__option{height:32px !important;line-height:32px;}
.popTblWrap .select2-container .select2-selection--single{border-radius:4px;}
.popTblWrap .select2-container--default .select2-selection--single .select2-selection__arrow b{top:0;height:32px;background-position:50% -8px;}
.popTblWrap .formMulti{font-size:0;}
.popTblWrap .formMulti > * + *{margin-left:5px;}
.popTblWrap .formMulti > .rdo + .rdo{margin-left:20px;}
.popTblWrap .formMulti + .formMulti{margin-top:5px;}
.popTblWrap .formMulti + .input,
.popTblWrap .formMulti + .input + .input{width:100%;margin-top:4px;}
/* table */
.popTblWrap table{width:100%;}
.popTblWrap table th,
.popTblWrap table td{background:#f1f1f1;text-align:left;}
.popTblWrap table th{padding:10px 0 10px 38px;font-size:14px;font-weight:400;color:#606677;line-height:2.2;vertical-align:top;}
.popTblWrap table td{padding:10px 38px 10px 0;}
.popTblWrap table td.txt{line-height:2.2;}
.popTblWrap table .borderB th,
.popTblWrap table .borderB td{border-bottom:1px solid #dfdfdf;}
.popTblWrap .btnZipCode{display:inline-block;width:100px;height:32px;background:#abadb5;border-radius:4px;color:#fff;}
.popInfoWrap{padding:30px 38px 38px;font-size:14px;}
.popInfoWrap .agreeWrap .infoTit{font-weight:500;color:#393d49;}
.popInfoWrap .agreeWrap .infoList{margin-top:10px;}
.popInfoWrap .agreeWrap .infoList li{color:#888;line-height:1.6;letter-spacing:-0.04em;}
.popInfoWrap .agreeWrap .infoList li:before{content:'•';margin-right:5px;}
.popInfoWrap .agreeWrap .infoTxt{margin:20px 10px;color:#abadb5;line-height:1.4;letter-spacing:-0.04em;}
.popInfoWrap .agreeForm{padding:20px 0 30px;border-top:1px solid #dfdfdf;}
.popInfoWrap .agreeForm .chk{font-size:14px;color:#393d49;}
.popInfoWrap .agreeForm .chk.point{color:#ff3859;}
.popInfoWrap .agreeForm .chk label{padding-left:33px;font-weight:500;}
.popInfoWrap .agreeForm .chk + .chk{margin-top:9px;}
.popInfoWrap .btnWrap .btnPopApply{display:inline-block;width:178px;height:56px;background:#ff8125;border-radius:28px;font-size:20px;font-weight:600;color:#fff;}
.popInfoWrap .btnWrap .btnPopApply:before{content:'';display:inline-block;width:8px;height:8px;margin-right:10px;background:#ff8125;border:5px solid #fff;border-radius:100%;}
/* 이벤트 356 */
.eventWrap.evtFullType{overflow-x:hidden;width:100%;min-width:1100px;}
.eventWrap .inner{width:1000px;margin:0 auto;}
/* evtTit */
.evtTitWrap{position:relative;background:url(/resources/images/event/2021/356/bg_tit.png) 50% 120px no-repeat #6ec9f6;text-align:center;}
.evtTitWrap .inner{padding:410px 50px 90px;}
.evtTitWrap .inner:after{content:'';position:absolute;bottom:-108px;left:50%;display:inline-block;width:1016px;height:465px;background:url(/resources/images/event/2021/356/bg_illust01.png) 0 0 no-repeat;transform:translateX(-50%);z-index:1;}
.evtBadge{position:absolute;top:0;left:50%;width:159px;height:196px;margin-left:136px;padding:40px 24px;background:#ffea73;border-radius:0 0 75px 75px;text-align:center;word-break:keep-all;}
.evtBadge > span{position:relative;display:block;font:inherit;z-index:1;}
.evtBadge > span:first-child{color:#d55721;}
.evtBadge > span:first-child:before{content:'';position:absolute;bottom:4px;left:10px;display:inline-block;width:90px;height:4px;background:#fff;z-index:-1;}
.evtBadge > span:last-child{color:#0042ff;}
.evtTitWrap p{font-family:'BMJUA', sans-serif;font-size:21px;color:#fff;line-height:1.23;letter-spacing:-0.02em;}
.evtTitWrap p .point01{display:inline-block;margin:16px 0;font:inherit;font-size:30px;color:#2250a3;line-height:1;}
.evtTitWrap .evtPeriod{width:508px;height:58px;margin:36px auto 10px;padding:8px 40px;background:#fff;border-radius:28px;font-size:0;box-shadow:0 5px 0 0 #56baea;}
.evtTitWrap .evtPeriod > span{display:inline-block;vertical-align:middle;}
.evtTitWrap .evtPeriod .tit{font-size:20px;font-weight:500;color:#2250a3;letter-spacing:-0.06em;}
.evtTitWrap .evtPeriod .txt{margin-left:5px;font-size:25px;font-weight:500;color:#e2674d;letter-spacing:-0.08em;}
.evtTitWrap .evtPeriod .txt em{font:inherit;font-weight:600;letter-spacing:-0.08em;}
.evtTitWrap .evtPeriod + .periodTxt{font-size:16px;font-weight:500;color:#0e3770;letter-spacing:-0.04em;}
/* evtSection - 1 */
.evtSection{background:#6ec9f6;}
.evtSection:nth-child(2){background:url(/resources/images/event/2021/356/bg_wave.png) 0 100% repeat-x #fff;}
.evtSection:nth-child(2) .inner{padding:137px 0 106px;}
.scheduleWrap{overflow:hidden;width:1000px;margin:0 auto;background:url(/resources/images/event/2021/356/bg_add_gift.png) 640px 24px no-repeat #3266c3;border:4px solid #3266c3;border-radius:40px;box-shadow:0 10px 0 0 #e8e8e8;}
.scheduleWrap .tblWrap,
.scheduleWrap .tblInfoTxt{float:left;}
.scheduleWrap .tblWrap{overflow:hidden;border-radius:25px;}
.scheduleWrap table th,
.scheduleWrap table td{height:47px;border-left:1px solid #e8e8e8;text-align:center;letter-spacing:-0.025em;}
.scheduleWrap table th:nth-child(1),
.scheduleWrap table td:nth-child(1){border-left:0;}
.scheduleWrap table th{background:#6ec9f6;font-size:16px;font-weight:500;color:#fff;}
.scheduleWrap table td{background:#fff;font-size:19px;font-weight:400;color:#3266c3;}
.scheduleWrap table tbody tr:nth-child(even) td{background:#f7f7f7;}
.scheduleWrap table tbody td:nth-child(2){font-weight:600;color:#e87e4a;}
.scheduleWrap table tbody td:nth-child(3){font-weight:500;}
.scheduleWrap .tblInfoTxt{width:380px;padding:152px 0 0 24px;font-family:'BMJUA', sans-serif;font-size:18px;color:#fff;text-align:center;line-height:1.2;}
.scheduleWrap .tblInfoTxt strong{font:inherit;color:#fdbb52;}
/* evtSection - 2 */
.evtSection:nth-child(3) .inner{padding:68px 0 100px;}
.evtSection:nth-child(3) h3{font-family:'BMJUA', sans-serif;font-size:48px;color:#fff;text-align:center;line-height:1;}
.evtStepList{overflow:hidden;width:825px;height:361px;margin:32px auto;background:url(/resources/images/event/2021/356/bg_step.png) 0 0 no-repeat;}
.evtStepList li{float:left;width:265px;height:100%;padding-top:260px;font-family:'BMJUA', sans-serif;font-size:21px;color:#3266c3;text-align:center;line-height:1.14;}
.evtStepList li strong{font:inherit;color:#e67474;}
.evtStepList li + li{margin-left:15px;}
.evtNotiList{width:825px;margin:30px auto 0;padding-top:30px;border-top:1px solid #a7e2fa;}
.evtNotiList li{font-size:17px;font-weight:400;color:#0d5981;line-height:1.52;letter-spacing:-0.06em;}
.evtNotiList li strong{font:inherit;font-weight:500;color:#f05362;}
.evtNotiList li:before{content:'•';margin-right:6px;}
.evtFormWrap{margin-top:56px;}
.evtFormWrap .giftNoti{height:118px;background:#ffdd80;border-bottom:7px solid #f4b532;border-radius:40px;text-align:center;box-shadow:0 10px 0px 0 #53b9f3;}
.evtFormWrap .giftNoti span,
.evtFormWrap .giftNoti .num > *{display:inline-block;vertical-align:middle;}
.evtFormWrap .giftNoti .tit,
.evtFormWrap .giftNoti .txt{font-family:'BMJUA', sans-serif;font-size:33px;color:#825934;line-height:3.57;letter-spacing:-0.06em;}
.evtFormWrap .giftNoti .txt{color:#1b67bd;}
.evtFormWrap .giftNoti .num{margin-left:20px;}
.evtFormWrap .giftNoti .num em{width:65px;height:65px;background:#1b67bd;border-radius:100%;font-family:'BMJUA', sans-serif;font-size:42px;font-weight:600;color:#ffdd80;text-align:center;line-height:1.6;}
.evtFormWrap .giftNoti .num em.off{background:#f6c661;}
.evtFormWrap .giftNoti .num em + em{margin-left:3px;}
.evtFormWrap .giftNoti .num sub{font-size:36px;font-weight:600;color:#825934;vertical-align:bottom;}
.evtFormWrap .evtForm{margin-top:22px;padding:20px;background:#2966b9;border-radius:40px;}
/* rdo */
.evtFormWrap .evtForm .rdoWrap{font-size:0;text-align:center;}
.rdoWrap .rdo{position:relative;display:inline-block;width:135px;vertical-align:top;}
.rdoWrap .rdo .imgWrap{overflow:hidden;position:relative;display:inline-block;width:135px;height:135px;padding:24px 0 0 4px;background:#3885dd;border:1px solid #155fb2;border-radius:100%;}
.rdoWrap .rdo:nth-child(5) .imgWrap{padding:34px 0 0 4px;}
.rdoWrap .rdo .txt{display:inline-block;margin-top:10px;font-family:'BMJUA', sans-serif;font-size:21px;color:#fff;}
.rdoWrap input[type="radio"]{overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;margin:0;}
.rdoWrap input[type="radio"] + label{display:inline-block;width:100%;padding-bottom:46px;font-size:0;text-align:center;cursor:pointer;}
.rdoWrap input[type="radio"] + label:before{content:'';position:absolute;bottom:0;left:54px;display:inline-block;width:28px;height:28px;background:#fff;border-radius:100%;}
.rdoWrap input[type="radio"]:checked + label:after{content:'';position:absolute;bottom:3px;left:57px;display:inline-block;width:22px;height:22px;background:#f37e83;border-radius:100%;}
.rdoWrap input[type="radio"]:checked + label .imgWrap{background:#ffdd80;border:1px solid #ffdd80;}
.rdoWrap input[type="radio"]:checked + label .txt{color:#ffdd80;}
.rdoWrap input[type="radio"].disabled + label:before,
.rdoWrap input[type="radio"].disabled + label .imgWrap{background:#124f95;}
.rdoWrap input[type="radio"].disabled + label:after{content:'마감';position:absolute;top:27px;left:27px;display:inline-block;width:80px;height:80px;background:#f27b7b;border-radius:100%;font-family:'BMJUA', sans-serif;font-size:27px;color:#1b1b1b;text-align:center;line-height:3;}
.rdoWrap .rdo + .rdo{margin-left:40px;}
/* input, textarea */
.evtFormWrap .evtForm .multiWrap{margin-top:42px;padding:40px 40px 15px;background:#fff;border-radius:30px;}
.multiWrap .input{overflow:hidden;height:66px;font-size:0;}
.multiWrap .input > *{display:inline-block;height:100%;border:1px solid #dfdfdf;vertical-align:top;}
.multiWrap .input label{width:154px;background:#ffdd80;border-right:0;border-radius:18px 0 0 18px;font-family:'BMJUA', sans-serif;font-size:21px;color:#825934;text-align:center;line-height:3.4;}
.multiWrap .input [type="text"]{width:calc(100% - 154px);padding:0 30px;border-left:0;border-radius:0 18px 18px 0;}
.multiWrap .input [type="text"],
.multiWrap .textareaWrap textarea{background:#f0f0f0;font-size:17px;font-weight:400;}
.multiWrap .textareaWrap{margin-top:5px;font-size:0;}
.multiWrap .textareaWrap textarea{overflow:auto;width:100%;height:136px;padding:12px 26px;border:1px solid #dfdfdf;border-radius:18px;line-height:1.6;}
.multiWrap .textareaWrap textarea + .commentInfo{width:720px;height:54px;margin:14px auto 0;padding-left:100px;background:url(/resources/images/event/2021/356/bg_comment.png) 0 0 no-repeat;font-size:17px;color:#fff;line-height:3.8;letter-spacing:-0.04em;}
.evtFormWrap .btnWrap{position:relative;margin-top:30px;}
.evtFormWrap .btnWrap .btnApply{display:inline-block;width:330px;height:84px;padding-right:15px;background:#e67545;background-size:12px auto;border-bottom:7px solid #d55721;border-radius:42px;font-family:'BMJUA', sans-serif;font-size:30px;color:#fff;line-height:2.8;box-shadow:0 5px 0 0 #58baea;}
.evtFormWrap .btnWrap .endBadge{display:none;}
.evtFormWrap .btnWrap.on .endBadge{position:absolute;top:-22px;left:50%;display:inline-block;width:130px;height:130px;margin-left:60px;padding:22px;background:#fff;border:5px solid #d55721;border-radius:100%;font-family:'BMJUA', sans-serif;font-size:20px;color:#d55721;text-align:center;letter-spacing:-0.04em;transform:rotate(15deg);}
.evtFormWrap .btnWrap.on .endBadge strong{font:inherit;font-size:28px;color:#1b67bd;}
/* evtSection - 3 */
.evtSection:nth-child(4){background:#ffdd80;}
.evtSection:nth-child(4) .inner{padding:58px 0 90px;}
.evtSection:nth-child(4) h3{font-family:'BMJUA', sans-serif;font-size:39px;color:#825934;text-align:center;line-height:1;letter-spacing:-0.04em;}
.giftMsgWrap{position:relative;margin:30px auto 0;padding:20px;background:#fff;border-radius:56px;box-shadow:0 10px 0px 0 #f2cf78;}
.giftMsgWrap:before{content:'';position:absolute;top:-82px;right:38px;width:170px;height:114px;background:url(/resources/images/event/2021/356/bg_illust02.png) 0 0 no-repeat;}
.giftMsgWrap:after{content:'';display:block;clear:both;}
.giftMsgWrap > div{float:left;}
.giftMsgWrap .imgWrap{position:relative;width:202px;height:265px;background:#1b67bd;border-radius:50px;}
.giftMsgWrap .imgWrap img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.giftMsgWrap .msgWrap{width:678px;margin-left:42px;padding:30px 0;}
.giftMsgWrap .msgWrap .tit{font-size:22px;font-weight:600;color:#1b67bd;line-height:1;letter-spacing:-0.04em;}
.giftMsgWrap .msgWrap .txt{margin-top:12px;font-size:16px;font-weight:400;color:#6d6d6d;line-height:1.75;}
.giftMsgWrap.nodata .imgWrap{height:202px;background:url(/resources/images/event/2021/356/bg_nodata.png) 50% 50% no-repeat #f0f0f0;}
.giftMsgWrap.nodata .imgWrap img,
.giftMsgWrap.nodata .msgWrap .tit,
.giftMsgWrap.nodata .msgWrap .txt{display:none;}
.giftMsgWrap.nodata .infoTxt{font-size:16px;font-weight:400;color:#e67545;text-align:center;line-height:8.8;}