@charset "utf-8";

/* EVENT 425 */
.eventWrap .inner{width: 1060px; position:relative;}
.eventWrap.evtFullType .evtTitWrap .logo .logoVisang {position: absolute; right:120px; top: 45px; float:none;}
.eventWrap.evtFullType .con {position: absolute; right: 0; top: 110px; }

/* evtTitWrap*/
.eventWrap {background:#d5edd9; text-align:center;}
.eventWrap.evtFullType .evtTitWrap .logo{padding:40px 15px 0;}
/*.evtTitWrap{position:relative; height:882px; text-align:center;z-index:1;}*/
.evtTitWrap{ height: 1066px; background: url(/resources/images/event/2022/event221212_2/evtCont1.png)no-repeat center; }



/* evtCont */
.evtContsWrap {background: #484256;}
.evtContsWrap .evtCont{position:relative;padding:60px 53px 62px; border-radius:40px;}
.evtContsWrap .event01 .inner {padding-top: 84px;}
.evtContsWrap .event01 .tree h1	{width: 704px; height: 99px; margin: 0 auto 25px; background: url(/resources/images/event/2022/event221212_2/evtCont2_tit.png)no-repeat center;  font-size: 0;}
.evtContsWrap .event01 .tree .tree_count_wrap {display: block; position: relative; width:420px; height: 65px; margin: 0 auto 28px; padding-left: 194px; background: url(/resources/images/event/2022/event221212_2/evtCount.png)no-repeat center;}
.evtContsWrap .event01 .tree .tree_count_wrap .tree_count {position: absolute; right: 142px; top: 15px; font-size: 26px; font-weight: 600; line-height: 1; color: #fff; }
.evtContsWrap .event01 .tree .tree_comment_wrap {display: flex; flex-wrap: wrap; justify-content: space-between; position: absolute; width: 1060px; height: 490px; z-index:100;}
.evtContsWrap .event01 .tree .tree_comment_wrap .tree_comment{position: absolute; width: 298px; height: 144px;  max-width:298px; padding: 16px 23px 21px; background: #322e3a; border-radius: 30px;}
.evtContsWrap .event01 .tree .tree_comment_wrap .tree_comment.circle {right: 0; top: 20px;}
.evtContsWrap .event01 .tree .tree_comment_wrap .tree_comment.cookie {left: 0; top: 20px;}
.evtContsWrap .event01 .tree .tree_comment_wrap .tree_comment.hat {left:0; top: 182px;}
.evtContsWrap .event01 .tree .tree_comment_wrap .tree_comment.bell {right: 0; top: 182px;}
.evtContsWrap .event01 .tree .tree_comment_wrap .tree_comment.socks {right: 0; top: 348px;}
.evtContsWrap .event01 .tree .tree_comment_wrap .tree_comment .like {display: block; padding-right: 22px; margin-bottom: 16px; font-size: 14px; font-weight: 400; color: #fff; line-height: 22px; text-align: right; background: url(/resources/images/event/2022/event221212_2/ico_like.png)no-repeat right center;}
.evtContsWrap .event01 .tree .tree_comment_wrap .tree_comment:nth-child(3),
.evtContsWrap .event01 .tree .tree_comment_wrap .tree_comment:nth-child(4) {background: #383346;}
.evtContsWrap .event01 .tree .tree_comment_wrap .tree_comment p {font-size: 15px; font-weight: 400; color: #fff7dd; line-height: 22px; letter-spacing: -0.04em; text-align: left; word-break: break-word;}
.evtContsWrap .event01 .tree .tree_comment_wrap .tree_comment.circle:after {content: ""; display: inline-block; position: absolute; left: 23px; top: -15px;  width: 53px; height:54px; background: url(/resources/images/event/2022/event221212_2/circle.png)no-repeat center; }
.evtContsWrap .event01 .tree .tree_comment_wrap .tree_comment.cookie:after {content: ""; display: inline-block; position: absolute; left: 23px; top: -28px; width: 47px; height: 64px; background: url(/resources/images/event/2022/event221212_2/cookie.png)no-repeat center; }
.evtContsWrap .event01 .tree .tree_comment_wrap .tree_comment.hat:after {content: ""; display: inline-block; position: absolute; left: 29px; top: -7px; width: 59px; height: 49px; background: url(/resources/images/event/2022/event221212_2/hat.png)no-repeat center;}
.evtContsWrap .event01 .tree .tree_comment_wrap .tree_comment.socks:after{content: ""; display: inline-block; position: absolute; left: 23px; top: -13px; width: 59px; height: 56px; background: url(/resources/images/event/2022/event221212_2/socks.png)no-repeat center;}
.evtContsWrap .event01 .tree .tree_comment_wrap .tree_comment.bell:after {content: ""; display: inline-block; position: absolute; left: 23px; top: -13px; width: 48px; height: 57px; background: url(/resources/images/event/2022/event221212_2/bell.png)no-repeat center;}

.evtContsWrap .event01 .tree .tree_decoration {position: relative; width: 915px; height: 679px; margin: 0 auto 38px 31px; background: url(/resources/images/event/2022/event221212_2/evtTree.png)no-repeat center; }
.evtContsWrap .event01 .tree .tree_decoration ul li {position: absolute; z-index:101;}
.evtContsWrap .event01 .tree .tree_decoration ul li.cookie{left: 368px; top:93px;}
.evtContsWrap .event01 .tree .tree_decoration ul li.circle {left: 526px; top: 170px;}
.evtContsWrap .event01 .tree .tree_decoration ul li.hat {left: 312px; top:252px;}
.evtContsWrap .event01 .tree .tree_decoration ul li.bell {left: 579px; top:365px}
.evtContsWrap .event01 .tree .tree_decoration ul li.socks {left:395px; top:428px;}
.evtContsWrap .event01 .tree .tree_decoration ul li input[type="radio"] {display: none;}
.evtContsWrap .event01 .tree .tree_decoration ul li input[type="radio"] + label {display: inline-block; width: 106px; height: 106px; border-radius: 50%;}
.evtContsWrap .event01 .tree .tree_decoration ul li.cookie input[type="radio"] + label { background:url(/resources/images/event/2022/event221212_2/deco1_uncheck.png)no-repeat center;}
.evtContsWrap .event01 .tree .tree_decoration ul li.circle  input[type="radio"] + label { background:url(/resources/images/event/2022/event221212_2/deco2_uncheck.png)no-repeat center;}
.evtContsWrap .event01 .tree .tree_decoration ul li.hat  input[type="radio"] + label { background:url(/resources/images/event/2022/event221212_2/deco3_uncheck.png)no-repeat center;}
.evtContsWrap .event01 .tree .tree_decoration ul li.bell  input[type="radio"] + label { background:url(/resources/images/event/2022/event221212_2/deco4_uncheck.png)no-repeat center;}
.evtContsWrap .event01 .tree .tree_decoration ul li.socks  input[type="radio"] + label { background:url(/resources/images/event/2022/event221212_2/deco5_uncheck.png)no-repeat center;}

.evtContsWrap .event01 .tree .tree_decoration ul li:hover input[type="radio"] + label {box-shadow: 0px 6px 0px rgba(61, 61, 61, 0.6);}
.evtContsWrap .event01 .tree .tree_decoration ul li.cookie:hover input[type="radio"] + label { background:url(/resources/images/event/2022/event221212_2/deco1.png)no-repeat center; border: 1px solid #ff7b61;}
.evtContsWrap .event01 .tree .tree_decoration ul li.circle:hover input[type="radio"] + label { background:url(/resources/images/event/2022/event221212_2/deco2.png)no-repeat center; border: 1px solid #ffbd1c;}
.evtContsWrap .event01 .tree .tree_decoration ul li.hat:hover input[type="radio"] + label { background:url(/resources/images/event/2022/event221212_2/deco3.png)no-repeat center; border: 1px solid #34c0ca;}
.evtContsWrap .event01 .tree .tree_decoration ul li.bell:hover input[type="radio"] + label { background:url(/resources/images/event/2022/event221212_2/deco4.png)no-repeat center; border: 1px solid #7a5ed4;}
.evtContsWrap .event01 .tree .tree_decoration ul li.socks:hover input[type="radio"] + label { background:url(/resources/images/event/2022/event221212_2/deco5.png)no-repeat center; border: 1px solid #2b6e47;}
.evtContsWrap .event01 .tree .tree_decoration ul li input[type="radio"]:checked + label {box-shadow: 0px 6px 0px rgba(61, 61, 61, 0.6);}
.evtContsWrap .event01 .tree .tree_decoration ul li.cookie input[type="radio"]:checked + label { background:url(/resources/images/event/2022/event221212_2/deco1.png)no-repeat center; border: 1px solid #ff7b61;}
.evtContsWrap .event01 .tree .tree_decoration ul li.circle input[type="radio"]:checked + label { background:url(/resources/images/event/2022/event221212_2/deco2.png)no-repeat center; border: 1px solid #ffbd1c;}
.evtContsWrap .event01 .tree .tree_decoration ul li.hat input[type="radio"]:checked + label { background:url(/resources/images/event/2022/event221212_2/deco3.png)no-repeat center; border: 1px solid #34c0ca;}
.evtContsWrap .event01 .tree .tree_decoration ul li.bell input[type="radio"]:checked + label { background:url(/resources/images/event/2022/event221212_2/deco4.png)no-repeat center; border: 1px solid #7a5ed4;}
.evtContsWrap .event01 .tree .tree_decoration ul li.socks input[type="radio"]:checked + label { background:url(/resources/images/event/2022/event221212_2/deco5.png)no-repeat center; border: 1px solid #2b6e47;}

.evtContsWrap .event01 .evtForm {width:100%; border:9px solid #3a3447; border-radius:45px; overflow:hidden;}
.evtContsWrap .event01 .evtForm .formInner { position: relative; padding-right: 220px; border:1px solid #8b8892; border-radius: 35px; box-shadow: inset 0px 0px 5px #e7e7e7; background: #fff;}
.evtContsWrap .event01 .evtForm textarea {width:100%; height:100%; min-height:70px; padding:24px 45px 24px 30px; font-size:16px; color:#000; background:#fff; border:0; outline:0;}
.evtContsWrap .event01 .evtForm textarea::placeholder{ font-size:16px; color:#969696;}
.evtContsWrap .event01 .evtForm .formBox {position:relative; min-height:120px;}
.evtContsWrap .event01 .evtForm .formBox .count {position:absolute; right:0px; bottom:21px; font-size: 15px; font-weight: 500; color: #484256;}
.evtContsWrap .event01 .evtForm .formBox .count .currentCount {color:#f6791d; font-size: 15px; font-weight: 500;}
.evtContsWrap .event01 .evtForm .btnWrap .btnApply { position: absolute; right : 12px; top: 50%;  width: 185px; height: 96px;  margin-top:0; background: url(/resources/images/event/2022/event221212_2/btn_apply.png)no-repeat center; transform:translateY(-50%);}
.evtContsWrap .event01 .evtForm .btnWrap span {font-size: 0;}


.evtComment {padding:48px 0 92px;}
.evtContsWrap .commentWrap{position:relative; padding-bottom: 49px;}
.evtContsWrap .commentWrap .evtList{overflow:hidden; text-align:left;}
.evtContsWrap .commentWrap .evtList .listItem {position: relative; display: flex; align-items: center; width: 100%; height: 90px; padding: 10px 10px 10px 105px; margin-bottom: 6px;  border-radius: 25px; background: #eee;}
.evtContsWrap .commentWrap .evtList .listItem:last-child {margin-bottom:0;}
.evtContsWrap .commentWrap .evtList .listItem.circle {background: #ffe6a9;}
.evtContsWrap .commentWrap .evtList .listItem.cookie {background: #ffc8bd;}
.evtContsWrap .commentWrap .evtList .listItem.hat {background: #a7e7e4;}
.evtContsWrap .commentWrap .evtList .listItem.bell {background: #d9cdf7;}
.evtContsWrap .commentWrap .evtList .listItem.socks {background: #c1e9c0;}
.evtContsWrap .commentWrap .evtList .listItem:after {content: ""; display:inline-block; position: absolute; left:10px; top: 50%; transform: translateY(-50%); width: 75px; height: 70px; border-radius: 20px;}
.evtContsWrap .commentWrap .evtList .listItem.circle:after {background: #fff url(/resources/images/event/2022/event221212_2/c_circle.png)no-repeat center; }
.evtContsWrap .commentWrap .evtList .listItem.cookie:after {background: #fff url(/resources/images/event/2022/event221212_2/c_cookie.png)no-repeat center; }
.evtContsWrap .commentWrap .evtList .listItem.hat:after {background: #fff url(/resources/images/event/2022/event221212_2/c_hat.png)no-repeat center; }
.evtContsWrap .commentWrap .evtList .listItem.bell:after {background: #fff url(/resources/images/event/2022/event221212_2/c_bell.png)no-repeat center; }
.evtContsWrap .commentWrap .evtList .listItem.socks:after {background: #fff url(/resources/images/event/2022/event221212_2/c_socks.png)no-repeat center; }
.evtContsWrap .commentWrap .evtList .listItem p {  font-size:16px; font-weight: 400; color: #322e3a;  letter-spacing:-0.04em; }
.evtContsWrap .commentWrap .evtList .listItem p br {display: none;}

	/* paging */
.pagingWrap{position:relative; width:430px; height:42px; margin:36px auto 0; text-align:center; overflow:hidden;}
.pagingWrap .pageNum {position:absolute; left:50%; width:245px; transform:translateX(-50%);}
.pagingWrap button{display: inline-block; width: 42px; height: 42px; font-size: 14px; font-weight: 400; color: #666666;  text-align: center; vertical-align: top; line-height: 42px; border-radius: 50%; border: 1px solid #dadada; background: #fff;}
.pagingWrap .pageNum button + button{margin-left:8px;}
.pagingWrap .on{background: #fc6e51; border-color: #fc6e51; font-size: 18px; font-weight: 600; color: #fff;}
.pagingWrap [class^="btnPage"]{background-position:50% 50%;background-repeat:no-repeat;background-color:transparent; border:none;}
.pagingWrap .pagingPrev .btnPageFirst,
.pagingWrap .pagingNext .btnPageLast{background-image:url(/resources/images/event/2022/event221212_2/ico_page01.png);}
.pagingWrap .pagingPrev .btnPagePrev,
.pagingWrap .pagingNext .btnPageNext{background-image:url(/resources/images/event/2022/event221212_2/ico_page02.png);}
.pagingWrap .pagingNext .btnPageNext,
.pagingWrap .pagingNext .btnPageLast{transform:rotate(180deg);}
.pagingWrap .pagingPrev {display:inline-block; float:left;}
.pagingWrap .pagingNext {display:inline-block; float:right;}

.evtContsWrap .evtCont.ty2 .btnWrap {margin-top:20px; margin-bottom:50px;}
.evtfooter{ width:100%; padding:45px 0; text-align:left; background:#ddd8c8;}
.evtfooter .inner{display:flex; padding-left:170px;}
.evtfooter strong{margin-right:24px; font-size:20px; color:#484256; font-weight:600; line-height:28px; letter-spacing:-0.04em; }
.evtfooter .evtInfoList li{font-size:16px;color:#484256; line-height:28px; padding-left: 19px; text-indent: -19px; font-weight:400; letter-spacing:-0.04em;}
.evtfooter p{margin-top:15px; height:33px; font-size:15px; color:#2f2f2f; line-height:33px; background:#d6bc78; border-radius: 17px; letter-spacing: -0.04em; text-align: center;}

.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;}



