@charset "UTF-8";

/* EVENT 520 */
/** event.html **/
.event240830 img{max-width:100%;}
.eventWrap *{letter-spacing:-0.025em;}
.eventWrap .inner{width:912px;}
.eventWrap.evtFullType .evtTitWrap .logo{padding:0; top:55px; left:50%; transform:translateX(-50%);max-width:912px; z-index:1;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_r .logoVisang{top:unset; bottom:3px;}

/* evtTitWrap*/
.evtTitWrap{position:relative;}
.evtTitWrap .inner{width:1075px;}
.evtTitWrap .vivacorn{position:absolute; right: 60px; top: 270px; z-index: 1;}
.evtTitWrap .evtImg{position:absolute; top:62px; left:0; right:0; width:100%; text-align:center;}
.evtTitWrap .evtBg1{height:858px; background:url('/resources/images/event/2024/event240830/evtTitBg.png') repeat-x center top;}
.evtTitWrap .evtBg2{display:flex; height:479px; border-top:3px solid #e6b200; background:#ffd748;}

.evtSection{position:relative; z-index:1;}

.evtSection1{padding-bottom:80px;}
.evtSection1 .evtImg{margin-top:-26px; text-align:center;}
.evtSection1 .evtChkList{margin-top:40px; display:flex; justify-content:space-between;}
.evtSection1 .evtChkList li{padding:27px 37px 30px; text-align:center; background:#e3e3e3; border-radius:26px;}
.evtSection1 .evtChkList li .thumb{margin:0 auto; width:133px; height:133px; background:url('/resources/images/event/2024/event240830/ico_badge.png') no-repeat center top / 100% auto;}
.evtSection1 .evtChkList li strong{margin-top:20px; display:block; font-size:22px; font-family:"GmarketSansBold", "Noto Sans KR", sans-serif; color:rgba(4,4,4,.6); line-height:1;}
.evtSection1 .evtChkList li p{margin-top:12px; font-size:17px; font-family:"GmarketSansMedium", "Noto Sans KR", sans-serif; line-height:1;}
.evtSection1 .evtChkList li.active{background:#ffe748;}
.evtSection1 .evtChkList li.on{background:#ffe84e;}
.evtSection1 .evtChkList li.on .thumb{background-position-y:bottom;}
.evtSection1 .evtChkList li.on strong{color:#040404;}
.evtSection1 .evtChkList li.on p{color:#040404;}
.evtSection1 .btnApply{margin:45px auto 0; display:block; width:435px; height:110px; background:url('/resources/images/event/2024/event240830/btn_apply.png') no-repeat center;}
.evtSection1 .txt{margin-top:22px; font-size:16px; color:#757575; font-family:"GmarketSansMedium", "Noto Sans KR", sans-serif; line-height:21px; text-align:center;}
.evtSection1 .txt i{display:inline-block; width:21px; height:21px; background:url('/resources/images/event/2024/event240830/ico_alert.png') no-repeat center; vertical-align:top;}
.evtSection1 .txt span{font:inherit; color:#1a4df1;}

.evtSection2{height:594px; background:#f3bbf6 url('/resources/images/event/2024/event240830/evtBg.png') no-repeat center;}
.evtSection2 .inner{padding-top:60px;}
.evtSection2 .obj{position:absolute; left:-109px; top:-96px;}
.evtSection2 .evtImg{text-align:center;}


.evtSection3{}
.evtSection3 .evtImg{position:relative;}
.evtSection3 .btn_hint{position:absolute; top:228px; right:130px; width:148px; height:32px;}
.evtSection3 .rdos{position:absolute; left:0; right:0; bottom:40px; display:flex; gap:50px; justify-content:center;}
.evtSection3 .rdos input[type="radio"]{display:none;}
.evtSection3 .rdos input[type="radio"] + label{position:relative; padding-left:33px; display:block; cursor:pointer;}
.evtSection3 .rdos input[type="radio"] + label:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:21px; height:21px; background:url('/resources/images/event/2024/event240830/ico_rdo.png') no-repeat center top / 100% auto;}
.evtSection3 .rdos input[type="radio"] + label span{display:block; width:100px; font-size:28px; color:#333; font-family:"GmarketSansMedium", "Noto Sans KR", sans-serif; line-height:1;}
.evtSection3 .rdos input[type="radio"]:checked + label:before{background-position-y:bottom;}
.evtSection3 .obj{position:absolute; right:-103px; bottom:-43px;}
.evtSection3 .btnApply{margin:45px auto 0; display:block; width:323px; height:75px; background:url('/resources/images/event/2024/event240830/btn_apply2.png') no-repeat center;}

.evtSection4{padding-bottom:80px;}
.evtSection4 .evtImg{text-align:center;}
.evtReplyInput{padding:12px 0 40px; background:#ffd648;}
.evtReplyInput .inputWrap{margin-top:30px; padding:0; border:none; background-color:transparent; border-radius:0;}
.evtReplyInput .inputBox{display:flex; gap:14px;}
.evtReplyInput .inputBox .tx_box{width:100%; flex:1; float:none;}
.evtReplyInput .inputBox textarea{height:129px;}
.evtReplyInput .inputBox .btnWrap{flex:none;}
.evtReplyInput .inputBox button{float:none; width:151px; height:128px; font-size:0; background:url('/resources/images/event/2024/event240830/btn_cmt.png') no-repeat center;}
.evtInputInfoTxt{margin-top:15px; font-size:20px; color:#fff; font-family:"GmarketSansMedium", 'sans-serif'; line-height:1;}

.evtReplyList{padding-top:54px;}
.replyWrap .cmList{margin-top:30px; border-top:none; display:flex; gap:26px 13px; flex-wrap:wrap;}
.replyWrap .cmList li{border:none; width:calc(33.33% - 26px/3);}
.replyWrap .cmList .cmContents {position: relative; padding:37px 0; background:#f0f0f0; border-radius:25px;}
.replyWrap .cmList li .info {padding:0 30px; height:auto;}
.replyWrap .cmList li .info span.userID {display:block;font-size:18px; color:#c718c9; font-weight:600; line-height:1;}
.replyWrap .cmList li .comment {padding:0 30px; height:156px;margin-top: 10px; overflow-y:auto;}
.replyWrap .cmList li .comment p{font-size: 16px;font-weight: 400;color: #666;line-height: 26px;word-wrap: break-word;white-space: normal;}

.pagingWrap{margin-top:40px;}
.pagingWrap ul{display:flex; gap:10px; justify-content:center; align-items:center;}
.pagingWrap a{display:block; min-width:28px; height:28px;}
.pagingWrap .btnArr{border:2px solid #ddd;}
.pagingWrap .btnArr i{display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center;}
.pagingWrap .btnArr.first i,
.pagingWrap .btnArr.last i{background-image:url('/resources/images/event/2024/event240830/ico_first.png');}
.pagingWrap .btnArr.prev i,
.pagingWrap .btnArr.next i{background-image:url('/resources/images/event/2024/event240830/ico_prev.png');}
.pagingWrap .btnArr.next i,
.pagingWrap .btnArr.last i{transform:rotate(180deg);}
.pagingWrap .btnNum{text-align:center; font-size:16px; color:#666; font-weight:400; line-height:28px;}
.pagingWrap .btnNum:hover,
.pagingWrap .btnNum.on{font-weight:600; color:#ff521d;}

/* evtFooter */
.evtFooter{background:#ededed;}
.evtFooter .inner{padding:60px 0 65px;}
.evtFooter strong{display:block; font-size:25px; color:#393836; font-weight:600; line-height:1;}
.evtFooter .evtInfoList{margin-top:25px;}
.evtFooter .evtInfoList li{padding-left:9px; text-indent:-9px; font-size:16px; color:#737373; font-weight:400; line-height:25px;}