body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, li, ol, p, ul {
	margin: 0;
	padding: 0;
}


/*********************
br
***********************/
span.mobilebr {display:none;}

/* 	mobile */
	@media (max-width:640px) {

span.mobilebr {display:block;width:100%; height:auto;}


	 	}
/*********************
글씨체
***********************/


@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}




@font-face {
    font-family: 'memomentKkukKkuk';
    src: url('memomentKkukKkuk.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
	}



@font-face {
    font-family: 'Moneygraphy-Rounded';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2411-2@1.0/Moneygraphy-Rounded.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}



html, body{
	color: #1a1a1a; 
	font-size: 17px;
	line-height: 1.6;
}




*{font-weight:inherit; font-weight:inherit}
.pointfont { font-family: 'memomentKkukKkuk',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
.pointfont2 { font-family: 'Moneygraphy-Rounded',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}

html{scroll-behavior:smooth}

/**flex**/
.flex {display:flex; flex-wrap:wrap;}
.flex.center {justify-content: center;}
.flex.middle ,.flex .middle{align-items: center;}

@import url('https://webfontworld.github.io/GmarketSans/GmarketSans.css'); 






@font-face {
    font-family: 'Dongle-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108_2@1.0/Dongle-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* html5 필수요소*/
.mb20 {margin-bottom:20px;}
.pt10 {padding-top:10px;}
.pb10 {padding-bottom:10px}
button {    font-family: 'Moneygraphy-Rounded' !important;  border:none !important;}
.normal {font-family:'GmarketSansMedium';}

html,body {word-break:keep-all; max-width:100%; overflow-x:hidden;}



/* **************************************** *
 *body
 * **************************************** */

body {
padding:0; margin:0;
background:#379ed9 url('/event/review/img/bgmg.gif') no-repeat top center;   background-size:auto 100% ; position:relative;}


body.eventstorelist  {    font-family: 'Moneygraphy-Rounded';
background-color:#ffeff6; position:relative;
background-image:url('/daldal/img/linebg2.png');
background-repeat:repeat;
background-size:23px auto ; width:100%;
background-position:top left;
padding-bottom:90px;
}



body.eventstorelist3  {    
background-color:#fbfad9; 
background-image:url('/event2/images/bg.gif');
 width:100%; background-size:auto 1700px;
background-position:top center;
background-repeat:no-repeat;

padding-bottom:90px;
}





body.eventstorelist.paddingbottom {padding-bottom:0PX;}


body.eventstorelist:before {background:url('/daldal/img/bg011.png');
left:-3%; width:26%;  top:130px; height:100vw;}

body.eventstorelist:after {background:url('/daldal/img/bg022.png');
right:-3%; width:25%; top:290px; height:100vw;}

body.eventstorelist:before,
body.eventstorelist:after {
content:''; position:absolute; z-index:-1;
background-position:top left;
background-repeat:no-repeat;
background-size:100% auto;
}

body.eventstorelist3:before,
body.eventstorelist3:after {display:none}





/* web*/
	@media (max-width: 1023px) {
		body.eventstorelist  {
		padding-bottom:180px;
		}





 	}



/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {

			body.eventstorelist:before {
			left:-50px; width:270px;  top:180px; }
			body.eventstorelist:after {
			right:-50px; width:240px; top:290px; }

body.eventstorelist.paddingbottom {padding-bottom:30px;}

body.eventstorelist3  {background-size:auto 800px;}


	 	}

/* 	mobile */
	@media (max-width:640px) {

			body.eventstorelist:before {
			left:-70px; width:130px;  top:0px; }
			body.eventstorelist:after {
			right:-40px; width:120px; top:30px; }

body.eventstorelist.paddingbottom {padding-bottom:70px;}
body.eventstorelist3  {  background-size:auto 440px;}
body.eventstorelist3  { padding-bottom:0px !important;}


	 	}

/* **************************************** *
 tinlist
 * **************************************** */
 .tinlist3,
.tinlist {text-align:center; padding-top:100px; padding-bottom:70px; }


.tinlist3 img{width:79%; max-width:800px;}
.tinlist img{width:79%; max-width:700px;}

	@media (max-width:640px) {
	
.tinlist3,
.tinlist {padding-top:40px; padding-bottom:20px; }

	 	}







/* **************************************** *
 tinlist2
 * **************************************** */
.tinlist2 {text-align:center;  color:#fd549b; box-sizing:border-box;
font-size:40px; line-height:1.4;  padding:30px 50px  60px 40px;
width: 92%; margin-left:auto; margin-right:auto; text-align:left;  
  max-width: 1300px;
  background:url('/event2/review/img/hamster.png') no-repeat  right 50px  bottom -16px;
  background-size:auto 140px;
  text-shadow:
    0 3px 0 #fff,  0 -3px 0 #fff,  3px 0 0 #fff,  -3px 0 0 #fff,
    3px 3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, -3px -3px 0 #fff,
    0 0 4px #fff;  
}



/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
.tinlist2 {
font-size:29px;  padding:20px 70px 30px 40px;
  background-size:auto 110px;
  background-position: right 30px  bottom -16px;
	 	}

	

	 	}



	@media (max-width:640px) {
.tinlist2 {
font-size:21px; padding:20px 30px 20px 20px;
  background-size:auto 80px;
  background-position: right 30px  bottom -16px;
	 	}

.tinlist2  BR {DISPLAY:NONE;}

	 	}



.filter-option {padding-left:20px !important;}
.dropdown-toggle {border:1px solid #ddd !important; box-sizing:border-box; padding-left:10px;}

/* **************************************** *
 *button_fix_area
 * **************************************** */

.button_fix_area {display:flex; flex-wrap:wrap; position:fixed; bottom:0;left:0; width:100%; z-index:9;}
.button_fix_area a {line-height:1.4; padding:30px 0px; justify-content: center; gap:0px 10px; display: flex; align-items: center;
 font-size:26px; font-weight:800; text-align:center; color:#fff;font-family: 'Moneygraphy-Rounded';}
.button_fix_area a.naver {background:#d1fddc; color:#1fb544;  border-top:3px solid #1fb544; flex:1;}
.button_fix_area a.insta {background:#f4dfea; color:#f762ae;  border-top:3px solid #f762ae; flex:1;}



.button_fix_area a.go {background:#f9779b; color:#fff;  border-top:3px solid #f03b97; flex:1;}
.button_fix_area a.storelist {background:#7682bf; color:#fff;  border-top:3px solid #4f5c9f; flex:1;}

.img_inlist {overflow:hidden; max-width:1000px; text-align:Center;  margin-left:auto; margin-right:auto; border-radius:20px;}


.button_fix_area a span {display:none}
.button_fix_area  img {height:33px;}

	@media (max-width:1396px) {
.button_fix_area a { font-size:22px;}
}

	@media (max-width:1023px) {

	.button_fix_area a{width:100%; flex:1 1 auto !important; display:flex; /* flex-direction: column; */}
.button_fix_area a.naver,
.button_fix_area a.insta{width:50%; line-height:1;}

/* 	.button_fix_area a span {display:flex; width:100%; }
	 */

}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
		.button_fix_area a { font-size:22px; padding:16px 0px; }
		.button_fix_area a img {height:30px;  }
		.button_fix_area a.go,
.button_fix_area a.storelist{ font-size:26px; }

	 	}

/* 	mobile */
	@media (max-width:640px) {
		.button_fix_area a {flex:1 1 100%; ; font-size:15px; padding:16px 0px;}
		.button_fix_area a img {height:17px; margin-left:0px;  }
		.button_fix_area a.go,
.button_fix_area a.storelist{ font-size:20px; }

	 	}

	/* **************************************** *
	 * searchin
	 * **************************************** */
	.searchin{ background: #fff;
  width: 92%; padding:20px 20px; border-radius:30px;
  box-sizing: border-box; border:5px solid #7589d7 ;
  margin-left: auto; display:flex;flex-wrap:wrap;   gap:0px 10px;   overflow: hidden;   justify-content: space-between;
  margin-right: auto;
  max-width: 1300px;}

	.searchin input{font-size:26px; line-height:50px; box-sizing:Border-box; padding:10px 0px !important;}
	.searchin input[type="text"] {width:calc(100% - 280px); font-family: 'Moneygraphy-Rounded';
	box-sizing:border-box;  box-sizing:border-box; border:none;  } 
	.searchin input[type="submit"] {  flex-shrink: 0; font-family: 'Moneygraphy-Rounded';
  width: 240px;  background:none;  font-weight:800; background:#7589d7;
  border:none;
	color:#fff;  cursor:pointer; border-radius:40px;}





/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	.searchin{ padding:20px 3% !important;}
	.searchin input{font-size:24px; line-height:40px; padding:10px 0px !important;}
	.searchin input[type="submit"] { width: 200px;  }


	 	}

	@media (max-width:640px) {

	.searchin input{font-size:20px; line-height:27px;}
	.searchin input[type="text"] {width:calc(100% - 110px); font-size:17px; !important;  } 
	.searchin input[type="submit"] { width: 90px;  }


	 	}





/* **************************************** *
 *giftarea
 * **************************************** */
.giftarea {box-sizing:border-box;  overflow:hidden; position:relative; width:100%; z-index:3;
border-style:solid;border-color:#fc5299; background:#fff;}
.giftarea dl {display:inline-block; vertical-align:middle; text-align:center; overflow:hidden;}
.giftarea dl dd{color:#fc5299; text-align:center; font-weight:600;}

			.giftarea h3 p{color:rgba(255,255,255,1);
			 font-weight:normal;
			font-family:'GmarketSansBold'}
			.giftarea h3 {text-align:center;
			background:#f864a1; 
			color:rgba(255,255,255,0.8);}


/* web*/
	@media (min-width: 1024px) {
			.giftarea {border-radius:50px; border-width:5px; padding-left:310px; }
			.giftarea  h3 {width:250px; position:Absolute;
			top:0px; left:0px;   font-size:24px; line-height:36px;padding:100px 0px;}
			.giftarea  h3 p {font-size:32px; line-height:40px;}
		.giftarea dl  {padding:30px 20px;}
			.giftarea dl dt img{height:180px;}
			.giftarea dl dd{font-size:19px; line-height:23px;}



	 	}


/* samll web*/
	@media (min-width:1024px) and (max-width:1200px) {
			.giftarea dl dt img{height:150px; }
	 	}



/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
			.giftarea {border-radius:50px; border-width:5px;  text-align:center;}
			.giftarea  h3 { text-align:center;  font-size:24px; line-height:40px; padding:20px 0px;}
			.giftarea  h3  br {display:none;}
		.giftarea dl  {padding:20px 10px;}
			.giftarea dl dt img{height:120px;}
			.giftarea dl dd{font-size:18px; line-height:23px;}
	 	}

/* 	mobile */
	@media (max-width:640px) {
			.giftarea {border-radius:50px; border-width:5px;  text-align:center;}
			.giftarea  h3 { text-align:center;  font-size:25px; line-height:34px; padding:20px 0px;}
			.giftarea  h3  br {display:none;}
		.giftarea dl  {padding:10px 16px; vertical-align:top;}
			.giftarea dl dt img{height:100px;}
			.giftarea dl dd{font-size:17px; line-height:28px;}

	 	}
/* **************************************** *
 *.quiz_start
 * **************************************** */
.quiz_start  a {display:inline-block;  text-align:center;
 text-decoration:none;
width:100%; background:#ff1f7d;  border-top:8px solid #c80054; color:#fff; font-family: 'GmarketSansBold';}




/* web*/
	@media (min-width: 1024px) {
.quiz_start  a {font-size:55px;   margin-top:80px;
line-height:2.4;  }

}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
.quiz_start  a {font-size:40px;   margin-top:40px;
line-height:2.1;  } 
	 	}

/* 	mobile */
	@media (max-width:640px) {
.quiz_start  a {font-size:30px;   margin-top:40px;
line-height:2.1;  } 

	 	}







/* **************************************** *
 *공통넓이
 * **************************************** */

.logoarea,
.tit,
.width_area,
.quiz_wrap
{box-sizing:border-box;  max-width:1100px; width:96%; margin-left:auto; margin-right:auto; }




/* **************************************** *
 *eventnlogo
 * **************************************** */

.eventnlogo {position:absolute;}

/* web*/
	@media (min-width: 1024px) {
.eventnlogo {top:30px; right:80px;}
.eventnlogo img {width:170px;}
	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
.eventnlogo {top:0px; right:20px;}
.eventnlogo img {width:110px;}
	 	}

/* 	mobile */
	@media (max-width:640px) {
.eventnlogo {top:60px; right:0px; width:100%; text-align:center;}
.eventnlogo img {width:160px;}
	 	}


.center {text-align:Center;}


/* **************************************** *
 eventtop
 * **************************************** */

.eventtop { text-align:Center; }
.eventtop img {width:100%; max-width:600px;}


/* web*/
	@media (min-width: 1024px) {
			.eventtop img { max-width:700px;}
	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	 	}

/* 	mobile */
	@media (max-width:640px) {
.eventtop img {width:90%;}

	 	}





/* **************************************** *
spa-main-inner
 * **************************************** */
.spa-main-inner  {margin-bottom:60px; border-radius:30px; padding:50px; background:#fff; width:92%;  box-sizing:border-box;
margin-left:auto; margin-right:auto; margin-top:30px;
max-width:1300px;}
.spa-main-inner .section {padding:30px 0px; }


/* tit3 */
.spa-main-inner .tit3 {text-align:Center; padding-bottom:50px;}
.spa-main-inner .tit3  dt {color:#ff5c92;   letter-spacing:-1px; font-weight:700;
font-size:50px;  line-height:1.5; padding-bottom:15px;}
.spa-main-inner .tit3  dd { font-size:26px; font-weight:400;}

/* link */
.spa-main-inner .link {display:flex; flex-wrap:wrap;  padding:0px 10px 30px 0px; gap: 10px; justify-content: center;}
.spa-main-inner .link a {border-radius:50px; font-family: 'Noto Sans KR'; background:#362f59;  padding:10px 20px; font-size:25px; line-height:1.4; color:#fff; }

.spa-main-inner .link a span { margin-left:10px; text-align:Center;  line-height:25px;
display:inline-block; background:rgba(255,255,255,0.8);  border-radius:50%; width:25px; height:25px;
color:#362f59;}

/* section h3 */
.section h3 {font-size:30px; line-height:2; margin-top:60px;  }
.section h3 span { margin-left:10px; text-align:Center;  line-height:25px;
display:inline-block; background:#7d798e;  border-radius:50%; width:25px; height:25px; font-size:13px;
color:#fff;}

/* table */
.section table {border-top:3px solid #aebefb; border-left:1px solid rgba(0,0,0,0.1); margin-top:15px;}
.section table thead {background:#edf0ff; }
.section table thead th {padding:20px 0px; color:#7589d7;}
.section table th,
.section table td {font-size:18px; border:1px solid rgba(0,0,0,0.1); letter-spacing:0px; vertical-align:middle;
border-top:none; border-left:none; line-height:1.4; padding:15px 15px; text-align:Center;}

.section table th svg {width:20px; height:20px;  color:#000;}
.section table th a {margin-left:6px;  vertical-align:middle; display:inline-block;}

.section table tbody th{ font-weight:normal; }


/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {

.spa-main-inner  {margin-bottom:60px; padding:30px;  margin-top:30px; }
.spa-main-inner .section {padding:30px 0px; }


/* tit3 */
.spa-main-inner .tit3 {text-align:Center; padding-bottom:50px;}
.spa-main-inner .tit3  dt { font-size:40px; }
.spa-main-inner .tit3  dd { font-size:21px}

/* link */
.spa-main-inner .link {  padding:0px 10px 30px 0px; }
.spa-main-inner .link a {  font-size:20px; line-height:1.4; }
.spa-main-inner .link a span {  line-height:21px; width:21px; height:21px;}



/* section h3 */
.section h3 {font-size:26px;margin-top:40px;  }
.section h3 span {  line-height:21px; width:21px; height:21px; }

/* table */
.section table thead th {padding:15px 0px; }
.section table th,
.section table td { padding:10px 10px;}
.section table th svg {width:20px; height:20px;  }
.section table th a {margin-left:4px; }

	 	}





	@media (max-width:640px) {

.spa-main-inner  {margin-bottom:30px; padding:15px;  margin-top:20px; }
.spa-main-inner .section {padding:30px 0px; }
.spa-main-inner  #map {height:350px !important;}


/* tit3 */
.spa-main-inner .tit3 {padding-bottom:30px;}
.spa-main-inner .tit3  dt { font-size:33px; }
.spa-main-inner .tit3  dd { font-size:17px}

/* link */
.spa-main-inner .link {  padding:0px 10px 30px 0px; }
.spa-main-inner .link a {  font-size:16px; line-height:1.4; }
.spa-main-inner .link a span {  line-height:18px; width:18px; height:18px;}


/* section h3 */
.section h3 {font-size:19px;margin-top:25px;  }
.section h3 span {  line-height:18px; width:18px; height:18px;}

/* table */
  .section table {border:none;}
  .section table,
  .section table thead,
  .section table tbody,
  .section table th,
  .section table td,
  .section table tr {
    display: block;
    width: 100%;
  }

  .section table thead {
    display: none;
  }

  .section table tr {
    margin-bottom: 1rem;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    padding: 10px; box-sizing:border-box;
    background: #fff;
  }

  .section table td,
  .section table th {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
    border-top: 1px solid #eee;
    font-size: 15px;
    line-height: 1.4;
    box-sizing: border-box;
  }

  .section table td:last-child,
  .section table th:last-child {
    border-bottom: none;
  }
  .section table tbody tr th:nth-child(1) {display:none}

  .section table tbody th {background:#7589d7; color:#fff; font-size:17px;}



  .section table td{text-align:center !important;}

  .section table td::before,
  .section table th::before {
    content: attr(data-label);
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    color: #333;
    font-size: 14px;
    white-space: nowrap;
  }

  .section table th svg {
    width: 18px;
    height: 18px;
    margin-left: 5px;  color:#fff;
  }


.section table td:empty {
  display: none;
}




	 	}





/* **************************************** *
 eventtop
 * **************************************** */

.eventtop3 { text-align:Center; }
.eventtop3 img {width:80%; max-width:560px;}


/* web*/
	@media (min-width: 1024px) {
	.eventtop3 {  padding-top:250px;}

	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	.eventtop3 {  padding-top:150px;}

	 	}

/* 	mobile */
	@media (max-width:640px) {
	.eventtop3 {  padding-top:120px;}


	 	}





/* **************************************** *
 store
 * **************************************** */

.store { background:#25358a; width:90%; margin-left:auto; margin-right:auto; max-width:1100px;  box-sizing:border-box;margin-top:50px; border-radius:50px;}
.store{color:#fff;    font-size:40px; line-height:1.6; padding:20px 10px;}
.store strong {font-weight:700;}


/* web*/
	@media (min-width: 1024px) {
.store br {display:none}
.store br:before {content:' ';}
.store strong {padding-left:10px;}
	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
.store{ font-size:30px; line-height:1.3; }

	 	}

/* 	mobile */
	@media (max-width:640px) {

.store{ font-size:25px; line-height:1.3; }


	 	}



/* **************************************** *
 eventtop2
 * **************************************** */

.eventtop2 { text-align:Center;  display:none ;padding-top:50px; width:92%; margin-left:auto; margin-right:auto; max-width:1200px;}
.eventtop2 img {width:100% }
.eventtop2 img.mobile {display:none}


/* web*/
	@media (min-width: 1024px) {

	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {

	 	}

/* 	mobile */
	@media (max-width:640px) {
.eventtop2 img.web {display:none}
.eventtop2 img.mobile {display:block}

	 	}







/* **************************************** *
 *tit
 * **************************************** */

.tit{ text-align:center;}
.tit dt { color:#f7d038;  font-family: 'twayair';}



.tit dd {color:#fff;  }
.tit dd strong {color:#fff; background:#2573d9; display:inline-block;}
.tit dd.desc { color:#5b8ff2;  font-family: 'twayair'; padding-bottom:20px;}
/* web*/
	@media (min-width: 1024px) {
		.tit{padding:20px 0px;}

		.tit dt {font-size:80px; line-height:110px; letter-spacing:-3px; padding-bottom:10px;}
		.tit dd.desc { font-size:40px; line-height:50px; padding-bottom:20px;}
		.tit .desc { color:#fff; font-size:40px; line-height:50px; padding-bottom:20px;}


		.tit dd,
		.tit dd strong {font-size:23px; line-height:34px;}
		.tit dd strong  {padding:0px 10px;}

	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
		.tit{padding:50px 0px;}
		.tit dt {font-size:60px; line-height:75px; letter-spacing:-2px; padding-bottom:10px;}
.tit dd.desc { font-size:35px; line-height:40px; padding-bottom:20px;}

		.tit dd,
		.tit dd strong {font-size:19px; line-height:30px;}
		.tit dd strong  {padding:0px 10px;}
	 	}

/* 	mobile */
	@media (max-width:640px) {
		.tit{padding:30px 0px;}
		.tit dt {font-size:30px; line-height:45px; letter-spacing:-2px; padding-bottom:10px;}
.tit dd.desc { font-size:22px; line-height:27px; padding-bottom:20px;}


		.tit dd,
		.tit dd strong {font-size:16px; line-height:30px;}
		.tit dd strong  {padding:0px 10px;}
	 	}




/* **************************************** *
 *quiz_wrap
 * **************************************** */

.quiz_wrap {box-sizing:border-box;  margin-bottom:50px; max-width:1200px; width:90%; margin-left:auto; margin-right:auto; background:#fff;}


/* web*/
	@media (min-width: 1024px) {
		.quiz_wrap {padding:50px 50px; border-radius:50px;}


	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
		.quiz_wrap {padding:30px 30px; border-radius:30px;}
	 	}

/* 	mobile */
	@media (max-width:640px) {
		.quiz_wrap {padding:20px 20px; border-radius:20px;}
	 	}



 







/* **************************************** *
 *quiz_wrap
 * **************************************** */


.quiz_wrap { background:#fff;}


/* **************************************** *
 *qarea
 * **************************************** */

.qarea { width:100%; box-sizing:border-box; position:relative;
background:#fdf5ee url('/event/images/quiz02.gif') no-repeat;
}


.qarea dt{position:absolute; background:#ff8329; color:#fff;  text-align:Center;
border-radius:50%;font-weight:700}
.qarea dd:nth-child(2) { font-weight:700; color:#ff8329;}


.qarea dt, .qarea dd, .qarea dd strong {}
.qarea dd {color:#000; }
.qarea dd strong{background:rgba(88, 214, 227, 0.3); display:inline-block; color:#1c69cc;}






/* web*/
	@media (min-width: 1024px) {
		.qarea { 
		background-position: 90% 100%; min-height:300px;
		background-size:auto 210px;}
			.qarea {padding:60px 110px 40px 30px; border-radius:30px;  }
			.qarea dt{top:50px; left:30px; font-size:30px; 
			line-height:70px;width:70px; height:70px; }
		.qarea dd:nth-child(2) { padding-left:80px; box-sizing:border-box;
		font-size:22px; line-height:30px;}
		.qarea dd:nth-child(3) { padding-top:20px; padding-right:260px;
		font-size:19px; line-height:33px; }
	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
		.qarea { 
		background-position: 90% 100%;
		background-size:auto 230px;}
			.qarea {padding:40px 110px 130px 40px; border-radius:30px;  }
			.qarea dt{top:40px; left:25px; font-size:24px; 
			line-height:55px;width:55px; height:55px; }
		.qarea dd:nth-child(2) { padding-left:60px;font-size:22px; line-height:31px;}
		.qarea dd:nth-child(3) { padding-top:15px; font-size:17px; line-height:31px; }
	 	}

/* 	mobile */
	@media (max-width:640px) {
		.qarea { 
		background-position: 90% 100%;
		background-size:auto 110px;}
			.qarea {padding:30px 60px 40px 30px; border-radius:30px;  }
			.qarea dt{top:30px; left:15px; font-size:20px; 
			line-height:45px;width:45px; height:45px; }
		.qarea dd:nth-child(2) { padding-left:40px;font-size:18px; line-height:28px;}
		.qarea dd:nth-child(3) { padding-top:15px; font-size:15px; line-height:24px; }
	 	}


/* **************************************** *
 *hint
 * **************************************** */

.hint {color:#42a7d9; box-sizing:border-box; position:relative; width:100%; color:#f864a1;
}


.hint:before {content:'힌트'; background:#f864a1 url('/event/images/idea.png') no-repeat;
position:absolute;  color:#fff;  top:0; left:0px;   display:inline-block; font-weight:bold;
padding:10px 20px 10px 50px;
border-radius:30px; background-position:12px 6px; ; background-size:auto 30px;
font-size:20px; line-height:30px;}

/* web*/
	@media (min-width: 1024px) {
		.hint {
		padding-bottom:30px; margin-top:20px; 
		 padding-left:130px; 
		font-size:20px; line-height:30px;
		}

		.hint:before {
		padding:10px 20px 10px 50px;
		border-radius:30px; background-position:12px 6px; ; background-size:auto 30px;
		font-size:20px; line-height:30px;}
	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	.hint {
		padding-bottom:30px; margin-top:20px; 
		 padding-left:110px;  padding-top:10px;
		font-size:17px; line-height:24px;
		}

		.hint:before {
		padding:10px 20px 10px 40px;
		border-radius:30px; background-position:11px 10px; ; background-size:auto 21px;
		font-size:17px; line-height:30px;}

	 	}

/* 	mobile */
	@media (max-width:640px) {
.hint {
		padding-bottom:30px; margin-top:20px; 
		 padding-left:80px;  padding-top:6px;
		font-size:16px; line-height:22px; 
		}

		.hint:before {
		padding:8px 10px 8px 33px;
		border-radius:30px; background-position:11px 10px; ; background-size:auto 17px;
		font-size:15px; line-height:23px;}
	 		 	}

	 	}



/* **************************************** *
answer
 * **************************************** */

.answer input{ width:100%; box-sizing:border-box; border:none;}
.answer input::-webkit-input-placeholder { /* Edge */
  color: #ff7247;   font-weight:600; font-family: "Wanted Sans Variable", sans-serif !important;

}
.answer input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ff7247;  font-weight:600; font-family: "Wanted Sans Variable", sans-serif !important;
}
.answer input{  color: #ff7247;  }




/* web*/
	@media (min-width: 1024px) {
		.answer {padding-top:20px;}
		.answer input { border:5px  solid #ff7247;
padding:10px 30px;  line-height:70px !important; height:70px !important; 
font-size:25px !important;  }


	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
		.answer {padding-top:20px;}
		.answer input { border:4px  solid #ff7247;
padding:10px 30px;  line-height:60px !important; height:60px !important; 
font-size:21px !important;  }

	 	}

/* 	mobile */
	@media (max-width:640px) {
		.answer {margin-top:20px;}
		.answer input { border:3px  solid #ff7247;
padding:10px 20px;  line-height:45px !important; height:45px !important; 
font-size:16px !important;  }

	 	}






/* **************************************** *
ness
 * **************************************** */

.ness {text-align:right;}
.ness:before {content:'*'; display:inline-block; color:#ee8426;}

/* web*/
	@media (min-width: 1024px) {
	.ness {text-align:right; font-size:16px; line-height:30px; padding-top:40px;}
	.ness:before {padding-right:10px; vertical-align:middle;}

	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	.ness {text-align:right; font-size:16px; line-height:30px; padding-top:40px;}
	.ness:before {padding-right:10px; vertical-align:middle;}
	 	}

/* 	mobile */
	@media (max-width:640px) {
	.ness {text-align:right; font-size:14px; line-height:20px; padding-top:30px;}
	.ness:before {padding-right:10px; vertical-align:middle}
	 	}



/* **************************************** *
privacy
 * **************************************** */

.privacy dt{border:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.privacy dd {text-align:right;}

/* web*/
	@media (min-width: 1024px) {
	.privacy  {margin-top:30px;}
	.privacy dt{font-size:15px;  border-radius:20px; line-height:33px; padding:30px 30px}
	.privacy <dd>font-size:16px; line-height:60px;</dd>
	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	.privacy  {margin-top:30px;}
	.privacy dt{font-size:15px;  border-radius:20px; line-height:33px; padding:30px 30px}
	.privacy dd{font-size:16px; line-height:60px;}
	 	}

/* 	mobile */
	@media (max-width:640px) {
	.privacy  {margin-top:30px;}
	.privacy dt{font-size:13px;  border-radius:10px; line-height:22px;  overflow:hidden; padding:10px 10px}
	.privacy dd{font-size:14px; line-height:40px;}
	 	}






/* **************************************** *
 *inputarea
 * **************************************** */

.inputarea {width:100%; border-top:1px solid #ddd; box-sizing:border-box; overflow:hidden;}

.inputarea  dl,
.inputarea  dd,
.inputarea  dt {box-sizing:border-box; overflow:hidden;}
		.inputarea  dd p:nth-child(2) { padding-top:10px;}

		.inputarea  dd input[type='button']{display:inline-block; border:none; width:auto !important; 
		background:#5c5e7b; vertical-align:middle; color:#fff; 
    font-family: 'InfinitySans-RegularA1';}

input.type-text1 {margin-bottom:5px !important;}

/* web*/
	@media (min-width: 1024px) {
		.inputarea   {padding:20px 10px;}
		.inputarea  dt {float:left; width:200px;}
		.inputarea  dd {float:left; width:calc(100% - 200px);}
		.inputarea  dt {font-size:16px; line-height:30px; padding-left:20px;}
		.inputarea  dd input{ box-sizing:border-box; width:300px; line-height:30px; height:30px; padding:0px 10px; margin:0px 10px;}
		.inputarea  dd.input3wd input{width:130px;}

		.inputarea  dd input[type='button'] {line-height:30px; margin-left:10px; padding:0px 10px; font-size:15px;}




	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
		.inputarea   {padding:15px 10px;}
		.inputarea  dt {float:left; width:80px;}
		.inputarea  dd {float:left; width:calc(100% - 100px);}
		.inputarea  dt {font-size:15px; line-height:26px; padding-left:10px;}
		.inputarea  dd input{ box-sizing:border-box; width:200px; line-height:30px; height:30px; padding:0px 10px; margin:0px 10px;}
		.inputarea  dd.input3wd input{width:100px;}

		.inputarea  dd input[type='button'] {line-height:30px;  padding:0px 10px; font-size:15px;}
	 	}

/* 	mobile */
	@media (max-width:640px) {
		.inputarea   {padding:10px 10px;}
		.inputarea  dt {font-size:13px; line-height:25px; margin-left:10px;}

		.inputarea  dd input{ box-sizing:border-box; width:200px; line-height:30px; height:30px; padding:0px 10px; margin: 0px 10px;}
		.inputarea  dd.input3wd input{width:50px;}

		.inputarea  dd input[type='button'] {line-height:30px;  padding:0px 10px; font-size:12px;}
	 	}

/* **************************************** *
 *btnarea
 * **************************************** */



.btnarea {display:block; margin-left:auto;  text-align:center; margin-right:auto;
	background:#2573d9; color:#fff;      /* font-family: 'InfinitySans-RegularA1'; */
}



/* web*/
	@media (min-width: 1024px) {
		.btnarea {margin-top:30px; margin-bottom:30px;}
.btnarea {font-size:30px; line-height:80px;  border-radius:80px; /* width:200px;  */ box-shadow:10px 10px 0px #103e79}

	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
		.btnarea {margin-top:30px; margin-bottom:30px;}
.btnarea {font-size:22px; line-height:70px;  border-radius:80px; width:200px;   padding:0px 30px;  box-shadow:10px 10px 0px #103e79}
	 	}

/* 	mobile */
	@media (max-width:640px) {
		.btnarea {margin-top:20px; margin-bottom:20px;}
.btnarea{font-size:19px; line-height:60px;  border-radius:80px;
width:120px;  /* padding:0px 30px; */  box-shadow:10px 10px 0px #103e79}
	 	}





/* **************************************** *
 *body
 * **************************************** */
		.modal-body .privacy {background:#eee; box-sizing:Border-box;}

		button.textnew, a.textnew {
		display:inline-block;
		text-align: center;
		background: #3a4fd2;
		border-radius:2px solid ##3a4fd2;
		color: #fff;
		 font-family: 'Moneygraphy-Rounded';
		}

.newcheck   {text-align:center;}
.newcheck  label,
.newcheck  input{ vertical-align:middle;}
.newcheck  label,
.newcheck  input{  margin-right:10px; margin:0px !important;}

.newsteparea {text-align:center;}
.newsteparea dl {border:3px solid #eee; position:relative; display:inline-block; border-radius:50%;  vertical-align:middle; }
.newsteparea dl:before {content:'>'; position:absolute;  color:rgba(0,0,0,0.2)}

.newsteparea dl dt,
.newsteparea dl dd {color:#666; text-align:center; font-weight:700; margin:0;}
.newsteparea dl dt {opacity:0.7}
.newsteparea dl.on {background:#f864a1;  border:3px solid #f864a1 }
.newsteparea dl.on  dt,
.newsteparea dl.on  dd {color:#fff }
.newsteparea dl:last-child:before {color:#fff}

h4.newt {font-weight:500; margin-bottom:10px; margin-top:20px;}
				.filter-option ,
				.dropdown-toggle,
				.modal-body select,
				.dropdown-menu .label,
				.dropdown-menu a,
				.modal-body input[type='text']  {box-sizing:border-box; max-width:100%;}
				.modal-body select,
				.modal-body input[type='text']  {width:100%;}
.selectpicker,
.btn-group {margin-top:0px !important; margin-bottom:0px !important;}

.modal-header label {font-family: 'memomentKkukKkuk';}
.logonewlog {vertical-align:middle;  display:inline-block;}
.logonewlog img {vertical-align:middle; padding-right:10px;  display:inline-block;}

button.textnew, a.textnew  {font-family: 'Moneygraphy-Rounded';}
}
/* web*/
	@media (min-width: 1024px) {
		.modal-header {font-size:30px; line-height:50px;}
		.modal-dialog { width:800px !important;}
		.modal-body .privacy {background:#eee; font-size:16px !important; line-height:24px !important; padding:20px 20px !important;}
							.close {font-size:40px !important; margin-top:30px;}
				.newcheck {font-size:17px; line-height:50px; }
						button.textnew, a.textnew { margin-top:30px;
				  font-size: 20px;  margin-bottom:30px;
				  line-height: 50px;
				  border-radius: 50px;
				  width: 200px;
				  box-shadow: 5px 5px 0px #103e79;
				}

			.newsteparea dl {margin:20px 40px; width:120px; height:120px;}
			.newsteparea dl dt {font-size:14px; line-height:30px; padding-top:15px; }
			.newsteparea dl dd {font-size:17px; line-height:22px;}
			.newsteparea dl:before {font-size:30px; line-height:30px; top:50px; right:-50px; transform:scale(1,1.3)}

				h4.newt {font-size:22px; line-height:33px;  }
				.filter-option ,
				.dropdown-toggle,
				.modal-body select,
				.dropdown-menu .label,
				.dropdown-menu a,
				.modal-body input[type='text'] {font-size:16px; line-height:40px ; height:40px; padding:0px 20px;}
				.dropdown-toggle,
				.dropdown-menu .label,
				.filter-option {padding:0px 0px !important; margin-top:-3px !important;}
				.dropdown-menu .label {padding:10px 20px !important;}

			.logonewlog img {width:26px;}


 	}



/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {

		.modal-header {font-size:25px; line-height:50px;}
		.modal-dialog { width:80% !important; left:10%;}
		.modal-body .privacy {background:#eee; font-size:16px !important; line-height:24px !important; padding:20px 20px !important;}
							.close {font-size:40px !important; margin-top:30px;}
				.newcheck {font-size:17px; line-height:50px; margin-bottom:30px;}
						button.textnew, a.textnew {
				  font-size: 20px;  margin-bottom:30px;
				  line-height: 50px;
				  border-radius: 50px;
				  width: 200px;
				  box-shadow: 5px 5px 0px #103e79;
				}
			.newsteparea dl {margin:20px 20px; width:110px; height:110px;}
			.newsteparea dl dt {font-size:13px; line-height:30px; padding-top:15px; }
			.newsteparea dl dd {font-size:17px; line-height:22px;}
			.newsteparea dl:before {font-size:25px; line-height:30px; top:40px; right:-40px; transform:scale(1,1.3)}

				h4.newt {font-size:22px; line-height:33px;  }
				.filter-option ,
				.dropdown-toggle,
				.modal-body select,
				.dropdown-menu .label,
				.dropdown-menu a,
				.modal-body input[type='text'] {font-size:16px; line-height:40px; height:40px; padding:0px 20px;}
				.dropdown-toggle,
				.dropdown-menu .label,
				.filter-option {padding:0px 0px;}
				.dropdown-menu .label {padding:10px 20px;}

.logonewlog img {width:24px;}
	 	}

/* 	mobile */
	@media (max-width:640px) {
		.modal-header {font-size:20px; line-height:40px;}
		.modal-body .privacy {background:#eee; font-size:15px !important; line-height:24px !important; padding:20px 20px !important;}
							.close {font-size:40px !important; margin-top:30px;}
				.newcheck {font-size:17px; line-height:50px; margin-bottom:30px;}
						button.textnew, a.textnew {
				  font-size: 20px;  margin-bottom:30px;
				  line-height: 50px;
				  border-radius: 50px;
				  width: 200px;
				  box-shadow: 5px 5px 0px #103e79;
				}
			.newsteparea dl {margin:10px 10px; width:70px; height:70px;}
			.newsteparea dl dt {font-size:11px; line-height:22px; padding-top:4px; }
			.newsteparea dl dd {font-size:13px; line-height:17px;}
			.newsteparea dl:before {font-size:14px; line-height:20px; top:30px; right:-16px; transform:scale(1,1.3)}

		h4.newt {font-size:19px; line-height:25px;  }
						.dropdown-toggle,
				.filter-option ,
				.dropdown-toggle,
				.modal-body select,
				.dropdown-menu .label,
				.dropdown-menu a,
				.modal-body input[type='text'] {font-size:16px; line-height:35px; height:35px; padding:0px 10px ;}
				.dropdown-toggle,
				.dropdown-menu .label,
				.filter-option {padding:0px 10px !important; margin-top:-3px;}
				.dropdown-menu .label {padding:10px 20px !important;}

.logonewlog img {width:21px;}



	 	}




html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, 
strong, sub, sup, var, b, i, p, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td, aside, canvas, details, figcaption, figure, footer, 
hgroup, menu, section, summary, time, mark, audio, video {    }


.wrap {  position: absolute;left: 0;bottom: 40px;width: 288px;height: 132px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;line-height: 1.5;}
.wrap * {padding: 0;margin: 0;}
.wrap .info {width: 286px;height: 120px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
.wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
.info .title {padding: 5px 0 0 10px;height: 30px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;    position:relative;}


.info .close {   font-family: 'Noto Sans KR'; position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
.info .close:hover {cursor: pointer;}
.info .body {position: relative;overflow: hidden;}
.info .desc {position: relative;margin: 13px 0 0 90px;height: 75px;}
.desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
.info .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
.info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.info .link {color: #5085BB;}

/*  window */
.placeinfo_wrap {position:absolute;bottom:28px;left:-150px;width:380px; text-align:left; overflow:hidden; }
.placeinfo {position:relative;width:100%;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;padding-bottom: 10px;background: #fff;}
.placeinfo:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.placeinfo_wrap .after {content:'';position:relative;margin-left:-12px;left:50%;width:22px;height:12px;background:url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.placeinfo a, .placeinfo a:hover, .placeinfo a:active{color:#fff;text-decoration: none;}
.placeinfo a, .placeinfo span {display: block;text-overflow: ellipsis; /* overflow: hidden; */ white-space: nowrap;}
.placeinfo span {margin:5px 5px 0 5px;cursor: default;font-size:13px;}
.placeinfo .title { font-size:14px;border-radius: 6px 6px 0 0;margin: -1px -1px 0 -1px;padding:10px; position:relative;  color: #fff;			
	background:#50a6d9 /* url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center */ 
}
.closeOverlay {position:Absolute; bottom:10px; right:10px; z-index:9; cursor:pointer; font-size:12px;}
.placeinfo .title a {position:absolute; padding:4px 4px; top:9px;  line-height:20px; right:40px;background:rgba(0,0,0,0.2)}

.placeinfo .address { padding-left:5px; padding-right:5px;  box-sizing:border-box;
width: 100%; text-align:left;  white-space:normal;  }
.placeinfo .tel {color:#0f7833;  padding-left:5px; }
.placeinfo .jibun {color:#999;  padding-left:5px; font-size:11px;margin-top:0;}