@charset "UTF-8";

/* EVENT 497 */
/** event.html **/
.eventWrap{background:#c6d5e9;}
.eventWrap .inner{width:1080px;}
.evtContainer{background:url('/resources/images/event/2024/event240503/bg.png') center top repeat-x;}
/* evtTitWrap*/
.evtTitWrap{position:relative;}
.evtTitWrap .inner{padding-top:97px; width:1252px;}

/* evtSection */
.evtSection{padding:77px 0 134px;}
.evtSection .tab_menu{display:flex;gap:4px;}
.evtSection .tab_menu li{position:relative; flex:1; height:82px;}
.evtSection .tab_menu li a{display:block;height:100%;background-position:center top; background-repeat:no-repeat;}
.evtSection .tab_menu li:nth-child(1) a{background-image:url('/resources/images/event/2024/event240503/tab01.png');}
.evtSection .tab_menu li:nth-child(2) a{background-image:url('/resources/images/event/2024/event240503/tab02.png');}
.evtSection .tab_menu li:nth-child(3) a{background-image:url('/resources/images/event/2024/event240503/tab03.png');}
.evtSection .tab_menu li:nth-child(4) a{background-image:url('/resources/images/event/2024/event240503/tab04.png');}
.evtSection .tab_menu li.on a{background-position-y:bottom;}
.evtSection .tab_menu li.end:after{content:''; position:absolute; right:-33px; top:-33px; width:88px; height:88px; background:url('/resources/images/event/2024/event240503/endBadge.png') no-repeat center; z-index:1;}

.tab_cont_wrap{margin-top:3px;}
.tab_cont_wrap .contBox{padding:68px 68px 70px; background:#fff; border-radius:4px;}
.contBox ul{display:flex; flex-wrap:wrap; gap:50px 25px;}
.contBox ul li{width:298px;}
.contBox ul li .img{position:relative; height:298px; background:#f2f2f2; border:1px solid #e2e2e2; border-radius:12px;}
.contBox ul li .img .thumb{padding:14px; display:flex; width:100%; height:100%; align-items:center; justify-content:center;}
.contBox ul li .img .thumb img{width:100%; height:100%; object-fit:contain;}
.contBox ul li .img .hoverBox{display:none; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; background:rgba(32,31,30,.7); border:2px solid #005aff; border-radius:12px; z-index:1;}
.contBox ul li .img .hoverBox a{display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.contBox ul li .img .hoverBox a .ico_view{width:85px; height:85px; background:url('/resources/images/event/2024/event240503/ico_view.png') no-repeat center;}
.contBox ul li .img:hover .hoverBox{display:block;}
.contBox ul li p{margin-top:17px; font-size:22px; color:#1c1c1c; font-weight:400; line-height:1; text-align:center; letter-spacing:-0.06em; white-space:nowrap;}
.contBox ul li p span{font:inherit;}
.contBox ul li.ty1 p span{color:#1f64ff;}
.contBox ul li.ty2 p span{color:#f52121;}
.contBox ul li.ty3 p span{color:#d001f5;}
.contBox ul li.ty4 p span{color:#ed008b;}
.contBox ul li.ty5 p span{color:#ed008b;}
.contBox .btnApply{margin:60px auto 0; display:block; width:358px; height:84px; background:url('/resources/images/event/2024/event240503/btn_apply.png') no-repeat center; font-size:0;}

.evtCont01 .contBox{padding:68px 219px 70px;}


/* evtFooter */
.evtFooter{background:#efefef;}
.evtFooter .inner{padding:55px 0;width:1020px;}
.evtFooter .inner > strong{padding-left:15px; font-size:22px;color:#3f3831;font-weight:600;line-height:1;}
.evtFooter .evtInfoList{margin-top:24px;}
.evtFooter .evtInfoList li{position:relative;padding-left:15px;font-size:15px;font-weight:300;color:#3f3831;line-height:1.34;}
.evtFooter .evtInfoList li span{font-size:inherit; font-weight:500;}
.evtFooter .evtInfoList li:before{content:'·';position:absolute;top:0;left:0;}
.evtFooter .evtInfoList li + li{margin-top:5px;}

/* 팝업 공통*/
#eventPopWrap .eventPop{display:none; border-color:#2553ff;}
#eventPopWrap .eventPop.on{display:block;}
#eventPopWrap .eventPop .titWrap{background:#cfe4ff;}
#eventPopWrap .eventPop .titWrap .tit{color:#121212;}
.popInfoWrap .btnWrap .btnPopApply{background:#4d72f9;}
.popInfoWrap .btnWrap .btnPopApply:before{display:none;}
.popInfoWrap .agreeWrap .infoList li{letter-spacing:-0.05em;}
.photoDetail{margin-top:600px;}
.picContWrap{padding:25px;}
.picContWrap .imgWrap{height:400px; display:flex; align-items:center; justify-content:center;}
.picContWrap .imgWrap img{max-width:100%; transform:scale(1.5);}