@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; min-height: 430px;}
#wrap .contents2{width:98%;margin:0 auto; overflow: hidden; padding:0px 0 20px;}
#wrap .contents3{width:100%; overflow: hidden; padding:20px 0 50px;}

/*main*/
.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:#84af3b;color:#fff;border:1px solid #ffffff;}
.whiteBtn{background:#ffffff;;color:#6e6e6e;border:1px solid #959595;}
.grayBtn{background:#6e6e6e;color:#fff;border:1px solid #ffffff;}

.bg_skyGray{ background-color: #7b98aa;}
.bg_darkGray{ background-color: #333;}
.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: 10px; background-color: #eeeeee;}
.btnBox a.next{background:#394E5E;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;}

/* font color, style */
.red{ color: #c42b2b;}
.blue{ color: #2b5ac4;}
.yellow{ color: #ffd28a !important;}
.white{ color: #fff;}
.brown{ color: #786456;}
.orange{ color: #f16b6b;}
.gray{ color: #838383;}
.grayBrown{ color: #8a7a6b;}
.green{color:#84af3b;}

.font75{ font-size: 0.75em;}

.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;}

.padding10{ padding:10px 0;}
.padding20{ padding:20px 0;}
.margin20{ margin: 20px 0;}
.wp90{ width:90%;}

.f_r{ float: right;}

.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;}
.bg_g{ background-color: #ececec !important;}

/* 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;}
.bigTit2 p{ font-size: 0.55em; font-weight: 400; display: block; text-transform: uppercase; color: #444;}
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.5em 0;color: #b0b0b0; letter-spacing: -1px; font-size: 0.875em}
.tab2 a.on{ color: #fff; background-color: #486f8c;}

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

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

.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: #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;}

.loginWrap a{ display: inline-block; border-radius: 8px; margin-bottom: 6px; font-size: 1em;}
.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: calc(5vw - 0.45em); padding: 20px 0 5px;}
a.btn_login {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
	font-size: 1.0em;
    background-color: #f16b6b;
    text-align: center;
}

/*------ldpw-------*/
.bg_line{ background-color: #fff; border:1px solid #ccc; padding: 0.5em; width: 98%; margin: 0 auto;}
.bg_line h2{ font-size: 1.15em;}
.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: #182731; 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:10px; border-bottom:1px solid #e0e0e0; border:1px solid #e0e0e0;}
.agreeyBgBox .joinAgreeyList li{float:left;}
.agreeyBgBox .joinAgreeyList .agreeyTitle{ clear: both;font-size:0.875em;color:#4f4f4f;line-height:29px; letter-spacing: -2px;}

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

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

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

.agreeyBgBox .joinAgreeyList1{overflow:hidden;margin:10px; padding:0;}
.agreeyBgBox .joinAgreeyList1 .agreeyTitle{ clear: both;font-size:0.875em;color:#4f4f4f;line-height:29px; letter-spacing: -2px;}

.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;}

.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%;}

.joinCBox{ width: 100%; padding:30px 0;}
.joinCBox h2{ font-size: 1.5em; text-align: center; color: #55588b; font-weight: bold; }
.joinCBox h1{ text-align: center; padding: 0.5em 0 1.5em; font-size: 0.925em; }
.joinCBox p{ line-height: 1.5em; text-align: center; font-size: 0.75em; color: #383838; word-break: keep-all;}

.commonText{ font-size: 0.875em;line-height:1.5em;color:#535252;width:98%;margin:0 auto;}
.commonText li{ 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(10px + 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 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 td .sex{ display: inline-block; line-height: 30px; text-align: center; background-color: #fff; border:1px solid #ddd; text-align: center; font-size: 1em; width: 30px;}
.commonTable_v td .sex.on{ background-color: #979797; color: #fff;}
.commonTable_v td textarea{ height: 200px; overflow-y: scroll; resize: none; border:1px solid #ddd; width: 100%;}

.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:#464646;}
.monthTab > li.on{color:#fff;text-decoration:underline; font-weight: 400;}
.monthTab > li:last-child{margin-right:0;}

.calendar{ width: 100%; height: 350px; border:0;}
.calendar th{ height:35px; line-height: 35px; font-size: 0.875em; color: #fff;  font-weight: bold;}
.calendar th:first-child{ color: #af0000;}
.calendar th:last-child{ color: #314fa5;}
.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: #f16b6b;}
.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: 350px; 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:first-child.possible{ color: #cd0000;}
.calendar2 td:last-child.possible{ color: #0044cd;}

.calendar2 td.possible.today{}
.calendar2 td.possible.today span{ background-color:#f16b6b; 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:#f16b6b; 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;}
.reserinfoTxt3{width:100%;overflow:hidden;padding:10px; border:1px solid #ddd; box-shadow: 3px 3px 0 rgba(225,225,225,1); border-radius: 0px;}
.reserinfoTxt3 ul{ width: 100%; overflow: hidden; }
.reserinfoTxt3 ul li{ width: 30%; float:left; text-align: left; font-size: 0.825em; letter-spacing: -1px;}
.reserinfoTxt3 ul li span{ color:#f16b6b; font-weight: 400;}
.reserinfoTxt3 ul li.long{ width: 70%;}
.reserinfoTxt3 ul.bg_gray{ background-color:#575757 ; border-radius: 8px; padding:5px; margin: 4px 0; color: #fff;}
.reserinfoTxt3 ul.bg_gray li span{ color:#ffd28a; padding-left: 5px;}

.courseChoiceTab{width:100%;overflow:hidden;}
.courseChoiceTab > li{float:left;width:50%;height:35px;line-height:35px;font-size:0.95em;border:1px solid #dfdfdf;background:#fff;color:#486f8c;text-align:center;}
.courseChoiceTab > li:last-child{margin-right:0;}
.courseChoiceTab > li.on{background:#486f8c;color:#fff;border:1px solid #486f8c;}
.courseChoiceTab > li.on2{background:#5d86a3;color:#fff;border:1px solid #486f8c;}

.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 th:nth-of-type(2) { border-right: 1px solid #ddd;}
.reserTable td {border-bottom:1px solid #dedede;padding:8px 0;;font-size:0.9em;text-align:center;color:#535252;}
.reserTable tr td:nth-child(3n-1) { border-right: 1px solid #ddd;}
.reserTable td.bottom{border-bottom:none;}

.reserTable.small td{font-size: 0.785em;}
.reserTable.small th:nth-of-type(2) { border-right: 0;}
.reserTable.small tr td:nth-child(3n-1) { border-right: 0;}


.reserBtn{ background-color: #f16b6b; 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;}

/* 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:#394E5E; color: #fff; border-radius: 6px;}
.kakaoBtn{display:block;width:70%;margin:0 auto;padding:5px 0;text-align:center;background-color:#ec6a13; 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: 298px; padding: 10px; top:28px; left: -58px; background: #fff; border:1px solid #ddd; z-index: 10;}
.openCalendar2{ display: none; position: absolute; width: 298px; padding: 10px; top:28px; right: -1px; 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*/
.preLineText{ 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;}
.preLineText2{ width: 98%; margin: 0 auto; padding: 10px 0; font-size: 0.825em; word-break: keep-all; line-height: 1.625em; font-weight: 300;}
.preLineText h2{ font-size: 1.25em; font-weight: 400; padding-top:10px;}

.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;}

/* score */
.commonTable2{ width: 100%;  border-top:1px solid #3e3e3e; border-bottom:1px solid #182731; table-layout: fixed; font-size: 0.8em;}
.commonTable2 thead th{ border-bottom:1px solid #182731; background-color: #182731; text-align: center; padding:10px 0; vertical-align: middle; color: #fff;}

.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 -------*/
/* 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;margin-bottom:10px;}
.marginTop{margin-top:2em;}

/* intro */
.clubWrap{ width: 100%;}
.clubWrap h1{ text-align: center; font-size:4vw; padding: 1em 0;}
.introBox{ width: 100%; }
.introBox p{ width: 100%; float: left; padding-left: 2%;}
.introBox p img{ box-shadow: 3px 3px 0 rgba(0,0,0,0.3)}
.introBox ul{ width:58%; display: inline-flex;}
.introBox ul li{ font-size: 0.785em; letter-spacing: -1px; word-break: keep-all; line-height: 1.5em; color: #545454; padding-left: 6%;}

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

/* 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: #e8e8e8; 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; margin: auto;}
.commonTable_v2 td input[type="text"],.commonTable_v td input[type="password"],.commonTable_v td input[type="number"]{ height: 30px;}
.commonTable_v2 td select{ height: 30px;}
.commonTable_v2 td textarea{ height: 200px; overflow-y: scroll; resize: none; border:1px solid #ddd; width: 100%; padding:10px;}
.commonTable_v2 td textarea.h100{ height: 100px;}
.commonTable_v2 tr:last-child td, .commonTable_v2 tr:last-child th{ border-bottom:0;}
.commonTable_v2 .fileName {display:inline-block;width: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}

.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-color:#394E5E;text-align:center;width:90px;height:27px;line-height:27px;border-radius:10px;color:#fff;font-size:12px;margin-top:15px;display:block;}


/*코스*/
.holeNumBox{overflow:hidden;width:100%;padding:0 0.5em;}
.holeNumBox .holeNum{float:left;font-size:3.7em;color:#394E5E;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.8em;}
.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: 100%; font-size:0.875em; padding-bottom: 1em; white-space: pre-line; color: #545454; 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: #000; color: #fff;}
.courseTable tr:nth-of-type(3) td:first-child{ background-color: #378bcc; color: #fff;}
.courseTable tr:nth-of-type(5) td:first-child{ background-color: #ffe428; color: #000;}
.courseTable tr:nth-of-type(6) 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(2){ background-color: #000000; color: #fff;}
.courseTable2 th:nth-of-type(3){ background-color: #378bcc; color: #fff;}
.courseTable2 th:nth-of-type(5){ background-color: #ffe428; color: #000;}
.courseTable2 th:nth-of-type(6){ background-color: #f1312c; color: #fff;}

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

/** 갤러리
===================================*/
.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: 0.825em; line-height: 1.5em; word-break: keep-all; font-size: 0.825em;}
.localWrap li:nth-child(2n-1){ background-color:#e7e7e7;}

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

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


/* fac */
.pSlide{ margin: 20px 0;}
.facilText{ width: 100%; padding: 1em 0.6em; text-align: center;}
.facilText h2{font-size: 0.875em; font-weight: 400; line-height:1.5; padding-bottom: 10px; letter-spacing: -1px;}
.facilText p{ font-size: 0.785em; 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;}

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

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

.mapWrap{ width: 96%; margin: 0 auto; padding: 1em 0;}
.mapWrap h1{ font-size:1em; padding:0.5em 0;}
.mapWrap h1 i{color: #eb6922;}
.mapWrap h1 i.purple{ color:#343865;}
.mapWrap p{ font-size: 0.785em; letter-spacing: -1px; word-break: keep-all; line-height: 1.5em; color: #545454; padding:0 1em; white-space: pre-line;}
.mapBox{ width: 100%;}
.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;}


/*menu*/

nav {
  background-color: rgba(255, 255, 255, 1);
  position: fixed;
  top: 0;
  bottom:0;
  left: 0;
  right:0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	z-index: 10;
	padding-top: 60px;
}
nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
  left: 50%;
  /*top: 170px;*/
/*  top: 120px;*/
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
nav ul li {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
}
nav ul li a {
  display: block;
  font-size: 1.25em;
  text-decoration: none;
  text-align: left;
  color: #464646;
	padding:0.5em 20px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
nav ul li a span{ float: right;}
nav h2{text-align: center; position: relative; padding:0.64em 0;}
nav h2 img{ width: 75px;}

.toggle-btn {
  display: block;
  position: fixed;
  z-index: 100;
  right: 10px;
  top: 13px;
  cursor: pointer;
}
.toggle-btn .bar {  
  width:35px;
  height:35px;
  margin: 5px auto;
  background:url('/mobile/images/menu.svg')no-repeat center;
  background-size: 35px 35px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#toggle:checked ~ nav {
  opacity: 1;
  visibility: visible;
	z-index: 90;
}
#toggle:checked ~ nav ul {
	/*top: 50%;
	margin-top:-150px;*/
	width: 100%;
}
#toggle:checked ~ nav ul li {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
	border-bottom: 1px solid #ddd;
}
#toggle:checked + label.toggle-btn .bar {
  background:url('/mobile/images/menu_x.svg')no-repeat center;
	margin: 0;
}
#toggle:checked + label.toggle-btn .bar:nth-child(2) {
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  opacity: 0;
}
#toggle:checked + label.toggle-btn .bar:nth-child(1) {
  -webkit-transform: translateY(7px) rotate(45deg);
          transform: translateY(7px) rotate(45deg);
}
#toggle:checked + label.toggle-btn .bar:nth-child(3) {
  -webkit-transform: translateY(-11px) rotate(-45deg);
          transform: translateY(-11px) rotate(-45deg);
}


.mbtnWrap{ width: 100%; text-align: center;}
.mbtnWrap.padding05{ padding:0.5em 0;}
.mbtnWrap a{ width: 40%; margin: 0.725em 1%; display: inline-block; padding:10px 0; color: #fff; font-size: 1em; background-color: #698aa2; border-radius: 20px;}
.mbtnWrap a.green{ background-color:#919191;}
.smallMbox{font-size: 0.75em; margin-top:-0.5em;}
.smallMbox a{ padding:0 1.5em 0.5em; color: #615954;}
.smallMbox a::before{ content: '·'; padding-right: 10px;}

/* main tab swipe */
.nav-scroller, .nav-scroller-wrapper {
  display: -ms-flexbox;
  display: flex;
}

.nav-scroller {
  width: 100%;
  overflow: hidden;
}

.nav-scroller-nav {
  float:left;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding-bottom: 30px;
  margin-bottom: -30px;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.nav-scroller-content {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  white-space: nowrap;
  min-height: 40px;
  transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.nav-scroller-content.no-transition {
  transition: none;
}

ul.nav-scroller-content {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-scroller-item {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  display: block;
  color:#444343;
  font-size: 1em;
  font-weight:400;
  text-align: center;
  padding: 7px 20px;
}

.nav-scroller-item.on{border-bottom: 3px solid #67869b; padding-bottom: 5px;}


.nav-scroller-btn {
  z-index: 10;
  width: 40px;
  height: 40px;
  font-size: 1.2em;
  color: #222;
  padding:6px;
}

.nav-scroller-btn:hover {
  color: #55588b;
}

.nav-scroller-btn:focus {
  outline: 0;
}


.nav-scroller-btn--left {
  float:left;
}

.nav-scroller-btn--right {
 float:right
}

.nav-scroller-logo {
  display: inline-block;
  padding: .5rem;
  margin-right: 1rem;
  font-size: 1.75rem;
  font-weight: bold;
}

.nav-scroller--controls-inline .nav-scroller-content {
  padding: 0 44px;
}

.nav-scroller--controls-inline .nav-scroller-btn:not(.active) {
  color: #ddd;
  opacity: 1;
}

.nav-scroller--expand .nav-scroller-nav, .nav-scroller--expand .nav-scroller-content {
  width: 100%;
}

.nav-scroller--right .nav-scroller-nav {
  margin-left: auto;
}

.nav-scroller--snap .nav-scroller-nav {
  -ms-scroll-snap-type: x proximity;
      scroll-snap-type: x proximity;
  scroll-padding: 0 44px;
}

.nav-scroller--snap .nav-scroller-item {
  scroll-snap-align: start;
}

.nav-scroller--snap .nav-scroller-content.no-transition .nav-scroller-item {
  scroll-snap-align: none;
}


.bg_brown{ background-color:#f16b6b; color: #fff;}
.bg_gray{  padding:0 0.5em; width: 96%; margin: 0 auto;}

/*join*/
.joinTable{ width: 100%; border-top: 1px solid #3e3e3e; font-size: 0.7em; table-layout: fixed;}
.joinTable th{ border-bottom:1px solid #c3c3c3; background-color: #eaeaea; text-align: center; padding:10px 0; vertical-align: middle; color: #000;}
.joinTable th:first-child{ border-left: 0;}
.joinTable td{padding: 0.5em 0; border:1px solid #c3c3c3; border-right: 0; text-align: center;}
.joinTable td.lineTop{ border-top: 1px solid #3e3e3e;}
.joinTable td:first-child{ border-left: 0;}
.joinTable td.title { text-align: center; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; padding: 5px; cursor: pointer;}
.joinTable td.viewTitle { text-align: left; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; padding: 5px 20px;}
.joinTable tr.bg_reply td{ background-color: #f6f6f6;position: relative; background-clip: padding-box;}
.joinTable tr.bg_reply .reply{ text-align: left; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; padding-left: 40px; cursor: pointer;}
.joinTable tr.bg_reply .reply::before{ content: ''; background: url(/mobile/images/reply.svg) center center no-repeat; background-size: 20px 17px; width: 25px; height: 21px; display: inline-block; position: absolute; top:0px; left: 10px;}
.joinTable tr.bg_reply .reply b{ font-weight: 400;}
.joinTable .new{ display: inline-block; border-radius: 30px; background-color: #f16b6b; color: #fff; text-align: center; padding: 2px 5px; font-size:1em; vertical-align: middle; margin: 0 6px;}
.joinTable .border0{ border-left:0;}
.joinTable .joinCon{ text-align: left; padding: 10px; line-height: 28px;}

.joinTable.view th{ border-left:1px solid #c3c3c3;}
.joinTable.view th:first-child{ border-left:0;}

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

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

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

/*package*/
.packageBox{ width:100%;background:#efefef;padding:10px 0;border-radius:10px;position:relative; text-align: center;}

/*layer팝업*/
.f_contents1{ position: fixed;width: 98%; z-index:1010; border:3px solid #7b98aa; padding:10px; background-color: #fff;}
.f_contents1 h2{font-weight: 400; text-align: left; font-size: 1.5em; padding:10px 0; position: relative;}

.reserBlackBox1{ overflow: hidden; padding:0 10px; width: 100%; background-color: #3e3e3e; border-radius: 20px;}
.reserBlackBox1 dl{ margin:12px 0; overflow: hidden; display: flex; }
.reserBlackBox1 dt{ width: 25%; color: #fff; float: left; font-size: calc(0.6em + 1vw);}
.reserBlackBox1 dd::before{content:':'; color: #343434; text-align: right; padding-right: 5px;}
.reserBlackBox1 dd{ width: 75%; color: #fff; float: left; font-size:calc(0.6em + 1vw); font-weight: 400;}
.reserBlackBox1 dd.redText{ color: #f16f6f;}
.popX{  position: absolute; right: 10px; top:10px; z-index: 10;}

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

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

.reserBlackBox2{ overflow: hidden; padding:0 10px; width: 100%; background-color: #3e3e3e; border-radius: 20px;}
.reserBlackBox2 dl{ margin:8px 0; overflow: hidden; display: flex; }
.reserBlackBox2 dt{ width: 35%; color: #fff; float: left; font-size: calc(0.6em + 1vw);}
.reserBlackBox2 dd::before{content:':'; color: #343434; text-align: right; padding-right: 5px;}
.reserBlackBox2 dd{ width: 65%; color: #fff; float: left; font-size:calc(0.6em + 1vw); font-weight: 400;}
.reserBlackBox2 dd.redText{ color: #f16f6f;}

.fixedCos {top:110px;position:fixed;left:0;right:0;}

/*reserPop*/
.reserLayer{ width: 96%; position:fixed; background-color: #fff; z-index: 100000; margin: auto;}
.reserLayer_top{ width: 100%; background: url(../images/bg_poptop.jpg) center top no-repeat; background-size: cover; padding:80px 0 10px 20px;}
.reserLayer_top h2{ font-size: 1em; color: #3a6073; line-height: 1.5em; font-weight: 500;}

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

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

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

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

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

/*220503*/
.partner{display:inline-block; font-size:14px; border-radius:20px; border:0; width: 80%; color: #fff; padding: 5px 0;}

.radioBtnWrap .radio {
	margin:0;
	display:inline-block;
	width: 40%;
}
.radioBtnWrap .radio label {
  background: #d7d7d7;
  padding: 5px 10px;
  border-radius: 10px;
  cursor: pointer;
  color: #fff;
}
.radioBtnWrap .radio input[type=radio] {
  display: none;
}
.radioBtnWrap .radio input[type=radio]:checked + label {
  background: #4d687e;
  color: #fff;
}
.radioBtnWrap .radio input[type=radio].women:checked + label {
  background: #d14e4e;
  color: #fff;
}


/*220711*/
.companion-box .title{ font-size: 1.25em; color: #000; font-weight: 300;}

.companion-table{ width: 100%; border:1px solid #cfcfcf; border-radius: 5px; overflow: hidden;}
.companion-table-th{ width: 100%; background-color:#535353; padding: 12px 0;}
.companion-table-th ul{ width: 94%; margin: auto; overflow: hidden;}
.companion-table-th ul li{ color: #fff; font-size: 0.875em; text-align: center; float: left;  width: 18%; padding: 5px 0;}
.companion-table-th ul li:first-child{ width: 26%;}
.companion-table-th ul li:nth-of-type(2){ width: 20%;}
.companion-table-td{ width: 94%; margin: auto;}
.companion-table-td ul{ width: 100%; display: table;}
.companion-table-td ul li{ font-size: 0.875em; text-align: center; display: table-cell; width: 18%; height: 48px; position: relative; border-bottom:1px dashed #bbb; vertical-align: middle; padding: 5px 0;}
.companion-table-td ul li:first-child{ width: 26%;}
.companion-table-td ul li:nth-of-type(2){ width: 20%;}
.companion-table-td ul li::after{ content: ''; width:1px; height: 13px; background-color: #c8c8c8; position: absolute; top:50%; right:0; transform: translateY(-50%);}
.companion-table-td ul li:last-child::after{ display: none;}
.companion-table-td ul:last-child li{ border-bottom: 0;}

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

.color-day{ color: #ea5815;}
.btn-companion-selet{ border-radius: 5px; width: 80%; text-align: center; line-height: 30px; color: #fff; background-color: #bbb; display: inline-block; font-size: 15px;}
.btn-companion-selet.on{ background-color: #ea5815;}
.btn-sex{ border-radius: 5px; width: 38px; height: 38px; text-align: center;color: #fff; background-color: #bbb; display: inline-block; margin: 3px;  padding: 7px;}
.btn-sex.man{ background-color: #3e99d5;}
.btn-sex.women{ background-color: #fe6f8c;}

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

.btn-add-box{
	width: 100px;
	padding: 40px 0;
	margin: auto;
}
.btn-add-list{
	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;
}
.btn-delete-x{
	display: inline-block;
	position: absolute;
	top:50%;
	right:5%;
	transform: translateY(-50%);
}
.cross {
	background: #fff;
	height: 30px;
	position: relative;
	width: 4px;
	display: block;
	margin: auto;
}
.cross::after {
	background: #fff;
	content: '';
	height: 4px;
	left: -13px;
	position: absolute;
	top: 12px;
	width: 30px;
}
.btn-companion-save{
	width: 120px;
	padding: 9px 0 10px;
	margin:17px auto;
	border-radius: 10px;
	background-color: #4e4e4e;
	color: #fff;
	display: inline-block;
	text-align: center;
	display: flex;
	justify-content: center;
}

/*qr체크인*/
.bg_back{ position: fixed; top:0; left: 0; right:0; bottom:0; background-color: #fff; z-index: 100;}
.entrance-box{ position: relative; z-index:120; width: 96%; margin: auto; text-align: center;}
.entrance-title{ font-size: 1.75em; color: #000; font-weight: 500; text-align: center; padding-bottom: 10px;}
.entrance-mini-title{ font-size: 1em; color: #000; font-weight: 300; text-align: center; word-break: keep-all;}
.entrance-sub-title{ font-size: 1.125em; color: #000; font-weight: 300; text-align: left; padding-bottom: 5px;}
.entrance-table{ width: 100%; border:1px solid #cfcfcf; border-radius: 5px; overflow: hidden;}
.entrance-table-th{ width: 100%; background-color:#535353; padding: 12px 0;}
.entrance-table-th ul{ width: 96%; margin: auto; overflow: hidden;}
.entrance-table-th ul li{ color: #fff; font-size: 0.875em; text-align: center; float: left;  width: 22%; padding: 5px 0;}
.entrance-table-th ul li:first-child{ width: 34%;}
.entrance-table-td{ width: 96%; margin: auto;}
.entrance-table-td ul{ width: 100%; display: table;}
.entrance-table-td ul li{ font-size: 0.875em; text-align: center; display: table-cell; width: 22%; height: 48px; position: relative; border-bottom:1px dashed #bbb; vertical-align: middle; padding: 5px 0;}
.entrance-table-td ul li:first-child{ width: 34%;}
.entrance-table-td ul li::after{ content: ''; width:1px; height: 13px; background-color: #c8c8c8; position: absolute; top:50%; right:0; transform: translateY(-50%);}
.entrance-table-td ul li:last-child::after{ display: none;}
.entrance-table-td ul:last-child li{ border-bottom: 0;}

.locker-box{ text-align: center; padding: 50px 0;}
.locker-box span{ color: #fff; text-align: center; width: 130px; padding: 14px 25px; border-radius: 5px; background-color: #ea5815; font-size: 1.25em; display: inline-block;}
.locker-box p{ font-size: 3.25em; color: #000; line-height: 1.64em;}

.btn-entrance{ display: inline-block; width: 50%; max-width: 180px; text-align: center; font-size: 1.25em; border:1px solid #aeaeae; background-color: #f8f8f8; color: #2d2d2d; padding: 8px 0; margin: 50px auto 0;}

/*qr코드*/

.qrcode-box{ position: relative; z-index:120; width: 90%; margin: auto; text-align: center;}
.btn-entrance.cancle{ background-color: #fff; width: 100%; max-width: 100%;}
.qrbox{ width: 200px; margin:0 auto 34px; text-align: center;}