@charset "utf-8";
@import url("/css/webfont.css");

.evt_wrap * {box-sizing: border-box;}
.evt_wrap i {display: inline-block;}
.evt_notice_btn {color: #666;}

/* ----------------------------------------------------------------
					evt_enter_code
-----------------------------------------------------------------*/
.evt_enter_code { padding: 60px 0 17px; overflow: hidden;background: #2D2D2D;}
.evt_enter_code .enter_code_txt_wrap {animation: txtin 1s forwards;}
.evt_enter_code .entercode_txt {display: block;}
.evt_enter_code .entercode_txt1 {width: 214px; margin: 0 auto;}
.evt_enter_code .entercode_txt2 {width: 314px; margin: 18px auto 0;}
.evt_enter_code .entercode_txt3 {width: 232px; margin: 9px auto 0;}
.evt_enter_code .enter_code_wrap {margin-top: 87px; display: flex; flex-wrap: wrap; gap: 0 4px; opacity: 0;animation: txtin 1s forwards; animation-delay: 0.3s;}
.evt_enter_code .ipt_invite_code  {background: #fff; border-radius: 40px; border: none; padding: 9px 14px; font-size: 14px; line-height: 14px; width: calc(100% - 120px);}
.evt_enter_code .ipt_invite_code::placeholder {font-size: 11px; color: #bbb;}
.evt_enter_code .btn_accept_point {background: #FFC600; font-size: 12px; line-height: 12px; color: #2D2D2D; padding: 11px 0;border-radius: 40px; font-weight: 700; width: 116px;}

@keyframes txtin{
	0% {transform: translateY(150px);opacity: 0;}
	100% {transform: translateY(0);opacity: 1;}
}
@media (min-width:768px) {
	.evt_enter_code {padding: 100px 0 20px;}
	.evt_enter_code .entercode_txt1 {width: 428px;}
	.evt_enter_code .entercode_txt2 {width: 628px; margin-top: 40px;}
	.evt_enter_code .entercode_txt3 {width: 464px; margin-top: 20px;}
	.evt_enter_code .enter_code_wrap {margin-top: 80px; gap: 0 12px;}
	.evt_enter_code .ipt_invite_code {width: calc(100% - 292px); font-size: 28px; line-height: 30px;padding: 25px 34px; }
	.evt_enter_code .ipt_invite_code::placeholder {font-size: 28px;}
	.evt_enter_code .btn_accept_point {width: 280px; padding: 25px 34px; font-size: 28px; line-height: 30px;}

}
/* ----------------------------------------------------------------
					bot_bnr
-----------------------------------------------------------------*/
.bot_bnr {padding-top: 60px;background: #2D2D2D; text-align: center; overflow: hidden;}
.bot_bnr .bot_bnr_tit {width: 243px;  margin-bottom: 10px;animation: txtin 1s forwards; animation-delay: 0.7s; opacity: 0;}
.bot_bnr .bnr_area {height: 77px;animation: txtin 1s forwards; animation-delay: 1s; opacity: 0;}
.bot_bnr a {display: block; width: 100%; height: 100%;}
.bot_bnr .bnr1 {background: #3C3C3C url("//img.enuri.info/images/event/2024/invite/enter_code/jul/bnr1.png") center 100% no-repeat; background-size: 360px;}
.bot_bnr .bnr2 {background: #FFC600 url("//img.enuri.info/images/event/2024/invite/enter_code/jul/bnr2.png?=v3") center 100% no-repeat; background-size: 360px;}
.bot_bnr .bnr3 {background: #F7F0E5 url("//img.enuri.info/images/event/2024/invite/enter_code/sep/bnr3.png") center 100% no-repeat; background-size: 360px;}

@media (min-width:768px) {
	.bot_bnr {padding-top: 80px;}
	.bot_bnr .bot_bnr_tit{width: 486px; margin-bottom: 30px;}
	.bot_bnr .bnr_area {height: 240px;}
	.bot_bnr .bnr1 {background: #3C3C3C url("//img.enuri.info/images/event/2024/invite/enter_code/mar/bot_bnr11.png") center 25px no-repeat; background-size: 738px;}
	.bot_bnr .bnr2 {background: #FFC600 url("//img.enuri.info/images/event/2024/invite/enter_code/jul/bnr2-pc.png") center 100% no-repeat; background-size: 1000px;}
	.bot_bnr .bnr3 {background: #F7F0E5 url("//img.enuri.info/images/event/2024/invite/enter_code/sep/bnr3_pc.png") center no-repeat; background-size: 1000px;}
}