@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;}



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

	 	}

li {list-style:none;}




/* **************************************** *
 *gift_period
 * **************************************** */


	#p_baskin, #p_paris, #p_chicken, #p_gs  { border:2px solid #ddd !important;}
	#p_baskin:hover , #p_chicken:hover , #p_gs:hover, #p_paris:hover {  border:2px solid #2363c3 !important;  }
	#p_baskin {  background-image:url(/event/survey/img/gift01.png); background-repeat:no-repeat}
	#p_paris { background-image:url(/event/survey/img/gift02.png) ; background-repeat:no-repeat}

	#p_chicken { background:url(/event/img2/gift_in03.jpg) no-repeat;}

	#p_baskin, #p_paris, #p_chicken, #p_gs {background-position:  center 70px;   height:220px;   padding-top:30px;
	width:49%; border:0px; background-size:190px auto ; font-size:16px; box-sizing:Border-box;}


.ingiftselect input[type="radio"].btn-check:checked + label {
	background-color: #e8f1ff;
	border: 2px solid #2363c3;
	color: #2363c3;
}


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

	}


	@media (min-width:641px) {

.ingiftselect br {display:none}
.ingiftselect br::before {content:' '; padding-left:5px; }


}

	@media (max-width:640px) {

.ingiftselect br:before {width:0; height:0; display:none;}


	#p_baskin, #p_paris, #p_chicken, #p_gs {background-size: auto 50px;
    background-position: 15px center;
    font-size: 14px; line-height:22px;
    padding-left: 120px;
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    padding-top: 20px;
}


		}
	}





/* **************************************** *
 *gift_period
 * **************************************** */

.gift_period  {padding-top:5px;}
.gift_period dl {display:flex; flex-wrap:Wrap; padding:6px 0px; gap:10px; font-size:18px; line-height:2;}
.gift_period dl dt{color:#3e90f9;}
.gift_period dl dt:before{content:'- '}

.gift_period dl dt{width:300px;}



/* **************************************** *
 *body
 * **************************************** */
body {background:#2f76ff; }



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


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




		 }



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


	 	}


/* **************************************** *
 *h1.logo
 * **************************************** */

h1.logo {position:absolute; top:30px; left:5%;  box-sizing:border-box;}
h1.logo  img {width:210px;}

	@media (max-width:640px) {
h1.logo  img {width:90px; top:20px;}


	 	}





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



.topperimg2,
.topperimg { text-align:Center; padding:10px 0px; }
.topperimg img {width:95%; max-width:930px;}
.topperimg2 img {width:80%; max-width:660px;}


.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:10px;}
.gift_info br:before {content:'';}
.gift_info br {display:none}
	 	}

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



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





		 }



/* 	mobile */
	@media (max-width:640px) {
.topperimg2{ text-align:Center; padding: 0px 0px 10px 0px;}
.topperimg { text-align:Center;  padding:10px 0px 0px 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 #d5174c;}
			.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 #d5174c;}
			.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 #d5174c;}
			.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;
}

.strComment { 
	width:95%; height:150px; border-radius:5px; margin:5px 0; border:1px solid #ccc;
}


.selectpicker { width:calc(100% - 2rem); height:40px; border:1px solid #ccc; border-radius:5px; padding: 0.375rem 0.75rem;
  font-size: 1rem; box-sizing:border-box;
  font-weight: 400;
  line-height: 1.5; font-family: 'GmarketSansMedium','arial';}



		.aarea label {
		  display: flex;             
		  align-items: center;       
		  justify-content: center;   
		  border-radius: 5px;
		  font-size: 18px;
		  font-family: 'GmarketSansLight';
		  min-width: 150px;
		  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) {
.selectpicker { width:calc(100% - 5px); }
		.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;}



	 	}




/* **************************************** *
notice_alert
 * **************************************** */

.notice_alert {display:flex; flex-wrap:wrap;}
.notice_alert li{flex-basis:50%;
font-family: 'GmarketSansMedium';
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'currentColor'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20class%3D'lucide%20lucide-circle-alert-icon%20lucide-circle-alert'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'10'%2F%3E%3Cline%20x1%3D'12'%20x2%3D'12'%20y1%3D'8'%20y2%3D'12'%2F%3E%3Cline%20x1%3D'12'%20x2%3D'12.01'%20y1%3D'16'%20y2%3D'16'%2F%3E%3C%2Fsvg%3E");
background-size: auto 18px;
background-repeat: no-repeat;
background-position: left 0px top 0px;
padding-left:22px; font-size:16px; line-height:1.4; margin:5px 0px;
}


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

.notice_alert li{flex-basis:100%; font-size:15px;}


	 	}



/* **************************************** *
privacy
 * **************************************** */
/* .privacy { height:200px; overflow-y:scroll; } */
.privacy dt{border:1px solid #ddd; box-sizing:border-box; overflow:hidden; height:250px; overflow-y:scroll;}
.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:#ff4579; 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; }


.btnflex {display:flex; flex-wrap:wrap; gap:15px;}
.btnflex a {text-decoration:none}
.btnflex input {cursor:pointer;}

.btnarea:nth-child(2),
.btnarea:nth-child(3) {background:#293266; box-shadow:10px 10px 0px #0f163e}
/* web*/
	@media (min-width: 1024px) {
		.btnarea {margin-top:50px; margin-bottom:30px;}
.btnarea {font-size:34px; line-height:110px;  border-radius:80px; width:calc(50% - 15px);  box-shadow:10px 10px 0px #d5174c}




.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; }
		.btnarea.mobile {display:none}

	 	}

/* 	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:100%;   padding:0px 30px;  box-shadow:10px 10px 0px #d5174c}
		.btnarea.web {display:none}

.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) {

.btnflex {padding-top:20px;}
		.btnarea.web {display:none}
		.btnarea {margin-top:0px; margin-bottom:0px;}
.btnarea{font-size:21px; line-height:60px;  border-radius:80px;
width:100%;;  padding:0px 30px;  box-shadow:6px 6px 0px #d5174c}

.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; }

	 	}