@charset "utf-8";

/*-------- contents all --------*/
.container{width:1000px;margin:60px 60px 150px 60px;}
.red{color:#dc0707 !important}
.blue{color:#0808ca !important}
.font12{ font-size: 12px;}
.font13{ font-size: 13px;}
.font20{ font-size: 20px;}
.right{ text-align: right;}
.f_right{ float: right;}
.padding30{ padding:30px 0;}
.padding15{ padding:15px 0;}
.strong{font-family:'Nanum GothicB'; }
b{ font-family:'Nanum GothicB'; }
.center{ text-align: center;}
.inline{ display: inline-block;}
.bold{font-weight:700;}
.w100{ width: 100px;}

select {
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
	 border: none;
	box-shadow: none;
 	background: url("../images/inputTextBg.jpg") no-repeat center right;
    background-size:425px 54px;
}
select::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */

.padding20{ padding:20px 0;}
.roundBorder{ border:1px solid #dedede; padding: 30px; border-radius: 20px;}
.commonText{margin-top:20px;color:#80807f;font-size:14px;line-height:25px;letter-spacing:-0.5px; word-break: keep-all;}

/*login*/
.commonTitle{ font-size: 25px; color: #2c2c2c; font-family:'Nanum GothicB'; padding-bottom: 15px;}
.commonTitle::before{ content: '-'; font-size: 25px; font-weight: bold; color: #5f4d23; }
.loginBox{width:980px;border-radius: 10px; background-color: #f8f8f8; overflow: hidden;}
.loginBox .loginTab{ width:910px;margin: 0 auto 20px;;padding:40px 0 10px 0;}
.loginBox .loginTab > a{display:inline-block;border-radius:10px;text-align:center;line-height:60px;width: 442px;color: #fff; box-shadow: 3px 5px 0 0 rgba(227,227,227,1);}
.loginBox a.loginTab1{background-color:#5f4d23;margin-right:20px;}
.loginBox a.loginTab1::before{ content: ''; background: url(../images/icon_login.png) no-repeat center center; padding: 7px 30px 7px 10px;}
.loginBox a.loginTab2{background-color:#949494;}
.loginBox a.loginTab2::before{ content: ''; background: url(../images/icon_user1.png) no-repeat center center; padding: 7px 30px 7px 10px;}

.loginFormBox{width:910px; margin: 0 auto 50px; border:1px solid #ececec; background-color: #fff; border-radius: 10px; overflow: hidden;}
.loginFormBox .loginForm{width:430px;margin: 0 auto; padding:40px 0;}
.loginFormBox .loginForm .loginList{ padding:15px 0; width: 430px;overflow:hidden;}
.loginFormBox .loginForm .loginList ul{ float:left; width:300px; margin: 0; height: 107px; }
.loginFormBox .loginForm .loginList ul li:first-child{ margin-bottom: 10px; }
.loginFormBox .loginForm .loginList p{ float:left; width: 120px; margin: 0; height: 107px; margin-left: 10px;}

.loginList input{ width:297px; height:49px; border:1px solid #e1e1e1; text-indent: 10px;}
.loginList input::placeholder { color: #ddd; text-indent: 10px;}
.loginList input::-ms-placeholder { color: #ddd; text-indent: 10px;}
.loginList input::-webkit-placeholder { color: #ddd; text-indent: 10px;}
.loginList input::-o-placeholder { color: #ddd; text-indent: 10px;}

.btn_login{ display: block; width: 120px; height: 107px; line-height: 107px; color: #fff; background-color:#5f4d23; text-align: center;}

.loginForm h4{ clear: both; padding:10px 0; display: block;}
.loginForm h4 input{ vertical-align: middle;}
.loginBtnBox a{ display: inline-block;width:208px;text-align: center; line-height:50px; border:1px solid #bfbfbf; color: #727272;}
.loginBtnBox a:first-child{ margin-right: 10px;}

/*idpw*/
.idpwForm{ width:840px; margin: 0 auto; padding: 20px 0; overflow: hidden;}
.idpwList{ padding:15px 0; width: 394px; float: left; margin-right: 50px;}
.idpwList:last-child{margin-right: 0;}
.idpwList h3{ padding:20px 0 10px 0; font-size: 18px; font-weight: bold; color: #444;}
.idpwList h3 img{ vertical-align: middle;}
.idpwList ul{ float:left; width:300px; margin: 0; height: 77px; }
.idpwList ul li:first-child{ margin-bottom: 10px; }
.idpwList p{ float:left; width: 84px; margin: 0; height: 77px; margin-left: 10px;}

.idpwList input{ width:297px; height:34px; border:1px solid #e1e1e1; text-indent: 10px;}
.idpwList input::placeholder { color: #ddd; text-indent: 10px;}
.idpwList input::-ms-placeholder { color: #ddd; text-indent: 10px;}
.idpwList input::-webkit-placeholder { color: #ddd; text-indent: 10px;}
.idpwList input::-o-placeholder { color: #ddd; text-indent: 10px;}
.idpwText{clear: both; text-align: center; width:100%; padding:50px 0 30px 0;}

.btn_ok{ display: block; width: 84px; height: 77px; line-height: 77px; color: #fff; background-color:#5f4d23; text-align: center;}

/*join*/

.joinBG{border-radius: 10px;overflow: hidden;width:1000px;}
.joinBox1{margin:0 auto; padding: 30px 0;overflow: hidden;}
.joinBox1 .theboxWrap{float: left;width:490px; height: 210px; overflow-y: scroll; background-color: #fff; border: 1px solid #ddd; margin-right: 20px;}
.joinBox1 .theboxWrap:nth-child(2){ margin-right: 0px;}
.joinBox1 .theboxWrap:nth-child(3){ margin-top:20px;}
.joinBox1 .theboxWrap h2{ padding:20px 0 0 20px; font-weight: bold;}
.joinBox1 .theboxWrap .pre{ line-height: 25px; padding: 10px;}
.pre1{ line-height: 25px; padding: 10px;}
.joinText{ clear:both; font-size:13px; padding:10px 0 20px;}

.agreeBox{ color: #444; padding:0 0 40px 0; font-weight: bold;}
.agreeBox label{ line-height: 16px;}
.agreeBox label input[type=radio] { border: 0px; width: 16px; height: 16px; vertical-align: middle;}

.joinBox2{ width:530px; margin: 20px 0; overflow: hidden;}
.joinBox2 .title{ float: left; width:84px; margin-right: 14px; font-size: 16px;font-family:'Nanum GothicB'; padding-top:26px;}
.joinBox2 .title1{ float: left; width:84px; margin-right: 14px; font-size: 16px;font-family:'Nanum GothicB'; padding-top:18px;}
.joinBox2 .title::before{  content: '*'; padding-right: 8px; color: red; font-weight: bold;}
.joinBox2 .title1::before{  content: '*'; padding-right: 8px; color: red; font-weight: bold;}
.joinBox2 .content{ float: left; width:431px; margin-bottom: 14px; padding:8px 0;}
.joinBox2 .content span{ margin-top:5px; display: block;}
.joinBox2 .content span.text{  padding-top:12px;}
.joinBox2 .content .Tnomal{ width: 429px; height: 54px; background-color: #fff; border:1px solid #ddd; text-indent: 10px; font-size: 16px;}
.joinBox2 .content .Tnomal1{ width: 429px; height: 54px; background-color: #fff; border:1px solid #ddd; text-indent: 10px; font-size: 16px;margin-top:14px;}
.joinBox2 .content .Tnomal1::placeholder{ text-align: center; color: #ddd;}
.joinBox2 .content .Tnomal1.block{ background-color: #f2f2f2;}
.joinBox2 .content .Tsmall{ width: 299px; height: 54px; background-color: #fff; border:1px solid #ddd; text-indent: 10px; font-size: 16px;}
.joinBox2 .content .Tsmall.block{ background-color: #f2f2f2;}
.joinBox2 .content .Tsmall1{ width: 230px; height: 54px; background-color: #fff; border:1px solid #ddd; text-indent: 10px; font-size: 16px; margin-top: 14px;}
.joinBox2 .content .Tsmall3{ width: 299px; height: 54px; background-color: #fff; border:1px solid #ddd; text-indent: 10px; font-size: 16px;}
.joinBox2 .content .Tsmall2{ width: 32.6%; height: 54px; background-color: #fff; border:1px solid #ddd; text-indent: 10px; font-size: 16px;}
.joinBox2 .content .Snomal{ width: 124px; height: 54px; border:1px solid #ddd; text-align: center; font-size: 16px; text-indent: 10px;}

.joinBox3{margin:0 auto; padding: 0 0 30px;overflow: hidden;}
.joinBox3 .theboxWrap{float: left;width:100%; height: 210px; overflow-y: scroll; background-color: #fff; border: 1px solid #ddd; margin-bottom: 20px;}
.joinBox3 .theboxWrap:last-child{margin-bottom: 0px;}
.joinBox3 .theboxWrap h2{ padding:20px 0 0 20px; font-weight: bold;}
.joinBox3 .theboxWrap .pre{ line-height: 25px; padding: 10px;}

.ynBox{ float: left; width: 50%;}
.joinText2{ clear:both; font-size:13px; padding:10px 0;}

.btn_numOk{ float: right; width: 118px; height: 54px; color: #fff; background-color:#5f4d23; text-align: center; border-radius: 10px; padding:5px 0; margin-top:14px; font-size: 16px; line-height: 22px;font-family:'Nanum GothicB'; display: inline-block;}
.btn_numOk1{ float: right; width: 90px; height: 54px; color: #fff; background-color:#5f4d23; text-align: center; border-radius: 10px; padding:5px 0; margin-top:14px; font-size: 16px; line-height: 22px;font-family:'Nanum GothicB'; display: inline-block;}
.btn_add{ float: right; width: 118px; height: 54px; color: #fff; background-color:#717171; text-align: center; border-radius: 10px; padding:15px 0; font-size: 16px; line-height: 22px;font-family:'Nanum GothicB'; display: inline-block;}
.btn_add1{ float: right; width: 90px; height: 54px; color: #fff; background-color:#717171; text-align: center; border-radius: 10px; padding:15px 0; font-size: 16px; line-height: 22px;font-family:'Nanum GothicB'; display: inline-block; margin:14px 0 0 8px;}

.joinBox2 .content label{ line-height: 54px; color: #444; font-size: 15px; font-family:'Nanum GothicB';}
.joinBox2 .content label input[type=radio] { border: 0px; width: 16px; height: 16px; vertical-align: middle;}{ float: left; width:431px; margin-bottom: 14px; line-height: 54px;}

hr.dottedLine{ width: 100%; height: 1px; border: 0; border-bottom: 1px dashed #ddd; display:block;}

.btnJoinBox{ margin: 40px auto; width:340px;}
.btnJoinBox.big{ width: 100%; text-align: center;}
.btnAgree{ background-color: #fff; border:2px solid #565656; border-radius: 10px; color: #565656; font-family:'Nanum GothicB'; width: 182px; height: 49px; line-height: 49px; display: inline-block; text-align: center; font-size: 16px; margin-right: 10px;
	box-shadow: 3px 3px 0 0 rgba(219,219,219,1);
	-webkit-box-shadow: 3px 3px 0 0 rgba(219,219,219,1);
	-ms-box-shadow: 3px 3px 0 0 rgba(219,219,219,1); }
.btnAgree.on{ border-color: #fff; background-color: #0e593a; color: #fff;}
.btnJoin{ background-color: #8a784f; border:2px solid #fff; border-radius: 10px; color: #fff; font-family:'Nanum GothicB'; width: 162px; height: 49px; line-height: 49px; display: inline-block; text-align: center; font-size: 16px;
	box-shadow: 3px 3px 0 0 rgba(219,219,219,1);
	-webkit-box-shadow: 3px 3px 0 0 rgba(219,219,219,1);
	-ms-box-shadow: 3px 3px 0 0 rgba(219,219,219,1); }
.btnJoin img{ vertical-align: text-bottom;}
.btnCancel{ background-color: #717171; border-radius: 10px; color: #fff; font-family:'Nanum GothicB'; width: 162px; height: 49px; line-height: 53px; display: inline-block; text-align: center; font-size: 16px; margin-left: 10px;}
.btnChange{ background-color: #717171; border-radius: 10px; color: #fff; font-family:'Nanum GothicB'; width: 80px; height: 40px; line-height: 40px; display: inline-block; text-align: center; font-size: 16px; margin-left: 10px; text-indent: 0px;}

.cancelBtn{background:#717171;border-radius:10px;color:#fff;text-align:center;font-size:13px;padding:7px 0;width:100px;margin:0 auto;}
.cancelBtn.bg_gold{background: #8a784f;}

.agreeBtn{background:#FFFFFF;border-radius:10px;border:2px solid #565656;color:#565656;text-align:center;font-size:13px;padding:7px 0;width:100px;margin:0 auto;}
.agreeBtn.bg_green{background: #0e593a; color: #fff;}

/* commonTab */
.commonTab2{width:100%;overflow:hidden;padding:30px 0 50px 0;}
.commonTab2 a{width:49.2%;float:left;font-size:16px;border:1px solid #e8e8e8;font-family:'Nanum GothicB'; text-align: center;padding:17px 0;color: #6d6d6d;border-radius:10px;margin-right:1%;box-shadow:3px 3px 1px #e1e1e1;}
.commonTab2 a.on{background:#8a784f;color:#fff;border:1px solid #8a784f;}
.commonTab2 a:last-child{margin-right:0;}

.commonTab3{width:100%;overflow:hidden;padding:30px 0 50px 0;}
.commonTab3 a{width:32%;float: left;font-size:16px;border:1px solid #e8e8e8;font-family:'Nanum GothicB';text-align:center;padding:17px 0;color:#6d6d6d;border-radius:10px;margin-right:1%;box-shadow:3px 3px 1px #e1e1e1;}
.commonTab3 a.on{ background:#8a784f;color:#fff;border:1px solid #8a784f;}
.commonTab3 a:last-child{margin-right:0;}

.commonTab4{width:100%;overflow:hidden;padding:30px 0 50px 0;}
.commonTab4 a{width:24%;float:left;font-size: 16px;border:1px solid #e8e8e8; font-family:'Nanum padding';text-align:center;padding:17px 0;color:#6d6d6d;border-radius:10px;margin-right:1%;box-shadow:3px 3px 1px #e1e1e1;}
.commonTab4 a.on{background:#8a784f;color:#fff;border:1px solid #8a784f;}
.commonTab4 a:last-child{margin-right:0;}

.commonTab5{width:100%;overflow:hidden;padding:30px 0 50px 0;}
.commonTab5 a{width:19%;float:left;font-size:16px;border:1px solid #e8e8e8;font-family:'Nanum GothicB';text-align:center;padding:17px 0;color:#6d6d6d;border-radius:10px;margin-right:1%;box-shadow:3px 3px 1px #e1e1e1;}
.commonTab5 a.on{background-color:#8a784f;color:#fff;border:1px solid #8a784f;}
.commonTab5 a:last-child{margin-right:0;}

/*reservation*/
.monthWrap{ width: 100%; overflow: hidden;}
.monthWrap .reserMonthBox{ width: 495px;margin-right:10px; float: left; position: relative; border: 1px solid #e3e3e3; padding-bottom: 70px;}
.monthWrap .reserMonthBox:nth-child(2){margin-right:0;}
.monthWrap .reserMonthBox .reserMonthChoice{ width: 280px;position: relative; margin: 0 auto;}
.monthWrap .reserMonthBox .reserMonthChoice p.arwl{ width:30px; text-align: right; display: inline-block; padding-right: 5px;}
.monthWrap .reserMonthBox .reserMonthChoice p.arwl img{ vertical-align: text-bottom;}
.monthWrap .reserMonthBox .reserMonthChoice p.arwr{ width:30px; text-align: left; display: inline-block; padding-left: 5px;}
.monthWrap .reserMonthBox .reserMonthChoice p.arwr img{ vertical-align: text-bottom;}
.monthWrap .reserMonthBox .reserMonthChoice h3{ width: 210px; text-align: center; padding: 25px 0; color: #444; font-size: 36px; font-family:'Nanum GothicB'; display: inline-block;}
.monthWrap .monthWrap h4{ clear:both; font-size: 12px; line-height: 18px; padding-top:10px;}

.calendar{ width: 93%; margin: 0 auto; height: 400px;}
.calendar th{ height:43px; line-height: 43px; font-size: 20px; color: #444;font-family:'Nanum GothicEXB'; }
.calendar th:first-child{ color: #a80202;}
.calendar th:last-child{ color: #153ea5;}
.calendar td{ color: #b8b8b8; text-align: center; font-size: 18px; line-height: 40px;font-family:'Nanum GothicB';}
.calendar td.possible{ position: relative; color: #444; cursor: pointer;}
.calendar td.possible span{ position: absolute; background-color: #65b326; border-radius: 50%; top: 45px; left: 50%; width: 15px; height: 15px; margin-left: -7px; display: block;}
.calendar td.event{ position: relative; color: #444; cursor: pointer;}
.calendar td.event span{ position: absolute; background-color: #0054FF; border-radius: 50%; top: 45px; left: 50%; width: 15px; height: 15px; margin-left: -7px; display: block;}
/*.calendar td.possible2{ position: relative; color: #444; cursor: pointer;}
.calendar td.possible2 span{ position: absolute; background-color: #65b326; border-radius: 50%; top: 35px; left: 50%; width: 15px; height: 15px; margin-left: -7px; display: block;}*/
.calendar td.possible2{ position: relative; color: #444; cursor: pointer;background-color: #fff;}
.calendar td.possible2 span{ position: absolute; background-color: #65b326; border-radius: 50%; top: 12px; left: 50%; width: 15px; height: 15px; display: block; margin-left: 15px;}
.calendar td.possible2 p{ font-size: 14px;letter-spacing: -1px; display: block; color: #808080; margin-top: -15px;}
.calendar td:first-child.possible{ color: #a80202;}
.calendar td:last-child.possible{ color: #153ea5;}
.calendar td.impossible{position: relative; color: #444; cursor: pointer;}
.calendar td.impossible span{ position: absolute; background-color: #a80202; border-radius: 50%; top: 45px; left: 50%; width: 15px; height: 15px; margin-left: -7px; display: block;}
.calendar td:first-child.impossible{ color: #a80202;}
.calendar td:last-child.impossible{ color: #153ea5;}

.monthDotBox{ position: absolute; bottom: 30px; left: 50%; margin-left: -120px;}
.greenDot{background-color: #65b326; border-radius: 50%;width: 15px; height: 15px; display:inline-block; vertical-align: middle;}
.redDot{background-color: #a80202; border-radius: 50%;width: 15px; height: 15px; display: inline-block; vertical-align: middle;}
.blueDot{background-color: #0054FF; border-radius: 50%;width: 15px; height: 15px; display: inline-block; vertical-align: middle;}

.reserListWrap{ padding:60px 0 10px 0; width: 100%;}
.reserListTab{ width:515px;}
.reserListTab li{ width:164px; float: left; display: inline-block; line-height:46px; text-align: center; color:#45454f; background-color:#ebebeb; margin-right: 5px; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor: pointer;}
.reserListTab li.on{ background-color:#5f4d23; color: #fff; font-family:'Nanum GothicEXB'; }
.reserListTable{ clear: both; width: 100%; border-top:1px solid #444; border-bottom: 1px solid #444; text-align: center;color: #535252;}
.reserListTable tr{ border-bottom: 1px solid #ddd;}
.reserListTable th{ padding:10px 0;}
.reserListTable td{ padding:15px 0; font-family:'Nanum GothicB'; }
.reserListTable td.empty{color:#afafaf;}
.reserListTable td.lastTd{ padding:30px 0; border-bottom: 1px solid #444; color: #b2b2b2;}
.btn_reser{ padding:5px 15px; background-color:#e17831 ; border:1px solid #fff; box-shadow: 2px 2px 0 0 rgba(189, 189, 189, 1); color: #fff;font-family:'Nanum Gothic'; font-size: 12px;}
.monthDayBox{ border-radius: 10px; padding:10px 0; text-align: center; font-size: 14px; color: #fff; background-color: #444;margin: 50px 0 -40px 0;}
.monthDayBox span{ color: #b8ffaf;}

.reserListTable td.{}

#Tab2, #Tab3{ display: none;}

.btn_showMonth{ clear: both; text-align: center; float: right; background-color: #444; color: #fff; border-radius: 10px; padding:10px 20px; margin-bottom: 150px;}
.btn_showMonth img{ vertical-align: middle;}

/*reservation2*/
.grayBg{ border-radius: 10px; background-color: #f8f8f8; overflow: hidden; padding:20px 30px;}
.whiteTable{ width:100%; border-top:1px solid #444; border-bottom:1px solid #444; margin-bottom: 10px;}
.whiteTable tr:last-child th{ border: 0;}
.whiteTable tr:last-child td{ border: 0;}
.whiteTable th { background-color: #fff; color: #444; border-bottom:1px solid #ddd; line-height: 43px; vertical-align: middle; }
.whiteTable td { border-bottom:1px solid #ddd; line-height: 43px; text-indent: 20px; color: #444; vertical-align: middle;}
.whiteTable td input { height: 34px; border: 1px solid #e1e1e1; text-indent: 10px;}
.whiteTable td input.middle{width: 250px;}
.whiteTable td input.shot{width: 170px;}
.whiteTable td p.text{ font-size: 13px; line-height: 22px; text-indent: 0; padding:15px 0 15px 20px;}

.subTitle{ color: #444; padding:10px 0;font-family:'Nanum GothicB'; font-size: 16px;}

.select{width: 150px; height: 34px; border:1px solid #ddd; text-align: center; text-indent: 10px;}
.whiteTable td > .tdTable{width:95%;margin: 10px;border:1px solid #e4e2e2;}
.whiteTable td > .tdTable th{ background-color: #525151; color: #fff; border:1px solid #e4e2e2; text-indent: 0;}
.whiteTable td > .tdTable td{ background-color: #fff; color: #444;font-family:'Nanum GothicB'; text-align:center; border:1px solid #e4e2e2; text-indent: 0;}

/*reservationList*/
.blackTable{ width:100%; border-top:1px solid #444; border-bottom:1px solid #444; margin-bottom: 10px;}
.blackTable tr:last-child th{ border: 0;}
.blackTable tr:last-child td{ border: 0;}
.blackTable th { background-color: #4a4a4a; color: #fff; line-height: 43px; vertical-align: middle; }
.blackTable td { border-bottom:1px solid #ddd; line-height: 43px; text-align: center; color: #444; vertical-align: middle;}
.blackTable td.lastTd{ padding:30px 0; border-bottom: 1px solid #444; color: #b2b2b2;text-align:center;}

/*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: 20px 0; background-color: #fff;}
.pageNum .pageNumWrap a{ display: inline-block; color: #444; width:25px; line-height: 35px;}
.pageNum .pageNumWrap a.on{ font-family:'Nanum GothicB';}

.btnBox{ width: 162px; margin: 15px auto;}


/*board*/
.btnWrap{ clear: both; width: 100%; margin: 20px 0; text-align: center;}
.btn_write{  background-color: #5f4d23; border-radius: 10px; color: #fff; font-family:'Nanum GothicB'; width: 142px; height: 42px; line-height: 42px; display: inline-block; text-align: center; font-size: 16px;}
.btn_gray{  background-color: #6e6e6e; border-radius: 10px; color: #fff; font-family:'Nanum GothicB'; width: 142px; height: 42px; line-height: 42px; display: inline-block; text-align: center; font-size: 16px;}

.writeBox .list{padding:5px 0;}
.writeBox .list .red{padding-left:10px;}
.writeBox .list .title{display:inline-block;width:160px;padding:10px 0;}
.writeBox .list .titleIp{width:700px;height:35px;border:1px solid #e1e1e1;padding-left:5px;}
.writeBox .list .titleIp2{width:340px;height:35px;border:1px solid #e1e1e1;padding-left:5px;}
.writeBox .list .liTxt{font-size:12px;color:#3a3a3a;margin-left:5px;}

.writeBox .fileName {display:inline-block;width:300px;height:35px;padding-left:10px;margin-right:5px;line-height:35px;
border:1px solid #e1e1e1;background-color:#fff;vertical-align:middle;}

.writeBox .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;}
.writeBox .btn_file.file2 {background:#d8d8d8;width:150px;color:#606060;border:1px solid #a0a0a0;}
.writeBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.writeBox textarea{width:930px;height:300px;border: 1px solid #e1e1e1;margin-top:30px;}


/* joinList */
.grayTable td.date{color:#1544db;font-weight:600;}
.grayTable td.invite{color:#de3939;}
.grayTable td.request{color:#148fd5;}

.grayTable td.progress{color:#1fb90f;font-weight:600;}
.grayTable td.deadline{color:#a8a8a8;}

/* serching */
.serching{width:100%;margin:0 auto 20px;}
.serching > ul{text-align:right;}
.serching > ul li{display: inline-block;margin-left: 5px}
.serching select.select-arrow {padding-left:5px;height:35px;width:80px;border:1px solid #c8c8c8; vertical-align: middle;}
.serching .inputSerch{height:35px;border: 1px solid #c8c8c8; text-indent: 10px; width:200px;}
.serching .serchBtn{background-color: #5f4d23; height:35px;line-height:35px;text-align:center;width:70px; display: inline-block; color: #fff;}

/* gallery */
.galleryListBox{padding-top:15px;}
.galleryListBox .galleryBox{width:260px;height:290px;border:#e4e4e4 solid 1px;display:inline-block;margin:30px 10px;}
.galleryListBox .galleryBox .gallBoxCont{}
.galleryListBox .galleryBox .gallBoxCont a{display:block;overflow:hidden;font-size:0;}
.galleryListBox .galleryBox .gallBoxCont .galImg{width:100%;height:160px;}
.galleryListBox .galleryBox .gallBoxCont .galImg img{width:100%;height: 100%;}
.galleryListBox .galleryBox .gallBoxCont .gallery{height:130px;padding:15px;}
.galleryListBox .galleryBox .gallBoxCont .gallery .gallTitle {width:240px;height:37px;font:15px 'Nanum GothicB';color:#111111;padding:10px 0;text-overflow:ellipsis;}
.galleryListBox .galleryBox .gallBoxCont .gallery .gallDate{font-size:12px;color:#7f7f7f;}
.galleryListBox .galleryBox .gallBoxCont .gallery .gallBtn{background:#afafaf;text-align:center;width:90px;height:27px;line-height:27px;border-radius:10px;color:#fff;font-size:12px;margin-top:15px;display:block;}


.grayTable{ width:100%; border-top:1px solid #444; border-bottom:1px solid #444; margin-bottom: 10px;}
.grayTable tr:last-child th{ border: 0;}
.grayTable tr:last-child td{ border: 0;}
.grayTable th { background-color: #7c7c7c; color: #fff; line-height: 43px; vertical-align: middle; }
.grayTable td { border-bottom:1px solid #ddd; line-height: 43px; color: #444; vertical-align: middle; text-align: center;}
.grayTable td img {vertical-align: middle;}
.grayTable td img.viewMainImage{display:block;margin:0 auto;max-width: 100%;}
.grayTable td.lastTd{ padding:30px 0; border-bottom: 1px solid #444; color: #b2b2b2;text-align:center;}
.grayTable td.subject{text-align:left;padding:0 30px;}
.grayTable td.subject > a{overflow:hidden;white-space:pre;text-overflow:ellipsis; color: #444;}

.ticketTextBox{ padding:20px 30px; line-height: 26px; border:1px solid #ddd; margin-bottom: 30px;}


/*guide*/
.guideBox{width:900px;overflow:hidden;padding:30px 0;border-bottom:1px dashed #b5b5b5;}
.guideBox:last-child{border-bottom:0;}
.guideBox > li{float:left;}
.guideBox .guideIcon{width:150px;height:115px;border-radius:15px;border:1px solid #ebebeb;}
.guideBox .guideIcon > img{display:block;width:40px;margin:37px auto;}
.guideBox .guideTxt{width:720px;height:115px;font-size:12px;line-height:25px;padding:0 20px;}
.guideBox .guideTxt .title{font-size:16px;font-weight:600;color:#575757;display:block;margin:10px 0;}

.guideInfo{overflow:hidden;}
.guideInfo > li{float:left;font-size:12px;width:400px;height:200px;margin:0 30px 30px 0;padding:30px 20px;box-shadow:6px 7px 1px #f5f5f5;line-height:24px;border-radius:15px;text-align:center;}
.guideInfo > li:nth-child(2), .guideInfo > li:nth-child(4), .guideInfo > li:nth-child(6){margin-right:0;}
.guideInfo li.brown{background:#e9e7e2;border:1px solid #d5d2cc;}
.guideInfo li.grayGuide{background:#f7f7f7;border:1px solid #e0e0e0;}
.guideInfo li.grayGuide > img{display:block;width:35px;margin:0 auto 15px;}
.guideInfo > li .title{font-size:16px;color:#575757;display:block;margin-bottom:15px;font-weight:600;}

.bwTable{ width:100%; border-top:1px solid #444; border-bottom:1px solid #444; margin-bottom: 10px; color: #7c7c7c;}
.bwTable th {background-color: #8a784f; color: #fff; line-height: 1.4; vertical-align: middle; border:1px solid #c5c5c5; padding:8px 0}
.bwTable th.gth{background:#f5f5f5;color:#7c7c7c;}
.bwTable td { border:1px solid #c5c5c5; padding:10px 0; text-align: center; vertical-align: middle; background-color: #fff;line-height:24px;}
.bwTable tr.lastTd td{ background-color: #eaeaea;  font-family: 'Nanum GothicB'; }

.tableTxt{color:#7c7c7c;padding-bottom:10px;line-height:23px; }

/* reserGuide */
.numBerBox{overflow:hidden;margin-bottom:20px;width:900px;}
.numBerBox > li{float:left;font-size:23px;color:#5f4d23;font-weight:600;margin-right:100px;}
.numBerBox > li .numTt{display:block;font-size:12px;margin-bottom:5px;color:#7c7c7c;}

.reserGuide{overflow:hidden;padding:20px 30px;width:900px;}
.reserGuide > li{float:left;width:155px;font-size:12px;line-height:25px;margin-right:5px;text-align:center;}
.reserGuide > li.stepR{width:50px;margin-right:15px;}
.reserGuide > li.stepR > img{display:block;width:15px;margin:65px auto;}
.reserGuide > li .title{font-size:16px;font-weight:600;color:#575757;display:block;margin:10px 0;}
.reserGuide > li .mTt{color:#8a784f;font-size:12px;}

/*course*/
.courseBg{padding:30px 120px 50px;}
.allcourseBox{ width: 995px; margin: 0 auto;}
.GreenbullText{line-height: 28px; color: #848484; font-size: 15px;margin-bottom:20px;}
.GreenbullText::before{content: '●'; color: #5f4d23; display: inline-block; width: 12px; padding-right: 8px;}

.allTable{ width: 100%; border:1px solid #c5c5c5;}
.allTable thead th{ background-color:#6e6e6e; color: #fff; padding:8px 0;}
.allTable thead td{ background-color:#f7f7f7; color: #5d5d5d; padding:8px 0; text-align: center; border:1px solid #c5c5c5;}
.allTable thead tr{ border-bottom:1px double #c5c5c5;}
.allTable tbody tr th{ padding :8px 0; border:1px solid #c5c5c5;}
.allTable tbody tr td{ padding :8px 0; border:1px solid #c5c5c5; text-align: center;}
.allTable tbody tr:nth-child(1) th{background-color:#f3861c; color: #fff;}
.allTable tbody tr:nth-child(2) th{background-color:#5d92d3; color: #fff;}

.courseTab{ width: 100%; border-bottom: 1px solid #aaaaaa; font-size: 17px; margin: 20px 0 15px 0; }
.courseTab > a{ width:10.6%; display: inline-block; text-align: center;color: #aaaaaa;}
.courseTab > a.on{ border-bottom:4px solid #5f4d23; padding-bottom: 10px;color: #444; font-family: 'Nanum GothicB';}

.holeNumBox{overflow:hidden;width:100%;margin-top:10px;}
.holeNumBox .holeNum{float:left;font-size:80px;color:#5f4d23;font-family: 'Nanum GothicB'; letter-spacing: -10px;}
.holeNumBox .holeText{float:left;margin:30px 0 0 15px}
.holeNumBox .holeText .hole1{font-size:25px;color:#464646;font-family: 'Nanum GothicB';}
.holeNumBox .holeText .hole2{font-size:15px;color:#8c8c8c;font-family: 'Nanum GothicB';}

.holeInfoBox{overflow:hidden;margin-top:20px;}
.holeInfoBox .courseImg{float:left;width:330px;margin-right:30px;}
.holeInfoBox .videoBox{float:left;width:400px;height:540px;}
.holeInfoBox .videoBox .video{width:400px;height:300px;margin-bottom:77px;border:1px solid #e1e1e1;}
.holeInfoBox .videoBox .video > img{display:block;width:400px;}
.holeInfoBox .videoBox .slope{width:400px;height:220px;}
.holeInfoBox .videoBox .slope > img{display:block;width:400px;border:1px solid #e1e1e1;}

.holeInfo{overflow:hidden;margin-top:40px;}
.holeInfo .green{float:left;margin-right:30px;}
.holeInfo .green > img{width:330px;}

.holeInfo .holeRight{float:left;width:400px;}
.holeInfo .holeRight .holeInfoTxt{font-size:13px;line-height:23px;}
.holeInfo .holeRight .teeBox{overflow:hidden;margin:25px 0;}
.holeInfo .holeRight .teeBox > li{float:left;width:180px;font-size:14px;margin-bottom:10px;}
.holeInfo .holeRight .teeBox > li > span{width:15px;height:15px;border-radius:50%;display:inline-block;margin-right:5px;}
.holeInfo .holeRight .teeBox > li > span.blue{color:#3f8ff3;}
.holeInfo .holeRight .teeBox > li > span.yellow{color:#fbde0e;}
.holeInfo .holeRight .teeBox > li > span.white{background:url('../images/course/teeW.png')no-repeat center;background-size:75%;vertical-align:middle;}

.holeInfo .holeRight .gwTable{width:100%;margin-top:10px;}
.holeInfo .holeRight .gwTable th { background-color: #7c7c7c; color: #fff; line-height: 43px; vertical-align: middle; border:1px solid #ddd; }
.holeInfo .holeRight .gwTable td { border:1px solid #ddd; line-height: 43px; color: #444; vertical-align: middle; text-align: center; background-color: #fff;}



/*delete*/
.deleteBox{ text-align: center; font-size: 14px; line-height: 22px;border:5px solid #5f4d23; border-radius: 10px; margin: 20px 0;padding:15px 30px;}
.butn {
  background: #f8f8f8f8;
  background-image: -webkit-linear-gradient(top, #f8f8f8f8, #f2f2f2);
  background-image: -moz-linear-gradient(top, #f8f8f8f8, #f2f2f2);
  background-image: -ms-linear-gradient(top, #f8f8f8f8, #f2f2f2);
  background-image: -o-linear-gradient(top, #f8f8f8f8, #f2f2f2);
  background-image: linear-gradient(to bottom, #f8f8f8f8, #f2f2f2);
  border-radius: 10px; color: #7d7d7d; font-size: 12px; padding: 5px 10px;
  border: solid #dddddd 1px; text-decoration: none; cursor:pointer;
}

.passwordInput{margin:30px 0;}
.passwordInput input.password{width:180px;height:35px;border:1px solid #c1c1c1;;padding-left:10px;margin-left:15px;color:#717171;}


/*map*/
.mapBtn{width:100%;overflow:hidden;padding:30px 0 50px 0;}
.mapBtn > li{width:24%;float:left;font-size: 16px;border:1px solid #e8e8e8; font-family:'Nanum padding';text-align:center;padding:17px 0;color:#6d6d6d;border-radius:10px;margin-right:1%;box-shadow:3px 3px 1px #e1e1e1;}
.mapBtn li:last-child{margin-right:0;}
.mapBtn li.on{background:#8a784f;color:#fff;border:1px solid #8a784f;}

.mapTxt{color:#7c7c7c;padding-bottom:10px;line-height:25px;}
.mapTxt .bold{color: #444;margin-top:10px;font-family:'Nanum GothicB'; font-size: 16px;display:block;}

.mapImg{display:block;border:1px solid #e0e0e0;margin-top:15px;}

/*facil*/
.facilTab{ width: 100%; margin:10px 0 20px; overflow: hidden;}
.facilTab a{width:49.8%;margin-right:0.3%;display: inline-block; float: left; text-align: center; background-color:#adadad; color: #fff; border: 2px solid #adadad ; border-top-left-radius: 10px; border-top-right-radius: 10px;font-family: 'Nanum GothicB'; line-height: 40px; }
.facilTab a.on{ background-color: #fff; border:2px solid #8a784f;border-top-left-radius: 10px; border-top-right-radius: 10px; color:#5f4d23;display: inline-block; border-bottom:2px solid #fff; }
.facilTab a:last-child{margin-right:0;}

.facilTab3{ width: 100%; margin:10px 0 20px; overflow: hidden;}
.facilTab3 a{width:33.1%;margin-right:0.3%;display: inline-block; float: left; text-align: center; background-color:#adadad; color: #fff; border: 2px solid #adadad ; border-top-left-radius: 10px; border-top-right-radius: 10px;font-family: 'Nanum GothicB'; line-height: 40px; }
.facilTab3 a.on{ background-color: #fff; border:2px solid #8a784f;border-top-left-radius: 10px; border-top-right-radius: 10px; color:#5f4d23;display: inline-block; border-bottom:2px solid #fff; }
.facilTab3 a:last-child{margin-right:0;}

/* facil03_2 */
.restMenuBox{overflow:hidden;margin-bottom:50px;}
.restMenuBox > li{float:left;width:300px;margin-right:50px;text-align:center;margin-bottom:20px;}
.restMenuBox > li:nth-child(3), .restMenuBox > li:nth-child(6){margin-right:0;}
.restMenuBox > li > img{display:block;width:300px;margin-bottom:10px;}

.restMenuListBox{overflow:hidden;}
.restMenuListBox .restMenuList{float:left;width:320px;margin-right:20px;}
.restMenuListBox .restMenuList:last-child{margin-right:0;}
.restMenuListBox .restMenuList .title{font-size:18px;padding:15px 0;background:#bcb7aa;color:#fff;border-radius:15px 15px 0 0;text-align:center;border-bottom:0;}
.restMenuListBox .restMenuList .menuList{background:#f5f5f5;height:500px;padding:20px 30px;border-radius:0 0 15px 15px;}
.restMenuListBox .restMenuList .menuList > li{font-size:14px;line-height:25px;border-bottom:1px dashed #e1e1e1;padding:15px 0;}
.restMenuListBox .restMenuList .menuList > li:last-child{border-bottom:0;padding-bottom:30px;}
.restMenuListBox .restMenuList .menuList > li > span.bold{display:block;margin-bottom:10px;}
.restMenuListBox .restMenuList .menuList > li > span.empty{display:inline-block;width:60px;}

/*facil-갤러리*/
.whiteBgBox{ border:1px solid #ddd; background-color: #fff; padding:10px 20px; line-height: 28px; color: #959595; width: 877px; margin: 0 auto;}
.whiteBgBox span{ color : red; padding-right:5px;}

/*부대시설-갤러리*/
.slider.top{margin:50px 0;width:750px;}
.slider { margin: 0; width:885px ; margin: 0 auto;clear: both;}
.slider_f.top{margin:50px 0;width:750px;}
.slider_f { margin: 0; width:885px ; margin: 0 auto;clear: both;}

#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}


/*====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin-bottom:20px;
  background: #fff;
  border: 4px solid #fff;
	box-sizing: border-box;
  position: relative;
  zoom: 1;
  -webkit-box-shadow: 3px 0px 5px 0 rgba(63, 63, 63, 0.35);
  -moz-box-shadow: 3px 0px 5px 0 rgba(63, 63, 63, 0.35);
  -ms-box-shadow: 3px 0px 5px 0 rgba(63, 63, 63, 0.35);
  box-shadow: 3px 0px 5px 0 rgba(63, 63, 63, 0.35);
}
.flexslider .slides {
  zoom: 1;
	width: 885px;
}
.flexslider .slides img {
	width: 100%;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  display:inline-block;
  content: ' ';
  background-size: contain;
  background: url(/images/g_arw_l.png) no-repeat center center;
	width: 40px;
	height: 40px;
}
.flex-direction-nav a.flex-next:before {
	content: ' ';
	display:inline-block;
  background: url(/images/g_arw_r.png) no-repeat center center;
	background-size: contain;
	width: 40px;
	height: 40px;
}
.flex-direction-nav .flex-prev {
  left: -5px;
}
.flex-direction-nav .flex-next {
  right: -5px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
 	left: 10px;
	opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
	right: 10px;
	opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

.flexslider1 {
  margin-bottom:20px;
  position: relative;
  zoom: 1;
}
.flexslider1 .slides {
  zoom: 1;
	width: 885px;
}
.flexslider1 .slides img{
  width: 100%;
}
.flexslider1 .slides li{ width: 150px !important;}

.flexslider1 li img{
	border:3px solid transparent;
}
.flexslider1 li:hover img, .flexslider1 li:active img {
 	border:3px solid #5f4d23 ;
}

.flexslider1 .flex-direction-nav .flex-prev {
  display: none;
}
.flexslider1 .flex-direction-nav .flex-next {
  display: none;
}

/*190902추가*/
.choiceMember{ width: 100%; text-align: center; margin-bottom: 20px; clear: both;}
.choiceMember label{ color: #444; font-size: 16px; font-family:'Nanum GothicB'; margin:0 5px;}
.choiceMember label input[type="radio"]{  border: 0px; width: 16px; height: 16px; vertical-align: middle;}

/*0807추가*/
.adminReserWrap{ width: 100%; margin:0 auto;}
.adminleftInput { display: inline-block; width: 68%;  float: left; margin-right: 2%; }
.adminleftInput input { height: 50px; border: 1px solid #e1e1e1; text-indent: 10px; font-size: 14px; width: 100%;}
.adminRightBtn{ display: inline-block; width: 29%; border-radius: 10px; background-color: #5f4d23; text-align: center; line-height:50px; color: #fff; box-shadow: 3px 5px 0 0 rgba(227,227,227,1); float: left;  margin-bottom: 10px; font-size: 14px; }
.adminRightBtn img{ vertical-align: middle; height: 22px;}

.adminSelect{ width: 48%; margin-bottom: 10px; display: inline-block; float: left; position: relative;}
.adminSelect .monthBox{ width:100%; margin:0 auto; padding:16px 0; border: 1px solid #e1e1e1; text-align: center; font-size: 14px; background-color: #4a4a4a; color: #fff; }
.adminSelect .monthBox img{ vertical-align: middle; height: 22px}
.adminSelect1{ width: 48%; margin-bottom: 10px; display: inline-block; float: right;position: relative;}
.adminSelect1 .monthBox{ width:100%; margin:0 auto; padding:16px 0; border: 1px solid #e1e1e1; text-align: center; font-size: 14px; background-color: #4a4a4a; color: #fff; }
.adminSelect1 .monthBox img{ vertical-align: middle; height: 22px;}
.wave{ width: 4%; line-height:50px; vertical-align: middle; text-align: center; float: left;}

.monthLayer{ position:absolute; top:55px; left: 50%; width:570px; height: 330px; border: solid 1px #e3e3e3; background:#fff; display: none; padding: 10px; overflow:hidden; z-index:100; margin-left: -285px;}
.monthLayer2{ position:absolute; top:55px; left: 50%; width:570px; height: 330px; border: solid 1px #e3e3e3; background:#fff; display: none; padding: 10px; overflow:hidden; z-index:100; margin-left: -285px;}

.monthChoice1{ width: 550px;position: relative; margin: 0 auto;}
.monthChoice1 p.arwl{ width:30px; text-align: right; display: inline-block; padding-right: 5px; }
.monthChoice1 p.arwl img{ vertical-align: text-bottom; height: 16px;}
.monthChoice1 p.arwr{ width:30px; text-align: left; display: inline-block; padding-left: 5px;}
.monthChoice1 p.arwr img{ vertical-align: text-bottom; height: 16px;}
.monthChoice1 h3{ width: 480px; text-align: center; padding: 10px 0; color: #444; font-size: 16px; font-family:'Nanum GothicB'; display: inline-block;}
.monthWrap h4{ clear:both; font-size: 14px; line-height: 18px; padding-top:10px;}

.calendar1{ width: 100%; margin: 0 auto; border: 1px solid #e3e3e3; height: 263px;}
.calendar1 th{ line-height: 25px; font-size: 14px; color: #444;font-family:'Nanum GothicB'; }
.calendar1 th:first-child{ color: #cc1b1b;}
.calendar1 th:last-child{ color: #3c5ebf;}
.calendar1 tbody{}
.calendar1 td{ color: #b8b8b8; font-size: 14px; text-align: center; font-family:'Nanum GothicB'; background-color: #f2f2f2; border: 1px solid #e3e3e3; padding:12px 0;}
.calendar1 td.possible{color: #444; cursor: pointer;background-color: #fff;}

a.reserCancel{ border-radius: 10px; background-color:#1b2d3f; padding:5px 3px; color: #fff;}

/* sitemap */
.siteMapBox{overflow:hidden;margin-top:30px;}
.siteMapBox .sitemap{float:left;width:130px;margin-right:80px;border-top:1px solid #6b5a33;padding-top:20px;text-align:center;}
.siteMapBox .sitemap:last-child{margin-right:0;}
.siteMapBox .sitemap .mapTitle{font-size:14px;font-weight:600;margin-bottom:15px;}
.siteMapBox .sitemap > li{margin-bottom:15px;}
.siteMapBox .sitemap > li > a{font-size:13px;}

/*200306추가*/
a.layerBtn{ display: block; padding: 8px 0; width: 150px; text-align: center; background-color: #444; color: #fff; margin: 15px;}
.chargeBox{ text-align: center; width: 550px; height: 250px; background-color: #fff; border: 3px solid #8a784f; border-radius: 8px;display: none;position: fixed;z-index:1010; padding: 15px;}
.chargeBox h2{ font-size: 24px; text-align: center; padding:30px 0 10px;}
.chargeBox p { line-height: 26px; padding: 25px; font-size: 16px;}
.closeLayer{ display: block; padding: 8px 0; width: 100px; text-align: center;margin: 0 auto; background-color: #444; color: #fff;}

.overlay{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #fff;z-index:1004;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}	


/*200824추가*/
.select2{height: 54px; background-color: #fff; border:1px solid #ddd; text-indent: 10px; font-size: 16px;}

/*200901추가*/
.line0{ line-height: 0;}

/*210326추가*/
.eventTabBox{ width: 100%; position: relative;}
.eventTabBox .eventTab{ position: absolute; right:0; top:0;}
.eventTabBox .eventTab a{ display: inline-block; border:1px solid #ddd; padding: 8px 15px; text-align: center; background-color: #f8f8f8;}
.eventTabBox .eventTab a.on{ background-color: #444; color: #fff;}

/*220415*/
.reserListTable.with td input[type="text"]{ border: 1px solid #e1e1e1; height: 32px; width: 80%; text-align: center; border-radius: 0;}
.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: #2196F3;
  color: #fff;
}
.radioBtnWrap .radio input[type=radio].women:checked + label {
  background: #f05165;
  color: #fff;
}

/*220502*/
.commonPop{  
	border: 6px solid #8a784f;
    background-color: #fff;
    position: fixed;
    z-index: 500;
	transform: translate(-50%,-50%);
	border-radius: 10px;
	left: 50%;
	top:50%;
	word-break: keep-all;
}
.commonPop.layer1{width: 800px; height: 800px; padding: 2em;  font-size: 16px;  line-height: 1.5em; overflow-y: auto;}
.commonPop.layer1 .mainTit{ text-align: center; font-size: 24px; font-weight: bold;}
.popAgreeBox{ width: 100%; padding: 20px 0;}
.popAgreeBox h2{ padding-bottom: 10px; font-size: 16px; line-height: 1.5em; }
.popAgreeBox h3{ text-align: center; padding: 15px 0; font-size: 16px;}
.popAgreeList{ width: 100%;}
.popAgreeList ul{ padding-bottom: 40px;}
.popAgreeList li { text-align: left; color: #333; line-height: 1.5em; word-break: keep-all; white-space: pre-line;}
.popAgreeList p{ text-align: right; font-size: 15px; color: red; padding: 6px 0;}
.popAgreeList p.last{ text-align: center; padding-top:20px;}
.popAgreeList p label input[type="checkbox"]{ width:16px; height: 16px; vertical-align: middle; margin-right: 3px; margin-top: -1px;}

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

/*220809*/
.policy_btn{background: #6b5a33; color: #fff; width: 250px; text-align: center; padding: 10px;}

/*220913*/
.policy-title{font-weight: bold; font-size: 18px;}
.policy-text{line-height: 25px; font-weight: bold;}