/* **************************************** *
 * font
 * **************************************** */


@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}





@font-face {
    font-family: 'Yeongdo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.2/Yeongdo-Rg.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Yeongdo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.2/Yeongdo-Bd.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Yeongdo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.2/Yeongdo-Hv.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}


	* {       font-family: 'Paperozi';}
	

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 {    word-break:keep-all;  letter-spacing:0;    font-family: 'Paperozi'; box-sizing:border-box;}

.width_area2 {max-width:1200px; margin-left:auto; margin-right:auto; width:96%;}


/* **************************************** *
 * body
 * **************************************** */

body {overflow-x:hidden !important;   }





	.width_area {max-width:1000px; margin-left:auto; margin-right:auto; width:96%;}

	/*web*/
	@media (min-width: 1024px) {


	 	}

	/*pad*/
	@media (min-width:641px) and (max-width:1023px) {
	 	}

	/*mobile*/
	@media (max-width:640px) {

	 	}



/* **************************************** *
 * new_event_wrapin
 * **************************************** */
.new_event_wrapin {position:relative; width:100%; overflow:hidden;  background-color:#51cbf5;  }
.new_event_wrapin:before,
.new_event_wrapin:after {content:''; position:absolute; height:100%; z-index:1; background-size: 100% auto;  
background-repeat:repeat-Y;}
.new_event_wrapin:before {background-image:url('/event/img/bg01.png'); background-position:200px left 0px;  top:200px; left:0; width:200px; }
.new_event_wrapin:after {background-image:url('/event/img/bg02.png'); background-position:100px right 0px;   top:200px; width:300px; right:0;  }


	/*web*/
	@media (min-width: 1024px) {
.new_event_wrapin  {padding-bottom:98px;}
	 	}

	/*pad*/
	@media (min-width:641px) and (max-width:1023px) {
		.new_event_wrapin:before { background-position:100px left 0px;  top:60px; width:130px; }
		.new_event_wrapin:after { background-position:100px right 0px;   top:100px; width:130px;  }
	 	}

	@media (max-width:740px) {
.new_event_wrapin  {padding-bottom:98px;}

	}



	/*mobile*/
	@media (max-width:640px) {
		.new_event_wrapin:before { background-position:100px left 0px;  top:160px; width:80px; }
		.new_event_wrapin:after { background-position:100px right 0px;   top:100px; width:80px;  }


	 	}

/* **************************************** *
 * incon
 * **************************************** */

.incon {padding-top:160px;}


	/*mobile*/
	@media (max-width:640px) {
.incon {padding-top:60px;}


	 	}



/* **************************************** *
 * ntit
 * **************************************** */

h3.ntit {font-size:clamp(22px, 2.5vw, 30px); line-height:2; padding-bottom:10px; font-weight:700; margin-top:50px;}

/* **************************************** *
 * topper
 * **************************************** */


.topper {margin-left:auto; margin-right:auto;  padding-top:clamp(15px, 2.5vw, 30px); position:relative; z-index:2;
width:94%; max-width:1200px; background:url('/event/img/topim.png') no-repeat bottom center; 
background-size:auto 230px;
padding-bottom:210px;}

	.topper h2.inlogo {text-align:right; }
	.topper h2.inlogo img { width:30%; max-width:110px;}

	.topper .top_title {text-align:center;}
	.topper .top_title  dt {font-size:clamp(20px, 2.5vw, 40px);line-height:1.4; font-weight:600;}
	.topper .top_title dd {padding:20px 0px;}

	.topper .top_title dd strong,
	.topper .top_title dd {    font-family: 'Yeongdo'; line-height:1.2;
			letter-spacing:2px;font-weight:900; font-size:clamp(50px, 6.5vw, 110px);
	  -webkit-text-stroke: 3px #fff; /* 글씨 외곽선 */
		text-shadow: 2px 2px 0px rgba(0, 0, 0, 1); /* 글씨 그림자 */
	
	}
	.topper .top_title dd.big strong{font-size:clamp(80px, 8.5vw, 190px);}



	.topper .top_title dd strong:nth-child(1) {color:#ef4c79;}
	.topper .top_title dd strong:nth-child(2),
	.topper .top_title dd strong:nth-child(3) {color:#50b947;}


	.topper .period {margin-left:auto;  background:#3577bc; color:#fff; border-radius:60px;
	margin-right:auto; text-align:Center; padding:0px 60px; width:fit-content; margin-top:20px;
	font-size:clamp(20px, 2.5vw, 50px); font-weight:800; line-height:2;}
	.topper .period  sup {color:#3577bc; background:#fff; border-radius:50%; 
	height:clamp(23px, 2.5vw, 35px); width:clamp(23px, 2.5vw, 35px);  display:inline-block; margin-left:10px;
	font-size:clamp(14px, 2.5vw, 24px); font-weight:800; line-height:clamp(23px, 2.5vw, 35px);}


.topper {margin-left:auto; margin-right:auto;  padding-top:clamp(15px, 2.5vw, 30px);
width:94%; max-width:1200px; background:url('/event/img/topim.png') no-repeat bottom center; 
background-size:auto 230px;
padding-bottom:210px;}


/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
		.topper { background-size:auto 160px;padding-bottom:150px;}
	 	}

/* 	mobile */
	@media (max-width:640px) {
		.topper { background-size:auto 80px;padding-bottom:80px;}
		.topper .period { padding:5px 20px; }
		.topper .top_title dd {
		  -webkit-text-stroke: 2px #fff; 
			text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); 
		
	}



	 	}


/* **************************************** *
 * phone_area
 * **************************************** */

.phone_area {margin-left:auto; margin-right:auto; position:relative; z-index:2; box-sizing:border-box;
width:94%; max-width:1200px; border-radius:50px 50px 0px 0px;  padding:30px 3%;
border:30px solid #67a8d0; background:#fff;}

.phone_area:before {content:''; margin-left:auto; margin-right:auto;  display:block;
height:clamp(16px, 2.5vw, 35px);  margin-bottom:30px;
background:#d9e4ec; border-radius:90px; max-width:160px; width:20%;}



/* 	mobile */
	@media (max-width:640px) {
		.phone_area:before {margin-bottom:0px;}
		#map {height:400px !important;}

.phone_area {
border:20px solid #67a8d0; }


	}




/* **************************************** *
 *inner_tit
 * **************************************** */

.inner_tit {text-align:Center; padding:30px 0px;}
.inner_tit dt {
font-size:clamp(25px, 2.5vw, 44px); line-height:1.6; font-weight:800; }
.inner_tit dd {
font-size:clamp(15px, 2.5vw, 24px);  color:#888; line-height:1.6; font-weight:600; }






/* **************************************** *
 *button_fix_area
 * **************************************** */

.button_fix_area {display:flex; flex-wrap:wrap; position:fixed; bottom:0;left:0; width:100%; z-index:9;}
.button_fix_area a {line-height:1.4; padding:30px 0px; justify-content: center; gap:0px 10px; display: flex; align-items: center;
 font-size:26px; font-weight:800; text-align:center; color:#fff; flex:1; }
.button_fix_area a.naver2 {background:#d1fddc; color:#1fb544;  border-top:3px solid #1fb544; flex:1;}
.button_fix_area a.insta2 {
  background: #f4dfea;
  color: #f762ae;
  border-top: 3px solid #f762ae;
  flex: 1;
}


.button_fix_area a.goin {
  background: #7d90f7;
  color: #fff;
  border-top: 3px solid #5861f2;
  flex: 1;
}




.button_fix_area a.go {background:#f9779b; color:#fff;  border-top:3px solid #f03b97; flex:1;}



.button_fix_area  img {height:33px;}

.button_fix_area a:hover {text-decoration:none;}


	@media (max-width:1396px) {
.button_fix_area a { font-size:22px;}
}

	@media (max-width:1023px) {
		.button_fix_area a { font-size:25px; gap:0px 2px; padding:16px 0px; }
		.button_fix_area a img {height:30px; }

}



/* 	mobile */
	@media (max-width:740px) {

		.button_fix_area a { flex:1 1 50% !important; font-size:16px; padding:11px 0px;}

		.button_fix_area a img {height:15px; margin-left:0px;  }


	 	}





/* **************************************** *
 *  참여업소 테이블
 * **************************************** */


/*table*/
table {border-right:none;  border-collapse:collapse; width:100%;
 margin-top:40px;
}

table thead th {background:#455371;
text-align:center; color:#fff;   
padding:14px 0px; border-left:1px solid rgba(0,0,0,0.1);
font-size:clamp(15px, 2.5vw, 24px);
line-height:2; font-weight:600;
}

table tbody th,
table tbody td {font-size:clamp(15px, 2.5vw,19px); padding:15px 15px; line-height:1.6;}



table tbody th {background:#f4f9ff;

text-align:center;   color:#0b9ac6; 
vertical-align:middle;}


table td { text-align:center;  background:#fff; border:1px solid rgba(0,0,0,0.1);  border-top:none; border-right:none;}



table tbody th { border:1px solid rgba(0,0,0,0.1);   border-left:none; border-top:none; border-right:none; }

table tbody tr td:last-child {border-right:none !important;}


	@media (max-width:1023px) {
table thead {display:none}
table {border:none;}
#tab-last2  table, #tab-last2  tbody, #tab-last2  tr, #tab-last2  th, #tab-last2  td {display:block}
#tab-last2  table tr {margin:10px 0px; background:#fff; overflow:hidden; border:1px solid 
rgba(0,0,0,0.2)}
#tab-last2  table th {background:#485266; color:#fff; padding:16px 0px !important; }
#tab-last2  table td {position:relative; text-align:left; padding-left:130px;}
#tab-last2  table td:before {position:Absolute; left:20px; width:90px;  color:#413e95; border-right:1px solid rgba(0,0,0,0.1)}
#tab-last2  table td:nth-child(2):before {content:'업소주소';}
#tab-last2  table td:nth-child(3):before {content:'전화번호';}
#tab-last2  table td:nth-child(4):before {content:'이벤트 내용';}


	}


/* 	mobile */
	@media (max-width:640px) {
#tab-last2  table td {position:relative; text-align:left; padding-left:90px;}
#tab-last2  table td:before { left:10px; width:70px;}
	 	}