img {vertical-align:top}



.header {
    /* »ó´Ü °íÁ¤À» À§ÇÑ ÇÙ½É ¼Ó¼º */
    position: -webkit-sticky; /* »çÆĸ® ºê¶ó¿ìÀú Áö¿ø */
    position: sticky;
    top: 0;
    z-index: 1000;
    
    /* °íÁ¤ ½Ã ¹è°æÀÌ Åõ¸íÇÏ¸é ±ÛÀÚ°¡ °ãÃÄ º¸À̹ǷΠ¹è°æ»ö ÁöÁ¤ Çʼö */
    background-color: #ffffff; 
    
    /* (¼±Åà »çÇ×) ÇÏ´Ü¿¡ »ì¦ ±×¸²ÀÚ¸¦ ÁÖ¾î ±¸ºÐ°¨À» ÁÙ ¼ö ÀÖ½À´Ï´Ù */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    
    /* ±âÁ¸ ½ºÅ¸ÀÏ À¯Áö */
    width: 100%;
    height: 50px; /* ÀûÀýÇÑ ³ôÀÌ°ª È®ÀÎ ÇÊ¿ä */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header .event-left, 
.header .event-right {
    flex: 0 0 50px; /* ´Ã¾î³ªÁöµµ ÁÙ¾îµéÁöµµ ¾Ê°í 50px °íÁ¤ */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Áß¾Ó ¿µ¿ªÀÌ ³²´Â °ø°£À» ´Ù Â÷ÁöÇÔ */
.header .event-center {
    flex: 1; 
    font-size: 18px; /* ¿øÇÏ´Â Å« »çÀÌÁî */
    text-align: center;
    white-space: nowrap; /* ±ÛÀÚ°¡ Àý´ë ¾Æ·¡·Î ³»·Á°¡Áö ¾Ê°Ô ¼³Á¤ */
    overflow: hidden;    /* Ȥ½Ã ³ÑÄ¡¸é ¼û±è ó¸® */
    text-overflow: ellipsis; /* ³Ê¹« ±æ¸é ... ó¸® (º¸Çè¿ë) */
}

/*popLayer*/
.mask { display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.6); z-index:101;}
#qr_layer {position:fixed; top:0; bottom:0; left:0; right:0; z-index: 10001;}
.qr-wrap {display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; top:0; left:0; width:100%; height:100%;overflow:hidden; box-sizing:border-box; z-index: 102;}
.qr-dialog {margin: 0 auto;color:#646873;width:100%;position: relative;}
.qr-dialog .inbox {margin:0 20px;}
.qr-content { border: none;background:#f1f2f4; overflow: hidden; -webkit-border-radius: 12px; border-radius: 12px;-webkit-box-shadow: 10px 10px 10px 0 rgba(0,0,0,0.3) !important; box-shadow: 10px 10px 10px 0 rgba(0,0,0,0.3) !important; padding:20px;}/*2026-04-24*/
.qr-content .pt_top{padding-top:40px;font-size:13px;text-align:center;}
.qr-content .pt_result{font-size:15px;padding-top:60px;text-align:center;color:#222}
.qr-content .pt_result span{color:#08862a}
.qr-content .breif{text-align:center;padding-top:60px;font-size:15px;font-weight:500;color:#222}
.qr-content .breif span{display:block;padding-top:10px;}

.pop-btnWrap{padding:0}/* 2026-04-27 */
.pop-btnWrap a{display:block;padding:12px 0;color:#fff;font-size:16px;text-align:center;background-color:#3d6fe7; border-radius: 7px;}

.qr-content .pop_notice span.subTit{color:#222;padding-top:7px;display:block;font-size:14px;}
.qr-content .pop_notice{font-size:16px;padding:40px 30px 0;text-align:center;color:#222}
.qr-content .pop_notice span.mainTit{color:#4348df;font-weight:600}
.qr-content .pop_notice ul.con_detail{color:#222;display:block;font-size:14px;padding:22px 0 32px 0}
.qr-content .pop_notice ul.con_detail li{text-align:left;padding:5px 0 0 0;}
.qr-content .pop_notice ul.con_detail li em{display:inline-block;position: relative;z-index:1;font-size:15px;font-style:normal;color:#4348df;font-weight:600}
.qr-content .pop_notice ul.con_detail li em:after{ content:""; width:calc(100% + 2px); height:7px; position: absolute; bottom:2px; left:-1px; background: #fff89d;z-index:-1000}
.qr-content .pop_notice ul.con_detail li span{position: relative;}
.qr-content .pop_notice ul.con_detail li span:after{content:"";position: absolute;top:9px;left:-5px;background: #222;width:3px;height:3px}
.qr-content .pop_notice span.subTit{color:#222;padding-top:7px;display:block;font-size:14px;}
.qr-content .pop_notice span.subTit em{display:inline-block;position: relative;z-index:1;font-size:15px;font-weight:600;font-style:normal}
.qr-content .pop_notice span.subTit em:after{ content:""; width:calc(100% + 2px); height:7px; position: absolute; bottom:2px; left:-1px; background: #fff89d;z-index:-1000}

.qr-dialog .botPopMnu {position: absolute;z-index: 111;left: 0;right: 0;top: -50px;color:#fff;}
.qr-dialog .botPopMnu li {width: 50%;}
.qr-dialog .botPopMnu li:first-child {float: left; text-align: left;}
.qr-dialog .botPopMnu li:first-child a {display: block;padding-left: 22px;height: 30px;line-height: 30px;font-size: 15px;color: #fff;}
.qr-dialog .botPopMnu li:last-child { float: right;text-align: right;}
.qr-dialog .botPopMnu li:last-child a {display: inline-block;padding: 4px 22px 4px 45px;vertical-align: top;}
.qr-dialog .botPopMnu li:last-child a .but_exit {display:inline-block;width:22px;height:22px;overflow:hidden;word-break:break-all;font-size:1px;line-height:1em;color:transparent;vertical-align:top;background-image:url('../img/btn_close_new.png');background-size:22px auto;text-shadow:none !important;}

/*Ãß°¡ 2025-11-08*/
.tit_header{font-size:20px;color:#222;font-weight:600;letter-spacing:-1px;padding:30px 0 20px 0;text-align:center;}
.pop_notice_251118 {font-size:16px;color:#222;font-weight:600;padding:10px 36px 40px;text-align:center;line-height:24px}
.pop_notice_251223 {font-size:16px;color:#222;font-weight:600;padding:15px 0px 25px;text-align:center;line-height:24px}/* 2026-04-27 */

footer{background:#fafafa;border-top:1px solid #e5e5e5;padding:30px 0;text-align:center;color:#666;margin-top:90px;font-size:13px;line-height:20px;}
footer strong{color:#111}
footer strong:first-child{padding-right:5px;}

.header .center { font-size: 18px} /*2025-12-11 Ãß°¡*/
.x-shape-card {
  position: absolute;top:24px;right:18px;width:20px;height:20px;text-indent:-9999px;display: inline-block;
  width: 20px; /* ¿øÇÏ´Â Å©±â */
  height: 20px;
}

.x-shape-card::before,
.x-shape-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px; /* ¼±ÀÇ µÎ²² */
  background-color: #444; /* »ö»ó */
}

.x-shape-card::before {
  transform: rotate(45deg);
}

.x-shape-card::after {
  transform: rotate(-45deg);
}



/* s:popLayer */
.mask { display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.6); z-index:101;}
#popLayer {position:fixed; top:0; bottom:0; left:0; right:0; z-index: 10001;}
.modal_result_wrap {display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; top:0; left:0; width:100%; height:100%;overflow:hidden; box-sizing:border-box; z-index: 102;}
.modal-dialog {margin: 0 auto;color:#646873;width:100%;animation: popupFadeUp 0.5s ease-out;}
.modal-dialog .inbox {margin:0 20px;}
header.modal-header h1 { padding: 40px 0 0 0; font-size:22px; font-weight:400; line-height:30px;text-align:center;color:#111;}
header.modal-header h1 span {color:#0060e3}
.modal-content {position:relative; border: none;background:#fff; overflow: hidden; -webkit-border-radius: 17px; border-radius: 17px;-webkit-box-shadow: 10px 10px 10px 0 rgba(0,0,0,0.3) !important; box-shadow: 10px 10px 10px 0 rgba(0,0,0,0.3) !important; }
.modal-btn-close {position:absolute;top:20px;right:20px;background:url('../imgs/btn_close.png') 0 0 no-repeat;width:16px;height:16px; background-size:16px 16px;}



/*°á°ú Æ˾÷ ÆäÀÌµå ¾÷*/


    @keyframes dropDown {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

	@keyframes popupFadeUp {
	  from {
		opacity: 0;
		transform: translateY(30px); /* 20px ¾Æ·¡¿¡¼­ */
	  }
	  to {
		opacity: 1;
		transform: translateY(0);    /* ¿ø·¡ À§Ä¡·Î */
	  }
	}



    .reset-btn {
      margin-top: 20px;
      padding: 12px 30px;
      background: linear-gradient(135deg, #ffb347 0%, #ffcc80 100%);
      border: none;
      border-radius: 25px;
      font-size: 16px;
      color: white;
      cursor: pointer;
      opacity: 0;
      transition: all 0.3s ease;
      pointer-events: none; /* ¾È º¸ÀÏ ¶© Ŭ¸¯ ¹æÁö */
    }

    .reset-btn.show {
      opacity: 1;
      pointer-events: auto;
    }

    .reset-btn:hover {
      transform: scale(1.05);
      box-shadow: 0 5px 20px rgba(255,179,71,0.4);
    }



/* popup */
#popup_comm {position:fixed; top:0; bottom:0; left:0; right:0; z-index: 10001;}
.popup_nh_wrap {display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; top:0; left:0; width:100%; height:100%;overflow:hidden; box-sizing:border-box; z-index: 102;}
.popup_nh_wrap .inbox {margin:0 20px;font-size:13px;}
.popup_top {position:relative;padding:15px 20px !important;background-color:#76bd1f;height:inherit}
.popup_top .title {font-size:15px;color:#fff;font-weight:bold;text-align:center;padding:0 !important;}
.popup_top .title span {display:block;font-size:13px;}
.popup_top .close {position:absolute;right:20px;top:15px;}
.popup_contents {padding:15px;background-color:#FFF;border:2px solid #222;border-radius:10px}
.popup_contents .infobox{padding:10px 15px;background-color:#f8f8f8;font-size:11px;margin-bottom:15px;line-height:15px;}/*2025-12-30*/
.popup_contents .infotxt{font-size:11px;color:#666;padding:5px 0 10px;line-height:15px;}/*2025-12-30*/
.popup_tbl_demo_wrap h2{font-size:12px;}
.event_info_wrap{ margin-bottom:5px; overflow: hidden }
.event_info_wrap .info_col{display: inline-block; float:left;width:calc(35% - 2.5px); margin-right:5px;}
.event_info_wrap .info_default{display: inline-block;width:100%;}
.event_info_wrap .info_col.end{margin-right:0;width:calc(65% - 2.5px);}
.txtInput input{box-sizing: border-box;width:100%;border:1px solid #e2e6ec;height:40px;line-height:40px;font-size:13px;padding:0 10px;border-radius:7px}/*2025-12-30*/
.txtInput input::placeholder { font-size: 13px; line-height: 43px; color: #000; color: #6b6d79;}
.txtInput input::-webkit-input-placeholder {font-size: 13px; line-height: 43px; color:#6b6d79}
.agree_wrap{width:100%;margin:0 auto;padding:12px 0 0 0;font-size:13px;}
.agree_wrap .intit{font-weight:600;font-size:12px;}
.agree_box{overflow:auto;height:75px;padding:15px 15px 15px 0;margin-bottom:10px;font-size:12px;line-height:18px;background:#fff;border:1px solid #e2e6ec;border-top:1px solid #999;color:#666;-webkit-overflow-scrolling: touch;margin-top:10px;}/*2025-12-30*/
.agree_box li{padding:0 0 10px 20px;}
.agree_box li:last-child{padding-bottom:0px;}
.chk_box{padding-bottom:20px;font-size:12px;}
.mask { display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.4); z-index:101;}
.btn_group {text-align:center;display:table;width:100%;margin:0} 
.btn_group a{display:block;display:table-cell;width:50%;} 
.btn_group .btn_cell{padding:0 3px;} 
.outit{font-weight:600;font-size:12px;}/*¼öÁ¤ 2025-12-30*/
.btn_default_first {display:inline-block;width:100%;height:40px;font-size:13px;color:#0f68ec;font-weight:bold;border:0;background:#e4f2ff;border:2px solid #0f68ec; border-radius:7px;margin:0 0 15px;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);}/*2025-12-30*/
.btn_default_line {display:inline-block;width:100%;height:40px;font-size:16px;color:#fff;font-weight:bold;border:0;background:#8b8b8b; border-radius:7px}/*2025-12-30*/
.btn_default_line.btn_default_blue{background:#0f68ec;}

.inPen {margin-bottom:7px;}
.inPen span{display:inline-block;position: relative;z-index:1;font-size:12px;}
.inPen span:after{ content:""; width:calc(100% + 4px); height:7px; position: absolute; bottom:2px; left:-3px; background: #ffe4b4;z-index:-1}

.mask_over { display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.6); z-index:103;}/*2025-12-30*/

/* ##### 2026-01-08 ¿©±â¼­ºÎÅÍ ÀüºÎ ##### */
/*btn_guide_wrap*/
.btn_guide_wrap{padding:40px 0;border-width:10px 0;border-style:solid;border-color:#f7f8fa;}
.btn_guide_wrap a{display:block;width:100%;}
.btn_guide_wrap .btn_winner_new {background-color:#19973c;border-radius:13px;padding:17px 0 17px 0;text-align:center;color:#fff;}
.btn_txt_new{font-size:17px;font-weight:400;}


/* ´ç÷³»¿ª popup */
.ev_list_inbox .title {font-size:15px;color:#333;padding-top:10px;}
.ev_list_inbox .popup_contents {padding:20px 20px;background-color:#FFF;border-radius:20px;min-width:260px}

.numInput_wrap{display:table;width:100%;padding:10px 0}
.numInput_wrap .numInput{display:table-cell;width:25%;padding-right:5px}
.numInput_wrap .numInput:last-child{padding-right:0px}
.numInput_wrap .numInput input{width:100%;border:1px solid #ddd;height:35px;line-height:35px;font-size:13px;padding:0 10px}


.numInput_box{display:table;width:100%;padding:5px 0;}
.numInput_box .numInput{display:table-cell;width:25%;padding-right:5px}
.numInput_box .numInput:last-child{padding-right:0px}
.numInput_box .numInput input{width:100%;border:1px solid #ddd;height:35px;line-height:35px;font-size:13px;padding:0 10px}

.txtInput input{width:100%;border:1px solid #ddd;height:38px;line-height:38px;font-size:13px;padding:0 10px;}
.txtInput input::placeholder {color:#d2d2d2}
.txtInput input:-ms-input-placeholder {color:#d2d2d2}

.inputBox_Wrap{margin:10px 0 15px}
.txtInput_ln{border-bottom:1px solid #ddd;display:block}
.txtInput_ln input{border:0;height:38px;line-height:38px;font-size:13px;padding:0 10px;}
.txtInput_ln input::placeholder {color:#d2d2d2}
.txtInput_ln input:-ms-input-placeholder {color:#d2d2d2}

.btn_default {display:inline-block;height:40px;font-size:16px;color:#fff;font-weight:bold;border:0;background:#8b8b8b;border-radius:7px}

.btn_ev_list_group {text-align:center;margin:20px 0 0 0;overflow:hidden} 
.btn_ev_msg_group {text-align:center;overflow:hidden} /*2026-04-24 Ãß°¡*/
.btn_area li{display:inline-block;float:left;width:calc(35% - 2.5px);}
.btn_area li:first-child{padding-left:0}
.btn_area li:last-child{width:calc(65% - 2.5px);margin-left:5px;}
.btn_area button{width:100%;font-weight:normal;height:50px}
.btn_area .btn_type{background:#0f68ec;border-color:#0f68ec;color:#fff;}


.data_info{text-align:center;font-size:12px}

.my_event {margin:30px 0 10px 0;}
.group_title{font-size:15px;color:#333;padding-bottom:10px;}


/* ´ç÷³»¿ªÁ¶È¸-´ç÷³»¿ª pop_result */
.inner_date{border:1px solid #e3e3e3;background:#f8f8f8;margin:15px 20px 0;padding:10px 15px;}
.inner_date li{position: relative;padding:0 7px;letter-spacing:.3px;}
.inner_date li span{color:#08862a}
.inner_date li:before{content:"";position: absolute; left:0; top:8px;background: #64a213; width: 3px; height: 3px;}
.thead_area table {margin:0;width: 100%; border-collapse: collapse; table-layout: fixed;}
.table_area {margin:0;border-bottom:1px solid #ddd}
.tbl_default{border-collapse:collapse;width:100%;font-size:13px;}
.tbl_default td {
	padding:10px 11px;
	text-align:center;
	border:solid #dfdfdf;
	border-width:0 0 1px 0;
	color:#222;
	vertical-align:middle;
}

/* º»¹® ù ¹ø° Ä­ ³Êºñ ÅëÀÏ (40%) */
.tbl_default colgroup col:first-child {
    width: 40%;
}

.tbl_default td:first-child {
    border-right: 1px solid #dfdfdf;
}

.textInfo{margin:10px 20px 0;font-size:12px;}
.breif2{text-align:center;padding-top:50px;font-size:15px;font-weight:500}

.theadTh {display:table; width:100%;box-sizing:border-box;border-top:1px solid #ddd;}
.theadTh li{display:table-cell;background:#fff;border:solid #dfdfdf;border-width:0 0 1px 0;text-align:center;vertical-align:middle;font-size:13px;padding:10px 11px;}
.theadTh li:first-child{width:40%; border-right: 1px solid #dfdfdf;padding: 0; /* ºÒÇÊ¿äÇÑ Æеù Á¦°Å */margin: 0;}
.tbl_default td:first-child { border-right: 1px solid #dfdfdf;}

.not-data{display:block;text-align:center;padding:30px}





 /* ¸ð¹ÙÀÏ Æ˾÷ ÄÁÅ×ÀÌ³Ê */
	.ev-container {
		position: relative;
		overflow: hidden;
		min-height: 24vh;
		padding: 0 20px 0px;
		display: flex;
		align-items: center;  
		flex-direction: column;
	}

	.breif_btm
		{ opacity: 0;
		  transform: translateY(10px);
		  animation: dropDown 1.2s ease-out forwards;
		  animation-delay: 0.11s;
		  text-align:center;padding-top:7px;font-size:17px;letter-spacing:-.5px;font-weight:500;color:#333;line-height:22px;
		}
	.breif_btm div{display:inline-block;color:#0060e3;font-weight:700;}
	.breif_btm span{display:block;padding-top:3px;}

	/*.np-btnWrap{padding:40px 20px 20px}
	.np-btnWrap a{display:block;padding:13px 0;color:#fff;font-size:18px;font-weight:600;text-align:center;background-color:#0060e3; border-radius: 8px;}
	 »èÁ¦ 2026-05-22 */

	.textWrap{display: flex;
      justify-content: center;
      align-items: center;
	  margin: 0 0 20px;
	  }

/* »ó´Ü '¾Æ½¬¿ö¿ä!'¿Í ÇÏ´Ü '±ä ¹®±¸' °øÅë Ãʱ⠻óÅ */

#instruction, 
.text-animation .default_msg {
    opacity: 0;
    transform: translateY(20px); /* 20px ¾Æ·¡¿¡¼­ ´ë±â */
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                opacity 0.8s ease;
    display: block; /* ÁÙ¹Ù²Þ ¹× °£°Ý È®º¸ */
	
}

	.instruction {
	  margin-top: 0px;
	  font-size: 20px;
	  font-weight:700;
	  color: #333;
	  margin:0 auto;
	   /* animation: popupFadeUp 0.8s ease-out forwards; 
	  animation-delay: 1.5s;*/
	  opacity: 0; 
	}

    .text-animation {
      display: block;
      text-align:center;font-size:26px;color:#222;
	  width: 100%;
	  min-height: auto; /* °íÁ¤ ³ôÀÌ Á¦°Å */
	  overflow: visible !important; /* À߸² ¹æÁö */
    }
	.instruction,
    .text-animation span {
		opacity: 0;
		transform: translateY(20px); 
		/* transitionÀ¸·Î¸¸ Á¦¾îÇØ¾ß ºÎµå·´½À´Ï´Ù */
		transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
					opacity 0.8s ease;
		display: block !important;
       /*animation: dropDown 0.3s ease-out forwards; 
	  animation-delay: 2s;*/
	  color:#555
    }

	.winner{text-align:center;padding:5vw 20vw;;}
	.breif_new{text-align:center;padding-top:10px;font-size:22px;font-weight:500;color:#222;}
	.default_msg{text-align:center;font-size:16px;font-weight:500 !important;}
	.default_msg div {display:inline-block;color:#0060e3;font-weight:600;}
	.default_msg .point-color{color:#0060e3 !important;font-weight:500;font-style:normal}

	.fail {text-align:center;font-size:16px;font-weight:400 !important;color:#444;}
	.breif_fin{text-align:center;/* padding-top:60px; */padding: 50px 20px 30px;font-size: 17px;font-weight:500;color:#222;}
	.breif_fin span{display:block;padding-top:3px;}
	.comm_img{position: absolute;top:-30px;left:0;text-align:center;padding:0 70px 0;position: relative;}
	.comm_img .boom{position: absolute;top:-70px;left:0;width:100%} 
	.comm_img .boom img{max-width:360px;margin:0 auto} 
	.comm_img img{width:200px;margin:0 auto}


	/* Æ˾÷ Çì´õ */
	.popup-header {
		text-align: center;
		margin-bottom: 40px;
		position: relative;
		z-index: 10;
	}

	.popup-header h2 {
		font-size: 24px;
		color: #ff6b9d;
		margin-bottom: 10px;
	}

	.popup-header p {
		font-size: 14px;
		color: #999;
	}

	/* Æ˾÷ ÄÁÅÙÃ÷ ¿µ¿ª */
	.popup-content {
		position: relative;
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		min-width:250px;
	}

	/* ¾Ö´Ï¸ÞÀÌ¼Ç ¿µ¿ª */
	.animation-area {
		position: relative;
		flex: 1;
		width: 100%;
		overflow: hidden;  /* Æ˾÷ °æ°è ¾È¿¡¼­¸¸ º¸À̵µ·Ï */
	}

	/* ¾Ö´Ï¸ÞÀÌ¼Ç ÄÁÅ×ÀÌ³Ê */
	.animation-container {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
	}
    
	


/* »óÀÚ ÄÁÅ×ÀÌ³Ê Áß¾Ó Á¤·Ä */
.box-container {
    position: relative;
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}


/* °á°ú À̹ÌÁö ¿µ¿ª */
.ice-wrapper {
    position: relative;
    z-index: 10;
    width: 140px;
    max-width: 100%;
}

/* ÃÖÃÊ/´ç÷/¹Ì´ç÷ °á°ú À̹ÌÁö °øÅë */
.ice-wrapper img {
    display: block;
    width: 100%;
    max-width: 140px;
    height: auto;
    max-height: 180px;
    object-fit: contain;
    margin: 0 auto;
}

.ice-wrapper img.fade-in {
    animation: imageFadeIn 0.7s ease forwards;
}

@keyframes imageFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* ¼±¹°»óÀÚ Èçµé¸² */
.ice-wrapper.shaking {
    animation: boxShake 0.58s ease-in-out infinite;
    transform-origin: 50% 100%;
}

@keyframes boxShake {
    0%, 100% {
        transform: translateX(0) rotate(0deg);
    }
    20% {
        transform: translateX(-4px) rotate(-2deg);
    }
    40% {
        transform: translateX(4px) rotate(2deg);
    }
    60% {
        transform: translateX(-3px) rotate(-1.5deg);
    }
    80% {
        transform: translateX(3px) rotate(1.5deg);
    }
}


	/* =========================================
       [Ãß°¡] »öÁ¾ÀÌ Á¶°¢ ÆøÁ× ¾Ö´Ï¸ÞÀ̼Ç
    ========================================= */
    .confetti-container {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 15; /* ²É°ú ¼¶±¤ »çÀÌ */
        transform: translate(-50%, -50%);
    }

    .confetti-piece {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px;
        height: 8px;
        border-radius: 50%; /* µ¿±×¶õ ¸ð¾ç */
        opacity: 0;
    }

    @keyframes confettiBurst {
        0% {
            transform: translate(0, 0) scale(1);
            opacity: 1;
        }
        100% {
            /* JS¿¡¼­ ÁÖÀÔÇÑ º¯¼ö(var) °ª¿¡ µû¶ó ·£´ýÇÑ ¹æÇâÀ¸·Î ÆÛÁü */
            transform: translate(var(--x), var(--y)) rotate(var(--r));
            opacity: 0;
        }
    }





/* °á°ú À̹ÌÁö ÆäÀ̵åÀÎ */
#iceImage {
    opacity: 1;
}

#iceImage.fade-in {
    animation: resultFadeIn 0.7s ease forwards;
}

@keyframes resultFadeIn {
    0% {
        opacity: 0;
        transform: scale(0.96);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}


    /* ÅؽºÆ® ¹× ¹öÆ° ½ºÅ¸ÀÏ */
    #instruction, .text-animation .default_msg { opacity: 0; transform: translateY(10px); transition: all 0.5s ease; display: block; text-align: center; }
    .instruction { font-size: 20px; font-weight: 700; color: #333; margin: 10px 0; }
    .point-color { color: #0060e3; font-style: normal; font-weight: bold; }
    .np-btnWrap { padding: 20px; }
	.np-btnWrap a, .np-btnWrap-mssg a { display: block; padding: 13px 0; color: #fff; font-size: 18px; font-weight: 600; text-align: center; background-color: #0060e3; border-radius: 8px; text-decoration: none; }
	
	/* 2026-05-22 Ãß°¡ */
    .np-btnWrap a.np-btnWrap-pay, .np-btnWrap-mssg a.np-btnWrap-pay {display:block;margin-bottom:10px;padding:12px 0 13px;color:#3182f7;font-size:16px;text-align:center;background-color:#fff;border:1px solid #3182f7 ;border-radius: 7px;}

    @keyframes popupFadeUp {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }