@import url('https://webfontworld.github.io/GmarketSans/GmarketSans.css'); 
@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;
}



@font-face {
    font-family: 'HSGooltokki';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/HSGooltokki.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}





/* 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: 'GmarketSansMedium','arial';
	color:#222;
	letter-spacing:0px;
	line-height:1.3;
}









/* **************************************** *
 *공통넓이
 * **************************************** */

.logoarea,
.tit,
.width_area,
.quiz_wrap
{box-sizing:border-box;  max-width:1100px; width:96%; margin-left:auto; margin-right:auto; }


.tit {display:none;}


/* **************************************** *
 *logoarea
 * **************************************** */
.logoarea  {position:relative; z-index:2;}
.logoarea { text-align:right;}



/* web*/
	@media (min-width: 1024px) {
	.logoarea { padding-top:100px; padding-bottom:10px;}
	.logoarea img {width:70px;}
.mobile_show {display:none}
.quiztxtnew {font-size:30px;  text-align:Center;line-height:50px; padding:50px 0px;}


	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	.logoarea { padding-top:70px; }
	.logoarea img {width:60px;}
.mobile_show {display:none}
.quiztxtnew {font-size:25px;  text-align:Center;line-height:50px; padding:40px 0px;}


	 	}

/* 	mobile */
	@media (max-width:640px) {
	.logoarea { padding-top:70px; padding-bottom:10px;}
	.logoarea img {width:40px;}
.quiztxtnew {font-size:18px;  text-align:Center;line-height:30px; padding:30px 0px;}

	 	}


/* **************************************** *
 *body
 * **************************************** */
body {background:#6bc15d url('/festival/img/bg.gif') no-repeat top center; background-size: 2000px auto;}



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


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

body {background-size: 1600px auto; }




		 }



/* 	mobile */
	@media (max-width:640px) {
body {background-size:180% auto;}


	 	}



/* **************************************** *
 *topperimg
 * **************************************** */

.topperimg { text-align:Center; }
.topperimg img {width:70%; max-width:730px;}



.gift_info {color:#fff; font-size:30px;max-width: 1200px; border-radius:50px; box-sizing:border-box;
  width: 90%; margin-left:auto; margin-right:auto;  font-family: 'GmarketSansBold'; margin-top:50px;
background:#ff5757;  line-height:1.5; padding:20px;}

.gift_info svg {width:40px; height:40px; vertical-align:middle;}



/* web*/
	@media (min-width: 1024px) {
.topperimg { padding-top:100px; padding-bottom:30px;}
.gift_info br:before {content:'';}
.gift_info br {display:none}
	 	}

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

	.topperimg { padding:60px 0px;}

.gift_info { font-size:24px; padding:15px;}
.gift_info svg {width:40px; height:40px; }





		 }



/* 	mobile */
	@media (max-width:640px) {
	.topperimg { padding:40px 0px;}

.gift_info { font-size:15px; padding:15px; margin-top:30px;}
.gift_info svg {width:24px; height:24px; }


	 	}











/* **************************************** *
 *newdetailin
 * **************************************** */

p.indet {color:#e66c99}
.newdetailin {overflow:hidden;}
.newdetailin dl {overflow:hidden; }
.newdetailin dl dt { color:#4b3fd9; box-sizing:border-box; padding-right:0;}
.newdetailin dl dd { border-left:1px solid rgba(0,0,0,0.2);}

.newdetailin dl dd {color:#000}


/* web*/
	@media (min-width: 1024px) {
			p.indet {font-size:19px; line-height:30px; padding-top:20px; }
			.newdetailin { padding:40px 0px;}
		.newdetailin dl { padding:10px 0px;}
		.newdetailin dl dt {width:120px;}
		.newdetailin dl dd {   padding-left:30px;}
		.newdetailin  p {padding-top:30px; font-size:18px; line-height:37px;}
		.newdetailin dl dt,
		.newdetailin dl dd {font-size:20px; line-height:20px; float:left; }

	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
			p.indet {font-size:17px; line-height:26px; padding-top:20px; }
			.newdetailin { padding:40px 0px;}
		.newdetailin dl { padding:10px 0px;}
		.newdetailin dl dt {width:120px;}
		.newdetailin dl dd {   padding-left:30px;}
		.newdetailin  p {padding-top:30px; font-size:18px; line-height:37px;}
		.newdetailin dl dt,
		.newdetailin dl dd {font-size:20px; line-height:20px; float:left; }
	 	}

/* 	mobile */
	@media (max-width:640px) {
			p.indet {font-size:16px; line-height:24px; padding-top:10px; }
			.newdetailin { padding:40px 0px;}
		.newdetailin dl { padding:10px 0px;}
		.newdetailin dl dt {width:84px;}
		.newdetailin dl dd {   padding-left:20px;}
		.newdetailin  p {padding-top:30px; font-size:17px; line-height:37px;}
		.newdetailin dl dt,
		.newdetailin dl dd {font-size:17px; line-height:20px; float:left; }

	 	}






/* **************************************** *
 *giftarea
 * **************************************** */
.giftnew{box-sizing:border-box;  overflow:hidden; position:relative; width:100%; border-style:solid;border-color:#fc5299; background:#fff;}
.giftnew dl {display:inline-block; vertical-align:middle; text-align:center; overflow:hidden;}
.giftnew dl dt {text-align:center;}
.giftnew dl dd{color:#fc5299; text-align:center; font-weight:600;}
			.giftnew h3 {color:#fff; background:#f864a1; font-weight:normal;text-align:center; }
.giftnew dl dt,
.giftnew dl dd {padding:0px;}

.giftnotice {position:relative; padding:10px 0px 10px 30px; text-align:right; font-size:14px; }
.giftnotice:before {content:'!' ;border-radius: 50%; width:20px; height:20px;  display:inline-block; text-align:Center; font-weight:600;
color:#fff; background:#444; margin-right:5px;}



/* web*/
	@media (min-width: 1024px) {
			.giftnew{border-radius:50px; border-width:5px; padding-left:260px; }
			.giftnew h3 {width:210px; position:Absolute; top:0px; left:0px; font-size:27px; line-height:40px; padding:90px 0px;}
		.giftnew dl  {padding:20px 30px;}
			.giftnew dl dt img{height:160px;}
			.giftnew dl dd{font-size:19px; line-height:23px;}
	 	}


/* samll web*/
	@media (min-width:1024px) and (max-width:1200px) {
			.giftnew dl dt img{height:150px; }
	 	}



/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
			.giftnew{border-radius:50px; border-width:5px;  text-align:center;}
			.giftnew h3 { text-align:center;  font-size:24px; line-height:40px; padding:20px 0px;}
			.giftnew h3  br {display:none;}
		.giftnew dl  {padding:20px 10px;}
			.giftnew dl dt img{height:120px;}
			.giftnew dl dd{font-size:18px; line-height:23px;}
	 	}

/* 	mobile */
	@media (max-width:640px) {
			.giftnew{border-radius:50px; border-width:5px;  text-align:center;}
			.giftnew h3 { text-align:center;  font-size:21px; line-height:30px; padding:20px 0px;}
			.giftnew h3  br {display:none;}
		.giftnew dl  {padding:20px 10px; width:100%;}
			.giftnew dl dt img{height:120px;}
			.giftnew dl dd{font-size:18px; line-height:23px;}

.giftnotice {position:relative; padding:10px 0px 10px 30px; text-align:right; font-size:12px; }
.giftnotice:before {width:20px; height:20px;  margin-right:3px; }



	 	}





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

.quiz_wrap {box-sizing:border-box;  position:relative; z-index:2;  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;}
	 	}

/* **************************************** *
 *top_new
 * **************************************** */

.top_new {text-align:center;}
.top_new  h3,
.top_new h2 {font-family: 'HSGooltokki'; font-weight:normal;}
.top_new  h3 {color:#455059}
.top_new  h2 {color:#e64b3a}

.top_new .week {overflow:hidden; text-align:center;}

.top_new .week  {padding:40px 0px 30px 0px;}
.top_new .week dl {display:inline-block; overflow:hidden; box-sizing:border-box;}
.top_new .week dl dt {color:#fff; font-weight:bold;}
.top_new .week dl dd {color:rgba(255,255,255,0.6)}

.top_new .week dl{background:#666d8c;  opacity:0.5;}
.top_new .week dl.on {background:#e64b3a; opacity:1;}

.youtube {overflow:hidden; margin-left:auto; margin-right:auto;}
.youtube img{max-width:100%;}


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

			.top_new  {padding-bottom:50px; }
			.top_new  h3 {font-size:50px; line-height:70px; letter-spacing:-1px;}
			.top_new  h2 {font-size:117px; line-height:154px; letter-spacing:-2px;}
			.top_new .week dl{width:240px; margin:0px 4px; padding:20px 10px 15px 10px; border-radius:50px 0px; box-shadow: 0px 5px 0px #4c5682}
			.top_new .week dl.on {box-shadow:0px 5px 0px #c12615;}
			.top_new .week dl dt {font-size:18px; line-height:30px; }
			.top_new .week dl dd {font-size:15px; line-height:30px;}
			.top_new .youtube  {width:900px;  border-radius:50px 0px;}


	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
			.top_new  {padding-bottom:50px; }
			.top_new  h3 {font-size:30px; line-height:50px; letter-spacing:-1px;}
			.top_new  h2 {font-size:77px; line-height:84px; letter-spacing:-2px;}
			.top_new .week dl{width:220px; margin:0px 4px; padding:20px 10px 15px 10px; border-radius:50px 0px; box-shadow: 0px 5px 0px #4c5682}
			.top_new .week dl.on {box-shadow:0px 5px 0px #c12615;}
			.top_new .week dl dt {font-size:17px; line-height:30px; }
			.top_new .week dl dd {font-size:15px; line-height:30px;}
			.top_new .youtube  {width:700px; max-width:90%;  border-radius:50px 0px;}




	 	}

/* 	mobile */
	@media (max-width:640px) {
			.top_new  {padding-bottom:20px; }
			.top_new  h3 {font-size:22px; line-height:50px; letter-spacing:-1px;}
			.top_new  h2 {font-size:44px; line-height:54px; letter-spacing:-2px;}
			.top_new .week dl{width:calc(49% - 10px); margin:0px 3px;
			padding:20px 10px 15px 10px; border-radius:30px 0px; box-shadow: 0px 5px 0px #4c5682}
			.top_new .week dl.on {box-shadow:0px 5px 0px #c12615;}
			.top_new .week dl dt {font-size:16px; line-height:30px; }
			.top_new .week dl dd {font-size:13px; line-height:20px;}
			.top_new .youtube  {width:700px; max-width:90%;  border-radius:30px 0px;}

	 	}
 







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


.quiz_wrap { background:#fff;}


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


.qarea {overflow:hidden; padding-top:50px;  width:100%;
color:#3b4eb5;  font-size:27px; line-height:1.5;  font-family: 'GmarketSansBold';  }


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




	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
			.qarea { padding-top:30px;  font-size:23px;  }
	 	}

/* 	mobile */
	@media (max-width:640px) {
			.qarea { padding-top:20px;  font-size:21px;  }

	 	}



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


	.aarea {  display:flex; flex-wrap:wrap; gap:10px 10px;  padding:10px 0px; align-items: center;}
/* 	.aarea input[type=radio], .aarea input[type=checkbox] { width:unset; width:0; height:0; margin:0;  opacity:0;}
	 */

.aarea input[type=radio], .aarea input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  border: 0;
  opacity: 0;
}



		.aarea label {
		  display: flex;             
		  align-items: center;       
		  justify-content: center;   
		  border-radius: 5px;
		  font-size: 18px;
		  font-family: 'GmarketSansLight';
		  min-width: 200px;
		  word-break: keep-all;
		  text-align: center;
		  border: 1px solid #ccc;
		  padding: 13px 10px;   
		  overflow: hidden;
		  background: #f5f5f5;
		  box-sizing: border-box;   
		  height: 60px;      
		}


		.aarea input[type=radio]:checked+label, input[type=checkbox]:checked+label { color:#fff; background:#457bc1;  
		border:2px solid #457bc1 !important ;
	}

		.aarea textarea {box-sizing:Border-box; padding:10px; 		  font-family: 'GmarketSansLight';}

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

		.aarea label {
		  font-size: 17px;
		  min-width: 160px;
		  padding: 13px 10px;   
		  height: 50px;      
		}

	 	}

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

		.aarea label {
		  font-size: 15px;
		  min-width: 100px;
		  height: 40px;      
		}


	 	}







/* **************************************** *
topness_bottom
 * **************************************** */
.topness_bottom {margin-top:30px; border-radius:30px;
background:#eee; box-sizing:border-box; padding:30px;}


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

.topness_bottom { padding:20px;}

	 	}

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

	.topness_bottom { padding:15px;}



	 	}






/* **************************************** *
privacy
 * **************************************** */

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


/* 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;}
	 	}

/* 	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  dt {font-weight:600;}

.inputarea.bordernone {border-top:none !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) {
		.inputarea   {padding:20px 10px;}
		.inputarea  dt {float:left; width:200px;}
		.inputarea  dd {float:left; width:calc(100% - 200px);}
		.inputarea  dt {font-size:19px; line-height:50px; padding-left:20px;}
		.inputarea  dd input[type=text]{ box-sizing:border-box; max-width:500px; font-size:19px;
		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:19px;}
	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
		.inputarea   {padding:15px 10px;}
		.inputarea  dt {float:left; width:120px;}
		.inputarea  dd {float:left; width:calc(100% - 140px);}
		.inputarea  dt {font-size:16px; line-height:40px; padding-left:10px;}
		.inputarea  dd input{ box-sizing:border-box; width:300px; font-size:16px; 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[type='button'] {line-height:30px;  padding:0px 10px; font-size:15px;}




	 	}

/* 	mobile */
	@media (max-width:640px) {
		.inputarea   {padding:10px 10px 10px 10px; box-sizing:border-box;}
		.inputarea  dt {font-size:13px; line-height:25px;width:100%; margin-left:10px;}

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



		.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:#e64b3a; color:#fff;   font-weight:700;  }

.sample {overflow:hidden; padding-top:20px;}

.sample  h4 {font-weight:600; color:#457bc1}
.sample  img {width:100%; max-width:600px;}
.sample p {overflow:hidden; padding-top:20px; }



.sample p { word-break:keep-all; }



.alert_event {overflow:hidden; padding-bottom:30px;}

.alert_event  li {position:relative; }
.alert_event  li.important {color:#ff3c3c;     font-family: 'GmarketSansBold';}

.alert_event  li:before {content:'.'; position:absolute; left:0; }





/* web*/
	@media (min-width: 1024px) {
		.btnarea {margin-top:50px; margin-bottom:30px;}
.btnarea {font-size:40px; line-height:110px;  border-radius:80px; width:400px;  box-shadow:10px 10px 0px #c12615}
.sample   {padding-left:10px;}
.sample  h4 {font-size:18px;  line-height:40px}
.sample p {font-size:14px; line-height:22px; }

.alert_event  li {padding:5px 0px 5px 15px;  font-size:17px; line-height:24px;}
.alert_event  li:before {font-size:16px; top:-3px; }
	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
		.btnarea {margin-top:30px; margin-bottom:30px;}
.btnarea {font-size:28px; line-height:70px;  border-radius:80px;
width:300px;   padding:0px 30px;  box-shadow:10px 10px 0px #c12615}

.sample   {padding-left:10px;}
.sample  h4 {font-size:17px;  line-height:40px}
.sample p {font-size:14px; line-height:22px; }
.alert_event  li {padding:5px 0px 5px 10px;  font-size:15px; line-height:21px;}
.alert_event  li:before {font-size:15px; top:-3px; }

	 	}

/* 	mobile */
	@media (max-width:640px) {
		.btnarea {margin-top:20px; margin-bottom:20px;}
.btnarea{font-size:21px; line-height:60px;  border-radius:80px;
width:170px;  padding:0px 30px;  box-shadow:6px 6px 0px #c12615}

.sample   {padding-left:10px;}
.sample  h4 {font-size:15px;  line-height:20px}
.sample p {font-size:13px; line-height:20px; padding-top:0px; }

.alert_event  li {padding:5px 0px 5px 10px;  font-size:15px; line-height:21px;}
.alert_event  li:before {font-size:15px; top:-3px; }

	 	}