@charset "UTF-8";


/* EVENT 516 */
.event240819 .eventWrap {width: 100%;}
.eventWrap .inner {width: 1198px; margin: 0 auto;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr .fr_inner {right: 0;}
.event240819 img{max-width:100%;}


/* evtTitWrap*/
.event240819.eventWrap.evtFullType .evtTitWrap .logo{padding:40px 15px 0;}
.event240819 .evtTitWrap {position:relative; background:#fff1d1 url('/resources/images/event/2024/event240819/evtBg.png') no-repeat center top;}
.event240819 .evtTitWrap .inner{width:1228px;}
.event240819 .evtTitWrap .tit{padding:100px 0 90px;text-align:center;}

/* evtContWrap*/

.event240819 .evtContWrap{padding:30px 0 80px; background:#ffda68;}
.event240819 .evtCont .evtItemBox{position:relative; margin:0 auto; width:1180px;}
.event240819 .evtCont .evtItemBox .btn_link{position:absolute; bottom:238px; left:50%; transform:translateX(-50%); width:391px; height:86px; background:url('/resources/images/event/2024/event240819/btn_link.png') no-repeat center;}
.event240819 .evtCont .btnApply{margin:50px auto 0; width:100%; height:139px; background:url('/resources/images/event/2024/event240819/btn_apply.png') no-repeat center;}

.event240819 .evtCont2{margin-top:60px;}
.event240819 .evtCont2 .btnApply{background-image:url('/resources/images/event/2024/event240819/btn_apply2.png');}

.evtComment {position:absolute; top:405px; left:0; right:0; padding:0 60px;}
.evtComment .replyWrap {margin-top: 0;}
.replyWrap .cmList {border:none; display:flex; flex-wrap:wrap; align-items:flex-start; gap:30px 20px;}
.replyWrap .cmList li{padding:40px 0; border: none; width:calc(33.33% - 40px/3); height:213px; background:#fff; border-radius:20px; overflow:hidden;}
.replyWrap .cmList li .cmContents {padding:0; height:100%;}
.replyWrap .cmList li .comment {padding:0 22px; height:104px; font-size: 18px; color: #333; line-height: 26px; letter-spacing: -0.04em; overflow-y:auto;}
.replyWrap .cmList li .info {margin-top:9px; padding:0 22px; height: auto; line-height: unset;}
.replyWrap .cmList li .info span.userID {display:block; font-size: 20px; font-weight: 600; color: #000855; line-height: 1; letter-spacing: -0.04em;}
.replyWrap .cmList li .cm_btnBox {display: none;}
.replyWrap .more.more_btn {display: none;}
/* paging */
.pagingWrap {display: block;  position:relative; width:430px; height:30px; margin:40px auto 0;  text-align:center; overflow:hidden;}
.pagingWrap .innerPaging {display: flex; justify-content: center; align-items:center; width: 100%;}
.pagingWrap .pageNum {position: relative; margin: 0 4px;}
.pagingWrap button{display:inline-block;width:30px;height:30px;font-size:18px;font-weight:600;color:#000;line-height:30px; text-align:center; vertical-align:top; border-radius:50%;}
.pagingWrap .pageNum button + button{margin-left:4px;}
.pagingWrap .pageNum .on{background:#000; color:#fff;}
.pagingWrap [class^="btnPage"]{width:30px; 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/2024/event240819/btn_last.png');}
.pagingWrap .pagingPrev .btnPagePrev,
.pagingWrap .pagingNext .btnPageNext{background-image:url('/resources/images/event/2024/event240819/btn_next.png');}
.pagingWrap .pagingPrev .btnPagePrev,
.pagingWrap .pagingPrev .btnPageFirst{transform:rotate(180deg);}
.pagingWrap .pagingPrev {display:inline-block; float:left;}
.pagingWrap .pagingNext {display:inline-block; float:right;}

.evtFooterWrap {width: 100%;padding: 50px 0; background: #fff;}
.evtFooterWrap .inner {width: 1060px;}
.evtFooterWrap .inner strong {font-size: 24px; font-weight: 600; color: #333; letter-spacing: -0.04em; line-height:1;}
.evtFooterWrap .inner .info{margin-top:20px;}
.evtFooterWrap .inner li {padding-left: 9px; text-indent: -9px; font-size: 18px; font-weight: 400; color: #333; line-height: 30px;}

div[class^=eventPop] {display: none;}

.eventPop .titWrap .tit span{font:inherit; color:#333;}

.popTblWrap .textareaWrap {margin:0; padding:0;}
.popTblWrap .textareaWrap textarea {height: 150px; border-radius: 4px;}
.popTblWrap .textareaWrap .count {margin-top: 2px; text-align: right;}
.popTblWrap .textareaWrap .count span {font-weight: 500; color: #393d49;}
.popInfoWrap .agreeWrap .infoList.ls6 li{letter-spacing:-0.06em;}