@charset "UTF-8";

/* EVENT 513 */
/** event.html **/
.GM{font-family:"GmarketSansMedium", "Noto Sans KR", sans-serif;}
.GB{font-family:"GmarketSansBold", "Noto Sans KR", sans-serif;}

.eventWrap *{letter-spacing:-0.025em;}
.eventWrap .inner{width:1017px;}
.eventWrap.evtFullType .evtTitWrap .logo{padding-top:0; top:55px; left:50%; transform:translateX(-50%); max-width:1000px;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_r .logoVisang{top:unset; bottom:3px;}

/* evtTitWrap*/
.evtTitWrap{position:relative; height:1058px; background:url('/resources/images/event/2024/event240809/evtTitBg.png') repeat-x center top; z-index:5;}
.evtTitWrap .inner{max-width:1311px; width:100%;}
.evtTitWrap .evtTit{position:absolute; top:0; left:50%; width:100%; transform:translateX(-50%);}
.evtTitWrap .evtTit img{max-width:100%;}
.evtTitWrap .evtTit p{position:absolute; top:603px; left:0; right:0; font-size:26px; color:#000; line-height:34px; text-align:center;}
.evtTitWrap .evtTit p span{font-size:inherit; color:#fef179;}
.evtTitWrap .btnShareWrap{position:fixed; top:167px; left:50%; transform:translateX(-50%); width:100%; max-width:1396px; z-index:10;}
.evtTitWrap .btnShare{position:absolute; right:0; top:0; width:114px; height:144px; background:url('/resources/images/event/2024/event240809/ico_share.png') no-repeat center;}


.evtCont{padding:55px 0;}
.evtCont .subTit{text-align:center;}
.evtCont .evtItemWrap .evtItemBox{padding:28px 20px; background:#dfebff; border-radius:0 0 30px 30px;}
.evtCont .evtItemWrap .evtItemBox ul{display:flex; gap:21px; flex-wrap:wrap;}
.evtCont .evtItemWrap .evtItemBox ul li{padding:24px; width:calc(33.33% - 14px); flex:none; background:#fff;}
.evtCont .evtItemWrap .evtItemBox ul li .thumb{position:relative; display:block; width:264px; height:250px;}
.evtCont .evtItemWrap .evtItemBox ul li .thumb:after{content:''; position:absolute; z-index:2;}
.evtCont .evtItemWrap .evtItemBox ul li .thumb.vdo:after{left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.4) url('/resources/images/event/2024/event240809/ico_play.png') no-repeat center;}
.evtCont .evtItemWrap .evtItemBox ul li .thumb.img:after{right:8px; top:8px; width:28px; height:28px; background:url('/resources/images/event/2024/event240809/ico_view.png') no-repeat center;}
.evtCont .evtItemWrap .evtItemBox ul li .thumb.mp3:after{left:50%; top:50%; transform:translate(-50%, -50%); width:91px; height:91px; background:url('/resources/images/event/2024/event240809/ico_play.png') no-repeat center;}
.evtCont .evtItemWrap .evtItemBox ul li .thumb.mp3.playing:after{background-image:url('/resources/images/event/2024/event240809/ico_pause.png');}
.evtCont .evtItemWrap .evtItemBox ul li .thumb img{position:relative; width:100%; height:100%; object-fit:cover; z-index:1;}
.evtCont .evtItemWrap .evtItemBox ul li .thumb video{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.evtCont .evtItemWrap .evtItemBox ul li .info{margin-top:16px;display:flex; gap:10px; justify-content:space-between;}
.evtCont .evtItemWrap .evtItemBox ul li .info .txt{display:flex; align-items:flex-start; gap:7px;}
.evtCont .evtItemWrap .evtItemBox ul li .info .txt .badge{flex:none; width:51px; font-size:16px; color:#fff; line-height:23px; text-align:center; background:#4281ff; border-radius:4px;}
.evtCont .evtItemWrap .evtItemBox ul li .info .txt p{flex:1; font-size:21px; color:#000; line-height:27px; height:54px; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; text-overflow: ellipsis;}
.evtCont .evtItemWrap .evtItemBox ul li .info .txt p span{font:inherit; color:inherit;}
.evtCont .evtItemWrap .evtItemBox ul li .info .like{flex:none;}
.evtCont .evtItemWrap .evtItemBox ul li .info .like p{padding-left:24px; font-size:21px; color:#333; line-height:27px; background:url('/resources/images/event/2024/event240809/ico_like.png') no-repeat left center;}
.evtCont .evtItemWrap .evtItemBox ul li .rdo{margin-top:15px;}
.evtCont .evtItemWrap .evtItemBox ul li .rdo input[type=radio]{display:none;}
.evtCont .evtItemWrap .evtItemBox ul li .rdo input[type=radio] + label{margin:0 auto; display:block; width:113px; height:81px; background:url('/resources/images/event/2024/event240809/btn_like.png') no-repeat center top; font-size:0; cursor:pointer;}
.evtCont .evtItemWrap .evtItemBox ul li .rdo input[type=radio]:checked + label{background-position-y:bottom;}


.evtCont1{background:#c3d9fd;}
.evtCont1 .obj{position:absolute; width:67px; height:69px; background:url('/resources/images/event/2024/event240809/obj1.png') no-repeat center;}
.evtCont1 .obj.obj1{top:3px; left:-44px;}
.evtCont1 .obj.obj2{top:230px; right:-129px; background-image:url('/resources/images/event/2024/event240809/obj2.png');}
.evtCont1 .evtItemWrap{margin-top:64px;}
.evtCont2{background:#d7bbfd;}
.evtCont2 .evtItemWrap .evtItemBox{background:#ecdffe;}
.evtCont2 .evtItemWrap .evtItemBox ul li .info .txt .badge{background:#b663f1;}
.evtCont3{background:#83e1db;}
.evtCont3 .evtItemWrap .evtItemBox{background:#c2fdf9;}
.evtCont3 .evtItemWrap .evtItemBox ul li .info .txt .badge{background:#00a8a4;}

.evtCont4{padding-bottom:105px; border-top:1px dashed #d7bbfd; }
.evtCont4 .agreeBox{margin:0 auto; padding:30px 45px; max-width:918px; border-radius:10px; background:#eee;}
.evtCont4 .agreeBox strong{font:800 26px / 1 'Pretendard', sans-serif; color:#000;}
.evtCont4 .agreeBox ul{margin-top:10px}
.evtCont4 .agreeBox ul li{font:400 26px / 1.6 'Pretendard', sans-serif; color:#000;}
.evtCont4 .agreeBox p{margin-top:20px; font:600 26px / 1.6 'Pretendard', sans-serif; color:#3d3e3e;}
.evtCont4 .agreeForm{margin-top:37px; text-align:center;}
.evtCont4 .agreeForm input[type="checkbox"] + label{font-size:26px; line-height:1; cursor:pointer;}
.evtCont4 .btnWrap{margin-top:110px;}
.evtCont4 .btnWrap .btnApply img{max-width:100%;}


/* evtFooter */
.evtFooter{background:#64656d;}
.evtFooter .inner{padding:60px 0 65px; width:946px; display:flex;}
.evtFooter strong{display:block; width:128px; font-size:24px; color:#fff; font-weight:600; flex:none; border-right:1px solid #98999e;}
.evtFooter .info{padding-left:40px; flex:1;}
.evtFooter .info li{position:relative; padding-left:26px; font-size:20px;font-weight:500;color:#ededed;line-height:1.8;}
.evtFooter .info li span{position:absolute; left:0; top:50%; transform:translateY(-50%); width:19px; line-height:19px; font-size:18px; color:#64656d; font-weight:600; text-align:center; border-radius:50%; background:#e6e6e7;}


.evtImgDetailPop{position:fixed; left:0; right:0; top:0; bottom:0; padding:50px 0; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; background:rgba(0,0,0,.4); z-index:100;}
.evtImgDetailPop .evtImgDetailBox{position:relative; padding:20px 150px; display:flex; align-items:center; justify-content:center; width:1100px; height:100%; background:#fff; border-radius:15px; overflow:hidden;}
.evtImgDetailPop.zeroPadding .evtImgDetailBox{padding:20px;}
.evtImgDetailPop .evtPopClose{position:absolute; top:30px; right:45px; width:44px; height:45px; background:url('/resources/images/event/2024/event240809/ico_close.png') no-repeat center;}
.evtImgDetailPop .thumb{max-height:100%; overflow-y:auto;}
.evtImgDetailPop .thumb img{max-width:100%; max-height:100%;}