@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: 'GmarketSansBold' !important;  border:none !important;}
.normal {font-family:'GmarketSansMedium';}

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 {
padding:0; margin:0;
background:#379ed9 url('/kor/event/10miday/img/bgmg.gif') no-repeat top center;   position:relative;}




body.eventstorelist {background-color:#ed80a1}



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

body {background-size:contain; }

 	}



/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	body { border:4px solid red;  background-size:1000px auto ;}


	 	}

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

	body {  background-size:500px auto ;}



	 	}


/* **************************************** *
 *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 {  padding-top:250px;}
.eventtop img { max-width:700px;}

	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	.eventtop {  padding-top:150px;}

	 	}

/* 	mobile */
	@media (max-width:640px) {
	.eventtop {  padding-top:120px;}
.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:1200px;}
.spa-main-inner .section {padding:30px 0px; }


/* tit3 */
.spa-main-inner .tit3 {text-align:Center; padding-bottom:50px;}
.spa-main-inner .tit3  dt {color:#ff1176;  font-family: 'Noto Sans KR BOLD'; font-size:50px;  line-height:1.5; padding-bottom:15px;}
.spa-main-inner .tit3  dd { font-size:26px}

/* 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 BOLD'; 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;  font-family: 'Noto Sans KR BOLD';  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; font-family: 'Noto Sans KR BOLD';   }
.section h3 span { margin-left:10px; text-align:Center;  font-family: 'Noto Sans KR BOLD';  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 #3c384d; border-left:1px solid rgba(0,0,0,0.1); margin-top:15px;}
.section table thead {background:#686282; }
.section table thead th {padding:20px 0px; color:#fff;}
.section table th,
.section table td {font-size:16px; border:1px solid rgba(0,0,0,0.1); letter-spacing:0px; vertical-align:middle;
border-top:none; border-left:none; line-height:20px; padding:10px 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{background:#eee; font-weight:normal; font-family: 'Noto Sans KR BOLD'; }


/* 	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:38px; }
.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 th {background:#686282; color:#fff; font-size:17px;}




  .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; 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/quiz22.png') 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: 'SangjuGotgam';
		}

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


.logonewlog {vertical-align:middle;  display:inline-block;}
.logonewlog img {vertical-align:middle; padding-right:10px;  display:inline-block;}


/* 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;}
				.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 0px !important; margin:0px !importnat}
				.dropdown-menu .label {padding:10px 20px !important;}

.logonewlog img {width:24px;}



	 	}