@charset "UTF-8";

/* EVENT 571 */
/** 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:1300px;}
.eventWrap.evtFullType .evtTitWrap .logo{top:0; left:50%; transform:translateX(-50%); max-width:1180px;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr{padding-top:70px;}
.event250703 .evtTitWrap .con {position: absolute; right:-203px; top: 100px; width: 127px; height: 201px;}
/* evtTitWrap*/
.evtTitWrap{position:relative; height:1046px; background:url('/resources/images/event/2025/event250703/evtTitBg.png') repeat-x center top; z-index:5;}
.evtTitWrap .inner{max-width:1300px; width:100%;}
.evtTitWrap .evtTit{position:absolute; top:54px; 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:320px; left:50%; transform:translateX(-50%); width:100%; max-width:1900px; z-index:10;}
.evtTitWrap .btnShare{position:absolute; right:0; top:0; width:224px; height:56px; background:url('/resources/images/event/2025/event250703/btn_share.png') no-repeat center;}
.evtTitWrap:after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:2560px;height:375px;background:url('/resources/images/event/2025/event250703/evtBg_top.png') repeat-x center center;z-index:9;}

.evtCont{padding:50px 0;}
.evtCont .subTit{text-align:center;}
.evtCont .subTit.mt70{margin-top:70px;}
.evtCont .mt120{margin-top:120px;}
.evtCont .mt180{margin-top:180px;}
.evtCont .evtItemWrap .evtItemBox{position:relative;margin:30px auto 0;}
.evtCont .evtItemWrap .evtItemBox .btn_copy{position:absolute;top:178px;right:335px;width:226px;height:49px;background:url('/resources/images/event/2025/event250703/btn_copy.png') no-repeat center center;}
.evtCont .evtItemWrap .evtItemBox .btnDownload{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);width:700px;height:100px;background:url('/resources/images/event/2025/event250703/btn_down.png') no-repeat center center;}
.evtCont .evtItemWrap .evtAwardBox{margin:30px auto 77px;padding:50px 55px;border-radius:50px;background:rgba(0,0,0,0.2);border: 1px solid #5650CC;backdrop-filter: blur(4px);
    box-shadow: 4px 4px 0px 0px #FFFFFF40 inset, -4px -4px 0px 0px #FFFFFF40 inset, 4px 4px 10px 0px #00000026;}
.evtCont .evtItemWrap .evtAwardBox h3{text-align:center;}
.evtCont .evtItemWrap .evtAwardBox ul{margin-top:30px;display:flex; gap:24px; flex-wrap:wrap;}
.evtCont .evtItemWrap .evtAwardBox ul li{ width:calc(33.33% - 16px); flex:none;}
.evtCont .evtItemWrap .evtAwardBox ul li .thumb{position:relative; display:block; width:100%; height:277px;}
.evtCont .evtItemWrap .evtAwardBox ul li .thumb:after{content:''; position:absolute; z-index:2;}
.evtCont .evtItemWrap .evtAwardBox ul li .thumb.vdo:after{left:0; right:0; top:0; bottom:0; background:url('/resources/images/event/2025/event250703/ico_play.png') no-repeat center;}
.evtCont .evtItemWrap .evtAwardBox ul li .thumb.img:after{right:3px; bottom:4px; width:85px; height:85px; background:url('/resources/images/event/2025/event250703/ico_view.png') no-repeat center;border-radius:0 0 27px 0;}
.evtCont .evtItemWrap .evtAwardBox ul li .thumb.mp3:after{left:50%; top:50%; transform:translate(-50%, -50%); width:132px; height:132px; background:url('/resources/images/event/2025/event250703/ico_play.png') no-repeat center;}
.evtCont .evtItemWrap .evtAwardBox ul li .thumb.mp3.playing:after{left:50%; top:50%; transform:translate(-50%, -50%); width:132px; height:132px;background-image:url('/resources/images/event/2025/event250703/pause.png');}
.evtCont .evtItemWrap .evtAwardBox ul li .thumb img{position:relative; width:100%; height:100%; object-fit:cover; z-index:1;}
.evtCont .evtItemWrap .evtAwardBox ul li .thumb video{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.evtCont .evtItemWrap .evtAwardBox ul li .info{text-align:center;margin-top:30px;}
.evtCont .evtItemWrap .evtAwardBox ul li .info .txt{}
.evtCont .evtItemWrap .evtAwardBox ul li .info .txt p{flex:1; font-size:28px; color:#fff; line-height:1.1;}
.evtCont .evtItemWrap .evtAwardBox ul li .info .txt p span{font:inherit; color:inherit;}
.evtCont .evtItemWrap .evtAwardBox ul li .evtVdoBox{position:relative; width:100%; height:277px;border-radius:30px;overflow:hidden;}
.evtCont .evtItemWrap .evtAwardBox ul li .evtVdoBox:before{content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:#000; opacity:.4; z-index:2;}
.evtCont .evtItemWrap .evtAwardBox ul li .evtVdoBox .thumb{position:absolute; left:0; top:0; right:0; bottom:0; z-index:3;}
.evtCont .evtItemWrap .evtAwardBox ul li .evtVdoBox .thumb img{width:100%;}
.evtCont .evtItemWrap .evtAwardBox ul li .evtVdoBox .btnVideoPlay{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:132px; height:132px; background:url('/resources/images/event/2025/event250703/ico_play.png') no-repeat center; z-index:3;}
.evtCont .evtItemWrap .evtAwardBox ul li .evtVdoBox video{position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%;object-fit: cover;}
.evtCont .evtItemWrap .evtAwardBox ul li .evtVdoBox.playing:before{display:none;}
.evtCont .evtItemWrap .evtAwardBox ul li .evtVdoBox.playing .thumb{display:none;}
.evtCont .evtItemWrap .evtAwardBox ul li .evtVdoBox.playing .btnVideoPlay{display:none; background:url('/resources/images/event/2025/event250703/pause.png')}


.evtCont1{background:#6C64FF;}
.evtCont1 .evtItemWrap{margin-top:40px;}
.evtCont1 .evtItemWrap .evtInfo{margin:0 auto;}
.evtCont2{padding:150px 0 103px;background:url('/resources/images/event/2025/event250703/evtbg02.png') repeat center top;}
.evtCont2 .evtItemWrap .evtInfo04{position:relative;}
.evtCont2 .evtItemWrap .evtInfo04:before{content:'';position:absolute;left:50%;top:-75px;width:312px;height:133px;transform:translateX(-50%);background:url('/resources/images/event/2025/event250703/tip01.png') no-repeat center center;}
.evtCont2 .evtItemWrap .evtInfo04 .btnWrap{position:absolute;bottom:72px;padding:0 187px;width:100%;text-align:right;}
.evtCont2 .evtItemWrap .evtInfo04 .btn_art{display:inline-block;width:459px;height:56px;background:url('/resources/images/event/2025/event250703/btn_art.png') no-repeat center center;}
.evtCont2 .evtItemWrap .evtInfo05{margin-top:30px;position:relative;}
.evtCont2 .evtItemWrap .evtInfo05 .btnWrap{position:absolute;bottom:69px;padding:0 200px;width:100%;text-align:right;}
.evtCont2 .evtItemWrap .evtInfo05 .btn_music{display:inline-block;width:459px;height:56px;background:url('/resources/images/event/2025/event250703/btn_music.png') no-repeat center center;}
.evtCont2 .evtItemWrap .evtInfo06{position:relative;padding:50px 110px 40px;background:#fff;border-radius:50px;}
.evtCont2 .evtItemWrap .evtInfo06:before{content:'';position:absolute;left:50%;top:-80px;width:312px;height:133px;transform:translateX(-50%);background:url('/resources/images/event/2025/event250703/tip02.png') no-repeat center center;}
.evtCont2 .evtItemWrap .evtInfo06 h3{font-family:'Pretendard', sans-serif;font-weight:400;font-size:32px;color:#333;line-height:1.5;text-align:center;}
.evtCont2 .evtItemWrap .evtInfo06 h3 span{font:inherit;color:#D34D00;font-weight:600;}
.evtCont2 .evtItemWrap .evtInfo06 h3 b{font:inherit;font-weight:600;}
.evtCont2 .evtItemWrap .evtInfo06 ul{margin-top:50px;display:flex;flex-wrap:nowrap;gap:20px;}
.evtCont2 .evtItemWrap .evtInfo06 ul li{flex:1;text-align:center;}
.evtCont2 .evtItemWrap .evtInfo06 ul li p{margin:16px 0;font-size:20px;color:#555;line-height:1.5;letter-spacing: -0.03em;}
.evtCont2 .evtItemWrap .evtInfo06 ul li .btn_down{display:block;width:255px;height:56px;background:url('/resources/images/event/2025/event250703/btn_down_02.png') no-repeat center center;}
.evtCont2 .evtItemWrap .evtInfo07{margin:33px auto 0;}
.evtCont2 .evtItemWrap .evtInfo08{margin:25px auto 0;}
.evtCont2 .evtItemWrap .evtInfo09{margin:100px auto 0;}
.evtCont2 .btn_join{margin:78px auto 0;display:block;width:486px;}
.evtCont2 .btn_join img{max-width:100%;}


/* evtFooter */
.evtFooter{background:#44425A;}
.evtFooter .inner{padding:100px 0; width:1300px; display:flex;align-items: flex-start;gap:100px;}
.evtFooter strong{display:block; width:138px; font-size:24px; color:#fff; font-weight:600; flex:none;}
.evtFooter .info{flex:1;}
.evtFooter .info h4{font-family:'Pretendard', sans-serif;font-size:30px;color:#fff;font-weight:600;line-height:1.5;letter-spacing: -0.03em;}
.evtFooter .info ul{margin-top:5px;}
.evtFooter .info ul li{font-family:'Pretendard', sans-serif;position:relative; padding-left:26px; font-size:24px;font-weight:400;color:rgba(255,255,255,0.78);line-height:1.5;letter-spacing:-0.05em;}
.evtFooter .info ul li:before{content:'•';position:absolute; left:5px; top:18px; transform:translateY(-50%);font-size:24px;font-weight:400;color:rgba(255,255,255,0.78);line-height:1.5;}


#eventPopWrap .eventPop .notice_wrap {padding:10px 10px 0;}
#eventPopWrap .eventPop .notice_wrap .top_notice {padding:10px 20px; text-align: left;background: #f1f1f1;border-radius: 8px;border: 1px solid #e1e1e1;}
#eventPopWrap .eventPop .notice_wrap .top_notice h4{font-size: 14px;color:#e6563c;font-weight: 500;letter-spacing: -0.03em;}
#eventPopWrap .eventPop .notice_wrap .top_notice ul{margin-top:5px;}
#eventPopWrap .eventPop .notice_wrap .top_notice ul li{position:relative;padding-left:10px;font-size:13px;line-height:1.4;color:#393d49;}
#eventPopWrap .eventPop .notice_wrap .top_notice ul li:before{content:'·';position:absolute;left:0;top:2px;font-size:13px;line-height:1.4;}
#eventPopWrap .eventPop .notice_wrap .top_notice ul li span{font:inherit;font-weight:500;color:#555;}
#eventPopWrap .eventPop .notice_wrap .top_notice ul li .btn_copy{margin:0 0 5px 5px;padding:0 10px;height:24px;line-height:24px;background:#505050;color:#fff;font-size:12px;border-radius:5px;vertical-align: middle;}
#eventPopWrap .eventPop .notice_wrap .top_notice ul li + li{margin-top:3px;}
#eventPopWrap .popTblWrap .formMulti .inputFile{width:calc(100% - 75px)}
#eventPopWrap .eventPop.pop_type02 .popTblWrap .btnZipCode{margin-left:5px;line-height:32px;}
.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%;}
.popInfoWrap .infotxt span{color:#e6563c;}
.popInfoWrap .agreeWrap .infoList li{font-size:12px;padding-left:8px;}
.popInfoWrap .agreeWrap .infoList li:before{top:9px;width:2px;height:2px;}
#eventPopWrap .eventPop.pop_type02 .popInfoWrap .agreeForm{display:flex;flex-wrap:nowrap;justify-content: space-between;}
#eventPopWrap .eventPop.pop_type02 .popInfoWrap .agreeForm p{}
#eventPopWrap .eventPop.pop_type02 .popInfoWrap .agreeForm .iptform .chk + .chk{margin-top:0;margin-left:15px;}
 .agreeForm input[type="radio"] {appearance: none;-webkit-appearance: none;display: none;}
 .agreeForm .chk input[type="radio"] + label {position: relative; display: inline-block; padding-left: 30px; font-size: 14px; font-weight: 500; color: #4a4f5f; letter-spacing: -0.045em;}
 .agreeForm input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url('/resources/images/educourse/ico_checkbox.png') no-repeat center top;}
 .agreeForm input[type="radio"] + label .txt {display: inline-block; font-size: 14px; font-weight: 500; color: #4a4f5f; letter-spacing: -0.045em; }
 .agreeForm input[type="radio"]:checked + label:before {background-position: center -20px;}