@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 100;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

/* 테그별 기본 설정 */
*:focus {outline:none;}

html {height:100%;font:normal 1px 'NanumBarunGothic', sans-serif;overflow: hidden;}

body {
	width:100%;
	margin:0;
	padding:0 0 1px 0;
	font:normal 13px 'NanumBarunGothic', sans-serif;
	background-color:#191919;
}

a:link    {text-decoration:none; color:#FFFFFF; font-size:13px;}
a:active  {text-decoration:none; color:#FFFFFF; font-size:13px;}
a:visited {text-decoration:none; color:#FFFFFF; font-size:13px;}
a:hover   {text-decoration:none; color:#FFFFFF; font-size:13px;}

.alpha60 {filter:alpha(opacity=60);opacity:0.6;}

div, p, span, td, th {
	/* 텍스트들의 css 정의 */

}

form,fieldset {
	margin:0;
	padding:0;
}

ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

li {
	margin:0;
	padding:0;
}

hr {
	display:none;
}

table {
	border-collapse: collapse;
	padding:0;
	margin:0;
}


img, input.type-image {
	border: 0 none;
}
img {vertical-align:bottom;}
a:link, a:visited {
	text-decoration: none;
}

a:active, a:hover {
	text-decoration: none;
}

select {
	padding:2px;
	margin:0;
}

textarea {
	border: 1px solid #ddd;
	background: #fff;
	padding: 1px;
}
input.type-submit {
	color:#CCC;
}

input.type-text:hover, input.type-text:focus, textarea:hover, textarea:focus, select:hover, select:active {
	/*background-color: #fff;*/
}

input, select, textarea {
	vertical-align: middle;
	font-size:13px;
	color: #7e7e7e;
	margin:0;
}

#overlay {position:fixed;top:0;left:0;width:100%;min-height:100%;height:100%;margin:0;padding:0;background:#000;filter:alpha(opacity=80); opacity:0.8;display:none;z-index:990;}
	#overlay div {position:absolute;top:50%;left:50%;width:200px;margin:-20px 0 0 -100px;}

body>h1 {position:fixed;top:0;left:0;display:block;width:100%;height:80px;margin:0 auto;font:bold 30rem 'dotum';border-bottom:1px solid #3f3f3f;background-color:#191919;z-index:32;}
	body>h1>div {float:left;width:100%;margin:auto;padding:24px 5%;font-weight:bold;font-size:23rem;font-family:'NanumBarunGothic', sans-serif;color:#ffffff;color:#ffffff;text-align:left;box-sizing: border-box;}
	body>h1 a, body>h1 a:hover, body>h1 a:link, body>h1 a:visited {font-weight:bold;font-size:23rem;}
	body>h1 div .title1 {float:left;}
	body>h1 div .container {float:right}

#link {position:fixed;bottom:0;display:block;width:100%;height:66px;margin:0 auto;padding:3px 0;background-color:#eeeeee;overflow:hidden;box-sizing:border-box;}
	#link .label {width:90%;height:80px;margin:auto;font:normal 14px 'NanumBarunGothic', sans-serif;text-align:left;line-height:25px;color:#a3a3a3;overflow:hidden;background-color:#fff;}
	#link .label a {font:normal 15px 'NanumBarunGothic', sans-serif;color:#a3a3a3;}
	#link div {font:normal 13px 'NanumBarunGothic', sans-serif;color:#ffffff;cursor:pointer;}

#wrap0 {position: fixed;width:100%;height:100%;box-sizing:border-box;padding:81px 0 70px 0;overflow:hidden}
#wrap {position: relative;width:100%;height:100%;box-sizing:border-box;margin:0 auto;padding:0;overflow:auto}

	#wrap h2 {float:left;width:100%;margin:20px auto 20px auto;text-align:left;color:#ffffff;}
		#wrap h2.floor2 {float:left;width:100%;margin:20px auto;text-align:left;color:#ffffff;}
		#wrap h2 div {height:24px;font:bold 18px 'NanumBarunGothic', sans-serif;line-height:normal;color:#fff;}
		#wrap h2 img {max-height:90px;}

	#wrap h3 {float:left;width:100%;margin:40px auto 0;font:normal 18px 'NanumBarunGothic', sans-serif;color:#ffffff;text-align:left;overflow:hidden;}

	#login h4 {width:98%;width:expression(100% - 10px);width:-o-calc(100% - 10px);width: -moz-calc(100% - 10px);width: -webkit-calc(100% - 10px);width: calc(100% - 10px);margin:20px auto 0;padding:2px 5px;font:bold 16rem 'dotum';color:#ffffff;text-align:left;border-bottom:1px solid #eaeaea;}

	#login {width:90%;margin:0px auto 90px auto;color:#888;font-size:15px;font-weight:bold;overflow:hidden;}

		#login .memberinfo {position:fixed;top:-5px;left:0;margin:0;padding:10px 0 0 0;width:100%;text-align:right;font:normal 13px 'NanumBarunGothic', sans-serif;color:#ffffff;background-color:#909090;z-index:100;}
			#login .memberinfo span {display:inline-block;font:normal 13px 'dotum';}
			#login .memberinfo select {display:block;width:98%;height:40px;margin:5px auto 0 auto;padding:10px 0 5px 0;color:#3c3c3c;border: 2px solid #ff9900;font-size:13px;}
			#login .memberinfo select:hover {border:2px solid #ff585c;}


		#login input[type=text],#login input[type=password] {display:block;width:100%;height:55px;color:#ffffff;}
		#login label#member-input1 {display:block;width:100%;margin:45px auto 0;color:#ffffff;font:normal 15px 'NanumBarunGothic', sans-serif;}
			#login #member-input1 input {margin:10px auto 0;padding:15px;border:none;background-color:#2b2b2b;color:#ffffff;box-sizing: border-box;}
		#login label#member-input2 {display:block;width:100%;margin:25px auto 0;color:#ffffff;font:normal 15px 'NanumBarunGothic', sans-serif;}
			#login #member-input2 input {margin:10px auto 0;padding:15px;border:none;background-color:#2b2b2b;color:#ffffff;box-sizing: border-box;}
		#login #memberPW_new {display:block;width:100%;margin:25px auto 0;color:#ffffff;font:normal 15px 'NanumBarunGothic', sans-serif;}
		#login #memberPW_re {display:block;width:100%;margin:25px auto 0;color:#ffffff;font:normal 15px 'NanumBarunGothic', sans-serif;}
		#login #memberPhone {margin:10px auto 0;padding:15px;border:none;background-color:#2b2b2b;color:#ffffff;}

		#login .chkbox {width:100%;height:14px;margin:25px auto 35px auto;font:normal 14px 'NanumBarunGothic', sans-serif;color:#e3e3e3;line-height:0;}
		#login .chkbox label {float:left;height:15px;margin-right:20px;}
		#login .chkbox input {width:13px;height:13px;vertical-align:0px;margin-right:5px;background-color:#2b2b2b;}
		#login .chkbox label#pwFind {float:right;line-height:normal;}

		#login button.btnLogin {display:block;width:100%;height:60px;margin:50px auto 0;background-color:#cb1019;border:none;color:#ffffff;font:normal 20px 'NanumBarunGothic', sans-serif;cursor:pointer;}

		#main-menu {position:fixed;top:0;right:-100%;width:100%;height:100%;background-color:#000;transition: 0.6s ease;z-index:99;}
			#main-menu h2 {width:100%;margin:0px auto 0;text-align:center;color:#ffffff;}
				#main-menu h2 div {line-height:90px;font-weight:normal;font-size:30rem;font-family:'NanumBarunGothic', sans-serif;color:#ffffff;}
				#main-menu h2 img {max-height:90px;}
				#main-menu h3 {width:100%;margin:40px auto 0;font:bold 30rem 'dotum';color:#ffffff;text-align:center;}

			#main-menu button.btnLogin2 {display:inline-block;width:80%;height:60px;margin:45px auto 0 auto;background-color:#cb1019;border:none;color:#ffffff;font:normal 16px 'NanumBarunGothic', sans-serif;cursor:pointer;}

			#main-menu .member-name {margin:40px 0 20px 0;font:normal 22px 'NanumBarunGothic', sans-serif;color:#f3f3f3;}
			#main-menu .member-change {font:normal 14px 'NanumBarunGothic', sans-serif;color:#f3f3f3;}

			#main-menu .main-menu-list {}
				#main-menu .main-menu-list ul {margin: 40px 0 0 50px;}
				#main-menu .main-menu-list li {padding:20px 0 10px 5px;color:#f3f3f3;font:normal 24px 'NanumBarunGothic', sans-serif;border-bottom: 1px solid #848484;}

			#main-menu .link2 {position:absolute;right:0;bottom:0;display:block;margin:0 auto;padding:25px 0px;box-sizing:border-box;overflow:hidden;background-color:#2b2b2b;text-align:right;}
				#main-menu .link2 .label {display:inline-block;height:75px;margin:0 10px 0 0;font:normal 12px 'NanumBarunGothic', sans-serif;text-align:right;line-height:28px;color:#e3e3e3;overflow:hidden;}
				#main-menu .link2 .label a {font:normal 12px 'NanumBarunGothic', sans-serif;}
				#main-menu .link2 div#addFavorite {display:inline-block;width:83px;height:80px;margin:0 10px 0 0;padding:10px 0;font:normal 12px 'dotum';border:1px solid #2b2b2b;background-color:#000;color:#d3d3d3;border-radius:15px;text-align:center;box-sizing: border-box;letter-spacing:-1px;transition: 0.4s ease;vertical-align:top;}
				#main-menu .link div#addFavorite:hover {color:#ffffff;}


		#overlay {position:fixed;top:0;left:0;z-index:31;width:100%;min-height:100%;height:100%;margin:0;padding:0;background:#000;filter:alpha(opacity=80); opacity:0.8;display:none;}

		#reserveList {float:left;display:block;width:90%;margin:0 5% 30px 5%;}
		.paymentList {float:left;width:100%;margin:0 auto;}
		.paymentList.paymentList1 {float:left;width:100%;margin:0 auto;}
		.paymentList li {position:relative;width:100%;height:100px;margin:4px 0;padding:0;background-color:#2b2b2b;color:#3c3c3c;box-sizing:border-box;}
		.paymentList li div {text-align:left;}

		.paymentList li div.payName10 {width:100%;margin:0;padding:0 90px 0 0;font:bold 16px 'NanumBarunGothic', sans-serif;color:#e3e3e3;box-sizing:border-box;}
		.paymentList li div.payName11 {width:100%;height:50px;padding:22px 20px 10px 20px;font:bold 16px 'NanumBarunGothic', sans-serif;color:#fff;text-align:left;vertical-align:middle;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;box-sizing:border-box;}
		.paymentList li div.payName12 {width:100%;height:50px;padding:15px 20px 23px 20px;font:normal 12px 'NanumBarunGothic', sans-serif;text-align:left;color:#e3e3e3;box-sizing:border-box;}
		.paymentList li div.payName13 {margin:5px 10px;font:bold 12rem 'NanumBarunGothic', sans-serif;text-align:left;color:#e3e3e3;}
		.paymentList li div.payName14 {margin:5px 10px;font:bold 14rem 'NanumBarunGothic', sans-serif;text-align:right;color:#e3e3e3;}
		.paymentList li div.pay-button11 {position:absolute;top:0;right:0;width:90px;height:100px;padding:27px 0;background-color:#C91522;color:#e3e3e3;font:normal 16px 'NanumBarunGothic', sans-serif;text-align:center;line-height:25px;cursor:pointer;box-sizing:border-box;}
		.paymentList li div.pay-button11 div {text-align:center;}

		.paymentList li div.pay-button12 {position:absolute;top:0;right:0;width:90px;height:100px;padding:20px 0;background-color:#C91522;color:#e3e3e3;font:normal 16px 'NanumBarunGothic', sans-serif;text-align:center;line-height:25px;cursor:pointer;box-sizing:border-box;}
		.paymentList li div.pay-button12 div {text-align:center;}
		.paymentList li div.pay-button12 span {display:block;}
		.paymentList li div.pay-button12 span.btn_attend {font:normal 16px 'NanumBarunGothic', sans-serif;color:#e3e3e3;}
		.paymentList li div.pay-button12 span.btn_reserve {font:normal 12px 'dotum';color:#cddc39;}
		.paymentList li div.pay-button12 span.btn_msg {margin-top:10px;font:bold 16px 'NanumBarunGothic', sans-serif;color:#e3e3e3;letter-spacing:0px;}

		.paymentList li div.payName20 {width:100%;margin:0;padding:0 90px 0 0;font:bold 16px 'NanumBarunGothic', sans-serif;color:#e3e3e3;box-sizing:border-box;border-bottom: 3px solid #36c700;}
		.paymentList li div.payName21 {width:100%;height:50px;padding:22px 20px 10px 20px;font:bold 16px 'NanumBarunGothic', sans-serif;color:#fff;text-align:left;vertical-align:middle;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;box-sizing:border-box;}
		.paymentList li div.payName22 {width:100%;height:50px;padding:15px 20px 23px 20px;font:normal 15px/21px 'NanumBarunGothic', sans-serif;text-align:left;color:#e3e3e3;box-sizing:border-box;}
		.paymentList li div.pay-button21 {position:absolute;top:0;right:0;width:90px;height:100px;padding:27px 0;background-color:#3a3a3a;color:#e3e3e3;font:normal 16px 'NanumBarunGothic', sans-serif;text-align:center;line-height:25px;box-sizing:border-box;}
		.paymentList li div.pay-button21 div {text-align:center;}

		.paymentList li div.pay-button22 {position:absolute;top:0;right:0;width:90px;height:100px;padding:34px 0;background-color:#2b2b2b;color:#e3e3e3;font:normal 16px 'NanumBarunGothic', sans-serif;text-align:center;line-height:25px;box-sizing:border-box;}
		.paymentList li div.pay-button22 div {text-align:center;}
		.paymentList li div.pay-button22 span {display:block;}
		.paymentList li div.pay-button22 span.btn_attend {font:normal 16px 'NanumBarunGothic', sans-serif;color:#e3e3e3;}
		.paymentList li div.pay-button22 span.btn_reserve {font:normal 12px 'dotum';color:#cddc39;}
		.paymentList li div.pay-button22 span.btn_msg {margin-top:10px;font:bold 16px 'NanumBarunGothic', sans-serif;color:#e3e3e3;letter-spacing:0px;}

		.paymentList li div.payName30 {width:100%;margin:0;padding:0 90px 0 0;font:bold 16px 'NanumBarunGothic', sans-serif;color:#e3e3e3;box-sizing:border-box;border-bottom: 3px solid #36c700;}
		.paymentList li div.payName31 {width:100%;height:43px;padding:15px 20px 10px 20px;font:bold 16px 'NanumBarunGothic', sans-serif;color:#fff;text-align:left;vertical-align:middle;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;box-sizing:border-box;}
		.paymentList li div.payName32 {width:100%;height:25px;padding:0px 20px 0px 20px;font:normal 15px/21px 'NanumBarunGothic', sans-serif;text-align:left;color:#e3e3e3;box-sizing:border-box;}
		.paymentList li div.trainer31 {width:100%;height:32px;padding:0px 20px 0px 20px;font:normal 15px/21px 'NanumBarunGothic', sans-serif;text-align:left;color:#e3e3e3;box-sizing:border-box;}
		.paymentList li div.pay-button31 {position:absolute;top:0;right:0;width:90px;height:46px;padding:27px 0;background-color:#3a3a3a;color:#e3e3e3;font:normal 16px 'NanumBarunGothic', sans-serif;text-align:center;line-height:25px;cursor:pointer;}
		.paymentList li div.pay-button31 div {text-align:center;}

		.paymentList li div.pay-button32 {position:absolute;top:0;right:0;width:90px;height:100px;padding:20px 0;background-color:#2b2b2b;color:#e3e3e3;font:normal 16px 'NanumBarunGothic', sans-serif;text-align:center;line-height:25px;cursor:pointer;box-sizing:border-box;}
		.paymentList li div.pay-button32 div {text-align:center;}
		.paymentList li div.pay-button32 span {display:block;}
		.paymentList li div.pay-button32 span.btn_attend {font:normal 16px 'NanumBarunGothic', sans-serif;color:#e3e3e3;}
		.paymentList li div.pay-button32 span.btn_reserve {font:normal 12px 'dotum';color:#cddc39;}
		.paymentList li div.pay-button32 span.btn_msg {margin-top:10px;font:bold 16px 'NanumBarunGothic', sans-serif;color:#e3e3e3;letter-spacing:0px;}

		.paymentList li div.payName40 {width:100%;margin:0;padding:0 90px 0 0;font:bold 16px 'NanumBarunGothic', sans-serif;color:#e3e3e3;box-sizing:border-box;}
		.paymentList li div.payName41 {width:100%;height:43px;padding:15px 20px 10px 20px;font:bold 16px 'NanumBarunGothic', sans-serif;color:#fff;text-align:left;vertical-align:middle;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;box-sizing:border-box;}
		.paymentList li div.payName42 {width:100%;height:25px;padding:0px 20px 0px 20px;font:normal 15px/21px 'NanumBarunGothic', sans-serif;text-align:left;color:#e3e3e3;box-sizing:border-box;}
		.paymentList li div.trainer41 {width:100%;height:32px;padding:0px 20px 0px 20px;font:normal 15px/21px 'NanumBarunGothic', sans-serif;text-align:left;color:#e3e3e3;box-sizing:border-box;}
		.paymentList li div.pay-button41 {position:absolute;top:0;right:0;width:90px;height:46px;padding:27px 0;background-color:#C91522;color:#e3e3e3;font:normal 16px 'NanumBarunGothic', sans-serif;text-align:center;line-height:25px;cursor:pointer;}
		.paymentList li div.pay-button41 div {text-align:center;}

		.paymentList li div.pay-button42 {position:absolute;top:0;right:0;width:90px;height:100px;padding:20px 0;background-color:#C91522;color:#e3e3e3;font:normal 16px 'NanumBarunGothic', sans-serif;text-align:center;line-height:25px;cursor:pointer;box-sizing:border-box;}
		.paymentList li div.pay-button42 div {text-align:center;}
		.paymentList li div.pay-button42 span {display:block;}
		.paymentList li div.pay-button42 span.btn_attend {font:normal 16px 'NanumBarunGothic', sans-serif;color:#e3e3e3;}
		.paymentList li div.pay-button42 span.btn_reserve {font:normal 12px 'dotum';color:#cddc39;}
		.paymentList li div.pay-button42 span.btn_msg {margin-top:10px;font:bold 16px 'NanumBarunGothic', sans-serif;color:#e3e3e3;letter-spacing:0px;}

		.paymentList li.end-class2 div.pay-button11 {position:absolute;top:0;right:0;width:90px;height:46px;padding:27px 0;background-color:#3a3a3a;color:#e3e3e3;font:normal 16px 'NanumBarunGothic', sans-serif;text-align:center;line-height:25px;cursor:pointer;}

		.paymentList li.end-class {display:none;}
		.paymentList li.end-class div {color:#5f5f5f;}
		.paymentList li.end-class div.pay-button11 {background-color:#3e3e3e;color:#5f5f5f;}

		.paymentList div.other-pay_btn {float:left;width:100%;margin:20px auto;font:normal 12px 'NanumBarunGothic', sans-serif;color:#f3f3f3;text-align:center;}
		.paymentList div.other-pay2 {float:left;width:100%;margin:20px auto;font:normal 12px 'NanumBarunGothic', sans-serif;color:#f3f3f3;text-align:center;}

		.paymentList li:nth-child(odd) {float:left;}
		.paymentList li:nth-child(even) {float:right;}
		.paymentList li:hover {}

		#reserveList2 {display:block;width:100%;height:195px;margin:0 auto 80px auto;overflow:hidden;}
		#paymentList2 {float:left;width:100%;height:163px;margin:0 auto;list-style:none;white-space:nowrap;}
		#paymentList2>.pay-noting {width:100px;text-align:center;color:#fff;font:bold 16px 'NanumBarunGothic', sans-serif;}
		#paymentList2 li {float:left;width:49%;height:150px;margin:4px 0.5%;padding:0;background-color:#2b2b2b;color:#3c3c3c;box-sizing:border-box;border-bottom:3px solid #36c700;}
		#paymentList2 li div {text-align:left;}
		#paymentList2 li div.payName {width:100%;margin:0;padding:0 24;font:bold 16px 'NanumBarunGothic', sans-serif;color:#e3e3e3;box-sizing:border-box;}
		#paymentList2 li div.payName1 {width:100%;height:50px;padding:22px 20px 10px 20px;font:bold 19px 'NanumBarunGothic', sans-serif;color:#fff;text-align:left;vertical-align:middle;overflow:hidden; text-overflow:ellipsis;box-sizing:border-box;}
		#paymentList2 li div.payName2 {width:100%;height:50px;padding:5px 20px 23px 20px;font:normal 15px 'NanumBarunGothic', sans-serif;text-align:left;color:#e3e3e3;box-sizing:border-box;}
		#paymentList2 li div.payName3 {width:100%;padding:5px 20px;font:bold 16px 'NanumBarunGothic', sans-serif;text-align:left;color:#e3e3e3;box-sizing:border-box;}
		#paymentList2 li div.payName4 {margin:5px 10px;font:bold 14rem 'NanumBarunGothic', sans-serif;text-align:right;color:#e3e3e3;}

		#lesson_rez_cal {float:left;width:100%;}

		#legend {float:left;width:96%;margin:10px 2% 0 2%;overflow:hidden;}
			#legend li {float:left;width:20%;color:#fff;font:normal 10px 'NanumBarunGothic', sans-serif;box-sizing:border-box;}
			#legend li div {float:left;width:15px;height:10px;margin:0 5px 0 0;box-sizing:border-box;}
			#legend .leg-able {}
			#legend .leg-sel {}
			#legend .leg-standby {}
			#legend .leg-finish {}
			#legend .leg-end {}
			#legend .leg-sign {}
			#legend .leg-appraise {}
			#legend .leg-able div {background-color:#2B2B2B;}
			#legend .leg-sel div {background-color:#C91522;}
			#legend .leg-standby div {background-color:#E57B00;}
			#legend .leg-finish div {background-color:#36C700;}
			#legend .leg-end div {background-color:#00bec7;}
			#legend .leg-sign div {background-color:#0014c8;}
			#legend .leg-appraise div {background-color:#191919;border:1px solid #707070;}

		#lesson_rez_time_list {float:left;width:100%;margin:10px auto;}
		#lesson_rez_time_list li {float:left;width:25%;padding-right:1px;padding-bottom:1px;font:300 20px/50px 'NanumBarunGothic', sans-serif;background-color:#191919;color:#fff;text-align:center;box-sizing:border-box;}
/*		#lesson_rez_time_list li:hover {background-color:#C91522;}*/
		#lesson_rez_time_list li div {width:100%;height:53px;background-color:#2B2B2B;color:#fff;box-sizing:border-box;}
		#lesson_rez_time_list li.stb div {background-color: #E57B00;border:1px solid #E57B00;}
		#lesson_rez_time_list li.rez div {background-color: #36C700;border:1px solid #36C700;}
		#lesson_rez_time_list li.apz div {background-color: #191919;border:1px solid #191919;}
		#lesson_rez_time_list li.rezd div {background-color: #00bec7;border:1px solid #00bec7;}
		#lesson_rez_time_list li.rezs div {background-color: #0014c8;border:1px solid #0014c8;}
		#lesson_rez_time_list li.reza div {background-color: #191919;border:1px solid #707070;}

		#lesson_rez_time_list li.de_rev div {filter:alpha(opacity=30);opacity:0.3;}
		#lesson_rez_time_list li.de_stb div {filter:alpha(opacity=30);opacity:0.3;}
		#lesson_rez_time_list li.de_std div {filter:alpha(opacity=30);opacity:0.3;}
		#lesson_rez_time_list li.de_tov div {filter:alpha(opacity=30);opacity:0.3;}
		#lesson_rez_time_list li.de_rct div {filter:alpha(opacity=30);opacity:0.3;}
		#lesson_rez_time_list li.de_rcd div {filter:alpha(opacity=30);opacity:0.3;}
		#lesson_rez_time_list li.de_cct div {filter:alpha(opacity=30);opacity:0.3;}
		#lesson_rez_time_list li.de_ccd div {filter:alpha(opacity=30);opacity:0.3;}
		#lesson_rez_time_list li.de_ost div {filter:alpha(opacity=30);opacity:0.3;}
		#lesson_rez_time_list li.de_rec div {color:#d34141;font-weight:bold}
		#lesson_rez_time_list li.de_rpc div {filter:alpha(opacity=30);opacity:0.3;}
		#lesson_rez_time_list li.de_rpw div {filter:alpha(opacity=30);opacity:0.3;}
		#lesson_rez_time_list li.sel div {background-color:#C91522;}
		#lesson_rez_time_list li.sel2 div {background-color:#606060;}

		#lesson_rez_btn01 {float:left;width:100%;margin:30px auto 120px auto;padding:15px 0;font:300 20px 'NanumBarunGothic', sans-serif;background-color:#2b2b2b;color:#fff;text-align:center;}
		#lesson_rez_btn01 div {margin-top:5px;font: normal 16px 'NanumBarunGothic', 'sans-serif';}

		#rezed_list {display:none;width:100%;margin:0 auto;text-align:center;color:#fff;background-color:#191919;overflow:hidden;z-index:9;}
		#rezed_list table {width:100%;margin:auto;}
		#rezed_list table tr {border-bottom:1px solid #313131;}
		#rezed_list table th {height:45px;}
		#rezed_list table td {height:45px;text-align:center;}
		#rezed_list .rez_edit {width:40px;margin:auto;padding:4px;color:#FFFFFF;background-color:#191919;border:2px solid #FFFFFF;border-radius:10px;}
		#rezed_list .rez_sign {width:40px;margin:auto;padding:4px;color:#FFFFFF;background-color:#C91522;border:2px solid #C91522;border-radius:10px;}
		#rezed_list .rez_aprz {width:40px;margin:auto;padding:4px;color:#2B2B2B;background-color:#FFFFFF;border:2px solid #FFFFFF;border-radius:10px;}
		#rezed_list .rez_aprzd {width:40px;margin:auto;padding:4px;color:#FFFFFF;background-color:#5d5d5d;border:2px solid #5d5d5d;border-radius:10px;}

		#rez_popup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;color:#fff;background-color:#000;filter:alpha(opacity=92);opacity:0.92;z-index:100;}

		.container {display:inline-block;margin:0 10px 0 0;padding:0 3px;cursor:pointer;color:#ffffff;}
		.bar1, .bar2, .bar3 {width:25px;height:3px;background-color:#fff;margin:5px 0;transition:0.4s;padding:0;}

		.change .bar1 {-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform:rotate(-45deg) translate(-5px, 5px);}
		.change .bar2 {opacity: 0;}
		.change .bar3 {-webkit-transform:rotate(45deg) translate(-8px, -8px);transform:rotate(45deg) translate(-6px, -6px);}

		.change2 {width:41px;margin:30px auto;}
		.change2 .bar1, .change2 .bar2, .change2 .bar3 {width:41px;height:2px;}
		.change2 .bar1 {-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform:rotate(-45deg) translate(-5px, 5px);}
		.change2 .bar2 {opacity: 0;}
		.change2 .bar3 {-webkit-transform:rotate(45deg) translate(-8px, -8px);transform:rotate(45deg) translate(-5px, -5px);}

		.branch_name {float:left;max-width:140px;font:bold 14px 'dotum';margin:0;padding:5px 10px 5px 10px;background-color:#4fadd0;color:#ffffff;line-height:13px;border-radius:5px;letter-spacing:5px;box-shadow: 1 px 1px 6px 2px #d7d7d7;-moz-box-shadow:1px 1px 6px 2px #d7d7d7;-webkit-box-shadow:1px 1px 6px 2px #696969;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
		.branch_list {clear:both;display:block;position:relative;width:100%;height:43px;margin:30px auto 20px auto;padding:0;}
		.branch_list .sel {display:reset;}
		.branch_list ul {float:left;width: 90%;width:expression(100% - 50px);width:-o-calc(100% - 50px);width: -moz-calc(100% - 50px);width: -webkit-calc(100% - 50px);width: calc(100% - 50px);text-align:left; white-space:nowrap;overflow-x:auto;}
		.branch_list ul li {display:inline-block;height:43px;margin:0 2px 0 0px;padding:12px 10px;background-color:#666666;line-height:13px;font:normal 16px 'NanumBarunGothic', sans-serif;color:#ffffff;border-radius:5px;cursor:pointer;box-sizing:border-box;}
		.branch_list ul li:hover {background-color:#333333;}
		.branch_list ul li.defualt {background-color:#333333;}
		.branch_list ul li.sel {background-color:#C91522;}
		.branch_list .container2 {position:absolute;top:0;right:0;width:43px;height:43px;margin:0;padding:9px;color:#ffffff;background-color:#2b2b2b;box-sizing:border-box;border-radius:5px;}
		.branch_list .container2:hover {background-color:#333333;}

		.select_box {display:none;position:absolute;top:43px;right:0;margin:0;max-height: 323px;padding:5px 10px;text-align:left;color:#333;background-color:#5F5F5F;border:1px solid #333;border-radius:5px;z-index:1;}
		.select_box .select {font-weight:bold;margin:5px 0;font:normal 16px 'NanumBarunGothic', sans-serif;text-align:center;color:#ffffff;}
		.select_box ul {width:100%;max-height: 293px;overflow-y:auto;}
		.select_box ul li {display:block;margin:5px 0;background-color:#2B2B2B;cursor:pointer;}
		.select_box ul li.sel {background-color:#0075FF;}
		.select_box ul li a {font:normal 16px 'NanumBarunGothic', sans-serif;color:#fff;}
		.select_box ul li:hover {background-color:#3c3c3c;}
		.select_box ul li.sel:hover {background-color:#006ded;}
		.select_box ul li:hover a {font:normal 16px 'NanumBarunGothic', sans-serif;color:#fff;}

		#login .paymentList {display:block;width:98%;width:-moz-calc(100% - 12px);width:-webkit-calc(100% - 12px);width:calc(100% - 12px);margin:5px auto 4px auto;padding:10px 0 5px 0;color:#3c3c3c;background:#ffffff;border: 2px solid #ff7070;overflow:hidden;text-align:center;}
		#login .paymentList li {display:inline-block;width:37%;height:130px;margin:8px;padding:10px;border:4px solid #ff9900;background-color:#ffffff;color:#3c3c3c;cursor:pointer;border-radius: 10px;}
		#login .paymentList li div {text-align:center;}
		#login .paymentList li .payName1 {margin:15px 0 5px 0;font:bold 15px 'dotum';color:#C91522;overflow:hidden;text-align:center;vertical-align:middle;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
		#login .paymentList li:last-child {border:4px solid #ff9900;}
		#login .paymentList li .payName2 {margin:15px 0;font:bold 13px 'dotum';}
		#login .paymentList li .payName3 {margin:5px 10px;font:bold 13px 'dotum';text-align:left;color:#3f2fff;}
		#login .paymentList li .payName4 {margin:5px 10px;font:bold 14px 'dotum';text-align:right;color:#0f00c6;}
/*
		#login .paymentList li:nth-child(odd) {float:left;margin-right:4px;}
		#login .paymentList li:nth-child(even) {float:right;margin-left:4px;}
*/
		#login .paymentList li.paySelect {background-color:#fff7f0;border:4px solid #ff585c;}
		#login .paymentList li:hover {background-color:#fff7f0;border:4px solid #ff585c;}

		#login .paymentList li.payClose {height:100%;margin:8px 8px 8px 4px ;padding:10px;font:bold 13px 'dotum';color:#ffffff;background-color:#8c8cff;border:4px solid #8080ff;text-align:center;vertical-align:top;}

		#login .paymentList2 {display:block;width:98%;height:30px;margin:5px auto 5px auto;padding:0;overflow:hidden;}
		#login .paymentList2 li {width:100%;height:30px;margin:0px;padding:5px 0px;border:4px solid #ff9900;background-color:#ffffff;color:#3c3c3c;cursor:pointer;border-radius: 10px;overflow:hidden;text-align:left;vertical-align:middle;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;box-sizing: border-box;}
		#login .paymentList2 li div {display:inline;margin-right:5px;font-size:13px;overflow:hidden;}
		#login .paymentList2 li div:first-child {margin-left:10px;}
		#login .paymentList2 li div:last-child {margin-right:10px;}
		#login .paymentList2 li.paySelect {background-color:#fff7f0;border:4px solid #ff585c;line-height:13px;}

	#ReCalendar {width:100%;height:25px;margin:125px 0 20px 0;}
		#ReCalendar #navi_to {width:20%;float:left;text-align:left;margin:0;color:#ffffff;z-index:5;}
			#ReCalendar #navi_to span {font: normal 13px 'NanumBarunGothic', sans-serif;}
		#ReCalendar #navi_date {position:relative;width:60%;float:left;margin:0;z-index:1;}
		#ReCalendar #navi_re {position:absolute;top:0px;left:11px;color:#333333;font:bold 18px gulim;vertical-align:middle;color:#ffffff;z-index:3:}
		#ReCalendar #navi_th {position:absolute;top:-4px;left:50%;width:150px;text-align:center;margin:0 0 0 -75px ;color:#ffffff;font:bold 20px verdana;z-index:2:}
		#ReCalendar #navi_ne {position:absolute;top:0px;right:11px;color:#333333;font:bold 18px gulim;color:#ffffff;z-index:3:}

		#ReCalendar #btnShowWeek {width:48px;float:right;text-align:center;margin:0;color:#ffffff;z-index:5;}
		#ReCalendar #btnShowWeek div.btnShowWeek {width:100%;padding:4px 0;background-color:#fd4a4e;border:none;border-radius:12px;color:#ffffff;line-height:15px;}

	#calender {width:100%;background-color:#ffffff;border-radius:10px;overflow:hidden;padding:0px 10px 5px 5px;box-sizing:border-box;font-size:13px !important;}
		#calender table {width:100%;margin:0;}

		#calender tr.tr_week {display:none;}

		#calender th {width:14%;height:30px !important;padding-top:7px;text-align:center;border-bottom:1px solid #cccccc;}
		#calender td {width:14%;height:20px !important;padding:0;color:#666666;text-align:center;}

		#calender th {height: 50px;background-color:#FFFFFF;color:#5d5d5d;}
		#calender td {height: 50px;background-color:#FFFFFF;color:#5d5d5d;}

		#calender th.W1 {background-color:#FFFFFF;color:#ff7878;}
		#calender th.W7 {background-color:#FFFFFF;color:#3392ff;}

		#calender td.W1 {background-color:#FFFFFF;color:#ff7878;}
		#calender td.W7 {background-color:#FFFFFF;color:#3392ff;}

		#calender td.prev  {color:#D8D8D8;}
		#calender td.next  {color:#D8D8D8;}

		#calender td div {float:left;width:100%;height:35px !important;padding:4px 0;box-sizing:border-box;border:none !important;text-align:center;vertical-align:top;cursor:pointer;}
		#calender td div.dayContent {position:relative;}
		#calender td div.dayContent div {height:12px !important;margin-top:-5px;font:normal 11px 'dotum';}

		#calender td.W1 div.dayContent {border:1px solid #FFFAFA;}
		#calender td.W7 div.dayContent {border:1px solid #F6FAFF;}

		#calender td.nowM div.dayContent {}
		#calender td.nowD div.dayContent {border:1px solid #f5f5f5;background-color:#fffee6;}

		#calender td.nowMC div.dayContent {color:#666666;border:1px solid #d7d7d7 !important;background-color:#F5F5F5;}
		#calender td.nowDC div.dayContent {color:#666666;border:1px solid #d7d7d7 !important;background-color:#fffee6;}

		#calender td.nowMH div.dayContent {color:#ff3366;background-color:#FFFAFA !important;border:1px solid #FFFAFA;}
		#calender td.nowDH div.dayContent {color:#ff3366;background-color:#fffee6 !important;border:1px solid #d7d7d7;}

		#calender td.nowMHC div.dayContent {color:#ff3366;background-color:#FFFAFA !important;border:1px solid #d7d7d7;}
		#calender td.nowDHC div.dayContent {color:#ff3366;background-color:#fffee6 !important;border:1px solid #d7d7d7;}

		#calender td div.dayContent span {display:inline !important;color:#00b7f1;}
		#calender td div.dayContent p {padding-right:2px;}
		#calender td div.dayContent p.chk {position: absolute;top:-3px;right:50%;width:12px;height:8px;margin:0 -21px 0 0;color: #ff585c;border-bottom: solid 2px currentColor;border-left: solid 2px currentColor;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

	#searchReservation {display:block;width:100%;margin:20px auto 40px auto;text-align:left;}
	    #searchReservation select {width:90px;height:30px;padding:0 5px;color:#3a3a3a;background-color:#ffffff;border:none;font:bold 16px 'NanumBarunGothic', sans-serif;}

	.appraiseChk {position:relative;float:left;margin-left:20px;font:normal 13px 'NanumBarunGothic', sans-serif;}
		.appraiseChk .appraise_cnt {position:absolute;top:0px;left:0px;width:20px;height:20px;box-sizing:border-box;font:normal 13px 'Trebuchet MS', sans-serif;line-height:13px;background:#ff0000;border-radius:50%;color:#fff;border:3px solid #fff;text-align:center;box-shadow:1px 1px 5px rgba(0,0,0, .2);animation:pulse 1.5s 1;cursor:pointer;}
		.appraiseChk .appraise_cnt:after {content:'';position:absolute;top:-2px;left:-2px;border:2px solid rgba(255,0,0,.5);opacity:0;border-radius:50%;width:100%;height:100%;animation:sonar 1.5s 1;}

		.appraiseT1 {float:left;margin:0;}
		.appraiseT1 #appraise01 {float:left;width:20px;height:20px;margin:0px 5px 0px 5px ;padding:0;}
		.appraiseT1 #appraise01 .appraise_cnt {margin:-1px 0 0 0;}
		.appraiseT1 .appraiseTitle {float:left;height:14px;margin:0px 10px 0px 0px;padding:0;cursor:pointer;}

	#reserveTitle {display:block;float:left;width:100%;height:50px;margin:30px auto 20px auto;padding:0;}
		#reserveTitle li {position:relative;float:left;width:33.3%;height:50px;padding:15px 10px;font:bold 16px 'NanumBarunGothic', sans-serif;color:#ffffff;text-align:center;border:1px solid #191919;background-color:#2B2B2B;cursor:pointer;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
		#reserveTitle li.sel {background: #C91522;cursor:auto;}

			#reserveTitle .FRT {}
			#reserveTitle .MRT {}
			#reserveTitle .LRT {}
			#reserveTitle .LRT span {}

			#reserveTitle .appraiseTab {position: relative;cursor:pointer;}
			#reserveTitle .appraiseTab .appraiseTitle {float:left;width:100%;height:14px;margin:0px;padding:0;cursor:pointer;}
			#reserveTitle .appraiseTab #appraise02 {position:absolute;top:14px;left:50%;width:20px;height:20px;margin:0px 0px 0px 31px;padding:0;}
			#reserveTitle .appraiseTab #appraise02 .appraise_cnt {}

	#reserveView {display:none;position:fixed;bottom:2%;left:2%;width:96%;height:96%;text-align:center;background-color:#ffffff;font:normal 13px 'NanumBarunGothic', sans-serif;background-color:#ffffff;border:1px solid #ffffff;overflow-y:hidden;z-index: 31;}

	#reserveContent .reserveList {display:block;width:100%;margin-top:10px;overflow:hidden;}
		#reserveContent .reserveList li {position: relative;float:left;width:100%;}
		#reserveContent .reserveList li:last-child {border-bottom:1px solid #eaeaea;}
		#reserveContent .reserveList li.nothing {float:left;width:100%;padding:30px 0;text-align:center;color:#f5f5f5;}
		#reserveContent .reserveList li div.rez_list {position: relative;float:left;width:100%;height:100px;color:#ffffff;margin:5px 0 5px 0px;padding:12px 0 12px 35px;box-sizing:border-box;}
		#reserveContent .reserveList li dl {float:left;width:100%;height:100px;margin:0;padding:10px 0;background-color:#2B2B2B;color:#ffffff;box-sizing:border-box;}
		#reserveContent .reserveList li dt {position: absolute;top:0;}
		#reserveContent .reserveList li dt.photo {left:0;width:92px;margin:0 10px 0 35px;overflow:hidden;}
		#reserveContent .reserveList li dt img.RImg {width:92px;height:100px;margin:0;}
		#reserveContent .reserveList li dt img.RImg2 {position:fixed;bottom:0;width:unset;max-width:90%;height:unset;margin:0;border:3px solid #272727;border-radius:10px;margin:0;box-sizing:border-box;z-index:2;}
		#reserveContent .reserveList li dt img.RImg3 {width:92px;height:100px;margin:0;}
		#reserveContent .reserveList li dt.rNum {right:0;width:100px;height:100px;margin:0;padding:12px 0;overflow:hidden;}
		#reserveContent .reserveList li dt.rNum .rez_msg {height:31px;font:bold 19px/30px 'NanumBarunGothic', sans-serif;text-align:center;}
		#reserveContent .reserveList li dt.rNum .rez_msg2 {height:31px;font:bold 19px/30px 'NanumBarunGothic', sans-serif;text-align:center;}
		#reserveContent .reserveList li dt.rNum .rez_cnt {height:43px;font:bold 30px/50px 'NanumBarunGothic', sans-serif;text-align:center;}
		#reserveContent .reserveList li dt div.branch_name_list {position:absolute;left:0;bottom:0;width:92px;padding:5px 0;text-align:center;background-color:#A30FFF;border-radius:unset;z-index:1;}

		#reserveContent .reserveList li dd {float:left;width:100%;margin:0;padding: 2px 100px 2px 112px;font:normal 13px 'NanumBarunGothic', sans-serif;box-sizing:border-box;}
		#reserveContent .reserveList li dd.inv {width:100%;padding:2px 100px 2px 22px;}
		#reserveContent .reserveList li dd.cName {text-align:left;font:bold 18px/30px 'NanumBarunGothic', sans-serif;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
		#reserveContent .reserveList li dd.mName {text-align:left;font:normal 15px/21px 'NanumBarunGothic', sans-serif;color:#a3a3a3;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
		#reserveContent .reserveList li dd.rTime {text-align:left;font:normal 15px/21px 'NanumBarunGothic', sans-serif;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
		#reserveContent .reserveList li dd:last-child {margin:0;}
		#reserveContent .reserveList li dd label {display:inline-block;width:42px;height:15px;margin:0 5px 0 0;vertical-align: middle;line-height:13px;}
		#reserveContent .reserveList li dd div {display:inline-block;width:70%;width:expression(100% - 47px);width:-o-calc(100% - 47px);width: -moz-calc(100% - 47px);width: -webkit-calc(100% - 47px);width: calc(100% - 47px);height:15px;padding:0;text-align:left;vertical-align:middle;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;line-height:13px;}

		#reserveContent .reserveList li dd.rbutton {position:absolute;top:0;bottom:0;left:0;right:0;width:auto;height:100px;margin:0;padding:0;filter:alpha(opacity=0);opacity:0;}
		#reserveContent .reserveList li dd.rbutton div {width:100%;height:100%;box-sizing:border-box;}
		#reserveContent .reserveList li dd.rbutton div span {display:block;width:92px;height:100px;margin-left:35px;padding:25px 9px;text-align:center;font:bold 16px/20px 'NanumBarunGothic', sans-serif;white-space:normal;box-sizing:border-box;}

		#reserveContent .reserveList li dd.rbutton.rez_not {background-color:#000000;opacity:0.8;}

		#reserveContent .reserveList li dt.rNum .rez_msg span.complete0 {color:#ff0000;} /*폐강*/
		#reserveContent .reserveList li dt.rNum .rez_msg span.complete1 {color:#339900;} /*예약완료-취소불가*/
		#reserveContent .reserveList li dt.rNum .rez_msg span.complete2 {color:#00b7f1;} /*예약완료-취소가능*/
		#reserveContent .reserveList li dt.rNum .rez_msg span.complete3 {color:#5861c3;} /*출석완료*/
		#reserveContent .reserveList li dt.rNum .rez_msg span.complete4 {color:#ff0000;} /*예약후 만료*/
		#reserveContent .reserveList li dt.rNum .rez_msg span.complete5 {color:#ffc76c;} /*예약가능*/
		#reserveContent .reserveList li dt.rNum .rez_msg span.complete6 {color:#55b9b4;} /*평가완료*/
		#reserveContent .reserveList li dt.rNum .rez_msg span.complete7 {color:#ff0000;} /*예약불가*/
		#reserveContent .reserveList li dt.rNum .rez_msg span.complete8 {color:#ff6600;} /*정원초과-대기가능*/
		#reserveContent .reserveList li dt.rNum .rez_msg span.complete9 {color:#ff0000;} /*정원초과-대기불가*/
		#reserveContent .reserveList li dt.rNum .rez_msg span.complete10 {color:#22a22c;} /*대기중*/

		#reserveContent .reserveList li dd.rbutton div span.complete0 {color:#ff0000;} /*폐강*/
		#reserveContent .reserveList li dd.rbutton div span.complete1 {color:#339900;} /*예약완료-취소불가*/
		#reserveContent .reserveList li dd.rbutton div span.complete2 {color:#00b7f1;} /*예약완료-취소가능*/
		#reserveContent .reserveList li dd.rbutton div span.complete3 {color:#5861c3;} /*출석완료*/
		#reserveContent .reserveList li dd.rbutton div span.complete4 {color:#ff0000;} /*예약후 만료*/
		#reserveContent .reserveList li dd.rbutton div span.complete5 {color:#ffc76c;} /*예약가능*/
		#reserveContent .reserveList li dd.rbutton div span.complete6 {color:#55b9b4;} /*평가완료*/
		#reserveContent .reserveList li dd.rbutton div span.complete7 {color:#ff0000;} /*예약불가*/
		#reserveContent .reserveList li dd.rbutton div span.complete8 {color:#ff6600;} /*정원초과-대기가능*/
		#reserveContent .reserveList li dd.rbutton div span.complete9 {color:#ff0000;} /*정원초과-대기불가*/
		#reserveContent .reserveList li dd.rbutton div span.complete9 {color:#22a22c;} /*대기중*/

/*
		#reserveContent .reserveList li dd.rbutton {float:right;width:70px;margin:0;}
		#reserveContent .reserveList li dd.rbutton button {display:block;width:70px;height:55px;margin:5px 0;background-color:#cb1019;border:none;color:#ffffff;border-radius: 10px;font:bold 14px 'NanumBarunGothic', sans-serif;cursor:pointer;}
		#reserveContent .reserveList li dd.rbutton div.complete1 {background-color:#339900;font-size:11px;cursor:auto;}
		#reserveContent .reserveList li dd.rbutton div.complete2 {background-color:#00b7f1;font-size:11px;cursor:pointer;}
		#reserveContent .reserveList li dd.rbutton div.complete3 {background-color:#5861c3;font-size:11px;cursor:pointer;}
		#reserveContent .reserveList li dd.rbutton div.complete4 {background-color:#d5d5d5;font-size:11px;cursor:auto;}
		#reserveContent .reserveList li dd.rbutton div.complete5 {background-color:#ffc76c;font-size:11px;cursor:auto;}
		#reserveContent .reserveList li dd.rbutton div.complete6 {background-color:#55b9b4;cursor:auto;font-size:13px;}
		#reserveContent .reserveList li dd.rbutton div.complete7 {background-color:#22a22c;cursor:auto;font-size:15px;}
*/
		#reserveContent .reserveList li div.nnn {padding:0;}
		#reserveContent .reserveList li div.tnn {padding:0 0 0 35px;}
		#reserveContent .reserveList li div.nnp {padding:0;}
		#reserveContent .reserveList li div.tnp {padding:0 0 0 35px;}

		.timelabel01 {float:left;width:27px;height:45px;padding:21px 0;font:bold 14px 'NanumBarunGothic', sans-serif;color:#ffffff;text-align:center;vertical-align:middle;background-color:#18b7f1;}
		.timelabel02 {float:left;width:27px;height:60px;margin-top:-15px;padding:21px 0;font:bold 14px 'NanumBarunGothic', sans-serif;color:#ffffff;text-align:center;vertical-align:middle;background-color:#18b7f1;}

		.timelabel01 {position: absolute;left:0;height:100px;margin:5px 0 0 0;padding:40px 0;box-sizing:border-box;z-index:2;}
		.timelabel02 {position: absolute;left:0;height:110px;margin:-5px 0 0 0;padding:21px 0;box-sizing:border-box;z-index:2;}

		.tl_chk01 {padding:28px 0;}
		.tl_chk02 {padding:35px 0;}

		.scrollArrow {font:normal 16px/30px 'NanumBarunGothic', sans-serif;color:#ffffff;list-style-type:none;text-align:center;cursor:pointer;}

@keyframes sonar {
	0% {transform: scale(.9); opacity:1;}
	100% {transform: scale(2);opacity: 0;}
}

@keyframes pulse {
	0% {transform: scale(1);}
	20% {transform: scale(1.4); }
	50% {transform: scale(.9);}
	80% {transform: scale(1.2);}
	100% {transform: scale(1);}
}

	.timeBG23 {background-color:#353c2d;}
	.timeBG22 {background-color:#51574a;}
	.timeBG21 {background-color:#447c69;}
	.timeBG20 {background-color:#74c493;}
	.timeBG19 {background-color:#8e8c6d;}
	.timeBG18 {background-color:#e4bf80;}
	.timeBG17 {background-color:#e9d78e;}
	.timeBG16 {background-color:#e2975d;}
	.timeBG15 {background-color:#f19670;}
	.timeBG14 {background-color:#e16552;}
	.timeBG13 {background-color:#c94a53;}
	.timeBG12 {background-color:#be5168;}
	.timeBG11 {background-color:#a34974;}
	.timeBG10 {background-color:#993767;}
	.timeBG09 {background-color:#65387d;}
	.timeBG08 {background-color:#4e2472;}
	.timeBG07 {background-color:#9163b6;}
	.timeBG06 {background-color:#e279a3;}
	.timeBG05 {background-color:#e0598b;}
	.timeBG04 {background-color:#7c9fb0;}
	.timeBG03 {background-color:#5698c4;}
	.timeBG02 {background-color:#9abf88;}
	.timeBG01 {background-color:#365f22;}
	.timeBG00 {background-color:#1e271a;}

.arrow-down {
    position: relative;
    width: 34px;
    height: 40px;
	margin:0 auto 5px auto;
}

.arrow-down span {
    z-index: 999;
    height: 5px;
    margin:1px;
    background: #888;
    transition: 0.4s ease;
	border-radius: 2px;
}

.arrow-down span:first-child {
    display: block;
    position: absolute;
	width: 20px;
    transform: rotate(45deg);
    left: 0%;
    bottom: 45%;
}

.arrow-down span:nth-child(2) {
    display: block;
    position: absolute;
	width: 20px;
    transform: rotate(-45deg);
    right: 0%;
    bottom: 45%;
}

.arrow-down span:nth-child(3) {
    display: block;
    position: absolute;
    width: 25px;
    transform: rotate(-90deg);
    left: 10%;
    bottom: 63%;
}

.arrow-down span:nth-child(4) {
    display: block;
    position: absolute;
    width: 26px;
    transform: rotate(0deg);
    left: 7%;
    bottom: 15%;
}

#login .link div#addFavorite:hover .arrow-down span {background:#fff;}




	.cal-navi {float:left;width:100%;margin:10px auto;color:#fff;font:normal normal bold 28px/43px 'NanumBarunGothic', sans-serif;text-align:center;overflow: hidden;}
		.cal-navi div {display:inline-block;cursor:pointer;}
		.cal-navi .cal-nav-ym {width:60%;font: normal normal bold 28px/43px 'NanumBarunGothic', sans-serif;text-align:center;}
		.cal-navi .cal-navi-befor {top:0px;left:0px;width:30px;height:40px;margin: 0px auto;font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 28px/43px var(--unnamed-font-family-nanumbarungothic);letter-spacing: var(--unnamed-character-spacing-0);color: var(--unnamed-color-ffffff);text-align: center;font: normal normal bold 28px/43px 'NanumBarunGothic', sans-serif;letter-spacing: 0px;}
		.cal-navi .cal-navi-bext {top:0px;left:0px;width:30px;height:40px;margin: 0px auto;font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 28px/43px var(--unnamed-font-family-nanumbarungothic);letter-spacing: var(--unnamed-character-spacing-0);color: var(--unnamed-color-ffffff);text-align: center;font: normal normal bold 28px/43px 'NanumBarunGothic', sans-serif;letter-spacing: 0px;}
		.cal-navi .btnFalse {color:#5f5f5f;}

	.calendar {float:left;margin:10px auto 0 auto;border-spacing:1px;border-collapse:separate;}
		.calendar td, .calendar th {font:300 20px/50px 'NanumBarunGothic', sans-serif;color:#fff;box-sizing:border-box;}

		.calendar .beforMonth, .calendar .nextMonth {text-align:center;cursor:pointer;}
		.calendar .btnFalse {text-align:center;}
		.calendar .cal-normal {background-color:#2B2B2B;border:1px solid #2B2B2B;cursor:pointer;}
		.calendar .cal-able {background-color:#2B2B2B;border:1px solid #2B2B2B;cursor:pointer;}
		.calendar .cal-unable {color:#5F5F5F;}
		.calendar .cal-unable2 {background-color:#202020;border:1px solid #202020;}
		.calendar .cal-finish {background-color:#36C700;border:1px solid #36C700;cursor:pointer;}
		.calendar .cal-end {background-color:#191919;border:1px solid #5F5F5F;cursor:pointer;}
		.calendar .selected {color:#FFFFFF;background:#C91522;border:1px solid #C91522;}
		.calendar .stb {background-color:#E57B00;border:1px solid #E57B00;cursor:pointer;}
		.calendar .rez {background-color: #36C700;border:1px solid #36C700;cursor:pointer;}
		.calendar .rezd {background-color:#00bec7;border:1px solid #00bec7;}
		.calendar .rezs {background-color:#0014c8;border:1px solid #0014c8;}
		.calendar .reza {background-color:#191919;border:1px solid #707070;}

		.calendar .apz {background-color:#191919;border:1px solid #191919;cursor:pointer;}
		.calendar .today {color:#FFFFFF;background:#c91522;border:1px solid #c91522;}

	.calendar2 {float:left;padding-bottom:40px;margin:10px auto;border-spacing:1px;border-collapse:separate;border-bottom:1px solid #3f3f3f;}
		.calendar2 td, .calendar2 th {font:300 20px/50px 'NanumBarunGothic', sans-serif;color:#fff;text-align:center;box-sizing:border-box;}
		.calendar2 .beforMonth, .calendar .nextMonth {text-align:center;cursor:pointer;}
		.calendar2 .btnFalse {text-align:center;}
		.calendar2 .cal-normal {background-color:#2B2B2B;border:1px solid #2B2B2B;cursor:pointer;}
/*		.calendar2 .cal-able {background-color:#2B2B2B;border:1px solid #2B2B2B;cursor:pointer;}*/
/*		.calendar2 .cal-unable {color:#5F5F5F;}*/
		.calendar2 .nowM {background-color:#2B2B2B;border:1px solid #2B2B2B;cursor:pointer;}
		.calendar2 .nowD {background-color:#2B2B2B;border:1px solid #f5f5f5;cursor:pointer;}
/*		.calendar2 .nowD {background-color:#2B2B2B;border:1px solid #2B2B2B;cursor:pointer;}*/

		.calendar2 .nowMH {background-color:#2B2B2B;border:1px solid #2B2B2B;color:#ff3366;}
		.calendar2 .nowDH {background-color:#2B2B2B;border:1px solid #f5f5f5;color:#ff3366;}

		.calendar2 .cal-able {background-color:#36C700;border:1px solid #36C700;cursor:pointer;}
		.calendar2 .cal-unable {background-color:#2B2B2B;border:1px solid #2B2B2B;cursor:pointer;}

		.calendar2 .nowMC {background-color:#C91522;border:1px solid #C91522;}
		.calendar2 .nowDC {background-color:#C91522;border:1px solid #f5f5f5;}
		.calendar2 .nowMHC {background-color:#C91522;border:1px solid #C91522;color:#ff3366;text-shadow: -1px 0 #ff8c8c, 0 1px #ff8c8c, 1px 0 #ff8c8c, 0 -1px #ff8c8c;}
		.calendar2 .nowDHC {background-color:#C91522;border:1px solid #f5f5f5;color:#ff3366;text-shadow: -1px 0 #ff8c8c, 0 1px #ff8c8c, 1px 0 #ff8c8c, 0 -1px #ff8c8c;}

		.calendar2 .nowMC.cal-able {color:#36C700;}
		.calendar2 .nowDC.cal-able {color:#36C700;}
		.calendar2 .nowMHC.cal-able {color:#36C700;text-shadow: -1px 0 #ff8c8c, 0 1px #ff8c8c, 1px 0 #ff8c8c, 0 -1px #ff8c8c;}
		.calendar2 .nowDHC.cal-able {color:#36C700;text-shadow: -1px 0 #ff8c8c, 0 1px #ff8c8c, 1px 0 #ff8c8c, 0 -1px #ff8c8c;}

		.calendar2 .cal-unable2 {background-color:#202020;border:1px solid #202020;}
		.calendar2 .cal-finish {background-color:#36C700;border:1px solid #36C700;cursor:pointer;}
		.calendar2 .cal-end {background-color:#191919;border:1px solid #5F5F5F;cursor:pointer;}
		.calendar2 .selected {background-color:#C91522;border:1px solid #C91522;}
		.calendar2 .stb {background-color:#E57B00;border:1px solid #E57B00;cursor:pointer;}
		.calendar2 .rez {background-color:#36C700;border:1px solid #36C700;cursor:pointer;}
		.calendar2 .rezd {background-color:#00bec7;border:1px solid #00bec7;}
		.calendar2 .rezs {background-color:#0014c8;border:1px solid #0014c8;}
		.calendar2 .reza {background-color:#191919;border:1px solid #707070;}

		.calendar2 .apz {background-color: #191919;border:1px solid #191919;cursor:pointer;}
		.calendar2 .today {color:#FFFFFF; background:#c91522;border:1px solid #c91522;}

	@media screen and (min-width: 340px) and (max-width:381px){
		#reserveContent .reserveList li dt img.RImg {width:82px;height:100px;margin:0;}
		#reserveContent .reserveList li dt img.RImg3 {width:82px;height:100px;margin:0;}
		#reserveContent .reserveList li dt div.branch_name_list {width: 82px;padding:5px 0;}
		#reserveContent .reserveList li dt.rNum {right:0;width:70px;height:100px;margin:0;padding:12px 0;overflow:hidden;}
		#reserveContent .reserveList li dt.rNum .rez_msg {height:31px;font:bold 17px/30px 'NanumBarunGothic', sans-serif;}
		#reserveContent .reserveList li dt.rNum .rez_msg2 {height:31px;font:bold 17px/30px 'NanumBarunGothic', sans-serif;}
		#reserveContent .reserveList li dt.rNum .rez_cnt {height:43px;font:bold 25px/50px 'NanumBarunGothic', sans-serif;}

		#reserveContent .reserveList li dd {float:left;width:100%;margin:0;padding:2px 70px 2px 97px;font:normal 13px 'NanumBarunGothic', sans-serif;box-sizing:border-box;}
		#reserveContent .reserveList li dd.cName {text-align:left;font:bold 16px/30px 'NanumBarunGothic', sans-serif;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
		#reserveContent .reserveList li dd.rbutton div span {width:82px;height:100px;font:bold 15px/20px 'NanumBarunGothic', sans-serif;}
		#reserveTitle .LRT {padding:15px 8px;}
		#reserveTitle .appraiseTab .appraiseTitle {padding:0 25px 0 0;box-sizing:border-box;}

		#reserveTitle .appraiseTab #appraise02 {margin:0 0 0 20px;}
	}

	@media screen and (min-width: 0px) and (max-width:339px){
		#reserveContent .reserveList li dt img.RImg {width:72px;height:100px;margin:0;}
		#reserveContent .reserveList li dt img.RImg3 {width:72px;height:100px;margin:0;}
		#reserveContent .reserveList li dt div.branch_name_list {width:72px;padding:5px 0;}
		#reserveContent .reserveList li dt.rNum {right:0;width:70px;height:100px;margin:0;padding:12px 0;overflow:hidden;}
		#reserveContent .reserveList li dt.rNum .rez_msg {height:31px;font:bold 15px/30px 'NanumBarunGothic', sans-serif;}
		#reserveContent .reserveList li dt.rNum .rez_msg2 {height:31px;font:bold 15px/30px 'NanumBarunGothic', sans-serif;}
		#reserveContent .reserveList li dt.rNum .rez_cnt {height:43px;font:bold 20px/50px 'NanumBarunGothic', sans-serif;}

		#reserveContent .reserveList li dd {float:left;width:100%;margin:0;padding:2px 70px 2px 82px;font:normal 13px 'NanumBarunGothic', sans-serif;box-sizing:border-box;}
		#reserveContent .reserveList li dd.cName {text-align:left;font:bold 15px/30px 'NanumBarunGothic', sans-serif;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
		#reserveContent .reserveList li dd.rbutton div span {width:72px;height:100px;font:bold 14px/20px 'NanumBarunGothic', sans-serif;}
		#reserveTitle .LRT {padding:15px 8px;text-align:left;}
		#reserveTitle .appraiseTab #appraise02 {margin:0 0 0 20px;}
	}