@charset "utf-8";
@import url("NotoKR.css");
/* CSS Document */
html, body {
	width: 100%;
	height: 100%;
	border: 0;
	font-family: 'Noto Sans Medium'; background:#ffffff;
	background-attachment: fixed;
	background-size: cover;
	margin: 0; padding: 0;
}
p,ul,li,div,img {margin: 0; padding: 0; list-style: none;}
a:link, a:visited {
	text-decoration: none;
	cursor: pointer;
	user-select: none;
}
.endline {
	float: none;
	clear: both;
}
/*버튼*/
a .bt_login {font-size: 14px; font-weight: bold;display: inline-block; padding: 5px 0; width: 25%; background: #139dc2; text-align: center; color: #ffffff;}
a .bt_privat {font-size: 12px; font-weight: bold;display: inline-block; padding: 5px 10px; background: url(../images/quick_bg02.png); text-align: center; color: #ffffff;}
.bt_reserved a {background: #f37425; color: #ffffff;padding: 3px 4px; font-size: 14px; font-weight: bold; width: 90%; display: block;}
.bt_reserved_off a {background: #6c6c6c; color: #a0a0a0;padding: 2px 4px; font-size: 14px; font-weight: bold; width: 90%; display: block;}
a .commonBt {display: inline-block; font-size: 14px; font-weight: bold; padding: 10px 14px; background:#f37425 ;color: #ffffff;}
a .commonBtgray {display: inline-block; font-size: 14px; font-weight: bold; padding: 10px 14px; background:#cccccc ;color: #ffffff;}
/*탑영역*/
#TopContainer {background: #ffffff;margin: 0px 0 0px 0; padding: 10px 0 10px 0; }
#TopContainer .topBox {width:94%; margin:0 auto; }
#TopContainer .topBox > div img {height: 60px; }
#TopContainer .topBox .homebt {width: 20%;float: left;height: 58px;}
#TopContainer .topBox .logobox {width: 60%;float: left; text-align: center;}
#TopContainer .topBox .loginbox {float: right; width: 20%;text-align: right;}
#TopContainer .memBox {margin: 5px 20px; text-align: center;}
#TopContainer .memBox p a {color: #7f2d59;}
.memInput {border-bottom: 2px solid #139dc2; border-top: none; border-left: none; border-right: none; padding: 5px;font-size: 14px; width: 30%; border-radius: 0;}
#TopContainer .joinbox {padding: 5px 10px; font-size: 14px;}
#TopContainer .joinbox li {float: left; background: url(../images/spot_01.png) left 7px no-repeat; padding: 0 20px 0 10px;} 
#TopContainer .joinbox li a {color: #525252; font-weight: bold;} 
/*Footer영역*/
/*로그인 후 탑영역*/
#TopContainer2 {background: #ffffff;margin: 0px 0 0px 0; padding: 10px 0 10px 0; }
#TopContainer2 .topBox {width:94%; margin:0 auto; }
#TopContainer2 .topBox > div img {height: 60px; }
#TopContainer2 .topBox .edit {width: 20%;float: left;height: 58px; text-align: center;}
#TopContainer2 .topBox .logobox {width: 60%;float: left; text-align: left;}
#TopContainer2 .topBox .loginbox {float: right; width: 20%;text-align: right; text-align: center;}
#TopContainer2 .memBox {margin: 5px 20px; text-align: center;}
#TopContainer2 .memBox p a {color: #7f2d59;}
.memInput {border-bottom: 2px solid #139dc2; border-top: none; border-left: none; border-right: none; padding: 5px;font-size: 14px; width: 30%; border-radius: 0;}
#TopContainer2 .joinbox {padding: 5px 10px; font-size: 14px;}
#TopContainer2 .joinbox li {float: left; background: url(../images/spot_01.png) left 7px no-repeat; padding: 0 20px 0 10px;} 
#TopContainer .joinbox li a {color: #525252; font-weight: bold;} 
/*Footer영역*/
#Footer {background: url(../images/bottom_bg.png) repeat-y; background-size: 100% auto; position: fixed;
	bottom: 0px; width: 100%;}
.footerMenu li {width: 20%; float: left;  padding: 9px 0; text-align: center;}
.footerMenu li img {height: 50px;}
address {padding: 10px 10px 80px 10px; font-size: 11px; font-style: normal; color: #868686; text-align:center; letter-spacing: -1px;}
/*main*/
#mainContainer {width: 100%; margin: 0 auto; background: #ffffff; min-height: 400px;}
#mainContainer .banner {width: 100%;margin: 0; margin-bottom: 1px;}
#mainContainer .banner img {width: 100%; vertical-align: top;}
#mainContainer .quickmenu {margin: 0;padding: 0;}
#mainContainer .quickmenu li {width: 25%; float: left;  text-align: center;padding: 8px 0;margin: 0;}
#mainContainer .quickmenu li a {font-size: 16px; color: #ffffff;}
#mainContainer .quickmenu li img {height: 55px;}
#mainContainer .quickmenu li.one {background: url(../images/quick_bg01.png)}
#mainContainer .quickmenu li.two {background: url(../images/quick_bg02.png)}
#mainContainer .quickmenu .qmenuon {border-bottom: 2px solid #ffffff;}
#mainContainer .quickmenu2 {margin: 0;padding: 0;}
#mainContainer .quickmenu2 li {width: 25%; float: left;  text-align: center;padding: 8px 0;margin: 0; background: url(../images/quick_bg02.png); border: 1px solid #CBCBCB; margin-right: 5px;}
#mainContainer .quickmenu2 li a {font-size: 16px; color: #ffffff;}
#mainContainer .quickmenu2 li.qmenuon {background: #ffffff; color: #000000;}
#mainContainer .quickmenu2 li.qmenuon a {color: #000000;}
/*본문영역*/
#CntContainer {width: 100%; margin: 0 auto; background: #ffffff; min-height: 500px;}
#CntContainer .banner {width: 100%;margin: 0; margin-bottom: 1px;}
#CntContainer .banner img {width: 100%; vertical-align: top;}
#CntContainer .quickmenu {margin: 0;padding: 0;}
#CntContainer .quickmenu li {width: 25%; float: left;  text-align: center;padding: 8px 0;margin: 0;}
#CntContainer .quickmenu li a {font-size: 16px; color: #ffffff;}
#CntContainer .quickmenu li img {height: 55px;}
#CntContainer .quickmenu li.one {background: url(../images/quick_bg01.png)}
#CntContainer .quickmenu li.two {background: url(../images/quick_bg02.png)}
#CntContainer .quickmenu .qmenuon {border-bottom: 2px solid #ffffff;}
#CntContainer .quickmenu2 {margin: 0;padding: 0;}
#CntContainer .quickmenu2 li {width: 25%; float: left;  text-align: center;padding: 8px 0;margin: 0; background: url(../images/quick_bg02.png); border: 1px solid #CBCBCB; margin-right: 5px;}
#CntContainer .quickmenu2 li a {font-size: 16px; color: #ffffff;}
#CntContainer .quickmenu2 li.qmenuon {background: #ffffff; color: #000000;}
#CntContainer .quickmenu2 li.qmenuon a {color: #000000;}
.noticeBox {margin: 20px 0 20px 0; padding: 0px 0px 0px 20px; border-left: 1px solid #abd557; float: left;}
.noticeBox li { font-size: 13px; padding:2px 0 2px 0;}
.noticeBox li a .noticedate {font-size: 12px; font-weight: bold; color: #abd557; display: inline-block; padding: 0 10px 0 0;}
.noticeBox li a {color: #626262;}

.noticeSub {margin: 20px 0 20px 20px; background: #ffffff; padding: 0px 0px 0px 20px; border-left: 1px solid #f47c32;}
.noticeSub li { font-size: 13px; padding:2px 0 2px 0;}
.noticeSub li a .noticedate {font-size: 12px; font-weight: bold; color: #abd557; display: inline-block; padding: 0 10px 0 0;}
.noticeSub li a {color: #626262;}


.etc02 {width: 100%; }
.etc02 img {width: 100%;}
.etcMenu {margin: 10px 0 0 0; text-align: center;}
/*테이블*/
.Tablersv {	margin: 5px auto;}
.Tablersv tr th {	padding: 1px;	text-align: center;}
.Tablersv tr th span {	font-size: 14px;	padding: 4px 2px;	color: #ffffff;	border: 2px #313131 solid;	display: block;	background: #313131;}
.Tablersv tr td {	padding: 1px;	color: #000000;	text-align: center;  background: url(../images/nobg.png);}
.Tablersv tr td span {	font-size: 14px;	padding: 8px 2px;	color: #ffffff;	border: 2px #C5C5C5 solid;	display: block;}
.Tablersv tr td a span {	font-size: 14px;	padding: 8px 2px;	color: #ffffff;	background: #30a24e;	border: 2px #ffffff solid;	display: block;	font-weight: bold;}
.titmetable {border-bottom: 1px solid #D7D7D7;border-left: 1px solid #D7D7D7; width: 100%;}
.titmetable tr th {border-top: 1px solid #D7D7D7;border-right: 1px solid #D7D7D7;font-size: 12px; padding: 4px; text-align: center; background: #fff;}
.titmetable tr td {border-top: 1px solid #D7D7D7;border-right: 1px solid #D7D7D7;font-size: 14px; padding: 4px; text-align: center; background: url(../images/white_bg.png);color: #626262;}
.titmetable2 {border-bottom: 1px solid #D7D7D7;border-left: 1px solid #D7D7D7; width: 100%;}
.titmetable2 tr th {border-top: 1px solid #D7D7D7;border-right: 1px solid #D7D7D7;font-size: 12px; padding: 4px; text-align: center; background: #fff;}
.titmetable2 tr td {border-top: 1px solid #D7D7D7;border-right: 1px solid #D7D7D7;font-size: 12px; padding: 4px; text-align: center; background: url(../images/white_bg.png);color: #ffffff;}
.commonTable01 {border-top: 1px solid #C9C9C9; margin-top: 20px;}
.commonTable01 th { border-bottom: 1px solid #C9C9C9; padding: 4px;font-size: 11px; color: #ffffff;}
.commonTable01 td { border-bottom: 1px solid #C9C9C9; padding: 4px; font-size: 11px;}
.commonTable01 tr td a {color: #000000;}
.commonTable01 tr .noticeDate {font-size: 11px; color: #ce133e; display: block;}
.commonTable01 tr .notice_sjt {padding: 20px; min-height: 300px;background: #ffffff;}
.commonTable02 {border-top: 1px solid #C9C9C9; margin-top: 20px;}
.commonTable02 th { border-bottom: 1px solid #C9C9C9; padding: 4px;font-size: 14px; color: #626262;}
.commonTable02 td { border-bottom: 1px solid #C9C9C9; padding: 4px; font-size: 14px;}
.commonTable02 tr td a {color: #000000;}
.commonTable02 tr .noticeDate {font-size: 11px; color: #ce133e; display: block;}
.commonTable02 tr .notice_sjt {padding: 20px; min-height: 300px;background: #ffffff;}
/*폰트*/
.titletxt01 {font-size: 16px; color: #000000; font-weight: bold;margin: 10px 0;}
.titletxt02 {font-size: 14px; color: #ffffff; margin: 0px 0 10px 0;}
.commonUl01 {margin: 10px 0;}
.commonUl01 li {font-size: 13px; color: #000000; margin: 2px 0; padding: 0 0 0 8px; background: url(../images/spot_02.png) no-repeat left 5px;}
.commonUl01 li.pointcolor002 {font-weight: bold;color: #FF0000;}
.commonUl03 {margin: 10px 0 0 5px;}
.commonUl03 li {font-size: 12px; color: #ffffff; margin: 2px 0; padding: 0 0 0 8px; background: url(../images/spot_02.png) no-repeat left 5px;}
.txt_11 {font-size: 11px;}
.txt_12 {font-size: 12px;}
.txt_14 {font-size: 14px;}
.txt_sub14 {font-size: 14px;}
.txt_gray01 {color: #5e5e5e}
.txt_white {color: #ffffff;}
.txt_yellow {color: #EBEF75;}
.txt_bod {font-weight: bold;}
.txt_orange {color: #eb6100;}
/* 예약 */
.choiceday {text-align: center; font-size: 16px; padding: 6px 10px; background: #0e3d23; margin: 0 0 20px 0; color: #EAFF77;}
.menuUl {margin: 0; padding: 0;}
.menuUl li {float: left;padding: 4px 10px; margin: 0 4px 0px 0; font-size: 16px;color:#959595; }
.menuUl li a {color:#959595; }
.menuUl .menuOn {background: #00873c;}
.menuUl .menuOn a { color: #ffffff;}
.menuUl a {color: #ffffff;}
.oldPrice {text-decoration: line-through; color: #cccccc;}
.price {font-weight: bold;color: #ffffff;}
.c01 {font-weight: bold;color: #006cff}
.c02 {font-weight: bold;color: #659800}
.reservtitle {margin: 4px 0;/*border-top: solid 1px #ce133e; padding: 4px 0; */}
.btContainer {text-align: center;}
/*members*/
.txtarea textarea {width: 100%; font-size: 11px; height: 110px; border-radius: 0; margin: 10px 0; border: 1px solid #C9C9C9; background:#f8f8f8 }
.loginok {background: #0c311d; padding:4px 0; text-align: center; margin: 2px 0;}
.loginok a {display: inline-block;width:100%;padding:4px 0; font-size: 18px; color: #ffffff;}
.logininput {padding: 10px 0; font-size: 16px; background: #e5e5e5; border: none; border-radius: 0px; color: #313131;width: 100%; margin: 2px 0; text-align: center;}
.jointxt {font-size: 12px; /*color: #E8E8E8;*/ text-align: center;display: block; padding: 5px 0;}
.jointxtbox {font-size: 14px; /*color: #E8E8E8;*/ text-align: center;display: block; padding: 5px 0;}
.joininput {font-size: 14px; border-radius: 0px; width: 32%; margin: 2px 0; }
.logonBox {border-top: 1px solid #D2D2D2;border-bottom: 1px solid #D2D2D2; text-align: center; padding: 10px 0;}
/* Main */
.notice_icon {float: left; width: 65px; padding: 20px 10px 20px 10px;}
.notice_icon img {width: 100%;}