@font-face {
	font-family:"Noto"; 
	src:url('/Reanworld_common/fonts/NotoSansKR-Thin.eot'); 
	src:url('/Reanworld_common/fonts/NotoSansKR-Thin.eot?#iefix') format('embedded-opentype'), 
		url('/Reanworld_common/fonts/NotoSansKR-Thin.woff') format('woff'), 
		url('/Reanworld_common/fonts/NotoSansKR-Thin.ttf') format('truetype');
	font-weight:10; 
	font-style:normal;
}

@font-face {
	font-family:"Noto"; 
	src:url('/UtopUblessNew_common/fonts/NotoSansKR-Light.eot'); 
	src:url('/UtopUblessNew_common/fonts/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'), 
		url('/UtopUblessNew_common/fonts/NotoSansKR-Light.woff') format('woff'), 
		url('/UtopUblessNew_common/fonts/NotoSansKR-Light.ttf') format('truetype');
	font-weight:100; 
	font-style:normal;
}

@font-face {
	font-family:"Noto"; 
	src:url('/UtopUblessNew_common/fonts/NotoSansKR-Regular.eot'); 
	src:url('/UtopUblessNew_common/fonts/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'), 
		url('/UtopUblessNew_common/fonts/NotoSansKR-Regular.woff') format('woff'), 
		url('/UtopUblessNew_common/fonts/NotoSansKR-Regular.ttf') format('truetype');
	font-weight:300; 
	font-style:normal;
}

@font-face {
	font-family:"Noto"; 
	src:url('/UtopUblessNew_common/fonts/NotoSansKR-Medium.eot'); 
	src:url('/UtopUblessNew_common/fonts/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'), 
		url('/UtopUblessNew_common/fonts/NotoSansKR-Medium.woff') format('woff'), 
		url('/UtopUblessNew_common/fonts/NotoSansKR-Medium.ttf') format('truetype');
	font-weight:500; 
	font-style:normal;
}

@font-face {
	font-family:"Noto"; 
	src:url('/UtopUblessNew_common/fonts/NotoSansKR-Bold.eot');
	src:url('/UtopUblessNew_common/fonts/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'), 
		url('/UtopUblessNew_common/fonts/NotoSansKR-Bold.woff') format('woff'), 
		url('/UtopUblessNew_common/fonts/NotoSansKR-Bold.ttf') format('truetype');
	font-weight:700; 
	font-style:normal;
}   

@font-face {
	font-family:"Noto"; 
	src:url('/UtopUblessNew_common/fonts/NotoSansKR-Black.eot');
	src:url('/UtopUblessNew_common/fonts/NotoSansKR-Black.eot?#iefix') format('embedded-opentype'), 
		url('/UtopUblessNew_common/fonts/NotoSansKR-Black.woff') format('woff'), 
		url('/UtopUblessNew_common/fonts/NotoSansKR-Black.ttf') format('truetype');
	font-weight:900; 
	font-style:normal;
}  


@font-face { font-family: 'BaskervilleOldFace';
    src:  url('/UtopUblessNew_common/fonts/BaskervilleOldFace.ttf'); 
    font-weight: normal;
    font-style: normal;
} 

html, body{width:100%; overflow-x: hidden;}
* {margin: 0; padding: 0; box-sizing: border-box;}
body{background:#fff; font-size: 15px; text-align:left; font-weight: 300; font-family: 'Noto', 'Sans-serif', sans-serif; word-break: keep-all; -ms-word-break: keep-all;}
img,fieldset,iframe{border:0 none}
img {max-width: 100%; vertical-align: middle;}
ul, li {list-style: none; outline: none;}
input,textarea,select,button{color: #666; border: 0; font-size: inherit; font-family: inherit; font-size: inherit; resize: none; font-weight: 300;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0; border:0;}
button * {position:relative; overflow:hidden;}
hr{visibility: hidden;}
legend{*width:0}
a {color: inherit;}
table{/* border-collapse:collapse;table-layout:fixed; */ border-collapse:collapse;border-spacing:0}
/*  img, a{outline: none; select-dummy: expression(this.hideFocus=true); }  */
/* HTML5 Reset */
section,nav,menu,article,aside,footer,header,figure,figcaption,details,address  {display:block;}
select, option {-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
select {border: 1px solid #ccc; height: 40px; padding: 0 40px 0 10px; background: #fff url(/UtopUblessNew_common/images/homepage/board/faq_open.png) right 10px center no-repeat;}
input:focus, textarea:focus, select:focus {outline: none;}
input, textarea {border: 0; font-size: inherit; font-family: inherit; font-size: inherit; resize: none;}
ul, li {list-style: none; outline: none;}
a {border: 0; text-decoration:none}
a, span {display: inline-block;}
h1, h2, h3, h4, h5 {font-weight: 300;}
/*small {font-size: 14px; margin-top: 10px; display: inline-block;}*/

.overHidden {overflow: hidden;}
.fl {float: left;}
.fr {float: right;}


.radio input[type="radio"] {display:none;}
.radio input[type="radio"] + label {color:#3b4859; font-size: 15px; line-height: 36px;}
.radio input[type="radio"] + label span {display:inline-block; width:20px; height:20px; border-radius: 10px; vertical-align: -5px; background: #fff; background-size: cover; border: 1px solid #b3b3b3; cursor: pointer; margin-right: 10px;}
.radio input[type="radio"]:checked + label {color: #3b4859;}
.radio input[type="radio"]:checked + label span {position: relative;}
.radio input[type="radio"]:checked + label span:after {content: ''; display: inline-block; position: absolute; width: 6px; height: 6px; border-radius: 3px; background: #656565; top: 6px; left: 6px;}

.checkbox input[type="checkbox"] {display:none;}
.checkbox input[type="checkbox"] + label {color:#666; font-size: 15px; display: inline-block;}
.checkbox input[type="checkbox"] + label span {display:inline-block; width: 24px; height: 24px; background: #fff; border: 1px solid #bdbdbd; vertical-align: -7px; cursor: pointer; margin-right: 10px;}
.checkbox input[type="checkbox"]:checked + label {color: #222;}
.checkbox input[type="checkbox"]:checked + label span {position: relative; background: #fff url(/UtopUblessNew_common/images/homepage/common/check_02.png) center center no-repeat; background-size: 16px 16px;}

.textarea {width: 100%;}
.textarea textarea {width:100%; padding: 5px 10px; border:1px solid #ccc; resize: none; vertical-align: top; font-weight: 100; outline: none;}

.underline {position: relative; color: #333;}
.underline:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #333;}

/* --------------------------------------------
 * Privacy
/* ------------------------------------------ */
div.privacy{padding:10px 10px 50px; min-height: 400px;}
div.privacy *{padding:0;margin:0;font-size:15px;color:#666;text-align:left;}
div.privacy ol li{list-style:none}
div.privacy .privacy_header h2{padding:0;font-size:30px;color:#333;font-weight:bold;text-align:center;margin:20px 0 40px;}
div.privacy .privacy_header p{margin-top:15px;line-height:24px}
div.privacy .privacy_header ol{margin-top:15px;*zoom:1}
div.privacy .privacy_header ol:after{content:'';display:block;clear:both}
div.privacy .privacy_header ol li{float:left;width:50%}
div.privacy .privacy_header ol li a{display:block;padding:3px 0;font-weight:bold;color:#000;text-decoration:none}
div.privacy .privacy_content{margin-top:25px;border-top:1px dotted #ddd}
div.privacy .privacy_content .item{margin-top:25px}
div.privacy .privacy_content .item h3{font-size:15px;font-weight:bold;color:#333}
div.privacy .privacy_content .item > p{margin:12px 0 0 20px; line-height: 24px;}
div.privacy .privacy_content .item ol li.bullet{position:relative;padding-left:10px;margin-top:10px; line-height: 24px;}
div.privacy .privacy_content .item ol li.bullet > span{display:block;position:absolute;top:7px;left:0;width:4px;height:1px;background-color:#999}
div.privacy .privacy_content .item > ol{margin-left:20px}
div.privacy .privacy_content .item > ol > li{margin-top:12px; line-height: 24px;}
div.privacy .privacy_content .item > ol > li > p{margin:12px 0 0 20px; line-height: 24px;}
div.privacy .privacy_content .item > ol > li > strong{font-size:15px;color:#333}
div.privacy .privacy_content .item > ol > li > ol{margin-left:23px}
div.privacy .privacy_content .item > ol > li > ol > li{margin-top:10px; line-height: 24px;}
div.privacy .privacy_content .item > ol > li > ol > li > ol > li{margin-top:5px}
div.privacy .privacy_content .item > ol > li > ol > li > ol > li > ol > li{margin-top:5px}
div.privacy .privacy_content .item .tableWrap {overflow-x: auto;}
div.privacy .privacy_content .item table{width:100%;margin-top:15px;border-spacing:0;border-width:1px 0 0 1px;border-style:solid;border-color:#ccc}
div.privacy .privacy_content .item table caption{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
div.privacy .privacy_content .item table thead th{padding:5px 10px;border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;background-color:#f7f7f7;text-align:center;color:#333}
div.privacy .privacy_content .item table tbody th{padding:5px 10px;border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;background-color:#fff;text-align:left;color:#333}
div.privacy .privacy_content .item table tbody td{padding:5px 10px;border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;background-color:#fff;text-align:left;color:#333}


/***************
TAB menu
***************/
#tabMenu{width:100%; text-align:center; margin-top: 60px;}
#tabMenu.mgt {margin-top: 45px;}
#tabMenu ul{border-top:1px solid #eaeaea; margin-bottom:23px;}
#tabMenu ul.mgb{margin-bottom: 0;}
#tabMenu ul:after{content:''; clear:both; display:block}
#tabMenu ul.b50 li{float:left; width:50%;}
#tabMenu ul.b33 li{float:left; width:33.33%;}
#tabMenu ul.b25 li{float:left; width:25%;}
#tabMenu ul li a{white-space:nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; padding: 0 6px; font-weight:300; color:#666; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; font-size:14px; line-height:48px; display:block; background:#fff}
#tabMenu ul li:first-child a{border-left:1px solid #eaeaea}
#tabMenu ul li.active a{background:#77c8c1; color:#fff;}


@media screen and (max-width:768px){
	#tabMenu {margin-top: 30px;}
	#tabMenu ul.b25 li {width: 50%;}
	#tabMenu ul li a {font-size: 13px; line-height: 40px;}	
    /* #tabMenu ul li:nth-child(3) a {border-left: 1px solid #eaeaea;} */
	
	div.privacy * {font-size: 14px;}
	div.privacy .privacy_header h2 {font-size: 22px; margin: 0 0 30px;}
	div.privacy .privacy_header p {font-size: 14px; line-height: 1.5em;}
	div.privacy .privacy_header ol li {font-size: 14px; float: none; width: 100%;}
	div.privacy .privacy_content .item {margin-top: 15px;}
	div.privacy .privacy_content .item h3 {font-size: 14px;}
	div.privacy .privacy_content .item > p {margin: 6px 0 0 10px; line-height: 1.6em;}
	div.privacy .privacy_content .item > ol, div.privacy .privacy_content .item > ol > li > ol {margin-left: 10px;}
	div.privacy .privacy_content .item > ol > li {margin-top: 5px; line-height: 1.6em;}
	div.privacy .privacy_content .item > ol > li > ol > li {margin-top: 5px; line-height: 1.6em;}
	div.privacy .privacy_content .item table thead th, div.privacy .privacy_content .item table tbody td {line-height: 1.3em;}
}

@media screen and (max-width:470px){
	.radio input[type="radio"] + label {font-size: 14px;}
	.radio input[type="radio"] + label span {margin-right: 6px;}
	.checkbox input[type="checkbox"] + label {font-size: 14px;}
	.checkbox input[type="checkbox"] + label span {margin-right: 6px;}
	
	div.privacy * {font-size: 13px;}
	#tabMenu ul li a {font-size: 12px;}
	#tabMenu ul.l8 li {width: 33.33%;}
	#tabMenu ul.l8 li:nth-child(4n+1) a {border-left: 0;}
	#tabMenu ul.l8 li:nth-child(3n+1) a {border-left: 1px solid #eaeaea;}
	#tabMenu ul.l7 li {width: 33.33%;}
	#tabMenu ul.l7 li:nth-child(4n+1) a {border-left: 0;}
	#tabMenu ul.l7 li:nth-child(3n+1) a {border-left: 1px solid #eaeaea;}
	div.privacy .privacy_content .item table tbody th, div.privacy .privacy_content .item table tbody td, div.privacy .privacy_content .item table tbody td a {font-size: 13px;}
}

span.spinner_add { display: inline-block; padding-right: 40px; position: relative;
	height: 50px; text-align: center; vertical-align: middle;
	-webkit-touch-callout: none; 
	  -webkit-user-select: none; 
	     -moz-user-select: none; 
		  -ms-user-select: none;
			  user-select: none;
}

span.spinner_add .txt {font-size:15px; display: inline-block; vertical-align:middle; padding:8px 5px 0 0;}

span.spinner_add input[type=number] {font-size: 20px; vertical-align:top; outline:none; width: 30px; height: 46px; text-transform:uppercase; pointer-events:none; text-align: center; background: transparent; color: #323232;}

span.spinner_add > .sub, 
span.spinner_add > .add {
	display:block;
	position: absolute;
	top:-1px;
	width:27px;
	height:25px;
	border-right:0;
	font-size:17px;
	font-weight:700;
	text-align:center; 
	line-height:28px; 
	cursor:pointer;
	font-size: 0;

/*		-webkit-transition:0.1s linear; 
		   -moz-transition:0.1s linear; 
			-ms-transition:0.1s linear;
				transition:0.1s linear;*/
}

span.spinner_add > .add {top: 0; right: 0; background:url(/UtopUblessNew_common/images/homepage/board/spinner-up.jpg) no-repeat;}
span.spinner_add > .sub {top: 24px; right: 0; background:url(/UtopUblessNew_common/images/homepage/board/spinner-down.jpg) no-repeat;}

/* span.spinner_add > .sub:hover, 
span.spinner_add > .add:hover {	background:#5f7da6;	border:1px #5f7da6 solid; color:#fff;} */

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {	-webkit-appearance:none;}

@media screen and (max-width: 640px) {
	span.spinner_add {padding: 0 37px; height: 30px;}
	span.spinner_add input[type=number] {height: 30px; font-size: 16px;}
	span.spinner_add > .add {right: 0; background:url(/UtopUblessNew_common/images/homepage/board/spinner-up2.jpg) no-repeat; width:30px; height:30px; background-size: 30px 30px;}
	span.spinner_add > .sub {top: 0; left: 0; background:url(/UtopUblessNew_common/images/homepage/board/spinner-down2.jpg) no-repeat; width:30px; height:30px; background-size: 30px 30px;}
}

/***************
Booking Button
***************/
.bookingButton {
  position: fixed;
  right: 50px;
  bottom: 50px;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  margin: 0 auto;
  overflow: hidden;
  z-index: 9999;
  box-shadow: 4px 4px 18px rgba(0,0,0,0.17);  
}

.bookingButton .booking-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
    opacity: 1;
    background: url(/UtopUblessNew_common/images/homepage/common/booking-img.png) center 23px no-repeat;
    -webkit-animation: booking-img 5s infinite alternate;
    -moz-animation:    booking-img 5s infinite alternate;
    -o-animation:      booking-img 5s infinite alternate;
    animation:         booking-img 5s infinite alternate;
}

.bookingButton .booking-img2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    background: url(/UtopUblessNew_common/images/homepage/common/booking-img2.png) center 23px no-repeat;
    -webkit-animation: booking-img2 5s infinite alternate;
    -moz-animation:    booking-img2 5s infinite alternate;
    -o-animation:      booking-img2 5s infinite alternate;
    animation:         booking-img2 5s infinite alternate;
}

@-webkit-keyframes booking-img {
  18% { opacity: 1; }
  20% { opacity: 0; }
  80% { opacity: 0; }
  82% { opacity: 1; }
  90% { opacity: 1; }
}
@-moz-keyframes booking-img {
  18% { opacity: 1; }
  20% { opacity: 0; }
  80% { opacity: 0; }
  82% { opacity: 1; }
  90% { opacity: 1; }
}
@-o-keyframes booking-img {
  18% { opacity: 1; }
  20% { opacity: 0; }
  80% { opacity: 0; }
  82% { opacity: 1; }
  90% { opacity: 1; }
}
@keyframes booking-img {
  18% { opacity: 1; }
  20% { opacity: 0; }
  80% { opacity: 0; }
  82% { opacity: 1; }
  90% { opacity: 1; }
}

@-webkit-keyframes booking-img2 {
  18% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  82% { opacity: 0; }
  90% { opacity: 0; }
}
@-moz-keyframes booking-img2 {
  18% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  82% { opacity: 0; }
  90% { opacity: 0; }
}
@-o-keyframes booking-img2 {
  18% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  82% { opacity: 0; }
  90% { opacity: 0; }
}
@keyframes booking-img2 {
  18% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  82% { opacity: 0; }
  90% { opacity: 0; }
}
    
.bookingButton .booking-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 100%;
    top: 0;
    z-index: 2;
    background: #69bbb4;
    -webkit-animation: booking-bg 5s ease-in-out infinite alternate;
    -moz-animation:    booking-bg 5s ease-in-out infinite alternate;
    -o-animation:      booking-bg 5s ease-in-out infinite alternate;
    animation:         booking-bg 5s ease-in-out infinite alternate;
}

.bookingButton .booking-bg2 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: #fff;
    -webkit-animation: booking-bg2 5s ease-in-out infinite alternate;
    -moz-animation:    booking-bg2 5s ease-in-out infinite alternate;
    -o-animation:      booking-bg2 5s ease-in-out infinite alternate;
    animation:         booking-bg2 5s ease-in-out infinite alternate;
}

@-webkit-keyframes booking-bg {
  10% { left: 100%; }
  20% { left: 100%; }
  30% { left: 0; }
  80% { left: 0; }
  90% { left: 100%; }
}
@-moz-keyframes booking-bg {
  10% { left: 100%; }
  20% { left: 100%; }
  30% { left: 0; }
  80% { left: 0; }
  90% { left: 100%; }
}
@-o-keyframes booking-bg {
  10% { left: 100%; }
  20% { left: 100%; }
  30% { left: 0; }
  80% { left: 0; }
  90% { left: 100%; }
}
@keyframes booking-bg {
  10% { left: 100%; }
  20% { left: 100%; }
  30% { left: 0; }
  80% { left: 0; }
  90% { left: 100%; }
}


@-webkit-keyframes booking-bg2 {
  10% { left: 0; }
  20% { left: 0; }
  30% { left: -100%; }
  80% { left: -100%; }
  90% { left: 0; }
}
@-moz-keyframes booking-bg2 {
  10% { left: 0; }
  20% { left: 0; }
  30% { left: -100%; }
  80% { left: -100%; }
  90% { left: 0; }
}
@-o-keyframes booking-bg2 {
  10% { left: 0; }
  20% { left: 0; }
  30% { left: -100%; }
  80% { left: -100%; }
  90% { left: 0; }
}
@keyframes booking-bg2 {
  10% { left: 0; }
  20% { left: 0; }
  30% { left: -100%; }
  80% { left: -100%; }
  90% { left: 0; }
}

@media screen and (max-width: 970px){
	.bookingButton {width: 70px; height: 70px; right: 20px; bottom: 20px;}
	.bookingButton .booking-img,.bookingButton .booking-img2 {background-size: 48px 33px; background-position: center 16px;}
}

/*********************************************
* Main Event Popup
*********************************************/
.pop_notice_set{position :absolute;top:125px;left:-10px;z-index:900}
.pop_notice_set .pop_notice{ float: left; margin: 10px 0 0 10px;background :#fff;position:relative}
.pop_notice_set .pop_notice .pop_notice_content{ width: auto; max-width: 460px; min-height: 200px; border: 1px solid #3d3d3d;background :#fff;text-align:left;padding:5px 5px 30px }
.pop_notice_set .pop_notice .pop_notice_content p{margin:10px;line-height:1.4}
.pop_notice_set .pop_notice .pop_notice_content img{ width: 100%; min-width: 200px}
.pop_notice_set .pop_notice .pop_notice_footer{ position: absolute; left: 0; bottom: 0; right: 0; border-width: 0 1px 1px;border-style :solid;border-color:#3d3d3d;background:#ededed;height:30px;line-height:22px;padding:5px 10px 0 ;text-align :left}
.pop_notice_set .pop_notice .pop_notice_footer input{ vertical-align: middle}
.pop_notice_set .pop_notice .pop_notice_footer label{ color: #ADACAC; vertical-align: middle; display: inline-block}
.pop_notice_set .pop_notice .pop_notice_footer a.btn_close,.pop_notice_set .pop_notice .pop_notice_footer a.notToday{display :inline-block;padding:0 15px 0 14px;background :url(../../images/common/ico_close.gif) 0 50% no-repeat;font-family:dotum;font-size:11px}
.pop_notice_set .pop_notice .pop_notice_content.bg01{ width: 383px; height: 319px; background: url(../../images/common/bg_ind_pop.jpg) no-repeat!important}
.pop_notice_set .pop_notice .pop_notice_content.bg02{ width: 383px; height: 319px; background: url(../../images/common/bg_ind_pop02.jpg) no-repeat!important}
.pop_notice_set .pop_notice .pop_notice_content.bg03{ width: 383px; height: 319px; background: url(../../images/common/bg_ind_pop03.jpg) no-repeat!important}
.pop_notice_set .pop_notice .pop_notice_content.bg01 p,.pop_notice_set .pop_notice .pop_notice_content.bg02 p,.pop_notice_set .pop_notice .pop_notice_content.bg03 p{margin:13px 16px}

/*********************************************
* loading Box
*********************************************/
.loadingWrap { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; display:none; }
.loadingBg {background: none repeat scroll 0 0 #fff; height: 100%; left: 0; filter:alpha(opacity=50,FinishOpacity=0,Style=0);-moz-opacity:0.50; opacity: 0.5; position: absolute; top: 0; width: 100%; }
.loading {border: 1px solid #BBA07C;margin-left: -500px;
background: #f2f2f2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f2f2f2 0%, #fcfcfc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#fcfcfc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#fcfcfc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 0%,#fcfcfc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-8 */
position:fixed;top:-1px;left:50%;width:1000px;height:51px;line-height:50px;z-index:9999;text-align:center;}
.loading p {color:#525252;font-weight:bold;letter-spacing:-0.03em;}


/* 공지사항 링크 버튼 */
.info-btn {
  position: fixed;
  right: 50px;
  top: 200px;
  width: 95px;
  height: 95px;
  margin: 0 auto;
  z-index: 9999999999;
}
/* 단체예약 링크 버튼 */
.team-rsvn-btn {
  position: fixed;
  right: 50px;
  top: 320px;
  width: 95px;
  height: 95px;
  margin: 0 auto;
  z-index: 9999999999;
}
/* 카카오 링크 버튼 */
.kakao-rsvn-btn {
  position: fixed;
  right: 50px;
  top: 440px;
  width: 95px;
  height: 95px;
  margin: 0 auto;
  z-index: 9999999999;
}
@media screen and (max-width: 970px){
	.info-btn {width: 70px; height: 70px; right: 20px; top: 100px;}
	.team-rsvn-btn {width: 70px; height: 70px; right: 20px; top: 175px;}
	.kakao-rsvn-btn {width: 70px; height: 70px; right: 20px; top: 250px;}
}