@charset "utf-8";

.red{ color: #c63030 !important;}
.blue{ color: #3b55a8 !important;}
.yellow{ color: #ffd28a !important;}
.white{ color: #fff !important;}
.brown{ color: #786456 !important;}
.font12{ font-size: 12px;}
.font13{ font-size: 13px;}
.font14{ font-size: 14px;}
.font16{ font-size: 16px;}
.font18{ font-size: 18px;}
.font26{ font-size: 26px;}
.font36{ font-size: 36px !important;}
.right{ text-align: right;}
.center{ text-align: center;}
.left{ text-align: left;}
.padding5{ padding:5px 0;}
.padding10{ padding:10px 0;}
.padding15{ padding:15px 0;}
.padding30{ padding:30px 0;}
.margin15{ margin: 15px 0;}
.strong{font-family:'Nanum GothicB'; }
.bold{ font-family:'Nanum GothicB'; }
.w50{ width: 50px;}
.w80{ width: 80px;}
.w100{ width: 100px;}
.w150{ width: 150px;}
.w180{ width: 180px;}
.w200{ width: 200px;}
.w300{ width: 300px;}
.wp80{ width: 80%;}
.wp90{ width: 90%;}
.wp100{ width: 100%;}
.bg_w{ background-color: #fff !important;}
.bg_g{ background-color: #ececec !important;}
.bg_g2{ background-color: #e7e7e7 !important;}
.bg_skyGray{ background-color: #7b98aa;}
.bg_darkGray{ background-color: #333;}
.grayf{ color:#666;}
.c_d{cursor: default;}
.under{ text-decoration: underline;}

.pt20{ padding-top:20px;}

.slideFixed{position: fixed;top: 70px;}
#container{ min-height: 1200px; padding-top: 70px;}
.contentWrap{ width: 1200px; margin:  0 auto; padding: 0;}

span.bullet{ background-color:#9a8877; border-radius: 50%; vertical-align: middle; color: #fff; text-align: center;font-size:10px;display: inline-block; width: 18px; height: 18px; padding-top:1px;}
span.bullet img{ vertical-align: middle; margin-top: -3px; margin-left: 3px;}
h2.title{ font-size: 18px; color: #434343; padding:10px 0; position: relative;}
h2.title i{ color: #7b98aa;}

.btnWrap{ width:100%; text-align: center;}
.btnWrap a{ width: 150px; text-align: center; display: inline-block; color: #fff; line-height: 45px; font-size: 16px;}
.btnWrap a.next{ background-color: #7b98aa;}
.btnWrap a.next img{ vertical-align: middle;}
.btnWrap a.cancel{ background-color: #9b9b9b;}

.btn_Ok{ display: inline-block; padding:0 25px; line-height: 40px; background-color: #7b98aa; color: #fff; text-align: center; margin: 0 5px; vertical-align: top;}

.btn_Ok1{ display: inline-block; padding:0 25px; line-height: 40px; background-color: #7b98aa; color: #fff; text-align: center; margin: 0 5px; vertical-align: top; }

.btn_Ok2{ display: inline-block; padding:0 25px; line-height: 40px; background-color: #7b98aa; color: #fff; text-align: center; margin: 0 5px; vertical-align: top; }

.btn_Ok3{ display: inline-block; padding:0 25px; line-height: 30px; background-color: #7b98aa; color: #fff; text-align: center; margin: 0 5px; vertical-align: middle; }
.cmBtn{ border-radius: 20px; line-height: 30px; color: #fff; background-color: #797979; text-align: center; display: inline-block;font-size: 14px; padding: 0 10px;}

.btn_group{ display: inline-block; padding:0 5px; width: 80px; line-height: 30px; background-color: #8a7a6b; color: #fff; text-align: center; margin: 0 5px; vertical-align:baseline; border-radius: 15px; }
.btn_group.gray{ background-color: #797979;}
.btn_group.orangeRed{ background-color: #d44730;}

/*visual*/
.visualWrap{ width: 100%; position: relative; height: 590px; overflow: hidden;}
.visualBox{ width: 100%;  color: #fff; height: 590px;}
.bg1{ background: url(../images/bg_v1.jpg) center center no-repeat; background-size: cover; z-index: -1;}
.bg2{ background: url(../images/bg_v2.jpg) center center no-repeat; background-size: cover; z-index: -1;}
.bg3{ background: url(../images/bg_v3.jpg) center center no-repeat; background-size: cover; z-index: -1;}
.bg4{ background: url(../images/bg_v4.jpg) center center no-repeat; background-size: cover; z-index: -1;}
.bg5{ background: url(../images/bg_v5.jpg) center center no-repeat; background-size: cover; z-index: -1;}
.bg6{ background: url(../images/bg_v6.jpg) center center no-repeat; background-size: cover; z-index: -1;}
.bg7{ background: url(../images/bg_v7.jpg) center center no-repeat; background-size: cover; z-index: -1;}
.bg8{ background: url(../images/bg_v8.jpg) center center no-repeat; background-size: cover; z-index: -1;}
.bg9{ background: url(../images/bg_v9.jpg) center center no-repeat; background-size: cover; z-index: -1;}
.bg10{ background: url(../images/bg_v10.jpg) center center no-repeat; background-size: cover; z-index: -1;}
.bg11{ background: url(../images/bg_v11.jpg) center center no-repeat; background-size: cover; z-index: -1;}
.bg12{ background: url(../images/bg_v12.jpg) center center no-repeat; background-size: cover; z-index: -1;}
.bg13{ background: url(../images/bg_v13.jpg) center center no-repeat; background-size: cover; z-index: -1;}
.bg14{ background: url(../images/bg_v14.jpg) center center no-repeat; background-size: cover; z-index: -1;}
.bg15{ background: url(../images/bg_v15.jpg) center center no-repeat; background-size: cover; z-index: -1;}
.bg16{ background: url(../images/bg_v16.jpg) center center no-repeat; background-size: cover; z-index: -1;}

@-webkit-keyframes zoomImg {
		0% {
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1) translateZ(1px);
  }
	100% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
}
@-moz-keyframes zoomImg {
	0% {
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1) translateZ(1px);
  }
	100% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
}
@-o-keyframes zoomImg {
	0% {
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1) translateZ(1px);
  }
	100% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
}
@keyframes zoomImg {
	0% {
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1) translateZ(1px);
  }
	100% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
}
.zoomImg {
  -webkit-animation: zoomImg 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; /* Safari 4+ */
  -moz-animation:    zoomImg 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; /* Fx 5+ */
  -o-animation:      zoomImg 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; /* Opera 12+ */
  animation:         zoomImg 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; /* IE 10+, Fx 29+ */
}
.v_tit{ position: absolute; top:250px; width: 1200px; left: 50%; margin-left: -600px;}
.v_tit h4{ position: relative; padding-left: 120px;font-size: 20px; color: #fff; font-family: 'PT Serif', serif; text-transform: uppercase;}
.v_tit h4 span{ 
	-webkit-animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 2.4s;
	        animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 2.4s;
}
.visualLine{ 
	height: 2px;
	background: white;
	position: absolute;
	top: 14px;
	left: 0;
	-webkit-animation: v_line .75s forwards 1.6s;
	-moz-animation: v_line .75s forwards 1.6s;
	-o-animation: v_line .75s forwards 1.6s;
	animation: v_line .75s forwards 1.6s;
}
.v_tit h1{ color: #fff; font-size: 45px; padding:15px 0; font-weight: 400;
	-webkit-animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 2.8s;
	        animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 2.8s;
}	

.submenuTab{ position: absolute; bottom:30px; width: 1200px; left: 50%; margin-left: -600px;}
.submenuTab a{ color: #fff; font-size: 18px; font-weight: 400;}
.submenuTab a.on{ color: #ffd43e;}
.submenuTab span{ width: 2px; height: 12px; background-color: #c0baae; display: inline-block; margin: 0 5px;}

@-webkit-keyframes v_line {
  0% {
    width: 0;
  }
  100% {
    width: 110px;
  }
}
@-moz-keyframes v_line {
  0% {
    width: 0;
  }
  100% {
    width: 110px;
  }
}
@-o-keyframes v_line {
  0% {
    width: 0;
  }
  100% {
    width: 110px;
  }
}
@keyframes v_line {
  0% {
    width: 0;
  }
  100% {
   width: 110px;
  }
}


/*title*/                                                                                             .titleBox{ width:1200px; margin: 70px auto 50px; position: relative; text-align: center; overflow: hidden;}
.titleBox h2{ font-family: 'PT Serif', serif;  font-size: 30px; font-weight: 400; text-transform: uppercase;}
.titleBox h3{ font-size: 18px; text-align: center; margin-top: -8px;}
.titleBox p.bgTit{ position: absolute; color:#f4f4f4; font-size: 55px; top:50%; text-transform: uppercase;font-family:'Nanum Gothic'; font-weight: 400; text-align: center; width: 100%; margin-top: -35px; z-index: -1; display: none;}

/*navi*/
.naviLine{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 100%; background-color: #fff; z-index: 100;}

.naviBox{width: 1200px; margin: 0 auto; height: 60px; text-align: right;}
.nav {
  display: inline-block;
  background: #000;
  height: 60px;
}
.nav ul {
  list-style: 000;
  margin: 0;
  padding: 0;
}
.nav ul li {
  position: relative;
  display: inline-block;
  height: 60px;
  vertical-align: middle;
  float: left;
  text-align: center;
  border-right: 1px solid #ddd;
	
	background-color: #fff;
}
.nav ul li span{ padding: 0 8px;}
.nav ul li a {
  position: relative;
  display: block;
  color: #666666;
  font-size: 14px;
  line-height: 60px;
  text-decoration: none;
	
	width: 180px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.nav ul li a:hover {
 /* background: #f2f2f2;*/
}
.nav ul li a.home {
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 65px;
  vertical-align: middle;
  border-left: 1px solid #dddd;
}

.nav ul li .menu {
  display: none;
  position: absolute;
  top: 100%;
  left: -1px;
  width: 182px;
  overflow: hidden;
 border-left:1px solid #ddd;
 border-bottom:1px solid #ddd;
 border-top:1px solid #ddd;
background-color: #fff;
	z-index: 100;
}
.nav ul li .menu li {
  display: block;
  width: 100%;
	height: 45px;
  margin: 0;
	border-bottom: 1px dashed #ddd;
	background-color: #fff;
}
.nav ul li .menu li:last-child{ border-bottom: 0;}
.nav ul li .menu li a {
	/*text-indent: 30px;*/
  color: #666666;
  text-align:center;
	line-height: 45px;
}
.nav ul li .menu li a:hover { background: #f2f2f2;}

/*login*/
.bgGray{ border-radius: 10px; background-color: #f1f1f1; padding:15px;}
.loingGrayBox{ width: 700px; margin: 0 auto;}

.loginCont{width:390px;margin:20px auto 0;overflow:hidden;}
.loginCont .loginTitle{padding:5px 0 15px;display:block;text-align:left;font-size:14px; color: #4d4c4c; font-weight: 500;}
.loginCont .loginInput{float:left;}
.loginCont .loginInput li input{text-indent:10px;width:250px;height:50px;border:1px solid #e0e0e0;margin-bottom:8px;}
.loginBtn1{display:inline-block;padding:41px 43px;margin-left:10px;background-color:#7b98aa;color:#fff;border:1px solid #fff;box-shadow:3px 3px 0 #dddddd; font-size: 15px;}

.loginCont .memBox{ padding:10px 0;}
.loginCont .memBox > span{margin-right:15px;font-size:12px}

.loginCont .LogFindBtn{height:40px;margin-bottom:30px;}
.loginCont .LogFindBtn > a{display:inline-block;width:185px;padding:10px;text-align:center;border:1px solid #bfbfbf;color:#727272;background:#fff;}
.loginCont .LogFindBtn > a.id_Btn{margin-right:16px;}

.loginTxt{margin:15px auto 30px;width:390px; text-align: center;}
.loginTxt h2{ font-size: 20px; font-weight: 500; padding:14px 0 8px;}
.loginTxt h3{ font-size: 13px; color: #7f7f7f; line-height:23px; }
.loginTxt .joinBtn1{display:block;width:120px; padding: 8px 0;margin:25px auto 0;text-align:center;color:#fff;background-color:#8c8c8c;border:1px solid #fff;box-shadow:3px 3px 0 #dddddd; font-weight: 500; font-size: 14px;}

/*joinMember*/
.joinStep{ width: 100%; border:1px solid #c3c3c3; overflow: hidden; margin:0 0 10px 0;}
.joinStep li{ width:25%; float: left; text-align: center; color: #fff; background-color: #f6f6f6; position: relative; line-height:60px; color: #8b8b8b; font-size: 16px;}
.joinStep li.on{ background-color: #7b98aa; color: #fff;}

.tri{
	position:absolute;
	top:0;
	right:-46px;
	z-index:1;
	width:46px;
	height:60px;
	display: block;
	background: url(../images/arw_off.png)center center no-repeat; 
}
.tri.on{background: url(../images/arw_on.png)center center no-repeat;}

.joinBox{ border:1px solid #c3c3c3; width: 100%; padding:30px 20px; margin-bottom: 100px;}
.joinBox .textarea{ border:1px solid #c3c3c3; width: 100%; padding: 10px 20px; resize: none; height:200px; white-space:pre-wrap; font-size: 14px; overflow-y: scroll; line-height: 20px;}
.joinBox .textarea h1{ font-size: 18px; font-weight: 400; padding-top: 20px;}
.joinBox .textarea h1:first-child{ padding-top:0;}
.joinBox .textarea h2{ font-size: 16px; font-weight: 400; padding-top:20px;}
.joinBox .textarea h2:first-child{padding-top:0;}
.joinBox h4{ text-align: right; font-size: 16px; padding-top:5px;}
.joinBox h4 input{ vertical-align: middle;}
.joinBox hr{ border:0; border-bottom: 1px dashed #c3c3c3; display: block; width: 100%; margin:20px 0; }

.joinBox .policy{border:1px solid #c3c3c3; width: 100%; padding: 10px 20px; resize: none; height:200px; word-break: break-all; white-space: pre-line; font-size: 14px; overflow-y: scroll; line-height: 1.5;}
.joinBox .policy b{font-size: 16px; line-height: 2; font-weight: 400; padding-top:20px;}


.allAgree{ text-align: center; font-size: 16px; margin-bottom: 30px;}

.joinTxt{ font-size: 13px; color: #777; padding:5px 0 15px;}
.joinGrayBox{ width: 100%; border:1px solid #e7e7e7; background-color: #fafafa; text-align: center; padding:70px 0; margin: 10px 0;}
.joinGrayBox a{ padding: 0 8px; display: inline-block;}

.joinTextBox{ width: 100%; font-size: 14px;}
.joinTextBox p{ color:#707070; line-height: 30px; padding: 8px 0;}
.joinTextBox p span{color:#444;}
.joinTextBox p strong{ font-weight: bold; color: #707070;}

.popupBan{ display: inline-block; background-color: #9b9b9b; color: #fff; text-align: center; line-height: 20px; border-radius: 15px; padding:4px 15px;}


/*회원가입*/
.commonTable_v{ width: 100%; border-top:1px solid #3e3e3e; border-bottom:1px solid #3e3e3e;}
.commonTable_v th{ background-color:#f6f6f6; border-bottom:1px solid #c3c3c3; width: 15%; text-align: center; padding: 10px 0; font-size: 16px; vertical-align: middle;}
.commonTable_v td{ border-bottom:1px solid #c3c3c3; width: 85%; padding:10px 0 10px 10px; font-size: 16px; line-height: 36px; vertical-align: middle;}
.commonTable_v td input[type="text"],.commonTable_v td input[type="password"],.commonTable_v td input[type="number"]{ height: 30px;}
.commonTable_v td select{ height: 30px;}
.commonTable_v td textarea{ height: 200px; overflow-y: scroll; resize: none; border:1px solid #ddd; width: 100%; padding:10px;}
.commonTable_v td textarea.h100{ height: 100px;}
.commonTable_v tr:last-child td, .commonTable_v tr:last-child th{ border-bottom:0;}
.joinBtn{ background-color: #797979; color: #fff; text-align: center; font-size: 13px;padding: 5px 15px;}

.openCalendar{ display: none; position: absolute; width: 350px; padding: 10px; top:38px; left: -1px; background: #fff; border:1px solid #ddd; z-index: 10;}

.smallCalendarTit{ width: 100%;  margin-bottom:10px; overflow: hidden;}
.smallCalendarTit p img{  height: 20px;}
.smallCalendarTit p.arwl{ width: 29%; text-align: right; float: left; display: inline-block;}
.smallCalendarTit h3{ width: 40%; text-align:center;float: left; display: inline-block; font-size: 18px; line-height:23px;  font-weight: 400; }
.smallCalendarTit p.arwr{ width: 29%; text-align: left;float: left; display: inline-block;}
.jCalendar{ width: 100%; height: 100%; }
.jCalendar th{font-size:14px; color: #444; font-weight: 500; padding:5px; text-indent: 0;}
.jCalendar th:first-child{ color: #e07174;}
.jCalendar th:last-child{ color: #199dd4;}
.jCalendar td{ text-indent: 0; text-align: center; color: #45454f; font-size:14px; vertical-align: middle; padding:0; cursor: pointer;}
.jCalendar td.today{ color: #fff; background-color: #ff8800; border-radius: 8px; cursor: pointer;}

.joinGrayBg{ border-radius: 15px; background-color: #f6f6f6; padding:50px; text-align: center;}
.joinGrayBg p{ padding-bottom: 10px; }
.joinGrayBg p img{ display: block; margin:30px auto 0;}
.joinGrayBg h2{ padding: 20px 0 8px; color:#786456; font-size: 24px;}
.joinGrayBg h4{ font-size: 14px; line-height: 24px; color:#786456; text-align: center;}
.joinGrayBg h2 span{ vertical-align: super; margin: 0 10px;}

/*아이디/비밀번호찾기*/
.idpwWrap{ border-radius: 12px; padding:20px; text-align: left; background-color: #3e3e3e; color: #fff}
.idpwWrap h2{ padding-bottom: 15px;}
.idpwWrap h2 span{ font-size: 30px; color: #d4dee4; padding-right: 10px; font-family: 'Noto Serif', serif;}
.idpwWrap dl{ width: 100%; overflow: hidden;}
.idpwWrap dt{ width:100px; float: left; text-align: left; padding-top:8px;}
.idpwWrap dt:nth-of-type(2){  padding-left: 40px; width: 150px;}
.idpwWrap dd{ width:180px; float: left; text-align: left;}
.idpwWrap dd select{vertical-align: bottom;}
.idpwWrap dd:nth-of-type(2){ width: 600px;}


/*실시간예약하기*/
.monthWrap{ width: 100%; overflow: hidden;}
.monthWrap h2{ width: 100%; text-align: center; font-size: 60px;padding-bottom:20px 0 10px;font-family:'Nanum GothicB';}
.monthWrap h2 span{ width: 100%; text-align: center; font-size: 30px;padding-bottom: 30px; vertical-align: text-bottom;}

.monthBox{ width: 49%; float: left; position: relative; padding-bottom: 40px; margin-right: 2%;}
.monthBox:last-child{ margin-right: 0%;}
.monthBox .monthChoice{ width: 100%; float: left; padding:30px 0 10px;line-height: 36px;  }
.monthBox .monthChoice h3{ width: 100%; text-align: center; color: #444; font-size: 35px; font-family:'Nanum GothicB'; display: inline-block; }

.calendar{ width: 100%; margin: 0 auto; height: 500px; border:1px solid #c3c3c3;}
.calendar thead th{ height:60px; vertical-align: middle; font-size: 16px; color: #434343;font-family:'Nanum GothicB'; }
.calendar thead th:first-child{ color: #d12525;}
.calendar thead th:last-child{ color: #276cc2;}
.calendar td{font-size: 18px; font-weight: 400; border:1px solid #c3c3c3; text-align: left; color: #5b5b5b; vertical-align: top; padding: 5px 10px; position: relative;}
.calendar tr td:first-child{ color: #d12525;}
.calendar tr td:last-child{ color: #276cc2;}
.calendar td.no{ background-color: #e7e7e7; color:#a5a5a5; cursor: default; background-clip: padding-box;}
.calendar td.today{ background-color:#d44730 !important; color: #fff !important; cursor: pointer;}
.calendar tr td:first-child.no{ background-color: #e7e7e7; color:#a5a5a5;}
.calendar tr td:last-child.no{ background-color: #e7e7e7; color:#a5a5a5;}
.calendar td span{ position: absolute; width: 100%; bottom:10px; text-align: center; display: block; font-size: 16px; left: 0; line-height: 16px;}

.nomalBoxW{border:1px solid #c3c3c3; width: 100%; padding:20px 30px; margin-bottom: 150px;}
.nomalBoxH{border:1px solid #c3c3c3; width: 100%; padding:30px 20px; margin-bottom: 150px;}
.nomalBoxW hr{ clear: both; border:0; border-bottom: 1px dashed #c3c3c3; display: block; width: 100%; margin:20px 0; }
.nomalBoxH hr{ clear: both; border:0; border-bottom: 1px dashed #c3c3c3; display: block; width: 100%; margin:20px 0; }

.nomalBoxW .textarea{ width: 100%; padding: 0 20px; white-space:pre-wrap; font-size: 14px; line-height: 25px;}
.nomalBoxW .textarea h1{ font-size: 18px; font-weight: bold; padding-top: 20px;}
.nomalBoxW .textarea h1:first-child{ padding-top:0;}
.nomalBoxW .textarea h2{ font-size: 16px; font-weight: bold; padding:20px 0 5px;}
.nomalBoxW .textarea h2:first-child{padding-top:0;}

.reserBlackBox{ border-radius: 20px; background-color:#7a97aa; overflow: hidden; padding:10px 30px; width: 100%; text-align: center;}
.reserBlackBox h3{ color: #fff;}
.reserBlackBox h3 span{ color: #f5e5b3; padding-right:20px;}
.reserBlackBox h3 span:last-child{ padding-right:0px;}
.reserBlackBox .BTop{ color: #fff; text-align: center; font-size: 0;}
.reserBlackBox .BTop li{ display: inline-block; text-align: left; width: 20%; font-size: 16px;}
.reserBlackBox .BTop li:first-child{width: 30%;}
.reserBlackBox .BTop li:last-child{width: 30%;}
.reserBlackBox .BTop li span{ color: #f5e5b3;}
.reserBlackBox .BBottom { color: #fff; text-align: center; font-size: 0; padding: 7px 0;}
.reserBlackBox .BBottom li{ display: inline-block; text-align: left; width: 48%; background-color: #6a889c; border-radius: 20px; padding:6px 15px; margin-right: 4%;}
.reserBlackBox .BBottom li:last-child{margin-right: 0;}
.reserBlackBox .BBottom li.bgBlue{ background-color: #5b7d93; border-radius: 20px;}
.reserBlackBox .BBottom li p{ font-size: 16px; display: inline-block;  width: 30%;}
.reserBlackBox .BBottom li p:first-child{ width: 40%;}
.reserBlackBox .BBottom li p span{ color: #f5e5b3;}

.reser_coupon{ width: 100%; text-align: center; font-size: 16px; color: #6a6a6a;}
.reser_coupon span img{ display: inline-block; vertical-align: middle;}

.reser_coupon2{ position: absolute; top: 0; right: 0; text-align: center; font-size: 16px; color: #6a6a6a;}
.reser_coupon2 span img{ display: inline-block; vertical-align: middle;}

.reserTimeList{ width: 100%; overflow: hidden; /*margin-top:-100px;*/}

.reserCouserTab{ width: 100%; padding: 15px 0 0; font-size: 0;}
.reserCouserTab a{ display: inline-block; width: 50%; color: #fff; background-color:#868686; text-align: center; line-height: 50px; font-size: 16px; }
.reserCouserTab a.on{background-color:#6c6c6c;}

.reserInfoLine{ width: 100%; overflow: hidden;}
.line_left{ float: left; font-size:14px; color:#9e9e9e;}
.line_left select{ height: 30px;}
.line_right{ float: right; font-size:14px; color:#9e9e9e;}
.line_right img{ width:25px; opacity: 0.7; vertical-align: middle;}
.line_right span{ display: inline-block; width: 1px; background-color: #888888; height: 10px; margin: 0 3px;}

.reserTable{ width: 100%;  border-top:1px solid #3e3e3e; font-size: 16px;}
.reserTable th{ border-bottom:1px solid #c3c3c3; text-align: center; padding:10px 0; font-size: 16px; border-left: 1px solid #c3c3c3;}
.reserTable th:first-child{border-left: 0;}
.reserTable td{ border-bottom:1px solid #c3c3c3; text-align: center; padding:10px 0; font-size: 16px; border-left: 1px solid #c3c3c3; height: 45px; }
.reserTable td:first-child{border-left: 0;}
.reserTable tr:nth-child(2n-1) td{ background-color: #f8f8f8;}
.reserTable td img{ display: inline-block; margin: 0 3px; vertical-align: middle;}

.discount{ text-decoration:line-through; color:#d44730;}
.btn_reser{ color: #fff; background-color: #ecac13; text-align: center; display: inline-block; padding:10px 25px; line-height: 25px; border-radius: 20px; }
.btn_reser_kakao{ color: #fff; background-color: #ec6a13; text-align: center; display: inline-block; padding:10px 25px; line-height: 25px; border-radius: 20px; }
.btn_cencel{ color: #fff; background-color: #9b9b9b; text-align: center; display: inline-block; padding:10px 25px; line-height: 25px; border-radius: 20px; }
.btn_carlendar{ border:1px solid #c3c3c3; display: block; padding:8px; margin: 5px 0;}
.btn_carlendar img{ vertical-align: middle;}

.commonTable{ width: 100%;  border-top:1px solid #3e3e3e; border-bottom:1px solid #3e3e3e; table-layout: fixed;}
.commonTable th{ border-bottom:1px solid #c3c3c3; background-color: #f6f6f6; text-align: center; line-height: 50px; font-size: 16px;}
.commonTable td{ border-bottom:1px solid #c3c3c3; text-align: center; /*line-height: 55px;*/ font-size: 16px; padding:15px 0; vertical-align: middle;}
.commonTable td.title{ text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer;}
.commonTable td.title span{ color:#ff8800;  font-weight: 400;}
.commonTable td img{ vertical-align: middle; width: 20px;}
.commonTable td.lastTd{ text-align: center; color: #ddd;}
.commonTable tr:last-child td{ border-bottom:0;}

/*예약확인*/
.BlackBox{ border-radius: 20px; background-color:#3e3e3e; padding:10px 30px; width: 100%; text-align: center; font-size: 16px;}
.BlackBox span{ margin: 0 5px;}

.openCalendar2{ display: none; position: absolute; width: 350px; padding: 10px; top:38px; left: -1px; background: #fff; border:1px solid #ddd; z-index: 10;}
.sCalendar{ width: 100%; height: 100%; }
.sCalendar th{font-size:14px; color: #444; font-weight: 500; padding:5px; text-indent: 0;}
.sCalendar th:first-child{ color: #e07174;}
.sCalendar th:last-child{ color: #199dd4;}
.sCalendar td{ text-indent: 0; text-align: center; color: #45454f; font-size:14px; vertical-align: middle; padding:4px 0; cursor: pointer;}

.reser_search{ height: 40px; border:1px solid #c9c9c9; line-height: 30px; text-indent: 10px; position: relative; background-color: #fff; display: inline-block; vertical-align: middle;}
.reser_search span{ float: right; padding:0 5px; display: inline-block; cursor: pointer;}
.reser_search span img{ vertical-align: middle;}

/*예약변경*/
.reserBlackBox2{ border-radius: 20px; background-color:#3e3e3e; overflow: hidden; padding:20px; width: 100%;}
.reserBlackBox2 dl{ margin:12px 0; overflow: hidden;}
.reserBlackBox2 dt{ width: 15%; color: #fff; float: left; font-size: 16px; text-indent: 10px;}
.reserBlackBox2 dd::before{ content:':'; color: #fff; text-align: right; padding-right: 10px;}
.reserBlackBox2 dd{ width: 85%; color: #fff; float: left; font-size: 16px;  font-weight: 400;}
.reserBlackBox2 dd span{ text-decoration: line-through;}
.reserBlackBox2 dd select, .reserBlackBox2 dd input{ height: 30px;}
.reserBlackBox2 hr{ clear: both; border:0; border-bottom: 1px dashed #c3c3c3; display: block; width: 100%; margin:10px 0;}

/*pageNum*/
.pageNum{ width:100%; text-align: center;}
.pageNum a.pagebtn{ border:1px solid #ddd; color: #444; width:35px; line-height: 35px; display:inline-block; margin: 10px; background-color: #fff;}
.pageNum .pageNumWrap a{ display: inline-block; color: #444; width:25px; line-height: 35px;}
.pageNum .pageNumWrap a.on{ font-weight: 400;}

.border_btn{ clear: both; float: right; overflow: hidden; /*margin-top: -50px*/}

.commonTable_v2{ width: 100%; border-top:1px solid #3e3e3e; border-bottom:1px solid #3e3e3e; table-layout: fixed;}
.commonTable_v2 th{ background-color:#f6f6f6; border-bottom:1px solid #c3c3c3; width: 10%; text-align: center; padding: 10px 0; font-size: 16px; vertical-align: middle;}
.commonTable_v2 td{ border-bottom:1px solid #c3c3c3; width: 40%; padding:5px 0 5px 10px; font-size: 16px; line-height: 36px;}
.commonTable_v2 td.title{ text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.commonTable_v2 td.bContents{ padding:10px; text-align: center;}
/*.commonTable_v2 td.bContents p{ text-align: center;}*/
.commonTable_v2 td.bContents img{ max-width: 100%; display: block; margin: auto;}
.commonTable_v2 td input[type="text"],.commonTable_v td input[type="password"],.commonTable_v td input[type="number"]{ height: 30px;}
.commonTable_v2 td select{ height: 30px;}
.commonTable_v2 td textarea{ height: 200px; overflow-y: scroll; resize: none; border:1px solid #ddd; width: 100%; padding:10px;}
.commonTable_v2 td textarea.h100{ height: 100px;}
.commonTable_v2 tr:last-child td, .commonTable_v2 tr:last-child th{ border-bottom:0;}

.commonTable_v2 .fileName {display:inline-block;width:300px;height:40px;padding-left:10px;margin-right:5px;line-height:35px;border:1px solid #e1e1e1;background-color:#fff;vertical-align:middle;}
.commonTable_v2 .fileName2 {display:inline-block;width:200px;height:40px;padding-left:10px;margin-right:20px;line-height:35px;border:1px solid #e1e1e1;background-color:#fff;vertical-align:middle;}
.commonTable_v2 .btn_file {display:inline-block;background:#707070;width:150px;height:35px;line-height:35px;text-align:center;vertical-align:middle;color:#fff;font-size:12px;}
.commonTable_v2 .btn_file.file2 {background:#d8d8d8;width:150px;color:#606060;border:1px solid #a0a0a0;}
.commonTable_v2 input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.GrayBox{ border-radius: 20px; background-color:#f6f6f6; padding:10px 30px; width: 100%; text-align: center; font-size: 16px; border:1px solid #e1e1e1;}
.GrayBox input[type=text]{ text-align: center; text-indent: 0;}
.GrayBox span{ margin: 0 5px;}

/*포토게시판*/
.galleryBox{width:268px;height:315px;border:#e4e4e4 solid 1px;display:inline-block;margin:30px 10px;}
.galleryBox:first-child{ margin-left: 0;}
.galleryBox:nth-child(4n+1){ margin-right: 0;}
.galleryBox .gallBoxCont{}
.galleryBox .gallBoxCont a{display:block;overflow:hidden;font-size:0;}
.galleryBox .gallBoxCont .galImg{width:98%;height:183px; margin: 1%;}
.galleryBox .gallBoxCont .galImg img{width:100%;height: 100%;}
.galleryBox .gallBoxCont .gallery{height:130px;padding:15px;}
.galleryBox .gallBoxCont .gallery .gallTitle {width:240px;height:37px;font:15px 'Nanum GothicB';color:#111111;padding:10px 0;text-overflow:ellipsis; white-space: nowrap;  word-break: normal;   overflow: hidden;}
.galleryBox .gallBoxCont .gallery .gallDate{font-size:12px;color:#7f7f7f;}
.galleryBox .gallBoxCont .gallery .gallBtn{background:#7b98aa;text-align:center;width:90px;height:27px;line-height:27px;border-radius:10px;color:#fff;font-size:12px;margin-top:15px;display:block;}

/* searching */
.searchingBox{ width:100%; padding: 5px; position: relative; overflow: hidden;}
.searching{position: absolute; top:10px; right: 0;}
.searching > ul{text-align:right;}
.searching > ul li{display: inline-block; float: left; margin-left: 5px}
.searching > ul li input{ height: 40px;}
.searching > ul li select{ height: 40px;}
.btn_Ok2{ display: inline-block; padding:0 25px; line-height: 38px; background-color: #7b98aa; color: #fff; text-align: center; margin: 0 5px; vertical-align: top; }

/*mypage*/
.commonTable2{ width: 100%; border-top: 1px solid #3e3e3e;}
.commonTable2 th{ padding: 10px 0; background-color: #f6f6f6; border:1px solid #c3c3c3; border-right: 0; border-top: 0; font-weight: 400; vertical-align: middle;}
.commonTable2 th:first-child{ border-left: 0;}
.commonTable2 td{padding: 10px 0; border:1px solid #c3c3c3; border-right: 0; text-align: center;}
.commonTable2 td.lineTop{ border-top: 1px solid #3e3e3e;}
.commonTable2 td:first-child{ border-left: 0;}
.commonTable2 tr:nth-child(2n) td{ background-color: #f6f6f6;}

/*delete*/
.deleteTable{ width: 100%; border-top: 1px solid #3e3e3e;}
.deleteTable th{ padding: 10px 0; background-color: #f6f6f6; border:1px solid #c3c3c3; border-right: 0; border-top: 0; font-weight: 400; vertical-align: middle;}
.deleteTable th:first-child{ border-left: 0;}
.deleteTable td{padding: 10px 20px; border:1px solid #c3c3c3; border-right: 0; text-align: left;}
.deleteTable td.lineTop{ border-top: 1px solid #3e3e3e;}
.deleteTable td:first-child{ border-left: 0;}
.deleteTable td label{ padding:0 10px 0 0;}
.deleteTable td input[type="text"], .joinTable2 td select { height: 30px;}
.deleteTable td input[type="radio"] { width: 13px; height: 13px; vertical-align: middle;}
.deleteTable td textarea{ height: 200px; overflow-y: scroll; resize: none; border:1px solid #c9c9c9; width: 100%; padding:10px; border-radius: 3px;}

.commonText{ font-size: 16px;line-height: 30px;}

/*코스*/
.hr_s{ width: 70px; border:0; border-bottom: 1px solid #444; display: block; text-align: left;}
.courseIntro{ width: 100%;}
.courseIntro img{ width: 100%;}

.allCourseTable{ width: 100%;  border-top:1px solid #ddd; border-bottom: 1px solid #ddd;}
.allCourseTable th{ padding:10px 0; vertical-align: middle;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd; background-color: #f8f8f8;}
.allCourseTable td{ padding:6px 0; text-align:center; line-height: 22px; border-left: 1px solid #ddd; font-weight: 400; border-bottom: 1px solid #ddd;}
.allCourseTable th:first-child, .courseTable td:first-child{border-left:0;}
.allCourseTable tr.c_black td:first-child{ background-color: #0b0b0b; color: #fff;}
.allCourseTable tr.c_blue td:first-child{ background-color: #415ef5; color: #fff;}
.allCourseTable tr.c_yellow td:first-child{ background-color: #ff9e05; color: #fff;}
.allCourseTable tr.c_red td:first-child{ background-color: #e31717; color: #fff;}
.allCourseTable tr.lineTd td{ border-bottom: 1px solid #ddd;}

.courseTab{ width: 100%; overflow: hidden; margin: 25px 0;}
.courseTab a{ width: 50%; float: left; border:1px solid #e8e8e8; font-size: 20px; text-align: center; padding:10px 0;}
.courseTab a.on{ background-color: #606f8f; color: #fff;}

.courseWrap{ width: 100%; background: url(../images/bg_course.jpg) center center no-repeat; background-size:cover;}
.courseBox{ width: 1200px; margin: 0 auto; padding:50px 0;position: relative;}
.holeNumBox{overflow:hidden;width:100%; margin-top: -25px;}
.holeNumBox .holeNum{float:left;font-size:100px;color:#686868;font-weight: 400; letter-spacing: -10px; }
.holeNumBox .holeText{float:left;margin-top:60px; margin-left: 15px;}
.holeNumBox .holeText .hole1{font-size:25px;color:#686868;font-weight: 400; margin-bottom: -8px;}
.holeNumBox .holeText .hole2{font-size:18px;color:#686868;font-weight: 100; text-transform: uppercase;}
/*.holeNumBox p{ width: 100%; float: left; color: #686868; font-size: 32px; font-weight: 400; padding: 8px 0 8px 6px; margin-top: -45px; }*/

.courseInfo{ width: 100%; overflow: hidden; }
.courseInfo .cInfoLeft{ text-align: left;}
.courseInfo .cInfoLeft ul{ clear: both;}
.courseInfo .cInfoLeft ul li{ display: inline-block; color: #686868; font-size: 22px;}
.courseInfo .cInfoLeft ul li strong{ font-family: 'Nanum GothicEXB';  padding-right: 20px;vertical-align: bottom;}
.blackBox{ width: 150px; padding:5px 15px; color: #fff; margin-bottom: 10px; float: left; background-color: #0b0b0b; text-align: center; font-size: 22px;}
.blackBox strong{ font-weight: 700; color: #fff;vertical-align: bottom;}
.blueBox{ width:150px; padding:5px 15px; color: #fff; margin-left: 5px; margin-bottom: 10px; float: left;background-color: #415ef5; text-align: center; font-size: 22px;}
.blueBox strong{ font-weight: 700; color: #fff;vertical-align: bottom;}

.whiteBull{ display: inline-block; margin-right: 5px; width: 16px;height: 16px; border-radius: 50%; background-color: #fff; border:1px solid #686868; vertical-align: middle;}
.yellowBull{ display: inline-block; margin-right: 5px; width: 16px;height: 16px; border-radius: 50%; background-color: #ff9e05; vertical-align: middle;}
.redBull{ display: inline-block; margin-right: 5px; width: 16px;height: 16px; border-radius: 50%; background-color: #e31717; vertical-align: middle;}

.courseInfo .cInfoRight{ position: absolute; top:100px; left: 0; width: 100%; text-align: right;}
.cInfoRight a{ color: #7f7f7f; border:1px solid #7f7f7f; text-align: center; display: inline-block; margin: 0 2px; width: 38px; height: 38px; padding:5px 0;}
.cInfoRight a.on{ background-color: #606f8f; color: #fff;}

.courseWrap2{ width: 100%; position: relative;}
.courseBox2{ width: 1200px; margin: 0 auto; padding:50px 0; overflow: hidden;}
.cExplanLeft{ width: 600px; height: 737px; float: left; margin-right: 36px; position: relative;}
.cExplanLeft .cExplanText h1{ font-size: 30px;  font-weight: 400; color: #505050; }
.cExplanLeft .cExplanText h4{ font-size: 14px; line-height: 26px; width: 600px; color: #737272; word-break: keep-all;}

.cExplanRight{ width: 564px; float: left;}
.cExplanRight img{ width: 564px; vertical-align: top;}


 /** 갤러리
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  min-width: 320px;
  width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 30px;
  width: 100%;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  padding-top: 20px;
	z-index: 50;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  /*background: #fff;*/
  text-indent: -9999px;
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  outline: 0;
	border-radius: 50%;
	background-color:#fff;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a:focus{
  background: #fff;
}
.bx-wrapper .bx-pager.bx-default-pager a.active
 {
  background: #fff;
	width:40px;
	height: 16px;
	border-radius: 20px;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

.courseSlider{ width: 600px; border:1px solid #e1e1e1; position: absolute; bottom:0; left: 0;}

.ex{ border-radius: 10px; padding:15px; background-color: #f6f6f6; margin: 5px 0 10px 0;}
.ex dl{overflow: hidden; width: 100%;}
.ex dl dt{ float: left; width: 20%; vertical-align: middle;  font-weight: 400; text-align: center;}
.ex dl dt::after{ content: '|'; padding-left: 45px; color: #bcbcbc;}
.ex dl dd{ float: left; width: 80%; line-height: 26px;}

.commonTable3{ width: 100%; }
.commonTable3 thead th{ border:1px solid #c3c3c3; background-color: #6c6c6c; text-align: center;font-size: 16px;vertical-align: middle;padding:15px 5px; color: #fff;}
.commonTable3 thead th:first-child{ border-left: 0;}
.commonTable3 tbody th{ border-bottom:1px solid #c3c3c3; background-color: #f6f6f6; text-align: center; line-height: 50px; font-size: 16px; vertical-align:middle; border-right: 1px solid #c3c3c3;}
.commonTable3 td{ border-bottom:1px solid #c3c3c3; text-align: center; padding:15px 5px;  word-break: keep-all; font-size: 16px; vertical-align: middle; border-right: 1px solid #c3c3c3;}
.commonTable3 th:last-child{border-right: 0;}
.commonTable3 td:last-child{border-right: 0;}
.commonTable3 th.rBorder{ border-right: 1px solid #c3c3c3;}
.commonTable3 td.rBorder{ border-right: 1px solid #c3c3c3;}
.commonTable3 td.left{ text-align: left; padding-left: 10px;}




.commonTable4{ width: 100%; }
.commonTable4 thead th{ border:1px solid #c3c3c3; background-color: #6c6c6c; text-align: center;font-size: 16px;vertical-align: middle;padding:15px 5px; color: #fff;}
.commonTable4 thead th:first-child{ border-left: 0;}
.commonTable4 tbody th{ border-bottom:1px solid #c3c3c3; background-color: #f6f6f6; text-align: center; line-height: 50px; font-size: 16px; vertical-align:middle; border-right: 1px solid #c3c3c3;}
.commonTable4 td{ border:1px solid #c3c3c3; text-align: center; padding:15px 5px;  word-break: keep-all; font-size: 16px; vertical-align: middle; border-right: 1px solid #c3c3c3;}
.commonTable4 th:last-child{border-right: 0;}
.commonTable4 td:last-child{border-right: 0;}
.commonTable4 th.rBorder{ border-right: 1px solid #c3c3c3;}
.commonTable4 td.rBorder{ border-right: 1px solid #c3c3c3;}
.commonTable4 td.left{ text-align: left; padding-left: 10px;}

/*이용안내*/
.groundTimeBox{width: 100%; overflow: hidden;}
.groundTimeBox .gSection{ width: 49%; margin-right: 1%; float: left;}
.groundTimeBox .gSection2{ width: 49%; margin-left: 1%; float: right;}

.etiqBox{ width: 100%; padding:120px 0 50px;}
.etiqBox p{ text-align: center; padding-bottom: 25px;}
.etiqBox h3{ font-size: 15px; line-height: 24px; text-align: center;}

.qnaMenu {width: 100%;}
.qnaMenu .qnaList{ display: block; cursor: pointer; padding: 15px 0; border-bottom:1px dashed #ddd; color:#4f4f4f; font-size: 16px;}
.qnaList span{ border-radius:50%; background-color:#b6b6b6; text-align:center; color:#fff; margin-right:10px; width: 30px; height: 30px; display: inline-block; line-height: 30px;}
.qnaList span.on{ background-color:#988675;}
.qnaMenu ul { display: none; background-color:#f6f6f6; padding:15px;}
.qnaMenu ul li{	cursor: auto; font-size:15px; line-height:22px;}

/*인사말*/
.greetingWrap{ display: flex; width: 100%; margin-bottom: 150px;}
.greetingWrap section{ width: 50%; float: left; overflow: hidden; text-align: center; position: relative;}
.gLeftBox img{ width: 100%;}
.gRightBox .gtop img{ width: 100%; display: block;}
.gbottom{ width: 100%; padding: 2%;max-width: 500px;}
.gbottom h2{ text-align: left; font-size: calc(16px + 0.25vw); padding-bottom: 0.5em;}
.gbottom h1{ text-align: left; font-size: calc(26px + 0.25vw); padding-bottom: 0.5em; font-weight: 400;}
.gbottom h4{ text-align: left; font-size: calc(14px + 0.1vh); line-height: 20px; }

.ai{ display:block; padding:15px; background-color: #fff; box-shadow: 4px 4px 0 rgba(0,0,0,0.25);text-align:center; border:1px solid #ddd; margin: 30px auto 100px; width: 250px; font-size: 15px;}
.ai img{ vertical-align: middle;}

/*club*/
.clubBox{width: 100%; text-align: center; padding-top: 100px;}
.clubBox h2{ font-size: 20px; padding-bottom: 5px}
.clubBox h1{ font-size: 36px; color: #333333;}
.clubBox p{ line-height: 18px; font-size: 13px; color: #666; padding:40px 0;}
.ciBox{ text-align: center;}

.facilTit{width: 100%; text-align: center; padding: 30px 0 100px;}
.facilLimg{ clear: both; width: 100%; overflow: hidden; position: relative; margin-bottom: 110px;}
.facilLimg p.photo{ float: left; width:550px;}
.facilLimg p.photo img{width:550px;}
.facilLimg ul{ float:left; width: 650px; padding-left: 55px;}
.facilLimg ul h1{ font-size: 25px; text-align: left; font-weight: 400; }
.facilLimg ul h1 span{ font-size: 18px; color:#6d6d6d; }
.facilLimg ul hr{ display: block; border:0; border-bottom:1px solid #444; width: 160px; position: absolute; top:60px; left: 490px;}
.facilLimg ul li{ font-size: 16px; text-align: left; line-height:30px; padding:50px 0 40px;}
.facilLimg ul p{ text-align: center; margin-left: -150px;}

.facilRimg{ clear: both; width: 100%; overflow: hidden; position: relative; margin-bottom: 110px;}
.facilRimg p.photo{ float: left; width:550px;}
.facilRimg p.photo img{width:550px;}
.facilRimg ul{ float:left; width: 650px; padding-right: 55px;}
.facilRimg ul h1{ font-size: 25px; text-align: right; font-weight: 400; }
.facilRimg ul h1 span{ font-size: 18px; color:#6d6d6d; }
.facilRimg ul hr{ display: block; border:0; border-bottom:1px solid #444; width: 160px; position: absolute; top:60px; left: 540px;}
.facilRimg ul li{ font-size: 16px; text-align: right; line-height:30px; padding:50px 0 40px;}
.facilRimg ul p{ text-align: center; margin-left: 50px;}

.restaurantA{ width: 100%; margin-bottom: 400px;}
.restaurantTit{ width: 100%; text-align: center; padding: 30px 0 30px;}
.restaurantTit img{ width: 1200px;}

.restaurantimg{ position: relative; clear: both; width: 100%;} 
.restaurantimg .restaurantL{ float: left; width: 550px;}
.restaurantimg .restaurantL h1{ font-size: 28px; text-align: left; font-weight: 400; margin-bottom: 130px;}
.restaurantimg .restaurantL h1 span{ font-size: 18px; color: #6d6d6d;}
.restaurantimg .restaurantL p{ font-size: 16px;} 

.restaurantimg .restaurantR{ float: left; width: 650px; padding-left: 20px;}
.restaurantimg .restaurantR ul{ width: 650px;}
.restaurantimg .restaurantR ul li{ padding-top: 10px;} 
.restaurantimg .restaurantR ul li h4{font-size: 18px; font-weight: 400; text-align: left;}
.restaurantimg .restaurantR ul li h4 span{margin-left: 20px; font-size: 18px; font-weight: 100; text-align: right;}
.background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1000;
  z-index: -1;
  opacity: 0;
}
.show {
  opacity: 1;
  z-index: 1000;
  transition: all 0.5s;
  cursor: pointer;
}
.window {
  position: relative;
  width: 100%;
  height: 100%;
}
.popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  width: 492px;
  height: 1000px;
  transform: translate(-50%, -50%);
}
.show .popup {
  transform: translate(-50%, -50%);
  transition: all 0.5s; 
}
.Modal1,.Modal2 { display: none;}
.Modal1 img,.Modal2 img { height: 80%;}
.showModal { display: block;}

.mapBox{ width: 100%; padding: 15px 0 50px;}
.mapBox h2{ font-size: 26px; color: #333; padding-bottom: 15px;}
.mapBox p{ line-height: 30px;}

/*join_board*/
.joinChoice{ width:100%; text-align: center; padding:50px 0 100px}
.joinChoice li{ padding: 40px 0; font-size: 0;}
.joinChoice li a{ display: inline-block; padding:8px; border:1px solid #ddd; margin: 0 8px;}
.joinChoice li a.on{  background-color: #ffc832; box-shadow: 3px 3px 0 rgba(96,95,95,0.1)}
.joinChoice p{ color: #646464; text-align: center; line-height: 24px;}
.joinChoice p span{ color: #1f1f1f; font-weight: 400;}

.joinTable{ width: 100%; border-top: 1px solid #3e3e3e;}
.joinTable th{ padding: 10px 0; background-color: #f6f6f6; border:1px solid #c3c3c3; border-right: 0; border-top: 0; font-weight: 400;}
.joinTable th:first-child{ border-left: 0;}
.joinTable td{padding: 10px 5px; border:1px solid #c3c3c3; border-right: 0; text-align: center;}
.joinTable td.lineTop{ border-top: 1px solid #3e3e3e;}
.joinTable td:first-child{ border-left: 0;}
.joinTable td.title { text-align: center; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; padding: 5px; cursor: pointer;}
.joinTable td.viewTitle { text-align: left; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; padding: 5px 20px;}
.joinTable tr.bg_reply td{ background-color: #f6f6f6;position: relative; background-clip: padding-box;}
.joinTable tr.bg_reply .reply{ text-align: left; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; padding-left: 90px; cursor: pointer;}
.joinTable tr.bg_reply .reply::before{ content: ''; background: url(../images/reply.png) center center no-repeat; width: 29px; height: 24px; display: inline-block; position: absolute; top:7px; left: 50px;}
.joinTable tr.bg_reply .reply b{ font-weight: 400;}
.joinTable .new{ display: inline-block; border-radius: 30px; background-color: #f06019; color: #fff; text-align: center; padding: 2px 5px; font-size:10px; vertical-align: middle; margin: 0 6px;}
.joinTable .border0{ border-left:0;}
.joinTable .joinCon{ text-align: left; padding: 40px; line-height: 28px;}

.joinWBtn{ display: inline-block; padding: 6px 20px; text-align: center; color: #fff; background-color: #5391ce; font-size: 14px;}
.joinWBtn img{ vertical-align: middle;}

.btn_joinOk{ display: inline-block; padding:0 25px; line-height: 40px; background-color: #5391ce; color: #fff; text-align: center; margin: 0 5px; vertical-align: top;}

.boardBtnBox{ width: 100%; padding:15px 0 30px; text-align: right;}
.boardBtnBox a{ display: inline-block; width: 110px; padding: 6px 0; text-align: center; border:1px solid #adadad; background-color: #fff;}
.boardBtnBox a.comple{ background-color: #5391ce; color: #fff;}

.joinList2{ width: 100%; margin-top: 100px;}
.joinList2 dl{  border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; font-size: 0;}
.joinList2 dl:last-child{  border-top:0;}
.joinList2 dt{ display: inline-block; font-size: 16px; font-weight: 400; width: 150px; text-align: center; padding: 5px;}
.joinList2 dt span{ color: #929292; padding: 0 5px;}
.joinList2 dd{ display: inline-block; font-size: 16px; width: ; text-align: left; padding: 5px 10px;}

.joinTable2{ width: 100%; border-top: 1px solid #3e3e3e;}
.joinTable2 th{ padding: 10px 0; background-color: #f6f6f6; border:1px solid #c3c3c3; border-right: 0; border-top: 0; font-weight: 400; vertical-align: middle;}
.joinTable2 th:first-child{ border-left: 0;}
.joinTable2 td{padding: 10px 20px; border:1px solid #c3c3c3; border-right: 0; text-align: left;}
.joinTable2 td.lineTop{ border-top: 1px solid #3e3e3e;}
.joinTable2 td:first-child{ border-left: 0;}
.joinTable2 td label{ padding:0 10px 0 0;}
.joinTable2 td input[type="text"], .joinTable2 td select { height: 30px;}
.joinTable2 td input[type="radio"] { width: 13px; height: 13px; vertical-align: middle;}
.joinTable2 td textarea{ height: 200px; overflow-y: scroll; resize: none; border:1px solid #c9c9c9; width: 100%; padding:10px; border-radius: 3px;}
.joinTable2 td .gray{ color: #6d6d6d; padding-left: 10px;}
.joinDate{ height: 30px; border:1px solid #c9c9c9; line-height: 30px; text-indent: 10px; position: relative; width: 180px; float: left; border-radius: 3px;}
.joinDate .choiceCalendar{ float: right; padding:0 5px; display: inline-block; cursor: pointer;}

.joinTable2 .openCalendar { top:28px;}
.joinTable2 .openCalendar th{ text-align: center; padding:5px 0;  border:1px solid #c3c3c3;}
.joinTable2 .openCalendar td{ padding:0; text-indent: 0; text-align: center; border:1px solid #c3c3c3;}

.joinCalendar{ width: 100%; margin: 0 auto; height: 500px; border:1px solid #c3c3c3;}
.joinCalendar thead th{ height:60px; vertical-align: middle; font-size: 16px; color: #434343;font-family:'Nanum GothicB'; }
.joinCalendar thead th:first-child{ color: #d12525;}
.joinCalendar thead th:last-child{ color: #276cc2;}
.joinCalendar td{font-size: 18px; font-weight: 400; border:1px solid #c3c3c3; text-align: left; color: #5b5b5b; vertical-align: top; padding: 5px 10px; position: relative;}
.joinCalendar tr td:first-child{ color: #d12525;}
.joinCalendar tr td:last-child{ color: #276cc2;}
.joinCalendar td.no{ background-color: #e7e7e7; color:#a5a5a5; cursor: default; text-indent: -99999999999999999999px; background-clip: padding-box;}
.joinCalendar td.today{ background-color:#d44730 !important; color: #fff !important; cursor: pointer;}
.joinCalendar tr td:first-child.no{ background-color: #e7e7e7; color:#a5a5a5;}
.joinCalendar tr td:last-child.no{ background-color: #e7e7e7; color:#a5a5a5;}
.joinCalendar td span{ position: absolute; width: 100%; bottom:5px; text-align: center; display: block; font-size: 13px; left: 0; line-height: 16px;}
.joinCalendar td span a:hover{ text-decoration: underline;}

/*package*/
.packageBox{ border-radius: 20px; background-color: #f8f8f8; padding: 20px 30px; width: 100%; text-align: center; font-size: 18px; border:1px solid #e2e2e2; font-weight: 400; margin-bottom: 50px; }
.packageBox select{ font-size: 18px; font-weight: 400; width: 235px;}
.packageBox select.short{ width: 150px;}


/*layer팝업*/
.f_contents1{ position: fixed;width: 560px;height:540px;z-index:1010; border:8px solid #7a97aa; padding:20px; background-color: #fff; font-size: 16px;}
.f_contents1 hr{  border: 0; display: block; border-bottom:1px dashed #ddd; margin: 30px 0;}
.f_contents1 h2{ font-size: 30px; padding-bottom: 15px; font-weight: 400;}
.f_contents1 p{ line-height: 30px;}
.popX{  position: absolute; right: 10px; top:10px;}

.reserBlackBox1{ border-radius: 20px; background-color:#3e3e3e; overflow: hidden; padding:20px; width: 100%;}
.reserBlackBox1 dl{ margin:12px 0; overflow: hidden;}
.reserBlackBox1 dt{ width: 25%; color: #fff; float: left; font-size: 16px;}
.reserBlackBox1 dd::before{content:':'; color: #fff; text-align: right; padding-right: 10px;}
.reserBlackBox1 dd{ width: 75%; color: #fff; float: left; font-size: 16px; font-weight: 400;}
.reserBlackBox1 dd select, .reserBlackBox1 dd input{ height: 30px;}
.reserBlackBox1 dd.redText{ color: #f16f6f;}

.companionList{ width: 100%;}
.companionList h3{ font-size: 18px; font-weight: 400; color: #3e3e3e; padding-bottom: 10px;}
.companionTable{ width: 100%; border-bottom:1px solid #c1c1c1;}
.companionTable th{ border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; background-color: #f6f6f6; padding:8px 0;}
.companionTable td{ text-align: center; padding:5px 0;}
.companionTable tr:first-child td{ padding:10px 0 5px 0;}
.companionTable tr:last-child td{ padding:5px 0 10px 0;}
.companionTable td input{ width: 90%;}
.companionTable td .btn_memberOk{ width: 96%; background-color: #939393; color: #fff; line-height: 40px; display: inline-block; vertical-align: middle;}

.overlay{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8); z-index: 1004;}	

.f_contents2{ position: fixed;width: 560px;height:540px;z-index:1010; border:8px solid #7a97aa; padding:20px; background-color: #fff; font-size: 16px;}
.f_contents2 hr{  border: 0; display: block; border-bottom:1px dashed #ddd; margin: 30px 0;}
.f_contents2 h2{ font-size: 30px; padding-bottom: 15px; font-weight: 400;}
.f_contents2 p{ line-height: 30px;}

.reserBlackBox2{ border-radius: 20px; background-color:#3e3e3e; overflow: hidden; padding:20px; width: 100%;}
.reserBlackBox2 dl{ margin:12px 0; overflow: hidden;}
.reserBlackBox2 dt{ width: 35%; color: #fff; float: left; font-size: 16px;}
.reserBlackBox2 dd::before{content:':'; color: #fff; text-align: right; padding-right: 10px;}
.reserBlackBox2 dd{ width: 65%; color: #fff; float: left; font-size: 16px; font-weight: 400;}
.reserBlackBox2 dd select, .reserBlackBox1 dd input{ height: 30px;}
.reserBlackBox2 dd.redText{ color: #f16f6f;}

/* 예약타임 마우스 오버시 */
.remark {border-bottom: 1px dashed; text-decoration: none;}
.remark:hover {position: relative;}
.remark span {display: none;}
.remark:hover span {border: #c0c0c0 1px dotted;padding: 5px 20px 5px 5px;display: block;z-index: 100;left: 0px;margin: 20px;width: 250px;position: absolute;top: -40px;text-decoration: none;background: #f0f0f0 no-repeat 100% 5%;}


/*reserPop*/
.reserLayer{ width: 400px; position:fixed; background-color: #fff; z-index: 100000;}
.reserLayer_top{ width: 100%; background: url(../images/bg_poptop.jpg) center top no-repeat; background-size: cover; padding:95px 0 15px 30px;}
.reserLayer_top h2{ font-size: 26px; color: #3a6073; line-height: 37px; font-weight: 500;}

.reserLayer_middle{ width: 90%; margin: auto; border-radius: 10px; background-color:#52769c; color: #fff; padding: 0.5em;}
.reserLayer_middle h2{ font-size: 18px;font-weight: 500;}
.reserLayer_middle .textareaBox{ background-color: #fff; border:1px solid #ddd; overflow-y: auto; margin: 4px 0; white-space: pre-line; line-height: 1.5em; height: 100px; color: #333; font-size: 0.7em}

.textareaBox h1{ font-size: 14px; font-weight: 400; padding-top: 5px;}
.textareaBox h1:first-child{ padding-top:0;}
.textareaBox h2{ font-size: 12px; font-weight: 400; padding-top:5px;}
.textareaBox h2:first-child{padding-top:0;}
.textareaBox a{ padding:5px; display: inline-block; padding: 3px; font-size: 1.125em; }
.textareaBox a:hover{ text-decoration: underline;}
.textareaBox a i{ color:#ec4f2d;}

.ynBox{ width: 100%; text-align: right; font-size: 16px; color: #fff;}
.ynBox label input{ vertical-align: middle; width: 16px; height: 16px;}

.reserLayer_middle .hr{ display: block; margin: 10px 0; height: 1px; border-bottom: 1px dashed #dcdcdc; }

.reserLayer_bottom{ width: 100%; background: url(../images/bg_popbottom.jpg) center top no-repeat; background-size: cover; padding:15px 0 35px;}
.reserLayer_bottom h2{ font-size: 18px; text-align: center; line-height: 22px; color: #c31f1f;}

/*.joinBox h4{ text-align: right; font-size: 16px; padding-top:5px;}
.joinBox h4 input{ vertical-align: middle;}
.joinBox hr{ border:0; border-bottom: 1px dashed #c3c3c3; display: block; width: 100%; margin:20px 0; }

.allAgree{ text-align: center; font-size: 16px; margin-bottom: 30px;}*/


/*220503*/
.partner{display:inline-block; font-size:14px; border-radius:20px; border:0; padding: 10px 25px; color: #fff;}
.radioBtnWrap .radio {
	margin:0;
	display:inline-block;
	width: 71px;
}
.radioBtnWrap .radio label {
  background: #d7d7d7;
  padding: 0.5rem 1.25rem;
  border-radius: 10px;
  cursor: pointer;
  color: #fff;
}
.radioBtnWrap .radio input[type=radio] {
  display: none;
}
.radioBtnWrap .radio input[type=radio]:checked + label {
  background: #4d687e;
  color: #fff;
}
.radioBtnWrap .radio input[type=radio].women:checked + label {
  background: #d14e4e;
  color: #fff;
}

/*220707*/
.padding40{ padding:40px 0;}
.padding70{ padding:70px 0;}
.w188{ width: 188px;}

.companion-title{ text-align: center; font-size: 30px;}
/*.companion-box{ margin: 105px 0;}*/
.companion-box .title{ font-size: 20px; color: #000;}

.companion-table{ width: 100%; border:1px solid #cfcfcf; border-radius: 5px; overflow: hidden;}
.companion-table-th{ width: 100%; background-color:#535353; padding: 18px 0;}
.companion-table-th ul{ width: 94%; margin: auto; overflow: hidden;}
.companion-table-th ul li{ color: #fff; font-size: 18px; text-align: center; float: left;  width: 20%;}
.companion-table-td{ width: 94%; margin: auto;}
.companion-table-td ul{ width: 100%; display: table;}
.companion-table-td ul li{ font-size: 18px; text-align: center; display: table-cell; width: 20%; height: 68px; position: relative; border-bottom:1px dashed #bbb; vertical-align: middle;}
.companion-table-td ul li::after{ content: ''; width:1px; height: 13px; background-color: #c8c8c8; position: absolute; top:30px; right:0;}
.companion-table-td ul li:last-child::after{ display: none;}
.companion-table-td ul:last-child li{ border-bottom: 0;}

.companion-table02{ width: 100%; border:1px solid #cfcfcf; border-radius: 5px;}
.companion-table02-th{ width: 100%; background-color:#f8f8f8;  padding: 18px 0; border-bottom: 1px solid #cfcfcf; border-radius: 5px 5px 0 0;}
.companion-table02-th ul{ width: 94%; margin: auto; overflow: hidden;}
.companion-table02-th ul li{ color: #5b5b5b; font-size: 18px; text-align: center; float: left;  width: 33.333%;}
.companion-table02-td{ width: 94%; margin: auto;}
.companion-table02-td ul{ width: 100%; display: table;}
.companion-table02-td ul li{ font-size: 18px; text-align: center; display: table-cell; width: 33.333%; height: 68px; position: relative; border-bottom:1px dashed #bbb; vertical-align: middle;}
.companion-table02-td input[type=text]{ height: 40px; background-color: #fff;border:1px solid #bbb; text-indent: 10px; border-radius: 0;font-size: inherit; font-weight: inherit;}

.color-day{ color: #ea5815;}
.btn-companion-selet{ border-radius: 5px; width: 80px; text-align: center; line-height: 34px; color: #fff; background-color: #bbb; display: inline-block; font-size: 15px;}
.btn-companion-selet.on{ background-color: #ea5815;}
.btn-sex{ border-radius: 5px; width: 42px; height: 43px; text-align: center;color: #fff; background-color: #bbb; display: inline-block; font-size: 15px; margin: 0 6px;  padding: 12px 13px;}
.btn-sex.man{ background-color: #3e99d5;}
.btn-sex.women{ background-color: #fe6f8c;}

.phone-box{ border:1px solid #bbb; text-align: center; margin: auto; height: 42px; width: 288px; display: flex;}
.phone-box input[type=text]{ float: left; border:none; font-size: inherit; font-weight: inherit;}

.input-phone-field {
	width: 100px;
	background-color: #fff;
	position: relative;
	cursor: pointer;
	border-right: 1px solid #bbb;
	height: 40px;
	float: left;
}
.input-phone-field::after{
	font-family: 'FontAwesome';
	content: "\f0dd";
	position: absolute;
	right:15px;
	top:5px;		
}
.input-phone-field span {
	display: inline-block;
	padding: 6px 30px 8px 10px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.input-phone-field .select-options {
	display: none;
	position: absolute;
	background-color: #fff;
	border: solid 1px #bbb;
	width: 99px;
	top: 100%;
	left: -1px;
	margin: 0;
	padding: 6px 0;
	box-sizing: border-box;
	z-index: 10;
}
.input-phone-field .select-options dd {
	padding: 6px 0;
	transition: all .4s;
	cursor: pointer;
	color: #333;
	width: 100%;
	display: block;		
}
.btn-add-box{
	width: 100px;
	padding: 70px 0;
	margin: auto;
	position: relative;
}
.btn-add-list{
	color: #bababa;
	text-align: center;
	display: inline-block;
	font-size: 18px;
}
.btn-add-bg{
	width: 49px;
	height: 49px;
	background-color: #e9e9e9;
	border-radius: 50%;
	margin:0 auto 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn-delete-x{
	display: inline-block;
	position: absolute;
	top:25px;
	right:20px;
}

.cross {
	background: #fff;
	height: 30px;
	position: relative;
	width: 4px;
	display: block;
	margin: auto;
}
.cross::after {
	background: #fff;
	content: '';
	height: 4px;
	left: -13px;
	position: absolute;
	top: 12px;
	width: 30px;
}

.btn-companion-save{
	width: 120px;
	height: 43px;
	padding: 9px 0 10px;
	margin-top:17px;
	border-radius: 10px;
	float: right;
	background-color: #4e4e4e;
	color: #fff;
	display: inline-block;
	text-align: center;
}
.clear{ clear: both; height: 0; overflow: hidden;}

/*ReservationPop*/
.selfRd{font-size: 14px !important;}