@import url('https://webfontworld.github.io/GmarketSans/GmarketSans.css'); 
@font-face {
    font-family: 'DalseoDarling';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2207-01@1.0/DalseoDarling.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

  @font-face {
    font-family: 'DalseoHealingMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2207-01@1.0/DalseoHealingMedium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}
  @font-face {
    font-family: 'DalseoHealingBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2207-01@1.0/DalseoHealingBold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}


.quiztxtnew {text-align:Center; line-height:1.5; font-size:clamp(20px, 2.5vw,40px)}

/* html5 필수요소*/

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, a,
small, strong, sub, sup, var, input, ::placeholder, button,
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 {
    margin:0;
    padding:0;
    border:0;
    outline:0;
      font-family: 'DalseoHealingMedium','arial';
	color:#222;
	letter-spacing:-1px;
	line-height:22px;
}


/* **************************************** *
 *body
 * **************************************** */

body{ overflow-x:none; width:100%;
padding:0; margin:0;
position:relative;
  background-color: #aad9ee;
  background-image:
    repeating-linear-gradient(0deg,  #76caef 0 2px, transparent 2px 120px),
    repeating-linear-gradient(90deg, #76caef 0 2px, transparent 2px 120px);
}


body::before,
body::after {  content: "";
  position: absolute;   left: 0; width: 100%;}

body::before {
top:1440px; z-index:0;
  height: calc(100% - 1300px);
  background: #99ff38;
}

body::after {
	z-index:1;
	 top: 1200px; 
  width: 100%;
  height: 460px;
  background: url('/event/img/tree.png') no-repeat top center;
  background-size: auto 103% ;
}


	@media (min-width:641px) and (max-width:1023px) {
body{
  background-image:
    repeating-linear-gradient(0deg,  #76caef 0 2px, transparent 2px 90px),
    repeating-linear-gradient(90deg, #76caef 0 2px, transparent 2px 90px);
}


body::before {
top:1340px;
  height: calc(100% - 1200px);
}

body::after {
	 top: 1200px; 
  height: 260px;
}






	 	}

/* 	mobile */
	@media (max-width:640px) {
body{
  background-image:
    repeating-linear-gradient(0deg,  #76caef 0 2px, transparent 2px 50px),
    repeating-linear-gradient(90deg, #76caef 0 2px, transparent 2px 50px);
}
body::before {
top:550px;
  height: calc(100% - 500px);
}

body::after {
	 top: 500px; 
  height: 110px;
}

	 	}


.modal-body h4 {font-size:clamp(17px, 2.5vw, 20px); line-height:1.6; padding-bottom:20px;}
.modal-body .btn-primary {padding-left:30px; padding-right:30px;}


/* **************************************** *
 *q_img
 * **************************************** */

.q_img {text-align:Center;  overflow:hidden; position:relative; z-index:3; padding-top:clamp(30px, 5.5vw, 80px);}
.q_img img {width:110%; max-width:1000px; margin-left:-6%;}


/* **************************************** *
 *tit
 * **************************************** */
.tit  {position:relative; z-index:2; max-width: 1200px;
background:#4a89ff; color:#fff; text-align:center; 
padding-top:clamp(15px, 5.5vw, 40px);
border:2px solid #000;
padding-bottom:clamp(15px, 5.5vw, 40px);
margin-top:20px; margin-bottom:20px;
border-radius:9999px;
box-shadow: 12px 12px 0px #19489f;
font-size:clamp(22px, 5.5vw, 50px);
  width: 90%;
  margin-left: auto;
  margin-right: auto;}

.tit dt {  line-height:1.3;  font-family: 'DalseoDarling'; font-weight:bold;  color:#fff;  word-break:keep-all;  font-weight:800; }
.tit dd {display:none}


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

.tit  {margin-top:-80px; z-index:4; padding:13px 0px;  position:relative;}
	 	}



/* **************************************** *
 *quiz_wrap
 * **************************************** */

.quiz_wrap {box-sizing:border-box;  position:relative; z-index:2;  margin-bottom:50px;
max-width:1200px; width:90%; border-radius:20px;
padding:clamp(20px, 5.5vw, 50px);
margin-left:auto; margin-right:auto; background:#fff;}






/* **************************************** *
 *quiz_wrap
 * **************************************** */

.quiz_wrap { background:#fff;}


/* **************************************** *
 *qarea
 * **************************************** */


.qarea { width:100%; display:flex;flex-wrap:nowrap; gap:clamp(6px, 2.5vw, 50px);
padding:clamp(25px, 2.5vw, 50px); word-break:keep-all;
box-sizing:border-box; border-radius:20px; position:relative;background:#fff4ef;}
.qarea dt{color:#ff5f11; font-size:clamp(30px, 2.5vw, 90px); line-height:1; font-family: 'DalseoHealingBold';}
.qarea dd {color:#000;  font-size:clamp(20px, 2.5vw, 30px); line-height:1.5; font-family: 'DalseoHealingBold';}




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

	 	}

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

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


	 	}






/* **************************************** *
answer
 * **************************************** */

.answer input{ width:100%; box-sizing:border-box; border:none;}

.answer input::-webkit-input-placeholder { /* Edge */
  color: #449b4a;  
}

.answer input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #449b4a;  
}

.answer input{  color: #449b4a;  }


/* web*/
	@media (min-width: 1024px) {
		.answer input {line-height:80px; height:80px;  border-bottom:5px  solid #449b4a;
			padding-left:30px; font-size:30px;  }
	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
		.answer {padding-top:20px;}
		.answer input {line-height:70px; height:70px;  border-bottom:5px  solid #449b4a;
padding-left:30px; font-size:30px;  }

	 	}

/* 	mobile */
	@media (max-width:640px) {
		.answer {padding-top:20px;}
		.answer input {line-height:50px; height:50px;  border-bottom:5px  solid #449b4a;
padding-left:20px; font-size:18px;  }
	 	}






/* **************************************** *
ness
 * **************************************** */

.ness {text-align:right;}
.ness:before {content:'*'; display:inline-block; color:#449b4a;}

/* 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 {margin-top:30px; }
.privacy  dt {padding:clamp(15px, 5.5vw, 30px); border-radius:20px;  font-size:16px; line-height:1.5;}


.privacy dt{border:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.privacy dd {text-align:right; padding-top:10px; font-size:17px;padding-bottom:30px;}
.privacy dd  input {vertical-align:middle;}


	@media (max-width:640px) {
.privacy dt{height:150px; font-size:15px; overflow-y:scroll;}


	 	}







/* **************************************** *
hint
 * **************************************** */

.hint {border:3px solid #ff5f11; margin-top:30px;  border-radius:20px; overflow:hidden;
}

	.hint dl {background:#ff5f11 url('/event/img/br.png'); background-size:100px auto; background-repeat:no-repeat;
	background-position:30px  16px ;  padding:30px 30px 30px 160px;}

	.hint dl dt {font-size:36px; color:#fff; padding-bottom:10px;  font-weight:bold; font-family: 'DalseoDarling';}
	.hint dl dd {font-size:22px;  color:#fff;  line-height:1.6; }


.hint p {font-size:clamp(17px, 5.5vw, 20px);  padding:clamp(16px, 5.5vw, 30px);   display:none;
font-family: 'DalseoHealingBold'; line-height:2; padding-top:20px; }

.hint .icongo a {border-radius:999px; color:#fff;  margin-top:10px; border:2px solid #429aa8;
font-size:clamp(16px, 2.5vw, 20px);font-family: 'DalseoHealingBold'; line-height:1.4;
 display:inline-block; padding:10px  20px; background:#5cc5e5;}


	@media (min-width:641px) {
	.hint dl dd br {display:none}

}

	@media (max-width:640px) {

	.hint dl {background-image:none; padding:20px 0px;}

	.hint dl dt {font-size:27px; text-align:Center;}
		.hint dl dt:before{content:''; width:40px; height:36px;  display:inline-block; vertical-align:middle;
		background:#ff5f11 url('/event/img/br.png'); background-size:100% auto; background-repeat:no-repeat;
	background-position:center center ;  
		}
	.hint dl dd {font-size:16px;text-align:Center;  word-break:keep-all; }

	.hint p {text-align:Center;}
	 	}


/* **************************************** *
 *inputarea
 * **************************************** */

.inputarea {width:100%; border-top:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.inputarea  dt {font-weight:600;}

.inputarea .answer {vertical-align:middle; display:inline-block; margin-right:20px; font-size:20px;}
.inputarea .answer input {width:25px !important; height:25px !important;}




.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; 
   }
.btn-primary {
    background-color: #ba79db !important;
    border-color: #ba79db !important; line-height:50px; height:50px;
}
#du_address {clear:both;}


input.type-text1 {margin-bottom:5px !important;}

/* web*/
	@media (min-width: 1024px) {
	.inter_aw {padding-top:10px;}
		.inputarea   {padding:20px 10px;}
		.inputarea  dt {float:left; width:200px;}
		.inputarea  dd {float:left; width:calc(100% - 200px);}
		.inputarea  dt {font-size:20px; line-height:50px; padding-left:20px;}
		.inputarea  dd input{ box-sizing:border-box; max-width:500px; width:60%; line-height:50px; height:50px; padding:0px 10px; margin:3px 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 .answer  {widtH:100%;}

		.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:40px; height:40px; padding:0px 10px; margin:0px 10px;}
		.inputarea  dd.input3wd input{width:100px;}
.btn-primary {
    line-height: 40px;
    height: 40px;
}

		.inputarea  dd input.poll_item1 {width:100%;}


		.inputarea  dd input[type='button'] {line-height:30px;  padding:0px 10px; font-size:15px;}




	 	}

/* 	mobile */
	@media (max-width:640px) {
		.inputarea .answer  {widtH:100%;}
.inputarea .answer { font-size:18px;}

		.inputarea   {padding:10px 10px 10px 10px;}
		.inputarea  dt {font-size:16px; line-height:35px; margin-left:10px;}

		.inputarea  dd input{ box-sizing:border-box; width:90%; line-height:40px; height:40px; padding:0px 10px; margin: 0px 10px 3px 10px;}
		.inputarea  dd.input3wd input{width:50px;}
.btn-primary {
    line-height: 40px;
    height: 40px;
}

		.inputarea  dd input.poll_item1 {width:100%;}
		.inputarea  dd input[type='button'] {line-height:30px;  padding:0px 10px; font-size:12px;}
	 	}

/* **************************************** *
 *btnarea
 * **************************************** */


.btnarea {
display:block;
  max-width: 600px;
  background: #ff723b;
  color: #fff;
  text-align: center;
  padding-top: clamp(17px, 2.5vw, 40px);
  border: 2px solid #000;
  padding-bottom: clamp(17px, 2.5vw, 40px);
  margin-top: 40px;
  margin-bottom: 20px;
  border-radius: 9999px;
  box-shadow: 12px 12px 0px #c12602;
  font-size: clamp(22px, 5.5vw, 50px);
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}



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

	 	}

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

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


/* **************************************** *
 *btnarea
 * **************************************** */
.notice_alert  {border-radius:20px; padding:clamp(20px, 2.5vw, 30px); background:#f6f6f6; margin-top:30px;}
.notice_alert li{position:relative; 
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M9%2012.75%2011.25%2015%2015%209.75M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z'%20%2F%3E%3C%2Fsvg%3E");
background-size: auto 21px;
background-repeat: no-repeat;
background-position:left top 0px;
padding-left:30px;

font-size:clamp(14px, 2.5vw, 17px); line-height:1.5; margin:10px 0px;}