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

/* 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:-1px;
	line-height:22px;
}

 dt, dd {,word-break:keep-all}

      dd {      font-family: 'GmarketSansMedium';}
      dt {       font-family: 'GmarketSansBold';}

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: 'GmarketSansMedium'; letter-spacing:-1px;}
.width_area2 {max-width:1100px; margin-left:auto; margin-right:auto; width:96%;}



/* **************************************** *
 * searchin
 * **************************************** */

.searchin input{font-size:26px; line-height:80px;}
.searchin  form{display:flex;flex-wrap:wrap; width:100%; gap:0px 10px;}
.searchin input[type="text"] {width:76%; padding-left:20px; box-sizing:border-box;} 
.searchin input[type="submit"] {width:calc(24% - 10px); background:#d91a3c; color:#fff;  border:1px solid #750b1e} 


.nodata {text-align:Center; padding:30px 0px;  font-family: 'GmarketSansMedium'; font-size:18px; line-height:30px;}





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

.searchin input{font-size:16px; line-height:57px;}
.searchin input[type="text"] {padding-left:20px; } 

.nodata {padding:20px 0px; }



	 	}





/* **************************************** *
 * width_area
 * **************************************** */

	.width_area {max-width:1800px; margin-left:auto; margin-right:auto; width:95%;}



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

body.bg_wrapin {
background-image:url('../../review/bg_png.png');
background-repeat:no-repeat;
background-color:#ffb0ce;  box-sizing:border-box;
font-family: 'GmarketSansMedium';}



	/*web*/
	@media (min-width: 1024px) {
body.bg_wrapin {background-position: center -290px;
}
.web_pad_show{}
.mobile_show{display:none}


	 	}

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

body.bg_wrapin {background-position: center -190px; background-size:1200px auto ;
/* border:4px solid red;  */}

		.mobile_show {display:none;}
.web_pad_show{}
.mobile_show{display:none}

	 	}

	/*mobile*/
	@media (max-width:640px) {
body.bg_wrapin {background-position: center 0px; background-size:500px auto ;}
		.mobile_none {display:none;}
.web_pad_show{display:none}
.mobile_show{}
#map {height:400px !important;}






	 	}



/* **************************************** *
 * list_tit
 * **************************************** */

 .list_tit {text-align:center; padding:40px 0px;}

 .list_tit h1 {padding:30px 0px; }
 .list_tit h3 {padding:30px 0px; }

 .list_tit h1 img {width:50%; max-width:400px; }
 .list_tit h3 img {width:80%; max-width:800px; }




	/*mobile*/
	@media (max-width:640px) {
 .list_tit h1 {padding:20px 0px; }
 .list_tit h3 {padding:20px 0px; }
	 	}




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



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

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

	}

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




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

#tab-last2 { margin-bottom:60px}

	#tab-last2 dt {color:#000;  text-align:center;  font-family: 'GmarketSansBold';}
	#tab-last2 dd {text-align:Center; padding-bottom:30px; color:#000; 
	     font-family: 'GmarketSansMedium';}
		#tab-last2  > .width_area {padding-top:30px;}
		#tab-last2 h3 {text-align:center;  color:#000;   font-family: 'GmarketSansBold';}
		#tab-last2 h3 span {border-radius:50%; text-align:Center; display:inline-block;
	background:#d91a3c; 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:#27283c;
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: 'GmarketSansBold';}

table tbody th {background:#eee;  font-family: 'GmarketSansMedium';
font-weight:normal !important;
text-align:center;   color:#000; 
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;  background:#fff;
font-weight:normal; padding-top:9px; padding-bottom:9px;    font-family: 'GmarketSansMedium';
}
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:#ffebf3; color:#f92676; padding:16px 0px !important;     font-family: 'GmarketSansBold';}
#tab-last2  table td {position:relative; text-align:left;min-height:45px;}
#tab-last2  table td:before {position:Absolute;  font-family: 'GmarketSansMedium';  color:#f92676; 
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:40px; line-height:50px; padding-bottom:10px;}
		#tab-last2 dd {font-size:24px; line-height:40px;}


			#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:0px 0px 70px 0px;}
		#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:13px; 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:40px;  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: 'GmarketSansBold';
}



.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: 'GmarketSansBold';}
	#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:20px 0px !important;background:#d91a3c;  border-top:11px solid #a20622;
width:100%; position:fixed; bottom:0; left:0; text-decoration:none; }
.btn_go a {font-weight:bold; display:inline-block; color:#fff;     font-family: 'GmarketSansBold'; }





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

	 	}

	/*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:70px;  font-size:40px}


	 	}

	/*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-last2 {margin-bottom:0px;}

	#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:50px;  font-size:30px}


	 	}









/* 지정음식점 플랫폼 */
	.subcate { text-align:center; overflow:hidden;}
	.subcate a { background:#fff; display:inline-block;  border:2px solid #000; color:#000;}
 	.subcate a:hover,  .subcate a.on { font-weight:bold; background:#2952a2; color:#fff; }





/*웹*/
@media (min-width: 1024px) {
	.subcate  {padding-bottom:30px;}
	.subcate  a{ padding-bottom:30px;   padding:0px 45px;    margin:10px; 
	border-radius:30px; font-size:25px; line-height:60px;}


}

/*패드*/
@media (min-width:641px) and (max-width:1023px) {
	.subcate  {padding-bottom:30px;}
	.subcate  a{ padding-bottom:30px;   padding:0px 40px;    margin:6px; 
	border-radius:30px; font-size:23px; line-height:57px;}
}


/*모바일*/
@media (max-width:640px) {
	.subcate  {padding-bottom:30px;}
	.subcate  a{ padding-bottom:30px;   padding:0px 0px;   box-sizing:border-box; width:100%;   margin:2px 0px; 
	border-radius:30px; font-size:16px; line-height:43px;}
}




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