@charset "utf-8";
/* CSS Document */

/*-------------------- contents common --------------------*/
#wrap .contents{width:98%;margin:0px auto; overflow: hidden; border-radius: 10px; background-color: #fff; padding:20px 0 50px;}
#wrap .contents2{width:98%;margin:0 auto; overflow: hidden; padding:0px 0 20px;}
#wrap .contents3{width:100%; overflow: hidden; padding:20px 0 50px;}

/*main*/
.SliderWrap{ width: 100%;margin: 0 auto; position: relative; overflow: hidden; }
.subWrap{ width: 100%; position: relative;}

.dotLine{height:1px;border-bottom:1px dashed #dcdcdc;}
.subLine{height:1px;border-bottom:1px solid #e6e6e6;width:96%;margin:0 auto;}
.border{ border:1px solid #ddd;}

/* btn */
.greenBtn{background:#82ba33;color:#fff;border:1px solid #ffffff;}
.whiteBtn{background:#ffffff;;color:#6e6e6e;border:1px solid #959595;}
.grayBtn{background:#6e6e6e;color:#fff;border:1px solid #ffffff;}

.btnBox{text-align:center;padding-top:20px;}
.btnBox a{display:inline-block;width:30%;padding:10px 0;text-align:center;font-size:0.9em;margin-right:2%; border-radius: 5px; background-color: #eeeeee;}
.btnBox a.green{background:#82ba33;color:#fff;border:1px solid #ffffff;}
.btnBox a.gray{background:#6e6e6e;color:#fff;border:1px solid #ffffff;}
.btnBox a.next{background:#5f1e7a;color:#fff;}
.btnBox a:last-child{margin-right:0;}

.btnBox2{text-align:center;padding-top:20px;}
.btnBox2 a{display:inline-block;width:23%;padding:10px 0;text-align:center;font-size:0.9em;margin-right:2%;box-shadow:3px 4px 0 #d0d0d0;}
.btnBox2 a.next{background:#343865;color:#fff;}
.btnBox2 a:last-child{margin-right:0;}

.cancel{background:#6e6e6e;color:#fff;}


.padding5{ padding:5px 0;}
.padding10{ padding:10px 0;}
.padding15{ padding:15px 0;}
.padding30{ padding:30px 0;}
.margin10{ margin: 10px 0;}
.wp15{ height: 35px; width: 15% !important;}
.wp20{ height: 35px; width: 20% !important;}
.wp25{ height: 35px; width: 25% !important;}
.wp30{ height: 35px; width: 30% !important;}
.wp35{ height: 35px; width: 35% !important;}
.wp40{ height: 35px; width: 40% !important;}
.wp50{ height: 35px; width: 50% !important;}
.wp60{ height: 35px; width: 60% !important;}
.wp80{ height: 35px; width: 80% !important;}
.wp97{ width: 97%;}
.wp100{ height: 35px; width: 100% !important;}


.w30{width:30px;}
.w50{width:50px;}
.w70{width:70px;}
.w80{width:80px;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w300{width:300px; height: 200px;}

.mb0{margin-bottom: 0 !important;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px !important;}

.mt50{margin-top: 50px;}

/* font color, style */
.red{ color: #c42b2b;}
.blue{ color: #2b5ac4;}
.yellow{ color: #ffd28a;}
.white{ color: #fff;}
.brown{ color: #786456;}
.orange{ color: #eb6922;}
.gray{ color: #838383;}
.grayBrown{ color: #8a7a6b;}
.purple{color:#5f1e7a;}
.green{color:#82ba33;}

.center{ text-align: center;}
.right{ text-align: right;}
.left{ text-align: left;}

.strong{ font-weight: 600; }
.bold{ font-weight: 600; }

.through{text-decoration:line-through;}
.underline{text-decoration:underline;}

.padding5{ padding:5px 0;}
.padding10{ padding:10px 0;}
.padding20{ padding:20px 0;}
.margin20{ margin: 20px auto !important;}

.marginA{ margin: auto !important;}

.font13 {font-size: 0.825em;}

.f_r{ float: right; padding: 0 10px;}

.grayBg{padding:20px 10px;background:#f9f9f9;border:1px solid #c7c7c7; width: 98%; margin: 0 auto;}
.whiteBg{padding:10px;background:#fff; width: 98%; margin: 0 auto; border:1px solid #ddd;}

/* select arrow */
.select-arrow{background: url('/mobile/images/select-arrow.png') no-repeat 90% 50%;}
.select-arrow2{background: url('/mobile/images/select-arrow2.png') no-repeat 100% 48%;}
.select-arrow3{background: url('/mobile/images/select-arrow2.png') no-repeat 97% 48%;}

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

/*title*/
.bigTit{ text-align: center; padding:2em 0 1em; font-size: 1.5em; font-weight: 400; text-transform: uppercase;}
.bigTit span{ font-size: 0.65em; font-weight: 400; display: block; text-transform: uppercase; color: #ababab;}
.bigTit2{ text-align: center; padding:1em 0 0.5em; font-size: 1.5em; font-weight: 400; text-transform: uppercase;}
.bigTit2 span{ font-size: 0.65em; font-weight: 400; display: block; text-transform: uppercase; color: #ababab;}
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:3px;}
span.bullet img{ vertical-align: middle; margin-top: -9px; margin-left: 3px;}
h2.title{ font-size: 1em; color: #434343; padding:10px 0; font-weight: 600;}
h2.title span{ color: #786456;}

.tab2{ width: 100%; overflow: hidden; border-bottom:1px solid #d4d3d3;}
.tab2 a{ width:50%; float: left; text-align:center; display: inline-block; padding:0.725em 0;color: #000; letter-spacing: -1px; font-size: 0.875em}
.tab2 a.on{ color: #fff; background-color: #5f1e7a;}

.tab3{ width: 100%; overflow: hidden; border-bottom:1px solid #d4d3d3;}
.tab3 a{ width:33%; float: left; text-align:center; display: inline-block; padding:0.725em 0; color: #000; letter-spacing: -1px; font-size: 0.875em}
.tab3 a:first-child{ width: 34%;}
.tab3 a.on{ color: #fff; background-color: #5f1e7a;}

.tab4{ width: 100%; overflow: hidden; border-bottom:1px solid #d4d3d3;}
.tab4 a{ width:25%; float: left; text-align:center; display: inline-block; padding:0.725em 0;color: #000; letter-spacing: -1px; font-size: 0.875em}
.tab4 a.on{ color: #fff; background-color: #5f1e7a;}

.tab5{ width: 100%; overflow: hidden; border-bottom:1px solid #d4d3d3;}
.tab5 a{ width:20%; float: left; text-align:center; display: inline-block; padding:0.725em 0;color: #000; letter-spacing: -1px; font-size: 0.875em}
.tab5 a.on{ color: #fff; background-color: #5f1e7a;}

.mContainer{ background: url('/mobile/images/bg_dot.jpg') repeat center center;}
.container{ padding-bottom: 70px;}

/*------login-------*/
.loginWrap{ width: 96%; margin: 0 auto; color: #4c4c4c;}
.loginList{ padding:15px 0; width: 100%; overflow: hidden; text-align: center;}
.loginList li{ width:80%; margin: 0 auto 10px;}
.loginList p{ width: 80%; margin: 0 auto; text-align: center;}

.loginList input{ width:100%; text-indent: 10px;}
.loginList input::placeholder { color: #000; text-indent: 10px;}
.loginList input::-ms-placeholder { color: #000; text-indent: 10px;}
.loginList input::-webkit-placeholder { color: #000; text-indent: 10px;}
.loginList input::-o-placeholder { color: #000; text-indent: 10px;}

.loginWrap h2.idpwtit{ font-size: 0.845em; padding-top: 2em; margin-bottom: -0.8em;}
.loginWrap h2.idpwtit img{ vertical-align: middle; width: 20px;}
.loginWrap a{ display: inline-block; border-radius: 8px; margin-bottom: 6px; font-size: 0.875em;}
.loginWrap h4{ display: block; color: #5b5b5b;}
.loginWrap h4 input{ vertical-align: middle;}
.loginWrap h4 input{ vertical-align: middle;}


.loginBtm{ width: 100%; color: #4c4c4c; text-align: center;} 
.loginBtm a{ color: #4c4c4c; padding: 0 6px; } 
.loginTxt{ width: 80%; margin: 0 auto; font-size:1em; padding: 20px 0 5px; color: #747474;
text-align: center;}
a.btn_login {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
	font-size: 1.2em;
    background-color: #a5a5a5;
    text-align: center;
    border-radius: 5px;
}

/*------ldpw-------*/
.bg_line{ background-color: #fff; border:1px solid #ccc; padding: 0.5em; width: 98%; margin: 0 auto;}
.bg_line h2{ font-size: 1.0em;}
.bg_line h2.title{ padding-top: 2em; margin-bottom: -0.8em; text-align: center; font-weight: 500;}
.bg_line h2.title img{ vertical-align: middle; width: 25px;}
.bg_line p{ font-size: 0.75em; word-break: keep-all; white-space: pre-line; line-height: 1.5em; color: #656565;}
.confirmBtn{ width: 100%; text-align: center; padding: 1em 0; text-align: center;}
.confirmBtn a{ display: inline-block; margin: 0 0.5em;background-color: #427bda; padding:0.5em; border-radius: 4px; color: #fff; width: 45%; font-size: calc(2.9vw + 0.1em); letter-spacing: -1px;}

/*------join-------*/
.joinStep{ width: 100%; border:1px solid #d8d8d8; overflow: hidden; margin:0 0 10px 0;}
.joinStep li{ width:25%; float: left; text-align: center; color: #969696; background-color: #fff; position: relative; padding:0.5em 0; color: #8b8b8b; font-size: 0.875em;}
.joinStep li.on{ background-color: #30323c; color: #fff;}

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

.agreeyBgBox{width:100%;margin:30px auto 10px;padding:15px 5px;background:#fff;}
.agreeyBgBox .joinAgreeyList{overflow:hidden;padding:5px; border-bottom:1px solid #e0e0e0; border:1px solid #e0e0e0;}
.agreeyBgBox .joinAgreeyList li{float:left;}
.agreeyBgBox .joinAgreeyList .agreeyTitle{ clear: both;font-size:1.00em;color:#4f4f4f;line-height:29px; letter-spacing: -1px;}

.agreeyBgBox .joinAgreeyList .agreeyBtn1 , .agreeyBgBox .joinAgreeyList .agreeyBtn2 , 
.agreeyBgBox .joinAgreeyList .agreeyBtn3, .agreeyBgBox .joinAgreeyList .agreeyBtn4, .agreeyBgBox .joinAgreeyList .agreeyBtn5{font-size:0.8em;padding:6px 8px;background:#f4f4f4;color:#797979;border-radius:10px;cursor:pointer;}

.agreeyBgBox .joinAgreeyList .agreeyCheck{color:#a1a1a1;font-size:0.8em;padding-right:15px;float:right; letter-spacing: -1px; margin-top: 3px;}
.agreeyBgBox .joinAgreeyList .agreeyCheck input{width:14px;height:14px;margin:0;vertical-align:middle;}

.agreeyBgBox .joinTextarea_3 .textarea .joinTable .agreeyCheck {font-size:0.8em; padding:0px; line-height:5px; color:#a1a1a1; letter-spacing: -1px;}
.agreeyBgBox .joinTextarea_3 .textarea .joinTable .agreeyCheck label{font-size:1em; color:#333; padding-right:3px;}
.agreeyBgBox .joinTextarea_3 .textarea .joinTable .agreeyCheck label:last-child{padding-right:0px;}

.agreeyBgBox .joinAgreeyList .arrowBtn{float:right;}

.joinTextarea_1 .textarea, .joinTextarea_2 .textarea,
.joinTextarea_3 .textarea, .joinTextarea_4 .textarea, .joinTextarea_5 .textarea{font-size:0.8em;
width:100%;height:200px;border:1px solid #ddd;padding:10px;background:#f9f9f9; line-height: 18px; margin: 0px 0 10px; overflow-y: scroll; white-space:pre-line; }

.joinBtn{ width: 82%; margin: 0.5em auto 1em; overflow: hidden;}
.joinBtn a{ float: left; width: 49%; padding:38px 0; color: #fff; text-align: center; background-color: #89b53c; font-size: 0.825em; height: 110px; vertical-align: middle; border-radius: 10px;}
.joinBtn a:last-child{ float: right; background-color: #9b9b9b;}

.confirmBtn{ width: 100%; text-align: center;}
.confirmBtn a{ display: inline-block; background-color: #427bda; padding:6px; border-radius: 4px; color: #fff; width: 45%;}

.confirmBtn2{ width: 100%; text-align: center;}
.confirmBtn2 a{ display: inline-block; background-color: #1a1a1a; padding:6px; color: #fff; width: 35%; height: 35px; font-size: 1.0em; font-weight: 200;}

/*------join table-------*/

.agreeTitle{font-size:0.9em;padding:10px 0;}
.allAgree{margin:10px 0 30px;text-align: center;}

.joinCBox{ width: 100%; padding:30px 0;}
.joinCBox img{ width: 100%; height: auto; display: block; border: 1px solid #f00;}
.joinCBox h2{ font-size: 1.5em; text-align: center; color: #5f1e7a; font-weight: bold; }
.joinCBox h1{ text-align: center; padding: 0.5em 0 1.5em; font-size: 1.00em; }
.joinCBox p{ line-height: 1.5em; text-align: center; font-size: 0.875em; color: #383838; word-break: keep-all;}

.joinTable{ width: 100%; border-top:2px solid #979797; border-bottom:1px solid #3e3e3e; table-layout: fixed; text-align: center;}                                   
.joinTable th{ background-color:#f6f6f6; border-bottom:1px solid #b4b4b4;border-right:1px solid #b4b4b4; width: 15%; text-align: center; padding: 10px 0; font-size: 0.8em; vertical-align: middle;}
.joinTable th:last-child{border-right:0;}
.joinTable td{ border-bottom:1px solid #b4b4b4; border-right:1px solid #b4b4b4;width: 35%; padding:7px 0px; font-size: 0.8em; line-height: 17px;}

.joinTable td:last-child{border-right:0;}
.joinTable td.title{ text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.joinTable td.agreeyBgBox .joinAgreeyList .agreeyCheck input{width:14px;height:14px;margin:0;vertical-align:bottom;}

.joinTable td > input{background:#f4f4f4;height:28px;line-height:30px;border:1px solid #ccccca;padding-left:8px;color:#8c8c8c}
.joinTable input.nameIp{width:90%;}
.joinTable input.phIp{width:25%;}

/*------//join table-------*/

.commonText{ font-size: 0.875em;line-height:1.5em;color:#535252;width:98%;margin:0 auto;}
.commonText li{ letter-spacing:-1px; padding:0.7em; line-height: 1.5em; word-break: keep-all; }

.commonTable_v{ width: 100%;}
.commonTable_v th{ width: 25%; text-align: left; padding: 10px 0; font-size: calc(12px + 0.7vw); vertical-align: middle; letter-spacing: -1px;}
.commonTable_v th::before{ content: "*"; color: red; vertical-align: middle; padding-right: 2px;}
.commonTable_v td{ width: 75%; padding:8px 0 8px 5px; font-size: 0.75em; vertical-align: middle;}
.commonTable_v td{ width: 75%; padding:8px 0 8px 5px; font-size: 0.75em; vertical-align: middle;}
.commonTable_v td span{ width: 75%; padding:8px 0 8px 5px; font-size: 13px; vertical-align: middle;}
.commonTable_v td input[type="text"],
.commonTable_v td input[type="password"],
.commonTable_v td input[type="number"]{ height: 35px; width: 100%;},
.commonTable_v tr:last-child td, .commonTable_v tr:last-child th{ border-bottom:0;}
.commonTable_v a{ background-color: #776456; display:inline-block; line-height: 36px; text-align: center; padding:0 5px; margin-left: 10px; color: #fff; vertical-align: middle;}
.commonTable_v a.on{background-color: #5e1e79; width: 100px; margin-right: 5px;}

.commonTable_v3{ width: 100%;}
.commonTable_v3 th{ width: 25%; text-align: left; padding: 10px 0; font-size: calc(12px + 0.7vw); vertical-align: middle; letter-spacing: -1px;}
.commonTable_v3 td{ width: 75%; padding:8px 0 8px 5px; font-size: 0.75em; vertical-align: middle;}
.commonTable_v3 td{ width: 75%; padding:8px 0 8px 5px; font-size: 0.75em; vertical-align: middle;}
.commonTable_v3 td span{ width: 75%; padding:8px 0 8px 5px; font-size: 13px; vertical-align: middle;}
.commonTable_v3 td input[type="text"],
.commonTable_v3 td input[type="password"],
.commonTable_v3 td input[type="number"]{ height: 35px; width: 100%;},
.commonTable_v3 tr:last-child td, .commonTable_v tr:last-child th{ border-bottom:0;}

.cmBtn{width: 30%;display: inline-block;height: 32px;text-align: center;line-height: 32px;}

.disable {
    background-color: #e8e8e8 !important;
	background-image: none;
}

/*reservation*/
.theBox{ border:1px solid #ddd; padding: 1em;}
.theBox dl{ width: 100%; overflow: hidden; margin: 0.5em 0;}
.theBox dt{ float: left; width: 30%;}
.theBox dd{ float: left; width: 65%;}
.theBox p img{ width: 20px; vertical-align: middle;}

.monthBox{width: 100%; position: relative; padding-bottom: 20px; clear: both;}
.monthBox .monthChoice{width:100%;margin: 0 auto; overflow: hidden;padding:20px 0; display: flex;}
.monthBox .monthChoice .monthTxtBox{float:left;width:67%;height:49px;line-height:47px; font-size: calc(3vw + 0.1em);padding-left:5px;color:#fff;letter-spacing:-1px; display: inline-flex;}
.monthBox .monthChoice .monthTxtBox > img{display:inline-block;width:35px;margin-right:5px;}

.monthTab{float:right;width:33%;overflow:hidden; display: inline-flex;}
.monthTab > li{float:left;font-size: calc(6vw + 0.3em);margin-right:5px;letter-spacing:-1px;color:#afb0b0;}
.monthTab > li.on{color:#fff;text-decoration:underline; font-weight: 400;}
.monthTab > li:last-child{margin-right:0;}

.calendar{ width: 100%; height: 400px; border:0;}
.calendar th{ height:35px; line-height: 35px; font-size: 0.875em; color: #fff;  font-weight: bold;}
.calendar th:first-child{ color: #ff7c7c;}
.calendar th:last-child{ color: #87a6fe;}
.calendar td{ color: #b3b3b3; font-weight: 100; font-size: 0.825em;text-align: center;position: relative;}

.calendar td.possible{ position: relative; color: #fff; font-weight: 400;}
.calendar td:first-child.possible{ color: #ff7c7c;}
.calendar td:last-child.possible{ color: #87a6fe;}

.calendar td.possible.today{}
.calendar td.possible.today span{ background-color:#444; border-radius:50%; width:3em; height: 3em; display: block; position: absolute; top:50%; left: 50%; margin: -1.5em 0 0 -1.5em;color:#fff !important;font-weight:400; line-height: 3em;}
.calendar td.today{ }
.calendar td.today span{ background-color:#444; border-radius:50%; width:3em; height: 3em; display: block; position: absolute; top:50%; left: 50%; margin: -1.5em 0 0 -1.5em; color:#fff !important;font-weight:400; line-height: 3em;}

.monthChoice2{width:100%;margin: 0 auto; overflow: hidden;padding:6px 0; display: flex; background-color: #4c4c4c;}
.monthChoice2 p{float:left;width:20%; font-size: 14px; padding-left:5px;letter-spacing:-1px; padding:0 0.5em; text-align: right; padding-top:5px;}
.monthChoice2 p:first-child{ text-align: left;}
.monthChoice2 p a{color:#fff; padding:0 10px;}
.monthChoice2 h3{float:left;width:60%; text-align: center; font-size:25px; color:#fff;letter-spacing:-1px;}

.calendar2{ width: 100%; height: 400px; border:0;}
.calendar2 th{ height:35px; line-height: 35px; font-size: 0.875em; color: #434343;  font-weight: bold; background-color: #ebebeb;}
.calendar2 th:first-child{ color: #cd0000;}
.calendar2 th:last-child{ color: #0044cd;}
.calendar2 td{ color: #b3b3b3; font-weight: 100; font-size: 0.825em;text-align: center;position: relative;}

.calendar2 td.possible{ position: relative; color: #3e3e3e; font-weight: 400;}
.calendar2 td.possible p.waitC{position: absolute; display: block;  font-size: 0.9em; color: #0095ff; font-weight: 500; left: 8px; top: 38px;}
.calendar2 td.possible span.waitR{position: absolute; display: block; font-size: 0.9em; top: 55px; left: 6px; padding: 2px; background: #f99d1c; border-radius: 4px; color: #fff; text-align: center;}
.calendar2 td:first-child.possible{ color: #cd0000;}
.calendar2 td:last-child.possible{ color: #0044cd;}


.calendar2 td.possible.today{}
.calendar2 td.possible.today span{ background-color:#f19a6b; border-radius:50%; width:3em; height: 3em; display: block; position: absolute; top:50%; left: 50%; margin: -1.5em 0 0 -1.5em;color:#fff !important;font-weight:400; line-height: 3em;}
.calendar2 td.today{ }
.calendar2 td.today span{ background-color:#8ec63f; border-radius:50%; width:3em; height: 3em; display: block; position: absolute; top:50%; left: 50%; margin: -1.5em 0 0 -1.5em; color:#fff !important;font-weight:400; line-height: 3em;}
.calendar2 td.click span{ background-color:#FFFAA5; border-radius:50%; width:3em; height: 3em; display: block; position: absolute; top:50%; left: 50%; margin: -1.5em 0 0 -1.5em; font-weight:400; line-height: 3em;}
.calendar2 td.holiday span{ background-color:#c63f3f; border-radius:50%; width:3em; height: 3em; display: block; position: absolute; top:50%; left: 50%; margin: -1.5em 0 0 -1.5em; color:#fff !important;font-weight:400; line-height: 3em;}


.reserInfoBoxBg{width:98%;padding:20px 0;background:#fff; margin: 0 auto; border-radius: 20px;}
.reserInfoBox{width:96%;margin:0 auto;}

.reserinfoTxt{width:100%; padding:10px 25px; border: 1px solid #ddd; border-radius: 10px; margin-bottom:10px;}
.reserinfoTxt dl{ overflow: hidden; width: 100%;}
.reserinfoTxt dt{ width: 30%; font-size:0.9em; float: left;}
.reserinfoTxt dd{ width: 70%; font-size:0.9em; float: left;}
.reserinfoTxt2{width:100%;overflow:hidden;padding:15px; border:1px solid #ddd; box-shadow: 3px 3px 0 rgba(225,225,225,1);}
.reserinfoTxt2 p{ font-size: 0.9em; line-height: 1.5em;}

.reserInfoBox2{width:100%;margin:0 auto;}
.reserInfoBox2 .reserinfoTxt{width:100%;overflow:hidden;padding:10px 25px; border:1px solid #ddd; box-shadow: 3px 3px 0 rgba(225,225,225,1); border-radius: 0px;}

.courseChoiceTab{width:100%;overflow:hidden;}
.courseChoiceTab > li{float:left;width:32%;height:35px;line-height:35px;border-radius:15px 15px 0 0;margin-right:2%;font-size:0.95em;border:1px solid #dfdfdf;background:#fff;color:#a8a8a8;text-align:center;}
.courseChoiceTab > li:last-child{margin-right:0;}
.courseChoiceTab > li.on{background:#5f1e7a;color:#fff;border:1px solid #626367;}

.reserTable{width:100%;border-bottom:1px solid #444;border-top: 1px solid #444;margin-bottom: 10px;}
.reserTable tr:last-child th{border:0;}
.reserTable tr:last-child td{border:0;}
.reserTable th {background-color:#626367;color:#fff; padding: 8px 0; font-size:0.9em;}
.reserTable td {border-bottom:1px solid #dedede;padding:8px 0;;font-size:0.9em;text-align:center;color:#535252;}
.reserTable td.bottom{border-bottom:none;}

.reserBtn{ background-color: #8dc63f; color: #fff; border-radius: 10px; padding:5px 0; width:70%; text-align: center; display: inline-block; font-size: inherit;}
.reserBtn2{ background-color: #626367; color: #fff; border-radius: 10px; padding:5px 0; width:70%; text-align: center; display: inline-block; font-size: inherit;}
.reserBtn3{ background-color: #eb6922; color: #fff; border-radius: 10px; padding:5px 0; width:70%; text-align: center; display: inline-block; font-size: inherit;}

.mainBottomLink{width:100%; background-color: #fff; margin: 35px 0 0px;}
.mainBottomLink > a{display:block;}
.mainBottomLink .mainLink{width:100%;padding:20px 0;}
.mainBottomLink .mainLink > li{color:#3d3d3d;text-align:center;}
.mainBottomLink .mainLink > li.bigTxt{font-size:2em;margin-top:20px;}
.mainBottomLink .mainLink > li.mini{font-size:1.2em;margin-bottom:25px;}
.mainBottomLink .mainLink > li a.btn{font-size:1em;width:130px;height:40px;line-height:40px;background:#54598a;color:#fff;border-radius:15px;margin:0 auto; display: block;}

.mainBottomLink .mainBoardLink{overflow:hidden;width:100%;}
.mainBottomLink .mainBoardLink > li{float:left;width:50%;border-top:1px solid #ddd; border-right:1px solid #ddd;}
.mainBottomLink .mainBoardLink > li:last-child{border-right:0;}
.mainBottomLink .mainBoardLink > li a{display:block;width:100%;font-size:1em;color:#444;text-align:center; padding: 1em 0; }
.mainBottomLink .mainBoardLink > li a span{display:block; margin: auto; width: 50px; height: 50px; padding-bottom: 8px;}


/* reserCheck */
.grayCommonBox{width:100%;background:#efefef;padding:10px 0;border-radius:10px;position:relative;}

.searchBtn{display:block;width:70%;margin:0 auto;padding:5px 0;text-align:center;background-color:#585858; color: #fff;}
.cancelBtn{display:block;width:70%;margin:0 auto;padding:5px 0;text-align:center;background-color:#343865; color: #fff; border-radius: 6px;}

.reserTit{ font-size: 1em; color: #838383; padding-bottom: 10px;}
.reserTit span{  font-size: 1.25em; color: #000;}
.searchTerm{width: 100%; padding: 10px 0; display: flex;}
.searchTerm input{height: 30px;}

.openCalendar{ display: none; position: absolute; width: 300px; padding: 10px; top:28px; left: -60px; background: #fff; border:1px solid #ddd; z-index: 10;}
.openCalendar2{ display: none; position: absolute; width: 300px; padding: 10px; top:28px; right: -10px; background: #fff; border:1px solid #ddd; z-index: 10;}

.sCalendar{ width: 100%; height: 100%; }
.sCalendar th{font-size:1.25em; color: #444; font-weight: 600; 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:1.25em; vertical-align: middle;}

.stStyle{ font-size: 12px; font-weight: bold; padding: 7px;}
.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:29px; }
.smallCalendarTit p.arwr{ width: 29%; text-align: left;float: left; display: inline-block;}

.reser_search{ height: 30px; border:1px solid #c9c9c9; line-height: 30px; text-indent: 5px; position: relative; background-color: #fff; display: inline-block; vertical-align: middle; font-size: 0.7em;}
.reser_search span{ float: right; padding:0 5px; display: inline-block; cursor: pointer;}
.reser_search span img{ vertical-align: middle; width: 16px; margin-top: -4px;}

/*group*/
.groupCall{ width: 75%; margin: 20px auto 0; text-align: center; background-color: #efefef; border-radius: 10px; font-size: 1.125em; padding:0.5em;}
.groupCall img{ width: 20px;}
.groupBtn{width:75%;overflow:hidden; margin: 10px auto;}
.groupBtn a{padding:10px 25px; border:1px solid #ddd; box-shadow: 3px 3px 0 rgba(225,225,225,1); display: block; margin: 10px 0; font-size: 0.75em; letter-spacing: -1px; text-align: center;}
.groupBtn img{ vertical-align: middle; width: 17px;}

/*groupReser*/
.joinSearch{ width: 100%;}
.joinSearch select{ border:1px solid #ddd}
.joinSearch .btn_search{ height: 35px;  border-radius: 10px; background-color: #434343; text-align: center; width: 20%; vertical-align: middle; padding: 5px 0;color: #fff;}
.joinSearch .btn_search img{ height: 20px;}

.joinReserTable{ width: 100%; font-size: 0.875em; margin-top: 6px;}
.joinReserTable th{ background-color: #727272; color: #fff; padding:6px 0;}
.joinReserTable td{ padding: 5px; border-bottom: 1px solid #ddd;}
.joinReserTable td.lastTd{ text-align: center;}
.joinReserTable td a{ color: #333; display: block; width: 100%;}
.joinReserTable td span.join{ display: block; background-color:#42515a; color: #fff; border-radius: 10px;text-align: center; font-size: 0.875em; padding:4px;}
.joinReserTable td span.invite{ display: block; background-color:#c82828; color: #fff; border-radius: 10px;text-align: center; font-size: 0.875em; padding:4px;}
.joinReserTable td span.finish{ display: block; background-color:#d3d3d3; color: #fff; border-radius: 10px;text-align: center; font-size: 0.875em; padding:4px;}
.joinReserTable td.finish a{ color: #d3d3d3;}
.joinReserTable td span.new{ display: inline-block; width: 14px; height: 14px; vertical-align: middle; color: #fff; background-color: #e96718;text-align: center; line-height: 14px; font-size: 10px; border-radius: 2px; margin-right: 2px;}
.joinReserTable td span.joinRInfo{ font-size: 0.8em;}
.joinReserTable td.finish span.new{ background-color: #d3d3d3;}

.joinViewTable{ width: 100%; font-size: 0.825em; margin-top: 6px; border-top:1px solid #3e3e3e; letter-spacing: -1px;}
.joinViewTable th{ background-color: #eaeaea; border-bottom:1px solid #c4c4c4;}
.joinViewTable td{ padding: 10px 3px; border-bottom: 1px solid #c4c4c4;}
.joinViewTable td span.join{ display: inline-block; background-color:#42515a; color: #fff; border-radius: 10px;text-align: center; font-size: 0.875em; padding:2px 10px;}
.joinViewTable td span.invite{ display: inline-block; background-color:#c82828; color: #fff; border-radius: 10px;text-align: center; font-size: 0.875em; padding:2px 10px;}
.joinViewTable td span.finish{ display: inline-block; background-color:#d3d3d3; color: #fff; border-radius: 10px;text-align: center; font-size: 0.875em; padding:2px 10px;}
.joinViewTable td textarea{ resize: none; width: 100%; height: 100px; border: 1px solid #c9c9c9;}

.replyWrap{ width: 100%; border-top:1px solid #3e3e3e; border-bottom: 1px solid #3e3e3e; padding:0 10px; background-color: #f7f7f7; margin-top: -1px;}
.replyBox{ width: 100%; position: relative; padding-left: 15px; margin: 15px 0;}
.replyBox h3{ font-size: 0.8em; position: relative; text-align:left;}
.replyBox h3::before{ content: ''; background: url(/mobile/images/icon_reply.svg) center center no-repeat; background-size: 17px 17px; position: absolute; left: -20px; top:-4px; width: 17px; height: 17px;}
.replyBox h3 span{ float: right;}
.replyBox p{ font-size: 0.875em; padding:4px 0;}
.replyBox button{ border:0; border-radius: 3px; display: inline-block; padding: 2px 4px; margin-right: 7px;}
.replyBox button.modify{ border:1px solid #333; color: #fff; background-color: #4e4e4e;}
.replyBox button.delete{ border:1px solid #333; color: #333; background-color: #fff;}

.joinBtnBox{ width: 100%; padding:1em;}
.joinBtnBox li{ width: 100%; font-size: 0; margin: 8px 0; text-align: center;}
.joinBtnBox li a{ width: 24.2%; margin-right: 1%; border:1px solid #878787; text-align: center; color:#878787; background-color: #fff; padding: 8px 0; display: inline-block; font-size: 16px;}
.joinBtnBox li a:last-of-type{ margin-right: 0;}
.joinBtnBox li a.joinOk{ width: 100%; background-color:#2b6d39; color: #fff; font-weight: bold; padding: 10px 0; text-align: center; box-shadow: 5px 5px 0 #efefef;}


/* score */
.commonTable2{ width: 100%;  border-top:1px solid #383838; border-bottom:1px solid #747474; table-layout: fixed; font-size: 0.8em;}
.commonTable2 thead th{ border-bottom:1px solid #8b8b8b; background-color: #e3e3e3; text-align: center; padding:7px 0; vertical-align: middle; color: #1c1c1c;}

.commonTable2 td{ border-top:1px solid #c3c3c3; text-align: center; padding:10px 0; vertical-align: middle;}
.commonTable2 td.title{ text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer;}
.commonTable2 td.title span{ color:#ff8800; font-family: 'Nanum GothicB';}
.commonTable2 td img{ vertical-align: middle; width: 20px;}
.commonTable2 td.lastTd{ text-align: center; color: #ddd;}
.commonTable2 tr:last-child td{ border-bottom:0;}

/*------ club/greeting -------*/
/* fee */
.feeTable{width:100%;margin-bottom: 10px;border-radius:15px;}
.feeTable th {background-color:#575f74;color:#fff;line-height:45px;font-size:15px;}
.feeTable thead th:first-child{ border-radius: 10px 0 0 0;}
.feeTable thead th:last-child{ border-radius: 0 10px 0 0;}
.feeTable th.leftTh{background-color:#f1f1f1;color:#535252;border-bottom:1px solid #dedede;}
.feeTable th.border{border-bottom:1px solid #dedede;}
.feeTable td {border-bottom:1px solid #dedede;line-height:50px;font-size:15px;text-align:center;background:#fafafa;color:#535252;font-weight:600;}

.commonDot{font-size:1.1em;font-weight:600;color:#352e2e;letter-spacing:-0.5px;}
.marginTop{margin-top:2em;}

.feeText{ width: 98%; margin: 0 auto; font-size: 0.825em; word-break: keep-all; white-space: pre-line; line-height: 1.625em; font-weight: 300;}
.feeText h2{ font-size: 1.25em; font-weight: 400; line-height: 1.3em;}
.feeText p{ width: 98%; font-size: 1.2em; color: #4e4e4e; font-weight: 400; margin: auto;}


/* intro */
.clubWrap{ width: 100%;}
.clubWrap h1{ text-align: center; font-size:1.2em;font-weight: 400; padding: 1em 0;}

.introBox{ width: 100%; max-width: 640px;  display: block;}
.introBox h2{ font-size: 1.2em; font-weight: 400; padding: 0.5em 0.3em 0;}
.introBox p{ width: 100%; font-size:1.0em; font-weight: 300; color: #646464; padding: 0.4em 0.4em 1.4em; margin: auto;  display: block;}
.introBox img{width: 100%; height: auto; display: block;}

.clubWrap2{ width: 100%; clear: both; display: block; padding-top: 15px;}
.clubWrap2 img{width: 100%; height: auto; display: block;}
.clubWrap2 p{ width: 98%; font-size: 1.0em; color: #646464; font-weight: 400; margin: auto;}

.preLineText{ width: 98%; margin: 0 auto; font-size: 0.825em; word-break: keep-all; white-space: pre-line; font-weight: 300;}
.preLineText h2{ font-size: 1.25em; font-weight: 400; line-height: 1.0px;}
.preLineText p{ width: 98%; font-size: 1.1em; color: #686868; font-weight: 400; margin: auto;}

/* board */
.commonTable{ width: 100%;  border-top:1px solid #989898; border-bottom:1px solid #989898; table-layout: fixed;}
.commonTable th{ border-bottom:1px solid #989898; background-color: #e7e7e7; text-align: center; padding:5px 0; font-size: 0.7em; letter-spacing: -1px;}
.commonTable td{ border-bottom:1px solid #989898; text-align: center; padding:5px 0; font-size: 0.7em;letter-spacing: -1px; 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;}
.commonTable td.lastTd{ text-align: center; color: #ddd;}
.commonTable tr:last-child td{ border-bottom:0;}

.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: 15%; text-align: center; padding: 10px 0; font-size: 0.7em; vertical-align: middle;}
.commonTable_v2 td{ border-bottom:1px solid #c3c3c3; width: 35%; padding:5px 0 5px 10px; font-size: 0.7em; line-height: 20px;}
.commonTable_v2 td.title{ text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.commonTable_v2 td.bContents{ padding:10px; text-align: left;}
.commonTable_v2 td.bContents img{ max-width: 100%; display: block;}
.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: 35px;}
.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:60%;height:30px;padding-left:10px;margin-right:5px;line-height:30px;border:1px solid #e1e1e1;background-color:#fff;vertical-align:middle;}
.commonTable_v2 .fileName2 {display:inline-block;width:200px;height:30px;padding-left:10px;margin-right:20px;line-height:30px;border:1px solid #e1e1e1;background-color:#fff;vertical-align:middle;}
.commonTable_v2 .btn_file {display:inline-block;background:#707070;width:150px;height:30px;line-height:30px;text-align:center;vertical-align:middle;color:#fff;font-size:12px;}
.commonTable_v2 .btn_file.file2 {background:#d8d8d8;width:70px;color:#606060;border:1px solid #a0a0a0; font-size: 0.75em;}
.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}

/* gallery */
.galleryListBox{padding-top:15px;}
.galleryListBox .galleryBox{width:90%;border:#e4e4e4 solid 1px;display:block;margin:0 auto 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-size:15px;color:#111111;padding:10px 0;text-overflow:ellipsis;}
.galleryListBox .galleryBox .gallBoxCont .gallery .gallDate{font-size:12px;color:#7f7f7f;}
.galleryListBox .galleryBox .gallBoxCont .gallery .gallBtn{background:#43525a;text-align:center;width:90px;height:27px;line-height:27px;border-radius:10px;color:#fff;font-size:12px;margin-top:15px;display:block;}

.commonTable td.viewTitle { text-align: left; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; padding: 5px 20px;}
.commonTable tr.bg_reply td{ background-color: #f6f6f6;position: relative; background-clip: padding-box;}
.commonTable tr.bg_reply .reply{ text-align: left; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; padding-left: 60px; cursor: pointer;}
.commonTable tr.bg_reply .reply::before{ content: ''; background: url('/mobile/images/reply.png') center center no-repeat; background-size:100%;width: 20px; height:17px;display: inline-block; position: absolute; top:7px; left: 30px;}
.commonTable tr.bg_reply .reply b{ font-weight: 400;}
.commonTable .new{ display: inline-block; border-radius: 10px; background-color: #f06019; color: #fff; text-align: center; padding: 0 5px; font-size:10px; vertical-align: middle; margin: 0 6px; text-transform: uppercase;}
.commonTable .border0{ border-left:0;}
.commonTable .joinCon{ text-align: left; padding: 40px; line-height: 28px;}
.commonTable td textarea{ height: 200px; overflow-y: scroll; resize: none; border:1px solid #c9c9c9; width: 100%; padding:10px;}
.commonTable td .replyInput{width:100%;height:32px;padding-left:10px;border:1px solid #c9c9c9;}


/* course */

.introImg{width:100%;}
.introImg > img{width:98%; display:block;  margin: auto; vertical-align: middle; }

.holeNumBox{overflow:hidden;width:100%;padding:0 0.5em 0.5em; }
.holeNumBox .holeNum{float:left;font-size:3.7em;color:#5f1e7a;font-weight:700;width:10%; letter-spacing: -2px;}
.holeNumBox .holeText{float:left;width:48%; }
.holeNumBox .holeText .hole1{font-size:1.2em;color:#626367; margin: 2.3em 0 0 2em;}
.holeNumBox .holeText .hole2{font-size:1.2em;color:#626367; margin: 2.3em 0 0 0.2em;}
.holeNumBox > select{float:left; height:30px;padding:0.3em 0;text-indent:2%;margin-top:3em;}

.courseImg img{ max-width: 100%; display: block; margin: auto;}
.courseText li{ width: 96%; font-size:1.0em; padding-bottom: 1em; white-space: pre-line; color: #686868; word-break: keep-all; margin: 0px auto;}
.courseText h2{ width: 100%; font-size:1.1em;font-weight: 400; padding-bottom: 0.4em;padding-left: 10px; white-space: pre-line; color: #8dc63f; word-break: keep-all;}


.courseTable{ width: 100%;  border-top:1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 10px; font-size: 0.625em;}
.courseTable th{padding:10px 0;vertical-align: middle;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd; background-color: #ececec;}
.courseTable td{padding:6px 0;text-align:center;line-height: 22px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.courseTable th:last-child, .courseTable td:last-child{border-right:0;}

.courseTable tr:nth-of-type(2) td:first-child{ background-color: #378bcc; color: #fff;}
.courseTable tr:nth-of-type(3) td:first-child{ background-color: #e6e6e6; color: #515151;}
.courseTable tr:nth-of-type(4) td:first-child{ background-color: #f1312c; color: #fff;}


.courseTable2{width:100%;font-size:0.9em;}
.courseTable2 th{text-align:center;padding: 0.2em 0;border-top:1px solid #bbbbbb;border-bottom:1px solid #dddddd;}
.courseTable2 td{padding: 0.2em 0;text-align:center; border-bottom:1px solid #bbbbbb;} 
.courseTable2 th:nth-of-type(3){ background-color: #378bcc; color: #fff;}
.courseTable2 th:nth-of-type(4){ background-color: #5a5a5a; color: #fff;}
.courseTable2 th:nth-of-type(5){ background-color: #cc3756; color: #fff;}

.courseImg{width:100%;}
.courseImg > img{width:50%;display:block;}

/* gallery */
.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:10px;
  width: 100%;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
  text-indent: -9999px;
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  outline: 0;
  border-radius: 50%;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  	background: #fff;
	width: 12px;
    height: 12px;
    margin-bottom: -1px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active{
	width: 24px;
	border-radius: 8px;
}
.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;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-prev {
  left:5px;
  background:url(../images/g_arw_l.png) no-repeat;
}
.bx-wrapper .bx-next {
  right:5px;  
  background:url(../images/g_arw_r.png) no-repeat;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  outline: 0;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  z-index: 70;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

.facilMap{ background-color: #f8f8f8; padding: 1em; margin: 0.5em 0; border:1px solid #ddd;}
.facilMap img{ max-width: 100%; margin: auto;  display: block;}

/*local*/
.localWrap{ width: 100%; padding: 20px 0 10px;}
.localWrap li{ padding: 1.0em; line-height: 1.6em; word-break: keep-all; font-size: 0.9em;}
.localWrap li:nth-child(2n-1){ background-color:#e7e7e7;}

.commonTable3{ width: 100%;  border-top:1px solid #3e3e3e; border-bottom:1px solid #30323c; table-layout: fixed; font-size: 0.8em; line-height: 1.7em;}
.commonTable3 thead th{ border-bottom:1px solid #30323c; background-color: #30323c; text-align: center; padding:10px 0; vertical-align: middle; color: #fff;}
.commonTable3 td{ border-top:1px solid #c3c3c3; border-right: 1px solid #c3c3c3; text-align: center; padding:10px 0; vertical-align: middle; border-left: 1px solid #c3c3c3;}
.commonTable3 td:first-child{border-left: 0;}

.commonTable6{ width: 100%;  border-top:1px solid #6e6e6e; border-bottom:1px solid #30323c; table-layout: fixed; font-size: 0.8em; line-height: 1.7em;}
.commonTable6 thead th{ border-bottom:1px solid #6e6e6e; background-color: #30323c; text-align: center; padding:10px 0; vertical-align: middle; color: #fff;}
.commonTable6 thead th{ background-color: #303132; text-align: center; padding:8px 0; color: #fff;border: 1px solid #dedede; vertical-align: middle;}
.commonTable6 tbody th{ border-bottom:1px solid #6e6e6e; background-color: #30323c; text-align: center;  padding: 12px 0; vertical-align:middle; border-right: 1px solid #dedede; border-top: 1px solid #6e6e6e; color: #fff;}
.commonTable6 td{ border-top:1px solid #6e6e6e; border-right: 1px solid #c3c3c3; text-align: center; padding:10px 0; vertical-align: middle; border-left: 1px solid #c3c3c3;}
.commonTable6 td:first-child{border-left: 0;}


/* facil */
.pSlide{ margin: 20px 0;}
.facilText{ width: 98%; padding: 1em 0.6em; text-align: center;}
.facilText h2{ font-weight: 400; font-size: 1.0em; padding-bottom: 10px; letter-spacing: -1px;}
.facilText p{ font-size: 1.0em; letter-spacing: -1px; word-break: keep-all; line-height: 1.5em; color: #545454; padding:1em ;}

.facilMenu{ width: 96%; margin: 0 auto; padding: 1em 0; border-top:2px solid #c9c9c9; border-bottom: 2px solid #c9c9c9;}
.facilMenu h1{ font-size:1em; padding:0.5em 0;}
.facilMenu h1 i{color: #eb6922;}
.facilMenu h2{ font-weight: 400; font-size: 0.825em; padding-top: 5px; letter-spacing: -1px;}
.facilMenu p{ font-size: 0.785em; letter-spacing: -1px; word-break: keep-all; line-height: 1.5em; color: #545454; padding:0 1em;}

.ave-logo{margin: 0 auto; padding: 0; text-align: center; display: inline-block; width: 100%;}
.ave-logo img{width: 40%;}

.cInfoBox{ width: 98%; margin: 0 auto;}
.cInfoBox .title span{ font-size: 0.75em;}

.cInfoText{ width: 98%; margin: 0 auto; font-size: 0.825em; word-break: keep-all; white-space: pre-line; line-height: 1.625em; font-weight: 300;}
.cInfoText h2{ font-size: 1.25em; font-weight: 400; line-height: 1.3em;}
.cInfoText p{ width: 98%; font-size: 1.2em; color: #4e4e4e; font-weight: 400; margin: auto;}

.facilNumBox{overflow:hidden;width:100%;padding:0 0.5em;}
.facilNumBox .holeNum{float:left;font-size:3.7em;color:#5f1e7a;font-weight:700;width:10%; letter-spacing: -2px;}
.facilNumBox .holeText{float:left;width:48%; }
.facilNumBox > select{float:right; height:30px;padding:0.3em 0;text-indent:2%;margin-top:1em;}
/*
.facilText{ width: 96%; margin: 0 auto; padding: 10px 0; font-size: 0.825em; word-break: keep-all; white-space: pre-line; line-height: 1.625em; font-weight: 300;}
.facilText h2{ font-size: 1.25em; font-weight: 400; line-height: 1.0px;}
.facilText p{ width: 96%; font-size: 1.1em; color: #686868; font-weight: 400;}
*/

/* facil table*/
.commonTable4{ width: 100%;  border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3; table-layout: fixed; font-size: 0.8em;}
.commonTable4 thead th{ border-bottom:1px solid #b3b3b3; background-color: #e3e3e3; text-align: center; padding:10px 0; vertical-align: middle; color: #1c1c1c;}

.commonTable4 td{ border-top:1px solid #b3b3b3; text-align: center; padding:10px 0; vertical-align: middle;line-height: 11px;}
.commonTable4 td.title{ text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; line-height: 11px;}
.commonTable4 td.title span{ color:#ff8800; font-family: 'Nanum GothicB';}
.commonTable4 td img{ vertical-align: middle; width: 20px;}
.commonTable4 td.lastTd{ text-align: center; color: #ddd;}
.commonTable4 tr:last-child td{ border-bottom:0;}

/* map */
#daumRoughmapContainer1641804827011{width:100%; margin-top: 20px;}

.mapWrap{ width: 98%; margin: 0 auto; padding: 0.7em 0;}
.mapWrap h1{ font-size:1.1em; padding:0.5em 8px;}
.mapWrap h1 i{color: #eb6922;}
.mapWrap h1 i.purple{ color:#343865;}
.mapWrap p{ font-size: 1.0em; letter-spacing: -0.5px; word-break: keep-all; line-height: 1.5em; color: #545454; padding:0 1em; white-space: pre-line;}
.mapBox{ margin: 0 10px; text-align: center;}
.mapBox img{ width: 100%;}
.mapBox p{font-size: 0.785em; letter-spacing: -1px; word-break: keep-all; line-height: 1.5em; color: #545454; padding:0 1em;}

/*range*/
.rangeWrap{ width: 100%;}
.rangeWrap h1{ text-align: center; font-size:1.2em;font-weight: 400; padding: 1em 0;}
.rangeBox{ width: 100%; }
.rangeBox img{ width: 100%; height: auto;}
.rangeBox p{ width: 96%; font-size:1.0em; letter-spacing: -0.5px; color: #4e4e4e; margin: auto;}
.rangeBox ul{ width: 100%; display: inline-flex;}
.rangeBox ul li{ font-size: 0.785em; letter-spacing: -1px; word-break: keep-all; line-height: 1.5em; color: #545454; padding-left: 2%;}

.rangeBox2{ width: 100%; clear: both; display: block; padding-top: 15px;}
.rangeBox2 img{ width: 100%; height: auto; display: block;}
.rangeBox2 p{ font-size: 1em; letter-spacing: -1px; word-break: keep-all; line-height: 1.5em; color: #000; padding:1em;}

.rangeText{ width: 98%; margin: 0 auto; padding: 10px 0; font-size: 0.825em; word-break: keep-all; white-space: pre-line; line-height: 1.625em; font-weight: 300;}
.rangeText h2{ font-size: 1.25em; font-weight: 400; line-height: 1.0px;}
.rangeText p{ width: 98%; text-align: center; font-size: 1.1em; color: #4e4e4e; font-weight: 400; margin: auto;}

.rangeDot{font-size:1.1em;font-weight:600;color:#352e2e;letter-spacing:-0.5px;}

.rangeNumBox{overflow:hidden;width:100%;padding:0 0.5em;}
.rangeNumBox > select{float:right; height:30px;padding:0.3em 0;text-indent:2%;margin-top:1em;}

.proBox{ width: 100%; border-radius: 40px; background-color: #f8f8f8; padding: 0 10px 10px; }
.proBox h1{ font-size: 22px; padding-bottom: 20px; font-weight: 500; display: none;}
.proBox ul{ width: 100%;}
.proBox ul li{ width: 100%; text-align: left; padding:15px 0;}
.proBox ul li h2{font-size: 14px; font-weight:500; padding-bottom: 8px;}
.proBox ul li h2 span{ color: red;}
.proBox ul li p{ line-height: 1.4em; font-size: 14px;}
.proBox .etc{font-size: 14px; line-height: 20px; color: #7a7a7a; padding: 10px;}

.proBox_new{ 
    width: 100%;
    padding: 0 10px 10px;
}
.proBox_new ul{ 
    display: flex;
    gap: 16px 2%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
}
.proBox_new ul li{
    flex: 0 0 49%;
    border: 1px solid #ddd;
}
.proBox_new ul li h2{
    font-size: 0.875rem;
    font-weight: 500;
    padding: 8px 8px 2px;
}
.proBox_new ul li p{
    font-size: 0.81rem;
    word-break: keep-all;
    padding: 8px;
}
.proBox_new ul li p span{
    font-size: 0.81rem;
}
.proBox_new ul li figure{
    width: 100%;
}
.proBox_new ul li figure img{
    width: 100%;
}

.preLineText{ width: 98%; margin: 0 auto; font-size: 0.825em; word-break: keep-all; white-space: pre-line; font-weight: 300;}
.preLineText h2{ font-size: 1.3em; font-weight: 400; line-height: 1.0px; padding: 0.3em 0.3em 0;}
.preLineText p{ font-size: 1.1em; color: #383838; font-weight: 400; margin: auto;}


.commonTable5{ width: 100%;  border-top:1px solid #3e3e3e; border-bottom:1px solid #30323c; table-layout: fixed; font-size: 0.8em; line-height: 1.5em;}
.commonTable5 thead th{ border-bottom:1px solid #fff;  border-right:1px solid #fff; background-color: #30323c; text-align: center; padding:10px 0; vertical-align: middle; color: #fff;}
.commonTable5 td{ border-top:1px solid #c3c3c3; border-right: 1px solid #c3c3c3; text-align: center; padding:10px 0; vertical-align: middle; border-left: 1px solid #c3c3c3;}
.commonTable5 td:first-child{border-left: 0;}

/*--------------- board ---------------*/
.boardTxt{text-align:center;font-size:0.875em;margin-bottom:25px;line-height:1.5em; word-break: keep-all; padding:0 1em;}
/* write */
.boardTable{ width: 100%; border-top:2px solid #979797; border-bottom:1px solid #3e3e3e; table-layout: fixed;}                                   
.boardTable th{ background-color:#f6f6f6; border-bottom:1px solid #b4b4b4;border-right:1px solid #b4b4b4;text-align: center; padding: 10px 0; font-size: 0.9em; vertical-align: middle;}
.boardTable th:last-child{border-right:0;}
.boardTable td{border-bottom:1px solid #b4b4b4; border-right:1px solid #b4b4b4;width: 35%;font-size: 0.85em; line-height: 20px;word-break:break-all;padding:7px 0;vertical-align:middle; text-align: center;}
.boardTable td.left{ text-align: left; padding: 10px;}
.boardTable td:last-child{border-right:0;}
.boardTable td.title{ text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding:0 10px;}
.boardTable td.boardCont{ padding:5px; }
.boardTable td.boardCont > img{display:block;width:100%;}

.boardTable td .inputBtn{display:block;width:94%;height:32px;font-size:0.9em;margin:-1px auto 0;border-radius:7px; border: 0;}

.boardTable td input[type="text"],.commonTable td input[type="password"],.commonTable td input[type="number"]{ height: 30px;}
.boardTable td select{ height: 30px; font-size: 0.8em;}
.boardTable td textarea{ height: 200px; overflow-y: scroll; resize: none; border:1px solid #ddd; width: 100%; padding:10px;}
.boardTable td textarea.h100{ height: 100px;}
.boardTable .fileName {display:inline-block;width:60%;height:30px;padding-left:10px;margin-right:5px;line-height:30px;border:1px solid #e1e1e1;background-color:#fff;vertical-align:middle;}
.boardTable .fileName2 {display:inline-block;width:200px;height:30px;padding-left:10px;margin-right:20px;line-height:30px;border:1px solid #e1e1e1;background-color:#fff;vertical-align:middle;}
.boardTable .btn_file {display:inline-block;background:#707070;width:150px;height:30px;line-height:30px;text-align:center;vertical-align:middle;color:#fff;font-size:12px;}
.boardTable .btn_file.file2 {background:#d8d8d8;width:70px;color:#606060;border:1px solid #a0a0a0; font-size: 0.75em;}
/*.boardTable input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
*/
.boardTable td .txtInput{height:30px;background:#fff;width:70%;border: 1px solid #e1e1e1;}

/*--------------- insta ---------------*/
.section2{ width: 90%; margin: auto;}
.section2 .instaTit{ width: 100%; overflow: hidden;}
.section2 .instaTit h1{ width: 40px; float: left;  margin-right: 10px;}
.section2 .instaTit h1 img{ width: 100%;}
.section2 .instaTit ul{ float: left;}
.section2 .instaTit ul li{ font-size: 18px; line-height: 1.1em; font-weight: 500;}
.section2 .instaTit ul li span{ font-weight: 300; font-size: inherit;}
.section2 .instaTit ul li.gray{ color: #888; font-weight: 300;}
.section2 .instaTit p{ clear: both; float: left; margin: 10px 0; font-size: 12px; position: relative;}
.section2 .instaTit p::after{ content: ''; position: absolute; width: 40px; height: 1px; top:10px; left: 100px; background-color: #000;}

.instaBoxWrap{ width: 100%; font-size: 0;}
.instarBox{ display: inline-block; width: 31%; margin: 1%; overflow: hidden; position: relative;}
.instarBox::after{ content: ''; display: block; padding-bottom: 100%;}
.instarBox .inner{ position: absolute; width: 100%; height: 100%;}
.instarBox .inner img{ width: 100%; height: 100%; object-fit: cover;}

/*--------------- parking ---------------*/
.parkingText{ width: 98%; margin: 0 auto; font-size: 0.825em; word-break: keep-all; white-space: pre-line; font-weight: 300;}
.parkingText h2{ font-size: 1.25em; font-weight: 400; line-height: 1.0px;}
.parkingText p{ width: 96%; font-size: 1.15em; color: #686868; font-weight: 400; margin: auto;}

.parkingImg{width:100%;}
.parkingImg > img{width:98%; display:block;  margin: auto; vertical-align: middle; }


/*reser_layerPopup*/
.commonPop{  
	border: 6px solid #81ba32;
    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: 90%; height: 90%; padding: 2em 1em; overflow:auto;}
.commonPop h2.mainTit{ font-size: 22px; padding-bottom: 15px; font-weight: 600;}
.commonPop h2.mainTit img{ vertical-align: middle;}
.commonPop .commonTxt{ line-height: 1.5em; letter-spacing: -0.5px;}
.commonPop p{line-height: 1.7em; margin: 10px 0; }
.infoBtn{margin: 30px 0;}
.infoBtn a{padding: 10px; background: #81ba32; color: #fff;}

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

/* qr, visit */
.commonTitle{margin:30px auto;}
.commonTitle > li{text-align:center;margin-bottom:5px;}
.commonTitle > li.title{font-size:1.4em;color:#474747;font-weight:500;}
.commonTitle > li.midBar{width:40px;height:2px;background:#5e1e79;margin:0 auto;}

.joinEnterWrap{border:1px solid #ddd; padding:0.5em 1.5em; text-align: center; border-radius: 20px;}
.biglogo{text-align: center; position: relative; padding:0.875em 0; margin: auto; width: 100px;}
.biglogo svg{ fill:none; stroke-width:0; width:100%; display: block; max-height: 50px; padding-bottom: 10px;}
.biglogo path.st1{ fill:#00535E;}
.biglogo path.st0{ fill:#C1D82F;}
.biglogo polygon.st1{ fill:#00535E;}
.biglogo rect{ fill:#00535E;}

.loginCont{width:100%;margin:20px auto;overflow:hidden;}
.pw-title{text-align: left; font-size: 0.85em; margin-bottom: 0.5em;}
.loginCont .loginInput{float:left; width: 60%;}
.loginCont .loginInput li input{text-indent:10px; height:40px;border:1px solid #e0e0e0;margin-bottom:8px; width: 100%;}
.loginBtn{ float: right; background:#5e1e79;color:#fff;border:1px solid #fff;box-shadow:3px 3px 0 #dddddd; width: 38%; text-align: center; padding: 36px 0;}

.biglogo rect.st0{ fill:#818285;}
.biglogo path.st0{ fill:#818285;stroke:#818285;stroke-width:0.5;}
.biglogo path.st1{ fill:#8DC63F;}
.biglogo path.st2{ fill:#5E1E79;}
.biglogo path.st3{ fill:#F99D1B;}
.biglogo path.st4{ fill:#008D5C;}
.biglogo path.st5{ fill:#00A1E4;}
.biglogo path.st6{ stroke:#000000;stroke-width:2;stroke-miterlimit:10; fill:#000;}
.biglogo path.st7{ fill:#D80C8C;}


.qr-box{margin: 2em auto 1.5em;width: 240px;height: 240px;text-align: center;position: relative; background: url(/mobile/images/bg_qr.png) center center; background-size: cover; padding-top: 20px; background-color: #fff;}
/*.qr-box{ margin: 2em auto 1.5em; width: 200px; height: 200px; text-align: center; position: relative;}*/
.qr-box .block{ position: absolute; top:0; left: 0; right:0; bottom: 0; background-color: rgba(0,0,0,0.9);}
.qr-box .block button{ display: inline-block; width: 40px; height: 40px; background-color: #fff; color: #383838; border-radius: 50%; margin: auto; font-size: 1.5em; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%)}
    
.reset-time{ margin: 2em auto; text-align: center;}
.reset-time p{ text-align: center; font-size: 0.875em; padding-bottom: 10px;}
.reset-time .time{ color: red; font-size: 1.5em; display: block;}
    
.btn-pw-change{ width: 60%; margin:10px auto;}
.btn-pw-change a{ width: 100%; padding:10px;text-align:center;border:1px solid #bfbfbf; color:#727272; background:#fff; font-size: 0.875em; display: block;}

/* popup */
.login-pop{ width: 86%; margin: auto; border:2px solid #5e1e79; border-radius: 20px; background-color: #fff; padding: 1em; text-align: center; position: fixed; z-index: 1010;}
.login-pop h1{}
.login-pop h1 img{ width: 60px;}
.login-pop p{ font-size: 1em; word-break: keep-all; line-height: 1.5em; padding: 1em 0;}

.btn-login-pop{ width: 80%; margin:10px auto; display: flex; justify-content: space-between;}
.btn-login-pop a{ width: 48%; padding:10px;text-align:center;border:1px solid #bfbfbf; color:#727272; background:#fff; font-size: 0.875em; display: inline-block;}
.btn-login-pop a.on{ background-color: #5e1e79; color: #fff; border:1px solid #5e1e79;}

/* visit */
.commonTit{padding:35px 0;}
.main_tit{ font-size: 1.25em; color: #3e3e3e; width: 100%; text-align: center; padding-bottom: 10px; font-weight: bold;}
.midBar{ height: 1px; width: 16px; border-bottom: 1px solid #3e3e3e; margin: auto;}

.theBox{ width: 90%; margin: 0 auto; border-radius: 10px; background-color: #fff; box-shadow: 1px 1px 13px 0 rgba(232,232,232,1); overflow: hidden;}

.mStep1{ padding:0.875em; position:relative; display: flex; align-items: center; justify-content: space-between;}
.mStep1 .nameBox{ padding:0 0.5em; overflow: hidden;}
.mStep1 .nameBox strong{ font-size: 1.5em; font-weight: 500; letter-spacing:-1px; float:left; }
.mStep1 .nameBox span{ padding:0.3em 0.5em; background-color: #5e1e79; border-radius: 20px; color: #fff; font-size: 0.78em; letter-spacing:-1px; display:inline-block; margin: 6px 0 0 5px;}

.mStep1 .barcode{width: 45%; font-size: 0.875em; text-align:center;}
.padding10{padding:10px 0;}
.mStep1 .barcode table{ margin:auto;}
.mStep1 .barcode table td.b{ background: url(/images/black.svg) center center no-repeat; width: 4px; height: 4px;}
.mStep1 .barcode table td.w{ background: url(/images/white.svg) center center no-repeat; width: 4px; height: 4px;}

.mStep1 .mPoint{ clear:both; display: inline-block; width: 50%; float: left;}
.mStep1 .mPoint img{ height: 25px; padding:0 5px; vertical-align: middle;}
.mStep1 .mPoint a{ color: #ea5815; text-decoration: underline; }

.mStep1 .mCoupon{ display: inline-block; width: 50%; float: left;}
.mStep1 .mCoupon a{ color: #ea5815;text-decoration: underline; }
.mStep1 .mCoupon img{ height: 25px; padding:0 5px; vertical-align: middle;}

.mStep2{ padding: 1em; line-height: 1.4em; position:relative;}
.mStep2 .kImg{  float: left; padding:0px 10px;}
.mStep2 .kImg img{ height: 54px; vertical-align:middle;}
.mStep2 .lNumber{  float: left; width: 100%;}
.mStep2 .lNumber h2{ font-size: 1em; letter-spacing: -1px;}
.mStep2 .lNumber h3{ font-size: 2em; letter-spacing: -1px; font-weight: bold;}
.mStep2 a{ border:1px solid #ddd; border-radius: 13px; padding:0.5em 1em; vertical-align:middle; box-shadow: 2px 3px 0px 0 rgba(232,232,232,1);  float: right; font-size:0.75em; width:50%; color:#444; text-align:center; letter-spacing:-1px;}
.mStep2 a img{ height: 30px; vertical-align:middle;}

.blind{ background-color: #fff; position: absolute; top:0; left: 0; right: 0; bottom:0; width: 100%; z-index: 10; opacity: 0.9;}

.mStep2 .lNumber{  float: left; width: 100%;}
.mStep2 .lNumber h2{ font-size: 1em; letter-spacing: -1px;}
.mStep2 .lNumber h3{ font-size: 2em; letter-spacing: -1px; font-weight: bold;}

.mStep2 .kImg{  float: left; padding:0px 10px;}
.mStep2 .kImg img{ height: 54px; vertical-align:middle;}

.mStep3{ padding: 0.5em; position:relative;}
.mStep3 .itBox{ float: left; margin:4px 0px; width: 20%; text-align: center; position: relative; display: inline-block; }
.mStep3 .itBox img{width:80%;}
.mStep3 .itBox .stamp{ position: absolute; top:40%; right:-20%; width: 100%;}
.mStep3 .itBox .stamp img{ width:60%;}
.mStep3 h2{ clear: both; text-align: left; font-size: 0.875em; padding:10px 0;}
.mStep3 h2 span{ color: #ff8800;}

.TableStyle3{ width: 100%; font-size: 0.925em; margin-top:0.3em;}
.TableStyle3 th{border-bottom: 1px solid 333; font-size: 0.925em; color: #909090; border-bottom: 1px solid #5f5e5e; padding:8px 0;}
.TableStyle3 td{border-bottom: 1px solid #d3d3d3; padding:8px 0; text-align: center;}

.TableStyle3.top{ border-top:1px solid #333;}
.TableStyle3.top td:nth-of-type(2){ font-weight:bold;}
.TableStyle3.top td:nth-of-type(3){ color:#ac42ac;}

.pr{position:relative;}
.pt20{ padding-top:20px;}

.TableStyle4{ width: 100%; font-size: 0.925em; margin-top:0.3em;}
.TableStyle4 th{border-bottom: 1px solid #ddd; font-size: 0.925em; color: #909090; border-bottom: 1px solid #5f5e5e;padding:8px 0;}
.TableStyle4 td{border-bottom: 1px solid #d3d3d3; padding:8px 0; text-align: center;}
.TableStyle4 td label:first-child{ margin-left: 0px;}
.TableStyle4 td label{ margin-left: 6px;}
.TableStyle4 td input[type="text"],.TableStyle4 td input[type="number"]{ border:1px solid #b5b5b5; height:40px; width:96%; text-align:center; text-indent: 0;}
.TableStyle4 td input::placeholder{ color:#d3d3d3; padding: 5px; font-weight: 300; }
.TableStyle4 td input[type=checkbox]{ vertical-align: middle;margin-bottom: -1px; margin-right:2px; border:1px solid #b5b5b5;}
.TableStyle4 td input[type=radio]{ vertical-align: middle; margin-right:2px;}
.TableStyle4 td input[type=radio] + label{vertical-align:middle;}
.TableStyle4 td img.x{display: inline-block; vertical-align: middle;}

.btn-add-box{
	width: 100px;
	padding: 40px 0 30px;
	margin: auto;
	text-align: center;
}
.btn-add-with{
	color: #bababa;
	text-align: center;
	display: inline-block;
	font-size: 1em;
}
.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;
}
.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;
}

.btnWrap3{ width: 90%; margin: 0 auto 1em; padding:1em 0; overflow: hidden;}
.btnWrap3 a{ width:100%; float:left; color: #fff; background-color:#949494; font-size: 1em; margin-right: 4%; padding: 0.875em 0; display: inline-block; text-align: center; border-radius: 15px; box-shadow: 5px 5px 0px 0 rgba(232,232,232,1); display:inline-block;}
.btnWrap3 a:last-child{margin-right: 0;}
.btnWrap3 a.on{ background-color: #000;}

.btn_Choice{ display: inline-block; color: #fff; background-color:#7b7b7b; padding: 0.3em 1em; font-size : 0.875em;  border-radius: 10px;}
.btn_Choice.on{ background-color:#ea5815;}


/*partner*/
.TableStyle1{ width: 100%; border-top: 1px solid #444; border-bottom: 1px solid #ddd;font-size: 0.925em; margin-top: 0.5em;}
.TableStyle1 th{border-bottom: 1px solid #ddd; color: #909090;padding:8px 0;}
.TableStyle1 td{border-bottom: 1px solid #ddd; padding:8px 0;}
.TableStyle1 td strong{ font-weight: bold;}


/*240715*/
.scroll-area{
    width: 100%;
    height: 450px;
    overflow-y: auto;
}
.scroll-area .reserTable{
    border-top: 0;
}
.scroll-area .reserTable .time0{
    color: #fff;
    background-color: #4D4D4D;
}
.scroll-area .reserTable .time1{
    color: #fff;
    background-color: #757575;
}
.scroll-area .reserTable .time2{
    color: #fff;
    background-color: #9A9A9A;
}
.scroll-area .reserTable .time3{
    color: #fff;
    background-color: #BDBDBD;
}
.scroll-area .reserTable .time4{
    color: #4d4d4d;
    background-color: #e1e1e1;
}