/* .padding_2022{border:10px solid #f1dcfa} */
/* #cstmrUseInfoDetail{top: 15%;bottom: 14.7%;left: 1.7%;overflow-x: hidden;overflow-y: scroll;max-width: 96.65%;position: absolute;background: white;} */
.evts_area .pc_only{display:block}
.evts_area .mo_only{display:none}
.alt_hidden{display:block;width:1px;height:1px;overflow:hidden;position:absolute;top:-1000em;left:0}
.comment_wrap .review_content li .open_comment .comment_body{padding:25px 0 !important}
.evts_area{position:relative;width:100%;max-width:1160px;margin:0 auto}
.evts_area.bg_evts_green{background-color:#a6e9f7}
.evts_area.bg_evts_blue{background-color:#3b28a0}
.evts_area > a{position:absolute;}
.evts_area > a > span{color:transparent;font-size:0;text-indent:-9999px}
.evts_area .evts_pop_up{display:none;position:absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);z-index: 101;}
.evts_area .evts_pop_up .pop_wrap{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color: transparent;width: auto;height: auto;overflow-y: auto;}
/* 공통 */
.evts_area .evts_page{width:100%;padding:0 34px}
.evts_area .evts_tit{position:relative;margin-bottom:50px;}
.evts_area .evts_tit::before{content:'';position:absolute;left:50%;top:-45px;transform:translate(-50%, 0);width:220px;height:20px;background-image:url("../../../../../images/egovframework/com/ebs/event/20240530_events/event_img_com_obj_txt_up.png");background-repeat:no-repeat}
.evts_area .evts_conts{display:flex;flex-direction: column;padding: 45px 0;border:2px solid #55ffe9;border-radius:10px}
.evts_area .evts_conts.last{padding:45px 0 0;}
.evts_area .conts_sub_tit{display: flex;flex-direction: column;align-items: center;justify-content: center;font-size:24px;color:#fff;font-weight:500;margin-bottom:40px}
.evts_area .conts_sub_tit.top{margin-top:55px;padding-top:55px;border-top:3px dotted #f6f9ae}
.evts_area .conts_sub_tit > em{font-size:32px;color:#55ffe9}
.evts_area .evts_conts .evts_conts_top, .evts_area .evts_conts .evts_conts_bottom{gap:10px}
.evts_area .evts_conts .evts_conts_top{width: 100%;display:flex;justify-content: space-between;padding:0 20px}
.evts_area .evts_conts .evts_conts_top.one{justify-content: center;gap:20px}
.evts_area .evts_conts .evts_conts_bottom{width: 100%;display:flex;justify-content: space-between;padding:0 20px;margin-top:55px;}
.evts_area .evts_conts .evts_conts_bottom.sm{margin-top:20px}
.evts_area .evts_conts .evts_conts_bottom.sm.fir{margin-top:0;}
.evts_area .evts_conts .conts_item{position:relative}
.evts_area .evts_conts .conts_item .label{position:absolute;left:-8px;top:-20px}
.evts_area .evts_conts .all_link_area{position:relative}
.evts_area .evts_conts .all_link_area.last{padding:0 0 45px}
.evts_area .evts_conts .all_link_area .link_btn{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index: 1000;}
.evts_area .evts_conts a{display:block}
.evts_area .evts_conts .all_link_area.none .evts_conts_top a, .evts_area .evts_conts .all_link_area.none .evts_conts_bottom a{pointer-events: none;cursor:default}
.evts_area .evts_conts a .conts_item{width:100%;height:100%;overflow: hidden;}
.evts_area .evts_conts a .conts_item img{border:4px solid transparent;transform:scale(1);transition: all ease-in-out .3s;}
.evts_area .evts_conts a .conts_item.border_none img{border:none}
.evts_area .evts_conts a.hover01:hover .conts_item img{transform:scale(1.05)}
.evts_area .evts_conts a.hover02:hover .conts_item img{border:4px solid #55ffe9;}
.evts_area .evts_conts a .conts_item .img_area{position:relative; overflow:hidden;}
.evts_area .evts_conts a .conts_item .img_area .hover_area{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction:column;align-items:center;justify-content: center;align-items: center;visibility: hidden;transform: translate(0, 250px);opacity: 0;transition: all ease-in-out .4s;}
.evts_area .evts_conts a.hover01:hover .conts_item .img_area .hover_area{visibility: visible;transform: translate(0, 0);background-color: rgba(0, 0, 0, 0.7);opacity: 1;}
.evts_area .evts_conts a .conts_item .img_area .hover_area > .tit{font-size: 24px;color: #fff;font-weight: 500;}
.evts_area .evts_conts a .conts_item .img_area .hover_area > em{font-size: 24px;color:#55ffe9;font-weight: 500;}
.evts_area .evts_conts .conts_tit{position: relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:20px;font-size:24px;color:#fff;font-weight:500;z-index: 1;}
.evts_area .evts_conts .conts_tit.large{font-size:26px}
.evts_area .evts_conts .conts_tit > em{color:#55ffe9}
.evts_area .evts_conts a.hover02:hover .conts_tit > span{color:#55ffe9}
/* 상단 메인 */
.evts_area.conts_top{background-color:#eef9ff;}

/* 컨텐츠 */
.evts_area.conts01{position:relative; width:100%; display: flex; flex-direction:column;}
.evts_area.conts01 > .main_img{position:relative; z-index: 1000;}

.evts_area.conts02{position:relative; width:100%;display: flex;flex-direction: column; padding:0; background-color: #281818;}
.evts_area.conts02 .conts02_box_wrap{position:relative; z-index: 1000;}
.evts_area.conts02 .conts02_item_wrap{width:80%;max-width:945px;height:50%;margin:0 auto;position:absolute; left:50%; top:40%; transform: translate(-50%, 0); display:flex;flex-direction:column; align-items:center; gap:25px;}
.evts_area.conts02 .conts_02_item_inner{width:100%;display:flex; justify-content: center; gap:80px;}
.evts_area.conts02 .conts02_item__count{position: absolute; left: 56%; top: 32%; width: 4%; height: 3%; display: flex; align-items: center; justify-content: flex-end; font-size: 45px; color: #fff; font-weight: 700;}
.evts_area.conts02 .conts02_item{position:relative; display:inline-flex; gap:25px;}
.evts_area.conts02 .conts02_item .conts02_main{position: relative;border-radius:0; overflow:hidden; border-radius: 20px; box-shadow:2px 6px 12px 2px rgba(0, 0, 0, 0.2)}
.evts_area.conts02 .conts02_item > img{width:100%;}
.evts_area.conts02 .conts02_item > .sub_exp_txt{position:absolute;left:0;bottom:-20px;font-size:13px;color:#fc9a45;font-weight:500}
.evts_area.conts02 .conts02_link_btn{position:absolute; left: 0%; top: 0; width: 100%; height:100%;display:block;overflow:hidden}
.evts_area.conts02 .conts02_link_btn > .link_thumb{position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); width: 100%; height: 100%; overflow:hidden}
.evts_area.conts02 .conts02_link_btn > .link_thumb > img{display:block; width:100%; height:100%; object-fit: cover;}
.evts_area.conts02 .conts02_link_btn > .link_thumb .cont{position:absolute; left:0; top:0; width:100%;height:100%;display:flex;justify-content:center;align-items:center;visibility:hidden;transform: translate(0, 250px); opacity: 0; transition: all ease-in-out .4s;background-repeat:no-repeat;background-position: center;background-size:35%}
.evts_area.conts02 .conts02_link_btn.com > .link_thumb .cont{background-size:45%;}
.evts_area.conts02 .conts02_link_btn:hover > .link_thumb .cont, .evts_area.conts02 .conts02_link_btn.ing > .link_thumb .cont, .evts_area.conts02 .conts02_link_btn.ingPer > .link_thumb .cont, .evts_area.conts02 .conts02_link_btn.com > .link_thumb .cont, .evts_area.conts02 .conts02_link_btn.pre > .link_thumb .cont, .evts_area.conts02 .conts02_link_btn.next > .link_thumb .cont, .evts_area.conts02 .conts02_link_btn.rev > .link_thumb .cont{visibility:visible;transform: translate(0, 0);background-color: rgba(0,0,0,0.7); opacity: 1;}
.evts_area.conts02 .conts02_link_btn.com{cursor: default; pointer-events: none;}
.evts_area.conts02 .conts02_link_btn.com > .link_thumb .cont{background-image:url("../../../../../images/egovframework/com/ebs/event/20250418_events/img_complete.png")}
.evts_area.conts02 .conts02_link_btn > .link_thumb .cont > .tit{font-size:32px;color:#fff;font-weight:700;line-height: 1.4 !important;}
.evts_area.conts02 .conts02_link_btn.ing > .link_thumb .cont > .tit, .evts_area.conts02 .conts02_link_btn.ingPer > .link_thumb .cont > .tit, .evts_area.conts02 .conts02_link_btn.com > .link_thumb .cont > .tit, .evts_area.conts02 .conts02_link_btn.pre > .link_thumb .cont > .tit, .evts_area.conts02 .conts02_link_btn.next > .link_thumb .cont > .tit, .evts_area.conts02 .conts02_link_btn.rev > .link_thumb .cont > .tit{display:none}
.evts_area.conts02 .conts02_link_btn > .link_thumb .cont > .txt{display:none;width:50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 34px;font-weight: 700;color: #fff; line-height:.8 !important;}
.evts_area.conts02 .conts02_link_btn.ingPer > .link_thumb .cont > .txt{color:#fff;}
.evts_area.conts02 .conts02_link_btn.ing > .link_thumb .cont > .txt, .evts_area.conts02 .conts02_link_btn.ingPer > .link_thumb .cont > .txt{display:block}
.evts_area.conts02 .conts02_link_btn.rev > .link_thumb .cont > .txt{display:flex;flex-direction:column;align-items:center;min-width:188px;width:max-content;font-size:20px;font-weight:600;padding:15px 0;background-color:#ffcc00;overflow: hidden;}
.evts_area.conts02 .conts02_link_btn.rev > .link_thumb .cont > .txt > span{display: inline-flex;justify-content:center;align-items:center;width:100%;height:100%;padding:15px 10px 8px;border-radius: 20px 20px 0 0;box-shadow:0 0 0 0 rgba(0, 0, 0, 0.35), inset -3px 0 6px -1px rgb(255, 93, 128);}
.evts_area.conts02 .conts02_link_btn.rev > .link_thumb .cont > .txt > .sub_txt{padding:8px 10px 15px;background-color:#ff5d80;border-radius:0 0 20px 20px; box-shadow:0 0 0 0 rgba(0, 0, 0, 0.35), inset -3px -5px 6px -1px rgb(255, 93, 128);}
.evts_area.conts02 .conts02_sub_box {position:relative; width:100%; margin:0 0 80px;}
.evts_area.conts02 .conts02_sub_box.box02 {margin:0 0 50px;}
/* 진행중(프로그래스바) */
.evts_area.conts02 .evts_progress {position:relative;display: inline-block;overflow:hidden;width:100%;height:8px;border-radius:15px;background-color:#fff;}
.evts_area.conts02 .evts_progress::before { content: ''; display:inline-block; position: absolute; top: 0; left: 0; height: 100%; width: var(--progress, 0%); background-color: #ffcc00; border:0; border-radius: 0; transition: width 0.3s;}
.evts_area.conts02 .evts_progress::after { display:inline-block; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #000;}
/* 빙고 화살표 */
.bingo_arrow:after{ content: ''; display:block; background-repeat:no-repeat; background-size:100%;}
.bingo_arrow.arrow-right{ display: block; position: absolute; left: 0; top: 49%; width: 100%;}
.bingo_arrow.arrow-right:after{ width: 100%; height: 58px; background-image:url("../../../../../images/egovframework/com/ebs/event/20250418_events/img_bingo_line.png");}
.left_right_01{ display: none; position: absolute; width: 62%; height: 27%; left: 50%; top: 0; transform:translate(-50%, 0); z-index: 99;}
.left_right_02{ display: none; position: absolute; width: 62%; height: 27%; left: 50%; top: 32%; transform:translate(-50%, 0); z-index: 99;}
.left_right_03{ display: none; position: absolute; width: 62%; height: 27%; left: 50%; top: 64.4%; transform:translate(-50%, 0); z-index: 99;}
.bingo_arrow.arrow-top{ display: block; position: absolute; left: 0; top: 0; width: 100%; height:100%;}
.bingo_arrow.arrow-top:after{ width: 140%; height: 58px; background-image:url("../../../../../images/egovframework/com/ebs/event/20250418_events/img_bingo_line.png"); transform: rotate(90deg);}
.bottom_top_01{ display: none; position: absolute; width: 32%; height: 65%; left: -8.9%; top: 77%; transform:translate(0, -50%); z-index: 99;}
.bottom_top_02{ display: none; position: absolute; width: 32%; height: 65%; left: 25.5%; top: 44.5%; z-index: 99;}
.bottom_top_03{ display: none; position: absolute; width: 32%; height: 65%; left: 59.5%; top: 44.5%; z-index: 99;}
.bottom_left_top{ display: none; position: absolute; width: 25%; height: 96%; left: 55%; top: 46%; z-index: 99; transform: rotate(-50.7deg);}
.bingo_arrow.arrow-left-top{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.bingo_arrow.arrow-left-top:after{ width: 250%; height: 58px; background-image:url("../../../../../images/egovframework/com/ebs/event/20250418_events/img_bingo_line.png"); transform: rotate(90deg);}
.bottom_right_top{ display: none; position: absolute; width: 25%; height: 96%; right: 77%; top: 10.9%; z-index: 99; transform: rotate(50.7deg);}
.bingo_arrow.arrow-right-top{ display: block; position: absolute; left: 0; top: 0; width:100%; height: 100%;}
.bingo_arrow.arrow-right-top:after{ width: 250%; height: 58px; background-image:url("../../../../../images/egovframework/com/ebs/event/20250418_events/img_bingo_line.png"); transform: rotate(270deg);}
.left_right_01, .left_right_02, .left_right_03, .bottom_top_01, .bottom_top_02, .bottom_top_03, .bottom_left_top, .bottom_right_top{pointer-events: none;}
.left_right_01.on, .left_right_02.on, .left_right_03.on, .bottom_top_01.on, .bottom_top_02.on, .bottom_top_03.on, .bottom_left_top.on, .bottom_right_top.on{display: block;}

.evts_area.conts03{position:relative; width: auto; background: #dae9fe;}

.evts_area.conts04 .sns_link_area{position:absolute; left:17.7%; top:69%; width:33%; height:10%;}

.evts_area.conts05{position:relative; width:100%;}
/* .evts_area.conts05::before — 빙고 댓글 배경, 퍼즐에서는 미사용 */
.evts_area.conts05 .input_area{position:relative; width:100%; display:flex; flex-direction: column; padding:45px 50px; background-color:#fff; border-radius:60px 60px 0 0; z-index: 1000;}
.evts_area.conts05 .input_box{display:flex; gap:12px;}
.evts_area.conts05 .input_box .btn{display:inline-flex; align-items:center; justify-content:center; padding:57px 80px; font-size:24px; font-weight:700; color:#fff; white-space: nowrap; background-color:#e420e6; border-radius:0;}
.evts_area.conts05 .input_box textarea{font-size:20px; color:#909090; border:2px solid #d2d2d2; border-radius: 0;}
.evts_area.conts05 .input_box textarea::placeholder {font-size:20px;}
.evts_area.conts05 .input_box textarea:focus::placeholder {color: transparent !important;}
.evts_area.conts05 .input_exp_txt{width:100%; margin:30px 0 50px;}
.evts_area.conts05 .input_exp_txt > img{width:100%;}
.evts_area.conts05 .chat_area{width:100%;}
.evts_area.conts05 .chat_box{display:flex; flex-direction: column; align-items:flex-start; padding:28px 25px 48px; border-top:1px solid #d2d2d2;}
.evts_area.conts05 .chat_box:first-child{border-top:2px solid #700071;}
.evts_area.conts05 .chat_box:last-child{border-bottom:1px solid #d2d2d2;}
.evts_area.conts05 .chat_box .chat_top{display:flex; align-items:center; gap:30px;}
.evts_area.conts05 .chat_box .chat_top .chat_name, .evts_area.conts05 .chat_box .chat_top .chat_date{color:#202020; font-size:20px;}
.evts_area.conts05 .chat_box .chat_top .chat_date{color:#909090;}
.evts_area.conts05 .chat_box .chat_top .chat_name{position:relative;}
.evts_area.conts05 .chat_box .chat_top .chat_name::after{content:''; display:inline-block; width:2px; height:10px; position:absolute; right:-35%; top:50%; transform:translate(0, -50%); background-color:#7d7d7d;}
.evts_area.conts05 .chat_box .chat_bottom{padding:20px 0 0;}
.evts_area.conts05 .chat_box .chat_bottom .message{font-size:20px; color:#606060; line-height:normal; text-align:left;}
.evts_area.conts05 .input_area .pagination.round{display:flex; justify-content: center; margin:40px 0 0;}
.evts_area.conts05 .input_area .pagination.round a{border:none !important;}
.evts_area.conts05 .input_area .pagination.round a.current{color:#e545bc;}

/* 버튼 영역(공통) */
.evts_btn_box.pos{position:absolute; left:50%; transform: translate(-50%, 0); z-index: 1000;}
.evts_btn_box .evts_chk_btn_area{display:inline-block;position:relative;}
.evts_btn_box .evts_chk_btn_area.long_txt::before{width:15%}
.evts_btn_box .evts_chk_btn_area .evts_chk_btn{min-width:460px;width:max-content;height:100px;background-image:url("../../../../../images/egovframework/com/ebs/event/20250418_events/event_img_btn_bg.png"); background-repeat:repeat-x; background-size:100%; text-align: center; text-decoration: none; display: inline-block;cursor: pointer; letter-spacing: -2px;border:0;transition: box-shadow 0.3s ease, background 0.3s ease;}
.evts_btn_box .evts_chk_btn_area .evts_chk_btn.sm{min-width:710px; height:92px;}
.evts_btn_box .evts_chk_btn_area .evts_chk_btn > p{font-size: 36px; font-weight:700;color:#fff;position:relative;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding:0 45px;}
.evts_btn_box .evts_chk_btn_area .evts_chk_btn.dagreen > p{color:#00423e; box-shadow:0 0 0 0 rgba(75, 75, 75, 0.45), inset 0 8px 9px -5px rgba(170, 219, 216, 1)}
.evts_btn_box .evts_chk_btn_area .evts_chk_btn.sm > p{font-size:35px; color:#fff;}
.evts_btn_box .evts_chk_btn.pre > p > span{position:relative; width:100%; display:flex; align-items:center; justify-content: center;}
.evts_btn_box.conts_03{padding:70px 0 0}
.evts_btn_box.conts_03 .evts_chk_btn_area .evts_chk_btn{background: linear-gradient(to right top, #ffcdde, #ffcdde, #ffcdde, #ffcdde);box-shadow:0 7px 16px 0 rgba(0, 0, 0, 0.35), inset 0 -7px 3px -1px rgba(166, 114, 177, 1);}
.evts_btn_box.conts_03 .evts_chk_btn_area .evts_chk_btn > p{color:#4e1d99;}

/* 기존 텍스트 버튼 숨김 */
.evts_btn_box .evts_chk_btn_area { display: none; }

/* CTA 이미지 버튼 상태별 */
.evts_cta_wrap {
	position: relative;
	width: 100%;
	max-width: 784px;
	margin: 0 auto;
}
.evts_cta {
	display: none;
	width: 100%;
	border: 0;
	padding: 0;
	background: none;
	cursor: pointer;
}
.evts_cta img {
	display: block;
	width: 100%;
	height: auto;
}
/* wrap 클래스로 상태 전환 */
.evts_cta_wrap.apply .evts_cta.apply { display: block; }
.evts_cta_wrap.submitted .evts_cta.submitted { display: block; cursor: default; }
.evts_cta_wrap.check .evts_cta.check { display: block; }
.evts_cta_wrap.lose .evts_cta.lose { display: block; cursor: default; }
.evts_cta_wrap.win .evts_cta.win { display: block; }
.evts_cta_wrap.expired .evts_cta.expired { display: block; cursor: default; }

.link_btn_01{position:absolute; left: 9%; top: 19.2%; width: 33.4%; height: 5%;}

/* 인스타그램 푸터 */
.evts_area.conts05{position:relative;}
.evts_link_btn01{position:absolute; left:5%; top:45%; width:33%; height:16%;}

/* 안내문 */
.evts_area .warn_text{position:relative; width:100%; background-color:#e8e8e8;}
.evts_area .warn_text .text_box{width:100%; max-width:1040px; margin:0 auto; padding:80px 0;}
.evts_area .warn_text .head_cont {padding:0 0 38px;}
.evts_area .warn_text .head_cont .warn_tit{font-family:'BINGGRAE'; font-size:32px; color:#000; font-weight:700; text-align:left; letter-spacing:-2px;}
.evts_area .warn_text .body_cont{color:#fff;}
.evts_area .warn_text .body_cont .check_txt {width:100%;display: inline-flex;align-items: center;font-size: 20px;background-color: #333; padding: 10px 24px 10.2px 20px;border-radius: 8px;}
.evts_area .warn_text .body_cont .check_txt > label{position: static; display: inline-block; white-space: nowrap; cursor: default;}
.evts_area .warn_text .body_cont .check_txt > input{-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 24px;height: 24px;margin: 3px 4px 0 0; padding:14px; background-color:#fff; border: 2px solid #0c3c38;border-radius: 4px; cursor: pointer;}
.evts_area .warn_text .body_cont .check_txt > input[type="checkbox"]:checked{ background: #713cd2 url("../../../../../images/egovframework/com/ebs/event/20240820_events/ico_check.png") 50% 50% no-repeat;background-size: 23px 17px;}
.evts_area .warn_text .body_cont .check_txt > input:disabled{cursor:default;background: rgba(154, 154, 154, 0.8) url("../../../../../images/egovframework/com/ebs/event/20240820_events/ico_check.png") 50% 50% no-repeat;background-size: 23px 17px;}
.evts_area .warn_text .body_cont .check_txt > span{position: relative; display: inline-block; white-space: nowrap; margin-left: 10px}
.evts_area .warn_text .body_warn_txt{display:flex; flex-direction:column; align-items:flex-start; color:#5d5d5d; padding:0 0 0 15px;}
.evts_area .warn_text .body_warn_txt li{position:relative; margin-top:10px;}
.evts_area .warn_text .body_warn_txt li:first-child{margin-top:26px;}
.evts_area .warn_text .body_warn_txt li::after{content: '';position: absolute;top: 11px;left: -11px;width: 4px;height: 4px;background-color: #000;border-radius: 50%}
.evts_area .warn_text .body_warn_txt li p{font-size:20px; text-align:left;}
.evts_area .warn_text .body_warn_txt .active_sub_color{color:#713cd2; font-weight:700;}
@media screen and (max-width:1280px) {
	.evts_area .evts_conts .conts_tit{font-size:20px}
	.evts_area .evts_conts .conts_tit.large{font-size:22px}
	.evts_area.conts01 .per_count{font-size:24px;}
	.evts_area .warn_text .text_box{padding:80px 20px;}

	.evts_area.conts02 .conts02_sub_box{max-width:80%; margin:0 auto 80px;}
	.evts_area.conts02 .conts02_sub_box.box02{margin:0 auto 50px;}
	.evts_area.conts02 .conts02_sub_box.box01::before{width: 11%; height: 92%; left: -8.7%; top: -23%; background-size: 100%;}
	.evts_area.conts02 .conts02_sub_box.box02::before{width: 19%; height: 121%; right: -4%; top: 15%; background-size: 100%;}

	.bottom_right_top{right:75.4%;}
	.bottom_left_top{left:54.6%;}
}
@media screen and (max-width:995px) {
	.evts_area .evts_page{padding:0 3%}
	.evts_area .evts_tit{width:50%; margin:0 auto 40px}
	.evts_area .evts_tit.m_long{width:65%;}
	.evts_area .evts_tit.m_small{width:75%}
	.evts_area .evts_conts.last{margin-bottom:0; padding:0;}
	.evts_area .evts_conts .evts_conts_top, .evts_area .evts_conts .evts_conts_bottom{gap:10px}
	.evts_area .evts_conts .evts_conts_top.one{gap:10px}
	.evts_area .evts_conts .conts_item .label{left:-5px;top:-29px}
	.evts_area .evts_conts a .conts_item .img_area .hover_area > em{font-size:17px}
	.evts_area .evts_conts a .conts_item .img_area .hover_area > .tit{font-size:17px;}
	.evts_area .evts_conts .conts_tit{font-size:17px}
	.evts_area .evts_conts .conts_tit.large{font-size:18px}
	.evts_area .conts_sub_tit{font-size:20px}
	.evts_area .conts_sub_tit.top {margin-top:30px; padding-top:30px;}
	.evts_area .conts_sub_tit > em{font-size:22px}
	.evts_area .evts_conts a.hover01:hover .conts_item img{transform:scale(1)}
	.evts_area .evts_conts a.hover01:hover .conts_item .img_area .hover_area{visibility: hidden; display:none; opacity: 0;}
	.evts_area .evts_conts a .conts_item img, .evts_area .evts_conts a.hover02:hover .conts_item img{border:none}

	.evts_area.conts_top .text_area{gap:8px; padding:50px 20px 80px;}
	.evts_area.conts_top .text_area > p{font-size:22px;}

	.evts_area.conts02{padding:0;}
	.evts_area.conts02 .conts02_item__count{left:55.5%; top:30.8%; font-size:36px;}
	.evts_area.conts02 .conts02_sub_tit > img{width:100%;}
	.evts_area.conts02 .conts_02_item_inner{gap:0;}
	.evts_area.conts02 .conts02_item_wrap{max-width:95%; width:95%; height:57%; top:38%; gap:10px;}
	.evts_area.conts02 .conts02_item{width:85%;}
	.evts_area.conts02 .conts02_item{gap:10px;}
	.evts_area.conts02 .conts02_item .conts02_main > img{width:100%;}
	.evts_area.conts02 .conts02_sub_box{max-width:89%;}
	.evts_area.conts02 .conts02_link_btn > .link_thumb .cont > .txt{font-size:20px;}
	.evts_area.conts02 .conts02_link_btn.rev > .link_thumb .cont > .txt{font-size:20px; min-width:70%;}

	.left_right_01{width:47%; height:23%;}
	.left_right_02{width:47%; height:23%; top:29%;}
	.left_right_03{width:47%; height:23%; top:57%;}
	.bottom_top_01{height:43%; left:-4.9%; top:59%;}
	.bottom_top_02{height:43%; left:25%; top:37%;}
	.bottom_top_03{height:43%; left:54.5%; top:37%;}
	.bottom_left_top{height:78%; left:46%; top:44%;}
	.bottom_right_top{height:78%; right:69%; top:8%;}

	.evts_area.conts03{width:100%; padding:0;}

	.evts_area.conts04{width:100%; padding:0;}

	.evts_btn_box .evts_chk_btn_area{width:100%;}
	.evts_btn_box .evts_chk_btn_area .evts_chk_btn{min-width:240px; height:50px;}
	.evts_btn_box .evts_chk_btn_area .evts_chk_btn > p{font-size:22px;}

	.evts_btn_box.conts_03{padding:30px 0 0;}

	.evts_area.conts05 .input_area{padding:30px 5%; border-radius:30px;}
	.evts_area.conts05 .input_box .btn{padding:20px 40px;}

	.evts_area .warn_text .text_box{padding:40px 20px;}
	.evts_area .warn_text .head_cont{padding:0 0 20px;}
	.evts_area .warn_text .head_cont .warn_tit{font-size:26px;}
	.evts_area .warn_text .body_cont .check_txt{padding:6px 14px;font-size:16px;}
	.evts_area .warn_text .body_warn_txt{padding:0 0 0 10px;}
	.evts_area .warn_text .body_warn_txt li{margin-top:7px;}
	.evts_area .warn_text .body_warn_txt li:first-child{margin-top:18px;}
	.evts_area .warn_text .body_warn_txt li p{font-size:14px;}
	.evts_area .warn_text .body_warn_txt li::after{top:7px; left:-9px; width:3px; height:3px;}
	
}
@media screen and (max-width:767px) {
	.evts_area .pc_only{display:none}
	.evts_area .mo_only{display:block}

	.evts_area.conts_top .evts_btn_box{bottom:5%;}
	.evts_area.conts_top .text_area{gap:8px; padding:30px 2% 50px;}
	.evts_area.conts_top .text_area > p{font-size:16px;}

	.evts_area.conts01 .text_area{padding:10px 2%;}
	.evts_area.conts01 .text_area::after{height:15px;}
	.evts_area.conts01 .text_area > p{font-size:14px;}
	
	.evts_area.conts02{padding:0;}
	.evts_area.conts02 .conts02_item__count{top: 30%; height:5%; font-size: clamp(22px, calc(22px + (100vw - 320px) * (12 / 440)), 34px);}
	.evts_area.conts02 .conts02_link_btn > .link_thumb .cont{visibility: visible; transform: translate(0, 0); background-color: rgba(0, 0, 0, 0.7); opacity: 1;}
	.evts_area.conts02 .conts02_link_btn > .link_thumb .cont > .tit{font-size:16px;}
	.evts_area.conts02 .conts02_link_btn > .link_thumb .cont > .txt{font-size:20px;}
	.evts_area.conts02 .conts02_link_btn.rev > .link_thumb .cont > .txt{min-width:40%; width:67%; font-size:15px; padding: 10px 0;}
	.evts_area.conts02 .conts02_exp_box .sub_box > p{font-size:14px;}

	.evts_area.conts02 .conts02_sub_box{margin:0 auto 40px;}

	.bottom_left_top{height:63%; left:42%; top:48%;}
	.bottom_right_top{height:63%; right:61%; top:11%;}

	.evts_btn_box .evts_chk_btn_area .evts_chk_btn.sm{height:50px;}
	.evts_btn_box .evts_chk_btn_area .evts_chk_btn.sm > p{font-size:18px;}

	.evts_btn_box .evts_chk_btn_area .evts_chk_btn{min-width:260px; height:55px;}
	.evts_btn_box .evts_chk_btn_area .evts_chk_btn > p{font-size:24px}
	
	.evts_area.conts05 .input_box .btn{padding:20px 30px; font-size:18px;}
	.evts_area.conts05 .input_box textarea{font-size:14px;}
	.evts_area.conts05 .input_box textarea::placeholder{font-size:14px;}
	.evts_area.conts05 .input_area{padding:30px 2% 0; border-radius:14px;}
	.evts_area.conts05 .input_area .pagination.round{margin:30px 0 0;}
	.evts_area.conts05 .input_exp_txt{margin:20px 0 30px;}
	.evts_area.conts05 .chat_box{padding:15px 2% 20px;}
	.evts_area.conts05 .chat_box .chat_top .chat_name, .evts_area.conts05 .chat_box .chat_top .chat_date{font-size:14px;}
	.evts_area.conts05 .chat_box .chat_bottom{padding:10px 0 0;}
	.evts_area.conts05 .chat_box .chat_bottom .message{font-size:14px;}

	.evts_area .warn_text .text_box{padding:20px 3%;}
	.evts_area .warn_text .head_cont .warn_tit{font-size:20px;}
	.evts_area .warn_text .body_cont .check_txt{font-size:14px;}
	.evts_area .warn_text .body_cont .check_txt > input{width:14px; height:14px; padding:10px; border:1px solid #0c3c38;}
	.evts_area .warn_text .body_cont .check_txt > input[type="checkbox"]:checked{background-size:14px 9px;}
	.evts_area .warn_text .body_cont .check_txt > input:disabled{background-size:14px 9px;}
	.evts_area .warn_text .body_warn_txt li{margin-top:5px;}
	.evts_area .warn_text .body_warn_txt li p{font-size:13px;}
}
@media screen and (max-width:620px) {
	.evts_btn_box .evts_chk_btn_area .evts_chk_btn{min-width: 207px; height: 42px;}
	.evts_btn_box .evts_chk_btn_area .evts_chk_btn > p{font-size:20px;}
	.evts_btn_box .evts_chk_btn_area .evts_chk_btn > p > span::before{width:60px;height:54px}
}
@media screen and (max-width:499px) {
	.evts_area.conts_top{margin-bottom:-1px}

	.evts_area.conts_top .text_area{gap:4px; padding:15px 2% 30px;}
	.evts_area.conts_top .text_area > p{font-size:12px;}

	.evts_area.conts02 .conts02_item__count{top:29.4%; font-size: clamp(16px, calc(16px + (100vw - 320px) * (12 / 440)), 22px);}
	.evts_area.conts02 .conts02_sub_tit{padding:8% 0}
	.evts_area.conts02 .conts_02_item_inner{gap:10px;}
	.evts_area.conts02 .conts02_item{gap:5px;}
	.evts_area.conts02 .conts02_item_wrap{top:38%; height:50%; gap:5px;}
	.evts_area.conts02 .conts02_sub_box, .evts_area.conts02 .conts02_sub_box.box02{margin: 0 auto 20px;}
	.evts_area.conts02 .evts_progress{height:4px;}
	.evts_area.conts02 .conts02_link_btn > .link_thumb .cont > .tit{font-size:13px;}
	.evts_area.conts02 .conts02_link_btn > .link_thumb .cont > .txt{font-size:13px; line-height:1 !important;}
	.evts_area.conts02 .conts02_link_btn.rev > .link_thumb .cont > .txt{min-width:45%; width:80%; padding:8px 2%; font-size:13px;}

	.left_right_01{width:35%; height:27%;}
	.left_right_02{width:35%; height:27%; top:33%;}
	.left_right_03{width:35%; height:27%; top:65%;}
	.bottom_top_01{width:25%; height:25%; left:-1.9%; top:51%;}
	.bottom_top_02{width:25%; height:25%; left:25%; top:39%;}
	.bottom_top_03{width:25%; height:25%; left:54%; top:39%;}
	.bottom_left_top{width:20%; left:38%; top:53%;}
	.bottom_right_top{width:20%; right:56%; top:20%;}

	.evts_area.conts05 .input_box{gap:5px;}
	.evts_area.conts05 .input_area .pagination.round{margin:20px 0 0;}

	.evts_btn_box .evts_chk_btn_area .evts_chk_btn{min-width:102px;height:28px;}
	.evts_btn_box .evts_chk_btn_area .evts_chk_btn > p{font-size: clamp(16px,calc(16px + (100vw - 499px) * ((32 - 16) / (995 - 499))),32px); padding:0 20px;}
	.evts_btn_box .evts_chk_btn > p > span{letter-spacing: 0;}

	.evts_area.conts05 .chat_box .chat_bottom .message{word-break: break-word;}

	.evts_area .warn_text .head_cont .warn_tit{font-size:16px;}
	.evts_area .warn_text .body_cont .check_txt{justify-content:center; flex-wrap:wrap;}
	.evts_area .warn_text .body_cont .check_txt > span{margin-left:2px;}
	.evts_area .warn_text .body_warn_txt li p{font-size:11px}
}
@media screen and (max-width:360px) {
	.evts_area.conts_top .text_area{gap:2px;}
	.evts_area.conts_top .text_area > p{font-size:12px;}
	.evts_btn_box .evts_chk_btn.pre > p > span::after{width:10px; height:6px;}
	.evts_btn_box .evts_chk_btn_area .evts_chk_btn{min-width:80px; height:20px;}
	.evts_btn_box .evts_chk_btn_area .evts_chk_btn > p{font-size:13px;}

	.evts_area .warn_text .head_cont .warn_tit{font-size:15px;}
	.evts_area .warn_text .body_cont .check_txt{font-size:10px; padding:6px 0;}
}

/* ==========================================
   퍼즐 챌린지 (2026-04-10)
   ========================================== */
.evts_area.conts02 {
	position: relative;
}
.puzzle-container {
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 942px;
	aspect-ratio: 1 / 1;
	border-radius: clamp(18px, 5vw, 70px);
	border: clamp(8px, 1.5vw, 20px) solid #004E7C;
	background-color: #004E7C;
	overflow: hidden;
	z-index: 10;
}
.puzzle-piece {
	position: absolute;
	cursor: pointer;
	z-index: 1;
}
.puzzle-piece:hover {
	z-index: 5;
}
.puzzle-piece .puzzle-link {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.puzzle-piece .puzzle-img {
	display: block;
	width: 100%;
	height: 100%;
}
/* 호버: SVG 이미지에 필터 → 퍼즐 모양 그대로 딤드 */
.puzzle-piece .puzzle-img {
	transition: filter 0.3s ease;
}
.puzzle-piece:hover .puzzle-img {
	filter: brightness(0.35);
}
.puzzle-piece .puzzle-overlay {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}
.puzzle-piece:hover .puzzle-overlay {
	opacity: 1;
}
.puzzle-piece .puzzle-name {
	color: #fff;
	font-size: clamp(16px, 2.3vw, 28px);
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	text-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
/* 피스별 타이틀 위치 */
.puzzle-piece .puzzle-name { position: absolute; transform: translate(-50%, -50%); white-space: nowrap; }
.piece-1 .puzzle-name { top: 50%; left: 50%; }
.piece-2 .puzzle-name { top: 50%; left: 38%; }
.piece-3 .puzzle-name { top: 50%; left: 52%; }
.piece-4 .puzzle-name { top: 62%; left: 50%; }
.piece-5 .puzzle-name { top: 62%; left: 50%; }
.piece-6 .puzzle-name { top: 38%; left: 53%; }
.piece-7 .puzzle-name { top: 50%; left: 48%; }
.piece-8 .puzzle-name { top: 61%; left: 62%; }
.piece-9 .puzzle-name { top: 50%; left: 63%; }
/* 진행중 상태 */
.puzzle-piece[data-status="playing"] .puzzle-img {
	filter: brightness(0.35);
}
.puzzle-piece .puzzle-status-playing {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: clamp(2px, 0.4vw, 4px);
	pointer-events: none;
}
.puzzle-piece[data-status="playing"] .puzzle-status-playing {
	display: flex;
}
.puzzle-piece[data-status="playing"] .puzzle-overlay {
	display: none;
}
.puzzle-piece[data-status="playing"]:hover .puzzle-img {
	filter: brightness(0.35);
}
.puzzle-piece .hourglass-ico {
	width: clamp(20px, 4vw, 50px);
	height: auto;
}
.puzzle-piece .puzzle-status-playing span {
	color: #e4ee4e;
	font-size: clamp(12px, 2.5vw, 28px);
	font-weight: 700;
	text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
/* 피스별 진행중 위치 */
.piece-1 .puzzle-status-playing { top: 45%; left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); }
.piece-2 .puzzle-status-playing { top: 45%; left: 37%; right: auto; bottom: auto; transform: translate(-50%, -50%); }
.piece-3 .puzzle-status-playing { top: 45%; left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); }
.piece-4 .puzzle-status-playing { top: 59%; left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); }
.piece-5 .puzzle-status-playing { top: 60%; left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); }
.piece-6 .puzzle-status-playing { top: 35%; left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); }
.piece-7 .puzzle-status-playing { top: 56%; left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); }
.piece-8 .puzzle-status-playing { top: 68%; left: 62%; right: auto; bottom: auto; transform: translate(-50%, -50%); }
.piece-9 .puzzle-status-playing { top: 56%; left: 63%; right: auto; bottom: auto; transform: translate(-50%, -50%); }
/* 클리어 상태 */
.puzzle-piece[data-status="cleared"] {
	filter: brightness(1);
	cursor: pointer;
}
.puzzle-piece[data-status="cleared"] .puzzle-overlay,
.puzzle-piece[data-status="cleared"] .puzzle-status-playing {
	display: none;
}
.puzzle-piece[data-status="cleared"]:hover .puzzle-img {
	filter: none;
}
.puzzle-piece .puzzle-frame {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	z-index: 10;
	pointer-events: none;
}
.puzzle-piece .puzzle-img-cleared {
	display: none;
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-image: url("../../../../../images/egovframework/com/ebs/event/20260410_events/puzzle_completed.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.puzzle-piece[data-status="cleared"] .puzzle-img-cleared {
	display: block;
}
/* 클리어 이미지 피스별 오프셋 (통이미지를 피스 크기에 맞게 확대+위치 조정) */
.piece-1 .puzzle-img-cleared { width:300%; height:300%; left:0; top:0; }
.piece-2 .puzzle-img-cleared { width:224.3%; height:300%; left:-74.8%; top:0; }
.piece-3 .puzzle-img-cleared { width:299.4%; height:300%; left:-199.6%; top:0; }
.piece-4 .puzzle-img-cleared { width:300%; height:224.3%; left:0; top:-49.5%; }
.piece-5 .puzzle-img-cleared { width:179.1%; height:224.3%; left:-39.6%; top:-49.5%; }
.piece-6 .puzzle-img-cleared { width:299.4%; height:224.3%; left:-199.6%; top:-74.8%; }
.piece-7 .puzzle-img-cleared { width:300%; height:300%; left:0; top:-200%; }
.piece-8 .puzzle-img-cleared { width:224.3%; height:224.3%; left:-49.5%; top:-124.3%; }
.piece-9 .puzzle-img-cleared { width:224%; height:300%; left:-124.1%; top:-200%; }
/* 완성 이미지 */
.puzzle-completed {
	display: none;
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}

/* 퍼즐 조각 배치 (942x942 기준 %) + clip-path */
/* 퍼즐 조각 배치: 942x942 기준, 셀 314, 탭 106, 오프셋 208 */
.piece-1 { left: 0;          top: 0;          width: 33.3334%; height: 33.3334%; clip-path: url(#clip-1); }
.piece-2 { left: 33.3334%;   top: 0;          width: 44.586%;  height: 33.3334%; clip-path: url(#clip-2); }
.piece-3 { left: 66.6667%;   top: 0;          width: 33.4%;    height: 33.3334%; clip-path: url(#clip-3); }
.piece-4 { left: 0;          top: 22.0828%;   width: 33.3334%; height: 44.586%;  clip-path: url(#clip-4); }
.piece-5 { left: 22.0828%;   top: 22.0828%;   width: 55.8387%; height: 44.586%;  clip-path: url(#clip-5); }
.piece-6 { left: 66.6667%;   top: 33.3334%;   width: 33.4%;    height: 44.586%;  clip-path: url(#clip-6); }
.piece-7 { left: 0;          top: 66.6667%;   width: 33.3334%; height: 33.3334%; clip-path: url(#clip-7); }
.piece-8 { left: 22.0828%;   top: 55.4139%;   width: 44.586%;  height: 44.586%;  clip-path: url(#clip-8); }
.piece-9 { left: 55.4139%;   top: 66.6667%;   width: 44.65%;   height: 33.3334%; clip-path: url(#clip-9); }

/* 반응형 */
@media screen and (max-width: 768px) {
	.puzzle-container { width: 85%; }
	.puzzle-piece .puzzle-name { font-size: 12px; }
	.puzzle-piece .puzzle-status-playing span { font-size: 11px; }
}
@media screen and (max-width: 480px) {
	.puzzle-container { width: 85%; }
	.puzzle-piece .puzzle-name { font-size: 10px; }
	.puzzle-piece .puzzle-status-playing span { font-size: 9px; }
}