@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 필수요소*/

html,body {word-break:keep-all; max-width:100%; overflow-x:hidden;}

/* 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,
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 {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-family: 'GmarketSansMedium','arial';
	color:#000;
	letter-spacing:-1px;
	line-height:22px;
}


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

body {background:#ffe857 url('/event/imgkit/bg.gif') no-repeat top center;  position:relative;}

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

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
			body { background-size: 130% auto }

	 	}

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


/* **************************************** *
 *titarea_top
 * **************************************** */
.titarea_top {position:relative; padding-top:30px; z-index:1; text-align:center; overflow:hidden;}
			.titarea_top img {max-width:900px; width:90%;}

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

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

/* 	mobile */
	@media (max-width:640px) {
			.titarea_top { padding-top:10px;}

	 	}




/* **************************************** *
 *incon
 * **************************************** */
.incon {position:relative; z-index:3; text-align:center; overflow:hidden; margin-top:-110px;}
			.incon img {max-width:1100px; width:95%;}

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

					.incon img.mobile {display:none}
	 	}

/* 	mobile */
	@media (max-width:640px) {
					.incon img.web {display:none}
				.incon {margin-top:-30px;}

	 	}









/* **************************************** *
 *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 {color:rgba(255,255,255,1); background:#f864a1; font-weight:normal;text-align:center; font-family:'GmarketSansBold'}
			.giftarea h3 p{color:rgba(255,255,255,0.8);  font-family:'GmarketSansBold'}


/* web*/
	@media (min-width: 1024px) {
			.giftarea {border-radius:50px; border-width:5px; padding-left:240px; }
			.giftarea  h3 {width:210px; position:Absolute; top:0px; left:0px; font-size:32px; line-height:40px; padding:90px 0px;}
			.giftarea  h3 p {font-size:24px; line-height:36px;}
		.giftarea dl  {padding:50px 20px;}
			.giftarea dl dt img{height:160px;}
			.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:20px 10px; width:40%; vertical-align:top;}
			.giftarea dl dt img{height:100px;}
			.giftarea dl dd{font-size:16px; line-height:23px;}

	 	}
/* **************************************** *
 *.quiz_start
 * **************************************** */
.quiz_start {text-align:center; padding:50px 0px;}
.quiz_start  a {display:inline-block; background:#3a4fd2; color:#fff; font-family: 'GmarketSansBold';}

/* web*/
	@media (min-width: 1024px) {
.quiz_start  a {width:300px; font-size:30px;  border:2px solid  #14248b;}
line-height:90px; border-radius:50px; box-shadow:7px 15px 0px #14248b;}

}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
.quiz_start  a {width:200px; font-size:26px;  border:2px solid  #14248b;
line-height:70px; border-radius:50px; box-shadow:7px 14px 0px #14248b;}
	 	}

/* 	mobile */
	@media (max-width:640px) {
.quiz_start  a {width:170px; font-size:26px;  border:2px solid  #14248b;
line-height:70px; border-radius:50px; box-shadow:7px 12px 0px #14248b;}

	 	}







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

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





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

.logoarea { border-bottom:1px solid rgba(255,255,255,0.3); text-align:right;}



/* web*/
	@media (min-width: 1024px) {
	.logoarea { padding-top:30px; padding-bottom:10px;}
	.logoarea img {width:70px;}
.mobile_show {display:none}
	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	.logoarea { padding-top:30px; padding-bottom:10px;}
	.logoarea img {width:70px;}
.mobile_show {display:none}
	 	}

/* 	mobile */
	@media (max-width:640px) {
	.logoarea { padding-top:20px; padding-bottom:10px;}
	.logoarea img {width:40px;}


	 	}




/* **************************************** *
 *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:50px 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:#eee;}
.qarea dt{position:absolute; color:#2a88db;}
.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 {padding:40px 40px 40px 130px; border-radius:20px;  }
	.qarea dt{top:40px; left:30px; font-size:100px; line-height:110px; }
	.qarea dd,
	.qarea dd strong {font-size:22px; line-height:30px;}

	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	.qarea {padding:20px 20px 20px 80px; border-radius:10px;  }
	.qarea dt{top:20px; left:20px; font-size:60px; line-height:60px; }
	.qarea dd,
	.qarea dd strong {font-size:17px; line-height:28px;}
	 	}

/* 	mobile */
	@media (max-width:640px) {
	.qarea {padding:20px 20px 20px 60px; border-radius:10px;  }
	.qarea dt{top:20px; left:20px; font-size:40px; line-height:40px; }
	.qarea dd,
	.qarea dd strong {font-size:16px; line-height:23px;}
	 	}


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

.hint {color:#42a7d9; box-sizing:border-box; width:100%; transform:rotate(0.5turn)}

/* web*/
	@media (min-width: 1024px) {
	.hint {font-size:20px; line-height:70px;  padding-left:30px;}
	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	.hint {font-size:17px; line-height:50px;  padding-left:20px;}
	 	}

/* 	mobile */
	@media (max-width:640px) {
	.hint {font-size:15px; line-height:50px;  padding-left:20px;}
	 	}



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

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

.answer input::-webkit-input-placeholder { /* Edge */
  color: #2a88db;  font-family: 'twayair';
}

.answer input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #2a88db;  font-family: 'twayair';
}

.answer input{  color: #2a88db;  font-family: 'twayair';}


/* web*/
	@media (min-width: 1024px) {
		.answer {padding-top:20px;}
		.answer input {line-height:70px; height:70px;  border-bottom:5px  solid #2a88db;
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 #2a88db;
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 #2a88db;
padding-left:20px; font-size:18px;  }
	 	}






/* **************************************** *
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-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-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: 'GmarketSansMedium','arial';
		}

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


.logonewlog {vertical-align:middle;  display:inline-block;}
.logonewlog img {vertical-align:middle; padding-right:10px;  display:inline-block;}
.textnew2 {background:#333; color:#fff; font-size:16px !important; width:calc(20% - 20px); text-align:center; display:inline-block;
line-height:40px !important; height:40px !important; vertical-align:middle; border:none; font-family: 'GmarketSansMedium','arial';}


/* 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 !important; line-height:40px !important; height:40px !important; padding:0px 20px !important;}
				.dropdown-toggle,
				.dropdown-menu .label,
				.filter-option {padding:0px 0px !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 !important; line-height:40px !important; height:40px !important; padding:0px 20px !important;}
				.dropdown-toggle,
				.dropdown-menu .label,
				.filter-option {padding:0px 0px !important;}
				.dropdown-menu .label {padding:10px 20px !important;}

.logonewlog img {width:24px;}
	 	}

/* 	mobile */
	@media (max-width:640px) {
.textnew2 { font-size:13px !important; width:calc(30% - 10px) ; line-height:35px !important; height:35px !important;}



		.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 !important; line-height:35px !important; height:35px !important; padding:0px 10px !important;}
				.dropdown-toggle,
				.dropdown-menu .label,
				.filter-option {padding:0px 0px !important; margin:0px !importnat}
				.dropdown-menu .label {padding:10px 20px !important;}

.logonewlog img {width:24px;}



	 	}


/* **************************************** *
 *
 * **************************************** */
	
.quiz_start {color:#000; }
/* web*/
	@media (min-width: 1024px) {
		.quiz_start {font-size:30px; line-height:90px;  padding:20px 0px;}
	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
			.quiz_start {font-size:22px; line-height:40px;  padding:10px 0px;}
	 	}

/* 	mobile */
	@media (max-width:640px) {
	.quiz_start {font-size:18px; line-height:40px;  padding:25px 0px;}

	 	}



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




/* **************************************** *
 *giftw
 * **************************************** */
.giftw {box-sizing:border-box; background:#fff;}
.giftw  dl {display:inline-block;}
.giftw  dl dd {font-weight:bold;}
/* web*/
	@media (min-width: 1024px) {
.giftw {padding:50px 10px; margin-top:-90px;  text-align:Center; border-radius:30px;}
.giftw  dl  {margin:0px 20px;}
.giftw  dl dd{font-size:20px; line-height:30px;}
.giftw  dl dt img {width:210px;}



	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
.giftw {padding:40px 10px; margin-top:-60px; text-align:Center; border-radius:30px;}
.giftw  dl  {margin:0px 20px;}
.giftw  dl dd{font-size:18px; line-height:30px;}
.giftw  dl dt img {width:180px;}


	 	}

/* 	mobile */
	@media (max-width:640px) {
.giftw {padding:30px 10px; margin-top:-30px; text-align:Center; border-radius:30px;}
.giftw  dl  {margin:0px 20px;}
.giftw  dl dd{font-size:17px; line-height:30px;}
.giftw  dl dt img {width:130px;}


	 	}



/* **************************************** *
 *notice_alert
 * **************************************** */
.notice_alert {overflow:hidden;}
.notice_alert li {position:relative; overflow:hidden;}
.notice_alert li:before{content:'.'; position:Absolute;left:0;}
.notice_alert li a {color:#fff; display:inline-block; text-decoration:none;
background:#435093; margin-left:11px;}
.icon_alert{margin-top:20px; color:#f864a1}

.icon_alert img{width:100%; max-width:400px; color:#f864a1}


/* web*/
	@media (min-width: 1024px) {
	.notice_alert li {padding:5px 3px 5px 16px;}
	.notice_alert li:before{top:-2px;}
	.notice_alert li, .notice_alert li a {font-size:20px; line-height:34px; }
 .notice_alert li a {padding-left:10px; padding-right:10px; }
.icon_alert {font-size:18px; line-height:36px}

	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	.notice_alert li {padding:5px 3px 5px 16px;}
	.notice_alert li:before{top:-2px;}
	.notice_alert li, .notice_alert li a {font-size:18px; line-height:27px; }
 .notice_alert li a {padding-left:10px; padding-right:10px; }
.icon_alert {font-size:16px; line-height:22px}


	 	}

/* 	mobile */
	@media (max-width:640px) {
	.notice_alert li {padding:5px 3px 5px 16px;}
	.notice_alert li:before{top:-2px;}
	.notice_alert li, .notice_alert li a {font-size:16px; line-height:25px; }
 .notice_alert li a {padding-left:10px; padding-right:10px; }
.icon_alert {font-size:14px; line-height:22px}

	 	}