/* **************************************** *
 * body
 **************************************** */
* {box-sizing:border-box;}

/* **************************************** *
 *all_wrapin
 **************************************** */

.all_wrapin {position:relative; background:#ff8a44; width:100%; overflow:hidden;}
	.all_wrapin:before {content:'';position:absolute;width:49%; height:90vh; right:0; top:100px;
	background:url('/event/apsan/img4/map.png') no-repeat top center; background-size:100% auto ;}
	.all_wrapin > * { position:relative; z-index:2;}

	@media (max-width: 640px) {
		.all_wrapin:before{right:-40px}

	}


/* **************************************** *
 top
 **************************************** */
.all_wrapin .top {padding:clamp(20px, 2.5vw, 50px) 6%;}
	.all_wrapin .top  h3 {text-align:right;}
	.all_wrapin .top  h3 img {width:min(45%,350px)}
	.all_wrapin .top  h1 {padding-block:clamp(20px, 2.5vw, 70px)}
	.all_wrapin .top  h1 img {width:min(77%,750px)}


	@media (max-width: 640px) {



	}





/****************************
°æÇ°¾È³» ¹× Âü¿©¹æ¹ý
****************************/


.review_event_wrap {
  width:100%;  background:#fff;
  margin:0 auto; overflow:hidden;
 width:90%;
	 border-radius:clamp(30px, 6.5vw, 60px);
  padding:clamp(30px, 6.5vw, 80px) clamp(3%, 6.5vw, 5%);
  box-sizing:border-box;
}

.review_event_wrap h3 {
  margin:0;
  color:#000;
  font-size:clamp(29px, 4vw, 46px);
    font-family: 'GmarketSansBold'; font-weight:normal;
  line-height:1.1;
  letter-spacing:-0.06em;
}

.review_title_row p {
  color:#777;
  font-size:clamp(15px, 2vw, 27px);
  line-height:1.25;
  letter-spacing:-0.05em;
}






/* =========================
°æÇ°¾È³»
========================= */


.review_title_row {
  display:flex;
  align-items:flex-end;
  gap:24px;
  padding-bottom:clamp(30px, 5.5vw, 60px);
}



.review_prize_list {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:clamp(24px, 4vw, 66px);
  align-items:start;
}

.review_prize_item {
  min-width:0;
  text-align:center;
}

.prize_img_box {
  position:relative;
  width:100%;
  border-radius:28px;
}

.prize_img_box img {
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
  border-radius:28px;
}

.prize_badge {
  position:absolute;
  right:-8%;
  top:-10%;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:clamp(76px, 8.5vw, 120px);
  height:clamp(76px, 8.5vw, 120px);
  border-radius:50%;
  color:#fff;
  font-size:clamp(13px, 1.8vw, 22px);
    font-family: 'GmarketSansBold'; font-weight:normal;
  line-height:1.15;
  letter-spacing:-0.05em;
  box-sizing:border-box;
}

.prize_badge strong {
  display:block;
  font-size:clamp(20px, 1.8vw, 30px);
  line-height:1.3;
  color:#fff;
    font-family: 'GmarketSansBold'; font-weight:normal;
}

.review_prize_item.pink .prize_badge {
  background:#df5b9a;
}

.review_prize_item.blue .prize_badge {
  background:#3359aa;
}

.review_prize_item.green .prize_badge {
  background:#38b64a;
}

.review_prize_item p {
  margin:24px 0 0;
  font-size:clamp(25px, 3vw, 40px);
    font-family: 'GmarketSansBold'; font-weight:normal;
  line-height:1.2;
  letter-spacing:-0.07em;
}

.review_prize_item.pink p {
  color:#e8327f;
}

.review_prize_item.blue p {
  color:#263f84;
}

.review_prize_item.green p {
  color:#35af3f;
}




/* =========================
Âü¿©¹æ¹ý
========================= */

.review_how_sec {
  margin-top:80px;
}

.review_step_list {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:30px;
  margin-top:42px;
}

.review_step_item {
display:flex; flex-wrap:wrap;
flex-direction:column;
  padding:34px clamp(15px, 2.5vw, 22px) 24px;
  border-radius:28px;
  background:#caedf2;
  box-sizing:border-box;
}

.step_tit {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  line-height:1.15;
  padding-bottom:30px;
}

.step_tit span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:52px;
  height:52px;
  border-radius:50%;
  background:#2f65ac;
  box-shadow:inset 0 0 0 5px rgba(0,0,0,.12);
  color:#fff;
  font-size:26px;
    font-family: 'GmarketSansBold'; font-weight:normal;
}

.step_tit strong {   color:#2f65ac;
  font-size:clamp(23px, 3vw, 38px);
    font-family: 'GmarketSansBold'; font-weight:normal;
  letter-spacing:-0.07em;
}

.step_desc {
flex:1;
  padding:20px;
  border-radius:18px;
  background:#fff;
  color:#2b2b2b;
  font-size:clamp(18px, 2vw, 27px);
  line-height:1.28;
  text-align:center;
  letter-spacing:-0.07em;
  box-sizing:border-box;
}
.step_desc  img {width:clamp(20px, 2.5vw, 30px); display:inline-block; vertical-align:middle;}


.review_prize_sec2 {padding-top:clamp(30px, 3.5vw, 90px)}



.orange_dot_list {
  list-style:none;
  margin:0;
  padding:0;
}

.orange_dot_list li {
  position:relative;
  padding-left:clamp(16px, 2vw, 22px);
  color:#333;
  font-size:clamp(15px, 2.2vw, 20px);
  font-weight:500;
  line-height:1.6;
  letter-spacing:-0.04em;
  box-sizing:border-box;
}

.orange_dot_list li + li {
  margin-top:8px;
}

.orange_dot_list li::before {
  content:"";
  position:absolute;
  left:0;
  top:.68em;
  width:clamp(6px, .8vw, 9px);
  height:clamp(6px, .8vw, 9px);
  border-radius:50%;
  background:#ff7a00;
}





/* =========================
¹ÝÀÀÇü
========================= */

@media (max-width:1200px) {
  .review_title_row {
    flex-direction:column;
    align-items:flex-start;
    gap:12px; 
  }

  .review_title_row p {
    margin:0; 
  }

  .review_prize_list {
    gap:32px; 
  }

  .prize_badge {
    right:-5%;
    top:-8%; 
  }
}

@media (max-width:900px) {
  .review_prize_list,
  .review_step_list {
    grid-template-columns:1fr;
  }

}

@media (max-width:640px) {


.prize_badge {
  right:0px;
}

  .review_prize_list {
    gap:34px;
  }

  .prize_img_box img {
    border-radius:20px;
  }


  .review_how_sec {
    margin-top:60px;
  }




  .step_tit {
    gap:8px; padding-bottom:16px;
  }

  .step_tit span {
    width:37px;
    height:37px;
    font-size:21px;
    box-shadow:inset 0 0 0 4px rgba(0,0,0,.12);
  }


}














/* **************************************** *
 *¹Ø¿¡ ¿ø·¡ ÀÖ´ø°Í
 **************************************** */



/* **************************************** *
 *width_area
 **************************************** */
.width_area {margin-left:auto; margin-right:auto; max-width:1400px; width:90%;}


/* **************************************** *
 *titarea_top
 **************************************** */
@font-face {
    font-family: 'EBSHMJESaeronRA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/EBSHMJESaeronRA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.titarea_top {width:100%; position:relative;  }
.titarea_top .logo { position:absolute;  right:0px;}
.titarea_top dl dt p{    font-family: 'EBSHMJESaeronRA' !important;}
.titarea_top dl dt p:nth-child(1){ color:#00a0d0}
.titarea_top dl dt p:nth-child(2){ color:#296eb6}
		.titarea_top dl dd sup,
			.titarea_top dl dd {    font-family: 'GmarketSansBold' !important; color:rgba(0,0,0,0.7)}
			.titarea_top p{color:rgba(0,0,0,0.5); word-break:keep-all;}
/* web*/
	@media (min-width: 1024px) {
			.titarea_top {padding-top:90px}
			.titarea_top .logo { top:80px; }
			.titarea_top dl dt p {font-size:90px; line-height:70px;}
			.titarea_top dl dd {font-size:33px; line-height:50px; padding-top:30px;}
			.titarea_top p {font-size:17px; line-height:30px; padding-top:30px; padding-right:16%;}
			.titarea_top br {display:none;}
			.titarea_top br:last-child {display:block;}

	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
			.titarea_top {padding-top:80px}
			.titarea_top .logo { top:40px; }
			.titarea_top .logo img {width:130px; }
			.titarea_top dl dt p {font-size:80px; line-height:60px;}
			.titarea_top dl dd {font-size:30px; line-height:40px; padding-top:30px;}
			.titarea_top p {font-size:16px; line-height:27px; padding-top:25px; padding-right:20%;}
	 	}

/* 	mobile */
	@media (max-width: 640px) {
			.titarea_top {padding-top:40px}
			.titarea_top .logo { top:30px; }
			.titarea_top .logo img {width:70px; }
			.titarea_top dl dt p {font-size:49px; letter-spacing:-2px; line-height:30px;}
			.titarea_top dl dd {font-size:22px; line-height:29px; padding-top:20px;}
			.titarea_top p {font-size:14px; line-height:24px; padding-top:17px; padding-right:40px; }
	 	}




/* **************************************** *
 *giftarea
 **************************************** */
.giftarea { position:relative; box-sizing:border-box;}
.giftarea  h3 {float:left;}
.giftarea  dl {float:left; text-align:center; box-sizing:border-box;}
.giftarea  dd {    font-family: 'GmarketSansBold' !important; color:rgba(18, 98, 83, 1)}


/* web*/
	@media (min-width: 1024px) {
				.giftarea {padding-top:190px; padding-left:200px; min-height:440px;}
				.giftarea  h3 { position:absolute; top:60px; left:0;}
				.giftarea  h3  img{width:230px;}
				.giftarea  dl  {width:33%; }
				.giftarea  dl  dt img{height:150px;}
				.giftarea  dd {  padding-top:20px;  font-size:23px; line-height:33px;}
	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
				.giftarea {padding-top:190px; }
				.giftarea  h3 { position:absolute; top:-90px; right:0;}
				.giftarea  h3  img{width:210px;}
				.giftarea  dl  {width:33%;  }
				.giftarea  dl  dt img{height:130px;}
				.giftarea  dd {  padding-top:15px; padding-bottom:50px;  font-size:18px; line-height:30px;}

	 	}

/* 	mobile */
	@media (max-width: 640px) {
				.giftarea {padding-top:80px; }
				.giftarea  h3 { position:absolute; top:-90px; right:-30px;}
				.giftarea  h3  img{width:150px;}
				.giftarea  dl  {width:100%; padding-bottom:20px; }

				.giftarea  dl  dt img{height:120px;}


				.giftarea  dd {  padding-top:10px;  font-size:17px; line-height:26px;}
				.giftarea  dd br {display:none;}

	 	}




/* **************************************** *
 *quiz_start
 **************************************** */

.quiz_start {text-align:center;  overflow:hidden; margin:30px 0px; width:100%;
box-sizing:border-box; position:relative;
background:#fff; color:rgba(0,0,0,0.8)}

/* web*/
	@media (min-width: 1024px) {
.quiz_start {border-radius:30px;  padding:70px 0px; 
font-size:27px; line-height:33px;}

	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	.quiz_start {border-radius:30px; padding:30px 0px; margin-top:30px; font-size:17px; line-height:33px;}

	 	}

/* 	mobile */
	@media (max-width: 640px) {
.quiz_start {border-radius:30px; padding:30px 0px; font-size:17px; line-height:33px;}


	 	}






/* **************************************** *
 *logoarea
 **************************************** */

/* web*/
	@media (min-width: 1024px) {

	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	 	}

/* 	mobile */
	@media (max-width: 640px) {


	 	}





/* **************************************** *
 *logoarea
 **************************************** */

/* web*/
	@media (min-width: 1024px) {

	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	 	}

/* 	mobile */
	@media (max-width: 640px) {


	 	}





/* **************************************** *
 *logoarea
 **************************************** */

/* web*/
	@media (min-width: 1024px) {

	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	 	}

/* 	mobile */
	@media (max-width: 640px) {


	 	}








/* 	mobile */
	@media (max-width: 640px) {


	 	}