/* **************************************** *
 * 글씨체
 * **************************************** */

body, *, html {    font-family: 'OneStoreMobileGothicBody';}

@font-face {
    font-family: 'Ria';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-ExtraBold.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OneStoreMobileGothicTitleFont';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'OneStoreMobileGothicBody';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}



/* **************************************** *
 * wave-frame
 * **************************************** */
.wave-frame {
  width: 100%; box-sizing:border-box;
  padding: clamp(20px, 3vw, 38px);
  background: #e460a5; overflow:hidden;
}
body {padding:0 !important; margin:0px !important; width:100%; overflow-x:hidden;}
.wave-frame::before {content:''; z-index:1; 
position:absolute; top:0px; left:-10%; width:120%; height:1300px;
background:url('/kor/event/img/10mi_ch.png') no-repeat top center; background-size:100% auto ;}


.wave-paper {
  position: relative; width:100%;
  overflow: hidden;
  padding: clamp(70px, 8vw, 120px)
           clamp(35px, 7vw, 110px);
box-sizing:border-box;
  background: #fff;
  border-radius: 30px;
}

/* 잔잔하게 반복되는 물결 테두리 */
.wave-paper::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background:
    /* 위쪽 몽글몽글 */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 24' preserveAspectRatio='none'%3E%3Cpath fill='%23e460a5' d='M0 0H260V12C244 5 226 5 210 12C193 20 172 20 155 13C137 5 120 4 102 12C84 20 62 20 44 13C27 6 12 7 0 12Z'/%3E%3C/svg%3E")
    top left / 260px 24px repeat-x,

    /* 아래쪽 몽글몽글 */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 24' preserveAspectRatio='none'%3E%3Cpath fill='%23e460a5' d='M0 24H260V12C244 19 226 19 210 12C193 4 172 4 155 11C137 19 120 20 102 12C84 4 62 4 44 11C27 18 12 17 0 12Z'/%3E%3C/svg%3E")
    bottom left / 260px 24px repeat-x,

    /* 왼쪽 몽글몽글 */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 260' preserveAspectRatio='none'%3E%3Cpath fill='%23e460a5' d='M0 0H12C5 16 5 34 12 50C20 67 20 88 13 105C5 123 4 140 12 158C20 176 20 198 13 216C6 233 7 248 12 260H0Z'/%3E%3C/svg%3E")
    top left / 24px 260px repeat-y,

    /* 오른쪽 몽글몽글 */
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 260' preserveAspectRatio='none'%3E%3Cpath fill='%23e460a5' d='M24 0H12C19 16 19 34 12 50C4 67 4 88 11 105C19 123 20 140 12 158C4 176 4 198 11 216C18 233 17 248 12 260H24Z'/%3E%3C/svg%3E")
    top right / 24px 260px repeat-y;
}




.wave-paper > * {
  position: relative;
  z-index: 1;
}

@media (max-width: 640px) {
  .wave-frame {
    padding: 14px;
  }

  .wave-paper {
    padding: 60px 8px; box-sizing:border-box;
    border-radius: 22px;
  }
}







/* **************************************** *
 * gift_info_top
 * **************************************** */

.gift_info_top {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(170px, 1fr);
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(30px, 4vw, 55px) 0;
}

.gift_info_top header {
  min-width: 0;
}

.gift_info_top h2 {
  margin: 0;
  color: #050505;
  font-family: "Ria", sans-serif;
  font-size: clamp(22px, 4.8vw, 55px);
  font-weight: normal;
  line-height: 1.08;
  letter-spacing: -.065em;
}



	@media (max-width:640px) {
	
	.gift_info_top h2 {letter-spacing: 0em; }


	 	}


.gift_info_top h2 > span {
  display: block; font-family: 'Ria';
  width: max-content;
  max-width: 100%;
  white-space: nowrap;
}

.gift_info_top h2 > span + span {
  margin-top: .16em;
}

.gift_info_top h2 > span:last-child {
  margin-top: .4em;
  padding-left: .22em;
}

.gift_info_top h2 strong {
  display: inline-block;  font-family: 'Ria';
  margin-right: .14em;
  padding: .08em .2em .12em;
  color: #fff;
  border-radius: .16em;
  font-weight: normal;
  line-height: 1;
}
.gift_info_top h2 .pink {
  color: #ed4f83; padding-right:0;
}

.gift_info_top h2 .blue {
  background: #435bb2;
}

.gift_info_top h2 .green {
  background: #55b949;
}

.gift_info_top p {
  margin: .9em 0 0;
  color: #5a5a5a;
  font-family: "OneStoreMobileGothicBody", sans-serif;
  font-size: clamp(17px, 2.1vw, 26px);
  line-height: 1.4;
  letter-spacing: -.045em;
  white-space: nowrap;
}

.gift_info_top figure {
  position: relative;
  width: 100%;
  margin: 0;
	flex-wrap:wrap; gap:20px; }

  .gift_info_top figure  img {width:100%;}




@media (max-width: 680px) {
  .gift_info_top {
    grid-template-columns: 1fr;
    padding: 30px 0; text-align:center;
  }

.gift_info_top h2 > span {text-align:Center;  width:100%;}

  .gift_info_top p {
    font-size: clamp(14px, 4vw, 18px);
    white-space: normal;
  }

  .gift_info_top figure { text-align:Center; box-sizing:border-box;
    display:block;width:100%; padding:20px;
  }

  .gift_info_top figure img {width:90%; max-width:200px;}
}
.ontop_intxt{text-align:center; letter-spacing:-0.03rem; font-size:clamp(20px, 2.5vw, 40px); line-height:1.5; }



/* **************************************** *
 * event_notice
 * **************************************** */


.event_notice {
	padding: 22px 0px; 
	text-align: left; margin-left:auto; margin-right:auto;
	max-width: 1200px; width:80%;
}

.event_notice h2 {
	display: flex; font-family: 'OneStoreMobileGothicTitleFont';
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
	color: #222;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.4;
}

.event_notice h2::before {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px; font-family: 'OneStoreMobileGothicTitleFont';
	height: 26px;
	border-radius: 50%;
	background: #e8342c;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	content: "!";
}

.event_notice ul {
	margin: 0; display:flex; flex-wrap:wrap; gap:36px;
	padding: 0;
	list-style: none;
}

.event_notice li {
	position: relative;
	padding-left: 14px;
	color: #555;
	font-size: 20px;
	line-height: 1.65;
	word-break: keep-all;
}

.event_notice li:first-child {
	margin-top: 0;
}

.event_notice li::before {
	position: absolute;
	top: 0;
	left: 0;
	color: #e8342c;
	font-weight: 700;
	content: "·";
}

@media (max-width: 600px) {
	.event_notice {
		margin-top: 22px; 

	}
	.event_notice  ul {gap:10px }
	.event_notice h2 {
		font-size: 18px;
	}

	.event_notice li { 
		font-size: 14px; width:100%;
	}
}





/* **************************************** *
 * 글씨체
 * **************************************** */



@import url('https://fastly.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css');



.width_area {margin-left:auto; margin-right:auto; width:95%; max-width:1300px;}






/* **************************************** *
 * evnet_wrap
 * **************************************** */
.topimg {text-align:Center; padding-top:40px;}
.topimg img {width:90%; max-width:600px;}
.topimg2 {text-align:Center; padding:0px 0px;}
.topimg2 img {width:90%; max-width:800px;}


/* **************************************** *
 * evnet_wrap h1
 * **************************************** */

/*웹*/
	@media (min-width: 1024px) {
.evnet_wrap h1 {margin-top:30px; }
.evnet_wrap h1 img {height:50px;}
	}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.evnet_wrap h1 {margin-top:10px; }
.evnet_wrap h1 img {height:33px;}
}

	/*모바일*/
	@media (max-width:640px) {
.evnet_wrap h1 {margin-top:10px; }
.evnet_wrap h1 img {height:30px;}
}

/* **************************************** *
 * event top
 * **************************************** */
.evnet_wrap .top{overflow:hidden;}
.evnet_wrap .top .small_tit,
.evnet_wrap .top h2 p{
    font-family: 'PyeongChangPeace-Bold'; text-align:center; font-weight:normal;
}
.evnet_wrap .top .small_tit { color:#fff;}

	.evnet_wrap .top h2 p:nth-child(1) {color:#ffe25b}
	.evnet_wrap .top h2 p:nth-child(2) {color:#deff5b}
.evnet_wrap .top h3 {font-weight:600; color:#fff; 
margin-left:auto; margin-right:auto; 
text-align:center; }

.evnet_wrap .top h4 {font-weight:normal !important; text-align:Center; color:#fff;}
.evnet_wrap .top h4  strong {display:inline-block; 
vertical-align:middle;font-weight:600; color:#fff;}
.evnet_wrap .top h4  strong.color01 {background:#f05992;}
.evnet_wrap .top h4  strong.color02 {background:#4d69b1;}

.int_icon {position:relative;}
	.int_icon p  {color:#fff;     display:inline-block; font-family: 'LOTTERIACHAB';}
	.int_icon p:nth-child(1){background:#f044bd}
	.int_icon p:nth-child(2){background:#f4d948}
	.int_icon p  {position:absolute; }




/*웹*/
	@media (min-width: 1024px) {
.evnet_wrap .top{padding:30px 40px 30px 40px;}
.evnet_wrap .top .small_tit {font-size:60px; line-height:80px;}
.evnet_wrap .top h2  {font-size:116px;
line-height:130px; letter-spacing:-3px;}
.evnet_wrap .top h2  p{-webkit-text-stroke: 3px #000; 
text-shadow: 7px 7px #fff, -7px -7px #fff, -7px 7px #fff, 7px -7px #fff;}
		.evnet_wrap .top h3 { margin-top:30px; 
		font-size:40px; line-height:80px; 
		letter-spacing:-1px; }

	.int_icon p {font-size:50px; line-height:80px;
	-webkit-text-stroke: 2px #000;  border:2px solid #000;
	box-shadow:5px 5px 0px #000;
	padding:10px 50px; border-radius:50px;}

	.int_icon {height:240px;}
		.int_icon p:nth-child(1) {transform:rotate(10deg); top:30px; left:50%; margin-left:-250px;}
		.int_icon p:nth-child(2) {transform:rotate(-20deg); top:60px; left:50%;}


		.evnet_wrap .top h4 {font-size:23px; line-height:35px;}
		.evnet_wrap .top h4 strong {padding:0px 5px; line-height:30px;}


	}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.evnet_wrap .top{padding:50px 0px 30px 0px;}
.evnet_wrap .top .small_tit {font-size:40px; line-height:60px;}
.evnet_wrap .top h2  {font-size:78px;
line-height:100px; letter-spacing:-2px;}
.evnet_wrap .top h2  p{-webkit-text-stroke: 3px #000; 
text-shadow: 7px 7px #fff, -7px -7px #fff, -7px 7px #fff, 7px -7px #fff;}
		.evnet_wrap .top h3 { margin-top:10px; 
		font-size:30px; line-height:60px; 
		letter-spacing:-1px; }

	.int_icon p {font-size:37px; line-height:60px;
	-webkit-text-stroke: 2px #000;  border:2px solid #000;
	box-shadow:4px 4px 0px #000;
	padding:10px 40px; border-radius:50px;}

	.int_icon {height:200px;}
		.int_icon p:nth-child(1) {transform:rotate(10deg); top:30px; left:50%
		; margin-left:-180px;}
		.int_icon p:nth-child(2) {transform:rotate(-20deg); top:60px; left:50%;}
		.evnet_wrap .top h4 {font-size:19px; line-height:30px;}
		.evnet_wrap .top h4 strong {padding:0px 5px; line-height:30px;}


}

	/*모바일*/
	@media (max-width:640px) {
.evnet_wrap .top{padding:20px 0px 30px 0px;}
.evnet_wrap .top .small_tit {font-size:26px; line-height:40px;}
.evnet_wrap .top h2  {font-size:45px;
line-height:55px; letter-spacing:-2px;}
.evnet_wrap .top h2  p{-webkit-text-stroke: 2px #000; 
text-shadow: 4px 4px #fff, -4px -4px #fff, -4px 4px #fff, 4px -4px #fff;}
		.evnet_wrap .top h3 { margin-top:10px; 
		font-size:25px; line-height:50px; 
		letter-spacing:-1px; }

	.int_icon p {font-size:24px; line-height:36px;
	-webkit-text-stroke: 1px #000;  border:1px solid #000;
	box-shadow:3px 2px 0px #000;
	padding:10px 20px; border-radius:50px;}

	.int_icon {height:150px;}
		.int_icon p:nth-child(1) {transform:rotate(10deg); top:30px; left:15%;}
		.int_icon p:nth-child(2) {transform:rotate(-20deg); top:60px; right:15%; }
		.evnet_wrap .top h4 {font-size:15px; line-height:23px; word-break:keep-all;}
		.evnet_wrap .top h4 strong {padding:0px 5px; line-height:21px;}


}

/* **************************************** *
 * gift
 * **************************************** */
.evnet_wrap .gift {position:relative; }
.evnet_wrap .gift h3 { text-align:center;  position:absolute; color:#ffed6b; font-weight:600;}

.evnet_wrap .gift h3:after,
.evnet_wrap .gift h3:before {
box-sizing:border-box;   border-radius:50%; left:0;
 display:block;   position:absolute;}
.evnet_wrap .gift h3:after {content:'';    top:0px;
background:#ee256c;  z-index:-1;}
.evnet_wrap .gift h3:before  {content:'';
background:#bb1751; z-index:-2;}

.evnet_wrap .gift h3,
.evnet_wrap .gift h3  p{   font-weight:800;}
.evnet_wrap .gift h3  p {color:#fff; }
.evnet_wrap .gift h3:before,
.evnet_wrap .gift h3:after {border:1px solid #000;} 

.evnet_wrap .gift div {background:#fff; text-align:center; display:flex;flex-wrap:Wrap;}



.evnet_wrap .gift div dl { flex:1;  gap:20px;}
.evnet_wrap .gift div dl  dd {color:#fd3179; font-weight:700;}


/*웹*/
	@media (min-width: 1024px) {
		.evnet_wrap .gift {padding:100px 40px 30px 40px; margin-top:-120px;}
		.evnet_wrap .gift h3 {top:10px; left:-50px;  letter-spacing:-2px; 
		 font-size:40px; line-height:60px; 
		padding-top:40px; transform:rotate(-20deg);  }
		.evnet_wrap .gift h3, .evnet_wrap .gift h3:before,
		.evnet_wrap .gift h3:after { width:300px !important;  height:160px; }
	.evnet_wrap .gift h3:before  {top:20px;}
		.evnet_wrap .gift h3  p {font-size:35px; line-height:40px;}
		.evnet_wrap .gift div {border-radius:40px; padding:30px 30px; }
		.evnet_wrap .gift div dl { padding:10px 30px;}
		.evnet_wrap .gift div dl dt img{height:190px;}
		.evnet_wrap .gift div dl  dd {font-size:23px; line-height:30px;}
	}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
		.evnet_wrap .gift {padding:100px 20px 30px 20px; margin-top:-120px;}
		.evnet_wrap .gift h3 {top:10px; left:-50px;  letter-spacing:-2px; 
		 font-size:34px; line-height:40px; 
		padding-top:30px; transform:rotate(-20deg);  }
		.evnet_wrap .gift h3, .evnet_wrap .gift h3:before,
		.evnet_wrap .gift h3:after { width:260px !important;  height:130px; }
	.evnet_wrap .gift h3:before  {top:20px;}
		.evnet_wrap .gift h3  p {font-size:29px; line-height:30px;}
		.evnet_wrap .gift div {border-radius:30px; padding:30px 10px; }
		.evnet_wrap .gift div dl { padding:10px 7px;}
		.evnet_wrap .gift div dl dt img{height:170px;}
		.evnet_wrap .gift div dl  dd {font-size:21px; line-height:30px;}

}

	/*모바일*/
	@media (max-width:640px) {
		.evnet_wrap .gift {padding:100px 20px 10px 20px; margin-top:-120px;}
		.evnet_wrap .gift h3 {top:70px; left:-10px;  letter-spacing:-2px; 
		 font-size:27px; line-height:30px; 
		padding-top:30px; transform:rotate(-10deg);  }
		.evnet_wrap .gift h3, .evnet_wrap .gift h3:before,
		.evnet_wrap .gift h3:after { width:190px !important;  height:110px; }
	.evnet_wrap .gift h3:before  {top:10px;}
		.evnet_wrap .gift h3  p {font-size:24px; line-height:30px;}
		.evnet_wrap .gift div {border-radius:20px; padding:20px 10px; gap:10px 0px; }
		.evnet_wrap .gift div dl {flex-basis:100%;}
		.evnet_wrap .gift div dl dt img{height:160px;}
		.evnet_wrap .gift div dl  dd {font-size:17px; line-height:20px;}


}

/* **************************************** *
 * process
 * **************************************** */
.evnet_wrap h3.tit {font-weight:600; text-align:left !important;   
margin:0px !important; padding-bottom:20px;}


/*웹*/
	@media (min-width: 1024px) {
		h3.tit {font-size:30px; margin-bottom:20px;line-height:50px;}
	

	}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
		h3.tit {font-size:27px; margin-bottom:10px;line-height:50px;}
	
}

	/*모바일*/
	@media (max-width:640px) {
		h3.tit {font-size:25px; margin-bottom:10px;line-height:40px;}



}

/* **************************************** *
 * alert
 * **************************************** */
.alert {box-sizing:border-box;}
.alert ul {overflow:hidden; background:#fff;}
.alert ul li{position:relative;  box-sizing:border-box; }

.alert ul li:before {content:'';position:absolute;left:0; border-radius:50%;
 background:#ff6464}

/*웹*/
	@media (min-width: 1024px) {
		.alert {padding:20px 40px; }
		.alert ul {border-radius:30px; padding:30px;}
		.alert ul li{ font-size:18px; line-height:23px; 
		padding:10px 10px 10px 20px;float:left; width:50%;}
		.alert ul li:before { top:16px; width:5px; height:5px; }
	}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
		.alert {padding:20px 30px; }
		.alert ul li{ font-size:18px; line-height:23px; 
		padding:7px 10px 7px 20px;}
		.alert ul li:before { top:16px; width:5px; height:5px; }
		.alert ul {border-radius:30px; padding:30px;}

}

	/*모바일*/
	@media (max-width:640px) {
		.alert {padding:10px 30px;  overflow:hidden;}
		.alert ul li{ font-size:15px; line-height:20px; 
		padding:6px 6px 6px 7px;}
		.alert ul li:before { top:15px; width:3px; height:3px; }
		.alert ul {border-radius:30px; padding:20px;}

}

/* **************************************** *
 * linkarea
 * **************************************** */
.linkarea{ text-align:center; border-top:1px solid rgba(0,0,0,0.2);
 box-sizing:border-box; margin-left:auto; margin-right:auto; }

.linkarea a {display:inline-block;  border-style:solid; border-color:#000;
background:#9b6fe9;  text-align:Center;  color:#fff; font-weight:800; 
}
.linkarea a.check{background:#9b6fe9; }

/*웹*/
	@media (min-width: 1024px) {
.linkarea{  margin-top:20px; padding:40px 20px;
width:calc(100% - 80px)}
.linkarea a {
margin:0px 7px; padding:0px 20px; 
min-width:350px; border-width:2px;
border-radius:30px; 
font-size:33px; line-height:90px;
box-shadow: 9px 9px 0px #bf4800
}

.linkarea a.check{ box-shadow: 6px 6px 0px #3d1682 }

	}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.linkarea{ margin-top:20px; padding:30px 20px;
width:calc(100% - 80px)}
.linkarea a {
margin:10px 7px; padding:0px 50px; 
 border-width:2px;
border-radius:60px; 
font-size:30px; line-height:90px;
box-shadow: 6px 6px 0px #bf4800
}
.linkarea a.check{ box-shadow:6px 6px 0px  #3d1682 }
}

	/*모바일*/
	@media (max-width:640px) {
.linkarea{ margin-top:10px; padding:20px 0px;
width:calc(100% - 70px)}
.linkarea a {
margin:6px 0px; 
 border-width:2px; width:100%;
border-radius:60px; 
font-size:23px; line-height:70px;
box-shadow: 5px 5px 0px #bf4800
}
.linkarea a.check{ box-shadow:5px 5px 0px  #3d1682 }


}





.store_intxt {text-align:center;  color:#fff; background:#fff7f9; border-radius:clamp(20px, 2.5vw, 50px);
margin:0 auto; width:80%;
color:#000; text-align:Center;     font-family: 'OneStoreMobileGothicBody'; line-height:1.5; max-width: 1200px;
padding-block:clamp(30px, 7.5vw, 110px);}
 .store_intxt dt strong {color:#ff1562; font-family: 'OneStoreMobileGothicTitleFont';}
 .store_intxt dt { color:#000;
 font-size:clamp(25px,2.5vw, 60px); padding-bottom:15px;  font-family: 'OneStoreMobileGothicTitleFont';}

 .store_intxt dd {font-size:clamp(18px,2.5vw, 26px); margin:0; padding:0;   font-family: 'OneStoreMobileGothicBody'; l}

.intxt_miter {text-align:Center;  font-size:clamp(20px,2.5vw, 40px);  font-family: 'OneStoreMobileGothicTitleFont'; }


.gobtn_new {
	position: fixed;
	z-index: 100;
	left: 0;
	bottom: 0;
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
}

.gobtn_new a {
	display: flex;
	flex: 1;     font-family: 'Ria';
	align-items: center;
	justify-content: center;
	min-width: 0;
	padding: 20px 12px calc(20px + env(safe-area-inset-bottom));
	color: #fff;
	font-size: clamp(20px, 2.5vw, 40px);
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .38),
		inset 0 -3px 0 rgba(0, 0, 0, .12);
	transition: filter .2s ease, box-shadow .2s ease;
}

/* 핑크 버튼 */
.gobtn_new a.btn_go {
	background-color: #ed4f83;
}

/* 남색 단색 */
.gobtn_new a.btn_list {
	background-color: #30447f;
}

.gobtn_new a:hover {
	filter: brightness(1.06);
}

.gobtn_new a:active {
	box-shadow:
		inset 0 3px 6px rgba(0, 0, 0, .18),
		inset 0 1px 0 rgba(255, 255, 255, .15);
}