@charset "utf-8";

/* EVENT 498 */

.eventWrap.evtFullType.event241218{min-width:1200px;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr {  top: 0; width: 100%; padding-top: 83px;z-index:10; }
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr .fr_inner {width:100%;min-width: 1200px; left: 50%; top: 24px; transform: translateX(-50%);}
.eventWrap.evtFullType .evtTitWrap .logo .logoVivasam{float:left;margin-right:25px;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr .fr_inner .logoVisang{float:right;position: relative;top:5px;margin-left: 0;display: inline-block;}


.eventWrap .inner{width: 1200px; position:relative;}

.eventWrap.evtFullType .con{position:absolute; right:40px; top:130px;}

.evtTitWrap{background:url('/resources/images/event/2024/event241218/evtTit_bg.png') repeat-x center top;}
.evtTitWrap .inner{width:100%; max-width:1340px;}
.line_green{width:100%;height:40px;background:#005037;border:1px solid #13242e;border-left:none;border-right:none;}

.evtCont1{padding:90px 0 109px; background:#208159 url('/resources/images/event/2024/event241218/evtBg.png') repeat-x center top;}
.evtCont1_box{position:relative;padding:92px 68px 78px;border:8px solid rgba(250, 236, 81, 0.84);background: rgb(255,245,137);background: linear-gradient(180deg, rgba(255,245,137,1) 0%, rgba(255,242,99,1) 100%);border-radius:8px 8px 36px 36px ;}
.evtCont1_box:before{content:'';position:absolute;left:-9px;top:-90px;display:block;width:1203px;height:135px;background:url('/resources/images/event/2024/event241218/ribon.png') no-repeat center center;}
.evtCont1_box h3{text-align:center;}
.evtCont1_box .textarea_wrap{padding:13px 18px 20px;height:202px; background:url('/resources/images/event/2024/event241218/input.png') no-repeat center center;box-sizing:border-box; }
.evtCont1_box .textarea_wrap textarea{display:block;padding:20px;width:100%; height:170px;text-align:center; font-size:16px;line-height:1.9; color:#53565D; font-weight:500; background:transparent; border:none;}
.evtCont1_box .textarea_wrap .cnt{margin-top:14px; font-size:20px; color:#9e9c93; font-weight:400; line-height:1; text-align:right;}
.evtCont1_box .textarea_wrap .cnt span{font:inherit; color:inherit;}
.evtCont1_box .rdo_items{margin-left:-8px;display:flex;width:1056px;}
.evtCont1_box .rdo_items li{width:calc(100% / 3);text-align:center; }
.evtCont1_box .rdo_items li input[type=radio]{display:none;}
.evtCont1_box .rdo_items li input[type=radio] + label{position:relative;display:block; width:100%; height:356px; background-image:url('/resources/images/event/2024/event241218/stamp.png');background-repeat:no-repeat; background-position:center top; cursor:pointer;}
.evtCont1_box .rdo_items li.item1 input[type=radio] + label{}
.evtCont1_box .rdo_items li.item1 input[type=radio] + label:hover,
.evtCont1_box .rdo_items li.item1 input[type=radio]:checked + label{background-position-y:-356px;}
.evtCont1_box .rdo_items li.item2 input[type=radio] + label{background-position-y:-712px;}
.evtCont1_box .rdo_items li.item2 input[type=radio] + label:hover,
.evtCont1_box .rdo_items li.item2 input[type=radio]:checked + label{background-position-y:-1068px;}
.evtCont1_box .rdo_items li.item3 input[type=radio] + label{background-position-y:-1424px;}
.evtCont1_box .rdo_items li.item3 input[type=radio] + label:hover,
.evtCont1_box .rdo_items li.item3 input[type=radio]:checked + label{background-position-y:-1780px;}
.evtCont1_box .rdo_items li .stamp_txt{margin-top:-24px;display:block;}
.evtCont1_box .btnWrap{margin-top:72px; display:block;}
.evtCont1_box .btnWrap .btnApply{margin:0 auto; display:block; width:384px; height:102px; background:url('/resources/images/event/2024/event241218/btn_send.png') no-repeat center;}

.evtCont2{ padding:87px 0 120px; background:#fc4912;background: linear-gradient(180deg, rgba(255,76,21,1) 0%, rgba(241,62,7,1) 100%); text-align:center;}
.evtComment{margin-top:50px;}
.evtComment .evtList{display:flex;flex-wrap:wrap;gap:19px;}
.evtComment .evtList li{position:relative;width:386px;height:218px; padding:0 0 32px; background:#e1fffc url('/resources/images/event/2024/event241218/Postbg1.png') no-repeat left center; border-radius:16px 16px 32px 32px;}
.evtComment .evtList li .info{margin:0 30px;display:block;height:45px;border-radius:0 0 32px 32px;text-align:center;background:#A6F2EB;}
.evtComment .evtList li .info .userID{font-size:16px;font-weight:600;line-height:45px;color:#2B2E37;}
.evtComment .evtList li:nth-child(2n){background:#f1faff url('/resources/images/event/2024/event241218/Postbg2.png') no-repeat left center;}
.evtComment .evtList li:nth-child(2n) .info{background:#b7d8ff;}
.evtComment .evtList li:nth-child(3n){background:#e8ffcb url('/resources/images/event/2024/event241218/Postbg3.png') no-repeat left center;}
.evtComment .evtList li:nth-child(3n) .info{background:#b8f370;}
.evtComment .evtList li:nth-child(4n){background:#ffe6e0 url('/resources/images/event/2024/event241218/Postbg4.png') no-repeat left center;}
.evtComment .evtList li:nth-child(4n) .info{background:#ffc7b9;}
.evtComment .evtList li:nth-child(5n){background:#fffcd9 url('/resources/images/event/2024/event241218/Postbg5.png') no-repeat left center;}
.evtComment .evtList li:nth-child(5n) .info{background:#ffea75;}
.evtComment .evtList li:nth-child(6n){background:#f8e4ff url('/resources/images/event/2024/event241218/Postbg6.png') no-repeat left center;}
.evtComment .evtList li:nth-child(6n) .info{background:#edbbff;}

.evtComment .evtList li .comment{margin-top:20px; height:120px; overflow-y:auto;font-size:16px;color:#2B2E37;line-height:1.4;}
.evtComment .evtList li .comment *{font:inherit;color:#2B2E37;line-height:1.4;}
.evtComment .evtList li .comment .mCustomScrollBox{padding:0 30px;}
.evtComment .evtList li .comment .mCSB_inside>.mCSB_container{margin-right:0;}
.evtComment .evtList li .comment .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px; background:#838383; border-radius:0;}
.evtComment .evtList li .comment .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:#838383;}
.evtComment .evtList li .comment .mCSB_scrollTools .mCSB_draggerRail{width:6px; background:transparent; border-radius:0;}



/* paging */
.pagingWrap{margin:36px auto 0;}
.pagingWrap .innerPaging{display:flex; gap:7px; align-items:center; justify-content:center;}
.pagingWrap .pageNum {display:flex; gap:2px;}
.pagingWrap button{width: 39px; height: 33px; font-size: 18px; font-weight: 400; color: #fff; text-align: center; line-height: 33px;}
.pagingWrap .on{color: #FAD56E;font-weight:600;}
.pagingWrap [class^="btnPage"]{background-position:50% 50%;background-repeat:no-repeat;background-color:transparent; border:none;}
.pagingWrap .btnPagePrev {margin-right: 10px;}
.pagingWrap .btnPageNext {margin-left: 10px;}
.pagingWrap .btnPagePrev {background:url(/resources/images/event/2024/event241218/btn_prev.png) no-repeat center;}
.pagingWrap .btnPageNext{background:url(/resources/images/event/2024/event241218/btn_next.png) no-repeat center;}


.evtfooter{ width:100%; padding:48px 0 64px; text-align:left; background:#563535;}
.evtfooter .inner{}
.evtfooter strong{font-size:18px; color:#fff; font-weight:600; line-height:1;}
.evtfooter .evtInfoList{margin-top:30px;}
.evtfooter .evtInfoList li{position:relative;font-size:14px;color:#fff; line-height:1.8; padding-left: 22px;font-weight:400; letter-spacing:-0.04em;}
.evtfooter .evtInfoList li:before {content: ""; display: inline-block; position: absolute; left: 9px; top: 10px; width: 4px; height: 4px; background: #fff; border-radius: 50%; }

.publicEvtFooter_wrap.type02 {width:100%; padding:46px 0 80px; background:#fff; }
.publicEvtFooter_wrap.type02 .publicEvtFooter {display:flex; width:1100px; padding-left:150px; margin:0 auto; }.publicEvtFooter_wrap .publicEvtFooter h2 {margin-right:45px;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info {text-align:left;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul {display:flex; margin-bottom:12px;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li {position:relative; padding-right:10px; padding-left:10px; }
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li:first-child {padding-left:0;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li:after {content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background-color:#8b8989; }
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li:last-child:after {display:none;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li a {font-size:14px; color:#636774; font-weight:500;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span { position:relative; padding:0 6px; color:#636774; font-size:12px;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span:nth-child(2) {padding-left:0;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span:nth-child(2):after {display:none;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span:nth-child(6):after {display:none;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span:after {content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:9px; background-color:#aeaaaa; }
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span a {color:#aeaaaa; font-size:12px;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info p {font-size:12px;  color:#aeaaaa;}
.popInfoWrap .agreeWrap .infoTxt a {color:#01aeff;}