@charset "utf-8";

/* EVENT 공통 */
.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 */
.eventWrap.evtFullType{width:100%;min-width:1128px;}
.eventWrap .inner{width:1128px;margin:0 auto;}
/* 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:#ffe785;}
#eventPopWrap .eventPop .titWrap .tit{font-size:22px;font-weight:900;color:#ff8025;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 .textareaWrap{padding:0 0 0 38px;line-height:1;}
.popTblWrap .textareaWrap textarea{width:100%;padding:20px;background:#fff;border-radius:10px;border:2px solid #ccc;}
.popTblWrap .textareaWrap textarea::placeholder{color:#ff8025;}
.popTblWrap .textareaWrap textarea:-ms-placeholder{color:#ff8025;}
.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%;}
/* evtNav : (이벤트 351/355 공통) */
.evtNavWrap{position:relative;height:120px;background:url(/resources/images/event/2021/351/bg_nav.png) 50% 50% no-repeat #2e78ff;}
.evtNavWrap:after{content:'';position:absolute;left:50%;bottom:-18px;display:inline-block;width:0;height:0;border-width:18px 22px 0 22px;border-style:solid;border-color:#2e78ff transparent transparent transparent;transform:translateX(-200px);z-index:1;}
.evtNavWrap .evtNavList{padding:20px 0 20px 238px;}
.evtNavWrap .evtNavList li{position:relative;display:inline-block;min-width:280px;height:80px;border:1px solid #5893ff;border-radius:25px;}
.evtNavWrap .evtNavList li:before{content:'';position:absolute;display:inline-block;}
.evtNavWrap .evtNavList li:nth-child(1):before{top:-8px;left:23px;width:90px;height:76px;background:url(/resources/images/event/2021/351/img_navlist01.png);}
.evtNavWrap .evtNavList li:nth-child(2):before{top:15px;left:23px;width:58px;height:51px;background:url(/resources/images/event/2021/351/img_navlist02.png);}
.evtNavWrap .evtNavList li:nth-child(3):before{top:22px;left:23px;width:46px;height:37px;background:url(/resources/images/event/2021/351/img_navlist03.png);}
.evtNavWrap .evtNavList li + li{margin-left:10px;}
.evtNavWrap .evtNavList li a{position:relative;display:block;width:100%;height:100%;z-index:1;}
.evtNavWrap .evtNavList li:nth-child(1) a{padding:20px 20px 0 113px;}
.evtNavWrap .evtNavList li:nth-child(2) a{padding:20px 20px 0 93px;}
.evtNavWrap .evtNavList li:nth-child(3) a{padding:20px 20px 0 83px;}
.evtNavWrap .evtNavList strong{font-family:'netmarbleB', sans-serif;font-size:21px;color:#00ffff;letter-spacing:-0.075em;}
.evtNavWrap .evtNavList p{font-size:15px;color:#fff;letter-spacing:-0.05em;}
/* evtTit */
.evtTitWrap{height:1446px;padding-bottom:62px;background:url(/resources/images/event/2021/351/img01.png) 50% 0 no-repeat #fecd30;}
.evtTitWrap .inner{padding-top:805px;}
.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;}
.evtTitWrap .evtInfoWrap{position:relative;height:579px;background-position:50% 0;background-repeat:no-repeat;}
.evtTitWrap .evtInfoWrap.off{background-image:url(/resources/images/event/2021/351/evt_off.png);}
.evtInfoWrap.open01{background-image:url(/resources/images/event/2021/351/evt_on01.png);}
.evtInfoWrap.open02{background-image:url(/resources/images/event/2021/351/evt_on02.png);}
.evtInfoWrap.open03{background-image:url(/resources/images/event/2021/351/evt_on03.png);}
.evtInfoWrap .btnEvtLink{position:absolute;width:374px;background:rgba(253, 247, 247, 0.1);border-radius:40px;}
.evtInfoWrap.open01 .btnEvtLink{top:68px;left:44px;height:358px;}
.evtInfoWrap.open02 .btnEvtLink{top:119px;left:379px;height:380px;}
.evtInfoWrap.open03 .btnEvtLink{top:68px;left:710px;height:360px;}
.evtInfoWrap .btnEvtLink .blind{display:none;}
.evtInfoWrap.open01 .btnEvtLink .blind:nth-child(1){display:block;}
.evtInfoWrap.open02 .btnEvtLink .blind:nth-child(2){display:block;}
.evtInfoWrap.open03 .btnEvtLink .blind:nth-child(3){display:block;}
.evtInfoWrap.open03.off .btnEvtLink{top:96px;left:720px;width:344px;height:334px;border-radius:34px;}
/* evtSection */
.evtSection{padding:78px 0 124px;background:#fdf8e3;}
.evtSection .tit{font-size:30px;font-weight:600;color:#49453e;text-align:center;letter-spacing:-0.025em;}
.evtSection .tit strong{font:inherit;color:#ff6d00;}
.evtSection .commentWrap{margin-top:30px;}
.commentWrap .commentList .commentItem{padding:40px;background:#fff;border:1px solid #f7e2cb;border-radius:20px;}
.commentWrap .commentList .commentItem .user{font-size:16px;font-weight:400;color:#2e78ff;}
.commentWrap .commentList .commentItem .txt{margin-top:16px;font-size:16px;font-weight:300;color:#666;line-height:1.5;}
.commentWrap .commentList .commentItem + .commentItem{margin-top:20px;}
/* paging */
.commentWrap .pagingWrap{margin-top:60px;}
.pagingWrap{font-size:0;text-align:center;}
.pagingWrap > button{display:inline-block;width:42px;height:42px;border:1px solid #ececec;border-radius:100%;font-size:14px;font-weight:400;color:#a2917e;text-align:center;vertical-align:middle;}
.pagingWrap > button + button{margin-left:8px;}
.pagingWrap .on{background:#ff6d00;border:1px solid #ff6d00;font-size:600;color:#fff;}
.pagingWrap [class^="btnPage"]{background-position:50% 50%;background-repeat:no-repeat;border:0;}
.pagingWrap .btnPageFirst,
.pagingWrap .btnPageLast{background-image:url(/resources/images/event/common/ico_page01.png);}
.pagingWrap .btnPagePrev,
.pagingWrap .btnPageNext{background-image:url(/resources/images/event/common/ico_page02.png);}
.pagingWrap .btnPageNext,
.pagingWrap .btnPageLast{transform:rotate(180deg);}