@font-face {
    font-family: 'Pretendard-Thin';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
            @font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
            @font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
            @font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
            @font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
            @font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
            @font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
            @font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
            @font-face {
    font-family: 'Pretendard-Black';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
	
	}
	
	
	
	/* 
	@font-face {
	    font-family: 'OAGothic-Medium';
	    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/OAGothic-Medium.woff2') format('woff2');
	    font-weight: 500;
	    font-style: normal;
	}
	            @font-face {
	    font-family: 'OAGothic-ExtraBold';
	    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/OAGothic-ExtraBold.woff2') format('woff2');
	    font-weight: 800;
	    font-style: normal;
	} */
 dt, dd {,word-break:keep-all}

      dd {      font-family: 'Pretendard-Medium';}
      dt {       font-family: 'Pretendard-ExtraBold';}

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 {            font-family: 'Pretendard-Regular';}
.width_area2 {max-width:1200px; margin-left:auto; margin-right:auto; width:96%;}

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

body {overflow-x:hidden !important;         font-family: 'Pretendard-Regular';}
	.width_area {max-width:1000px; margin-left:auto; margin-right:auto; width:96%;}

	/*web*/
	@media (min-width: 1024px) {
 	body {/* border:4px solid blue; */ box-sizing:border-box;}
		img {max-width:1000px;}
.web_pad_show{}
.mobile_show{display:none}



	 	}

	/*pad*/
	@media (min-width:641px) and (max-width:1023px) {
 	body {/* border:4px solid red; */box-sizing:border-box;}
		.mobile_show {display:none;}
			img {max-width:700px;}
.web_pad_show{}
.mobile_show{display:none}

	 	}

	/*mobile*/
	@media (max-width:640px) {
 	body { box-sizing:border-box;}
		.mobile_none {display:none;}
	img {width:1000px;}
.web_pad_show{display:none}
.mobile_show{}
#map {height:400px !important;}

	 	}


/* **************************************** *
 * 참여업소란?
 * **************************************** */

#tab-react2 {text-align:center;   background:#ffe857 url('/event/imgkit/bg2.gif') no-repeat top center;
 text-align:center; padding:60px 0px;
}

	#tab-react2 img {width:90%; max-width:600px;}

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

	/*pad*/
	@media (min-width:641px) and (max-width:1023px) {
			#tab-react2 { padding:30px 0px; background-size: 100% auto}

	}

	/*mobile*/
	@media (max-width:640px) {
			#tab-react2 { padding:30px 0px; background-size: 150% auto}
	 	}




/* **************************************** *
 *  참여업소
 * **************************************** */

#tab-last2 {background:#fff; margin-bottom:60px}

	#tab-last2 dt {color:#33334a;  text-align:center;  font-family: 'Pretendard-ExtraBold';}
	#tab-last2 dd {text-align:Center; padding-bottom:30px; color:#777; 
	font-family: 'Pretendard-Medium'; }
		#tab-last2  > .width_area {padding-top:30px;}
		#tab-last2 h3 {text-align:center;  color:#000; }
		#tab-last2 h3 span {border-radius:50%; text-align:Center; display:inline-block;
	background:#39b558; color:#fff; }

	#tab-last2 .link {display:none;}

/*table*/
table {border-right:none;  border-collapse:collapse; width:100%;
border-right:1px solid rgba(0,0,0,0.1); 
}

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:20px; line-height:40px; font-weight:normal;
font-family: 'Pretendard-Medium';}

table tbody th {background:#f4f9ff;
font-family: 'Pretendard-Medium'; font-weight:normal !important;
text-align:center;   color:#0b9ac6; 
vertical-align:middle;}

table tbody th a {display:inline-block; vertical-align:middle; margin:2px;
border-radius:50%; background:#0b9ac6 ; position:relative;}
table tbody th a svg {fill:#fff; position:absolute;}

table td { text-align:center;  font-family: 'Pretendard-Regular'; background:#fff;
font-weight:normal; padding-top:9px; padding-bottom:9px; 
}
table tbody th,
table tbody td {font-size:17px; line-height:25px; word-break:keep-all;
border:1px solid rgba(0,0,0,0.1); border-top:none; border-right:none;
}

	#tab-last2 .link {text-align:Center;}
#map2 {margin:30px 0px;}
	/*web*/
	@media (min-width: 1024px) {
		#tab-last2   {padding:110px 0px; ;}
		#tab-last2  dd {font-size:20px; line-height:30px;}
		#tab-last2 dt {font-size:50px; line-height:60px; padding-bottom:20px;}
		#tab-last2 dd {font-size:26px; line-height:30px; padding-bottom:30px; }

		#tab-last2 h3 { padding-top:90px;  padding-bottom:20px; font-size:50px; line-height:80px;}
		#tab-last2 h3 span { vertical-align:top; margin-left:10px; width:37px; height:37px; 
		font-size:16px; line-height:37px;}

	#tab-last2 .link a {font-size:21px; line-height:47px;
	padding:10px 30px;  border-radius:50px;  }

table tbody th a {width:27px; height:27px; margin-left:3px;}
table tbody th a svg {width:20px; height:20px; left:3px; top:3px;}
}

	@media (max-width:1023px) {
#tab-last2  thead {display:none}
#tab-last2  table {border:none;}
#tab-last2  table, #tab-last2  tbody, #tab-last2  tr, #tab-last2  th, #tab-last2  td {display:block; width:100%; overflow:hidden; box-sizing:border-box;}
#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:#396fb5; color:#fff; padding:16px 0px !important; }
#tab-last2  table td {position:relative; text-align:left;min-height:55px;}
#tab-last2  table td:before {position:Absolute;  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:'이벤트 내용';}

table tbody th a {width:27px; height:27px; margin-left:3px !important; background:#fff;}
table tbody th a svg {width:20px; height:20px; left:3px; top:3px; fill:#413e95;}



	}


	/*pad*/
	@media (min-width:641px) and (max-width:1023px) {
				#tab-last2   {padding:30px 0px;}
		#tab-last2  img {width:100%; }
		#tab-last2 dt {font-size:50px; line-height:60px; padding-bottom:20px;}
		#tab-last2 dd {font-size:25px; line-height:50px;}

			#tab-last2  table th {font-size:20px; line-height:30px; padding:10px 0px;}
			#tab-last2  table td {padding:20px 10px 20px 210px;}
			#tab-last2  table td:before {width:130px; top:20px; left:20px; }
			#tab-last2  table th {font-size:25px;line-height:38px; }
		#tab-last2 h3 { padding-top:90px;  padding-bottom:20px; font-size:40px; line-height:60px;}
		#tab-last2 h3 span { vertical-align:top; margin-left:10px; width:37px; height:37px; 
		font-size:16px; line-height:37px;}

	#tab-last2 .link a {font-size:19px; line-height:43px;
	padding:10px 25px;  border-radius:50px;  }


	 	}

	/*mobile*/
	@media (max-width:640px) {
			#tab-last2   {padding:70px 0px;}
		#tab-last2 img {width:100%; }
		#tab-last2 dl {margin-bottom:0px;padding-bottom:0px;}
		#tab-last2 dt {font-size:27px; line-height:30px; padding-bottom:10px;}
		#tab-last2 dd {font-size:16px; line-height:25px;word-break:keep-all}


			#tab-last2  table th {font-size:20px; line-height:26px; padding:14px 0px;}
			#tab-last2  table td {padding:13px 10px 13px 100px; overflow:hidden;}
			#tab-last2  table td:before {width:70px; top:15px; left:15px; }
			#tab-last2  table td 
			#tab-last2  table td:before,
						#tab-last2  table td {font-size:15px;line-height:19px; }

		#tab-last2 h3 { padding-top:70px;  padding-bottom:20px; font-size:30px; line-height:60px;}
		#tab-last2 h3 span { vertical-align:top; margin-left:10px; width:31px; height:31px; 
		font-size:15px; line-height:31px;}

	#tab-last2 .link a {font-size:16px; line-height:30px;
	padding:10px 10px;  border-radius:50px;  }

	 	}


/* **************************************** *
 *오시는 길
 * **************************************** */

#tab-angular {text-align:center;}
#tab-angular  img {width:100%;}

	#tab-angular dd {padding-bottom:30px;}
	/*web*/
	@media (min-width: 1024px) {
#tab-angular  {padding:100px 0px;}
#tab-angular dt {font-size:60px; line-height:80px; padding-bottom:20px;}
	#tab-angular dd {font-size:30px; line-height:50px;}
			
	}

	/*pad*/
	@media (min-width:641px) and (max-width:1023px) {
	#tab-angular  {padding:60px 0px;}

#tab-angular dt {font-size:50px; line-height:60px; padding-bottom:20px;}
#tab-angular dd {font-size:25px; line-height:50px;}
	 	}

	/*mobile*/
	@media (max-width:640px) {
		#tab-angular  {padding:60px 0px;}

#tab-angular dt {font-size:30px; line-height:40px; padding-bottom:10px;}
#tab-angular dd {font-size:20px; line-height:30px;word-break:keep-all}
	 	}





/* **************************************** *
 *경품
 * **************************************** */

#tab-cssscript{ text-align:center;}
	#tab-cssscript  img{max-width:1000px; width:96%;}


	#tab-cssscript dl {overflow:Hidden; width:100%; border-bottom:1px solid #ddd;
	padding-bottom:30px; max-width:1000px; margin-left:auto; margin-right:auto;}
	#tab-cssscript dt {color:#33357f;}
		#tab-cssscript dd strong{ color:#e24646; font-family: 'S-CoreDream-5Medium';}
		#tab-cssscript dd { font-family: 'S-CoreDream-3Light'; }


	/*web*/
	@media (min-width: 1024px) {
		#tab-cssscript {padding:110px  0px 120px 0px;}
	#tab-cssscript  img{padding-top:40px;}
		#tab-cssscript dt {font-size:50px; line-height:70px; padding-bottom:20px;}
		#tab-cssscript dd {font-size:20px; line-height:30px;}
		#tab-cssscript dd p img{width:300px;}


		}



	/*pad*/
	@media (min-width:641px) and (max-width:1023px) {
		#tab-cssscript {padding:80px  0px 80px 0px;}
	#tab-cssscript  img{padding-top:40px;}
		#tab-cssscript dt {font-size:40px; line-height:60px; padding-bottom:20px;}
		#tab-cssscript dd {font-size:17px; line-height:23px;}
		#tab-cssscript dd p img{width:300px;}

	 	}

	/*mobile*/
	@media (max-width:640px) {
		#tab-cssscript {padding:30px  0px 30px 0px;}
	#tab-cssscript  img{padding-top:40px;}
		#tab-cssscript dt {font-size:27px; line-height:40px; padding-bottom:15px;}
		#tab-cssscript dd {font-size:14px; line-height:21px;}
		#tab-cssscript dd p img{width:170px;}


	 	}



/* **************************************** *
 *원래있던
 * **************************************** */


.footer {width:100%; background:#515276; padding:30px 0px; overflow:hidden; color:#fff; text-align:center; font-family: 'S-CoreDream-5Medium'; }




	/*web*/
	@media (min-width: 1024px) {
		.footer {font-size:12px; line-height:23px;}
		}



	/*pad*/
	@media (min-width:641px) and (max-width:1023px) {
		.footer {font-size:12px; line-height:23px;}

	 	}

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

		.footer {font-size:11px; line-height:20px;}

	 	}



/* **************************************** *
 *원래있던
 * **************************************** */



.sticky-nav-tabs, .spa-slide {
overflow:hidden; width:100%; position:relative;
box-sizing:border-box; 
}

.spa-slide  {
padding-left:5% !important; padding-right:5% !important;;}

.sticky-nav-tabs-container {

 position: fixed;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: absolute;
  bottom: 0;
  width: 100%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  background:rgba(65, 63, 77, 0.8);

  z-index: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}



	/*web*/
	@media (min-width: 1024px) {
		.sticky-nav-tabs-container  {  height: 85px;}
		.sticky-nav-tabs-container a { font-size:25px;}
	 	}

	/*pad*/
	@media (min-width:641px) and (max-width:1023px) {
			.sticky-nav-tabs-container  {  height: 55px;}
		.movie {height:500px;}

	 	}

	/*mobile*/
	@media (max-width:640px) {
				.sticky-nav-tabs-container  {  height: 60px;}
.sticky-nav-tabs-container a {font-size:14px;}

	 	}







.sticky-nav-tabs-container a {color:#fff;
    font-family: 'OAGothic-Medium';
}



.sticky-nav-tabs-container--top-first {
 position: fixed;
  top: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.sticky-nav-tabs-container--top-second {
  position: fixed;
  top: 0;
}

.sticky-nav-tab {
z-index:10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #000;
  letter-spacing:-1px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-size: 0.8rem;
  text-decoration:none !important;
}

.subcate a:hover, .subcate a.on {
  font-weight: bold;
  background: #32b8d7;
  color: #fff;
}



.sticky-nav-tab:hover {
  color: white;
  background: #3d4053;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;


}

.sticky-nav-tab-slider {
  position: absolute;
  bottom: 0;
  width: 0;     font-family: 'OAGothic-ExtraBold';
  height: 96px;
  background: #3d4053; z-index:9;
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease;
}

/* tab_new_desc */
#tab_new_desc dl {box-sizing:border-box; text-align:center;}


	#tab_new_desc dl dt {font-family: 'Pretendard-ExtraBold';}
	#tab_new_desc dl dd {color: #5a5a6f; word-break:keep-all;
  font-family: 'Pretendard-Medium'; }



	#tab_new_desc .indesc01 {
	background:rgba(255,255,255,0.5) url('/images/salt/inbg02.gif') no-repeat center center;
	background-size:cover; background-blend-mode: color;}
	#tab_new_desc .indesc02 {
	background:rgba(255,255,255,0.5) url('/images/salt/inbg01.gif') no-repeat center center;
	background-size:cover; background-blend-mode: color;}


.btn_go {text-align:center; z-index:99999999;padding:10px 0px !important;background:#ff389d;  border-top:6px solid #f01c93;
width:100%; position:fixed; bottom:0; left:0; }
.btn_go a {font-weight:bold; display:inline-block; color:#fff;     font-family: 'Pretendard-ExtraBold'; }





	/*web*/
	@media (min-width: 1024px) {
		#tab_new_desc dl {float:left; width:50%; height:780px;padding:170px 30px;}
		#tab_new_desc dl dt { font-size:43px; 
		line-height:59px; padding-bottom:20px;}
		#tab_new_desc dl dd { font-size:21px; line-height:33px;}
.btn_go a {line-height:90px;  border-radius:40px; padding:0px 80px; font-size:30px}

	 	}

	/*pad*/
	@media (min-width:641px) and (max-width:1023px) {
	#tab_new_desc{margin-bottom:60px;}
		#tab_new_desc dl {width:100%; padding:130px 30px;}
		#tab_new_desc dl dt { font-size:38px; 
		line-height:52px; padding-bottom:20px;}
		#tab_new_desc dl dd { font-size:19px; line-height:28px;}

.btn_go a {line-height:90px;  border-radius:40px; padding:0px 80px; font-size:30px}

	 	}

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

		#tab_new_desc dl {width:100%; padding:100px 30px;}
		#tab_new_desc dl dt { font-size:29px; 
		line-height:42px; padding-bottom:20px;}
		#tab_new_desc dl dd { font-size:17px; line-height:24px; text-shadow:2px 2px 2px #fff}
		#tab_new_desc dl dd br {display:none;}


	#tab_new_desc .indesc01 {
	background:rgba(255,255,255,0.8) url('/images/salt/inbg02.gif') no-repeat center center;
	background-size:cover; background-blend-mode: color;}
	#tab_new_desc .indesc02 {
	background:rgba(255,255,255,0.8) url('/images/salt/inbg01.gif') no-repeat center center;
	background-size:cover; background-blend-mode: color;}
	.btn_go a {line-height:70px;  border-radius:40px; padding:0px 20px; font-size:20px}


	 	}