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

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

.subWrap {
  width: 100%;
  position: relative;
}

/*
.subWrap1{ width: 100%; position: relative; ; padding-top: 30px;}
.subWrap2{ width: 100%; position: relative; padding-top: 40px;}
*/

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

.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%;
  box-shadow: 3px 4px 0 #d0d0d0;
}

.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:last-child {
  margin-right: 0;
}

.motion {
  background: #8ec055;
  color: #fff;
}

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

/* font color, style */
.red {
  color: #c42b2b;
}

.blue {
  color: #2b5ac4;
}

.yellow {
  color: #ffd28a;
}

.white {
  color: #fff;
}

.brown {
  color: #786456;
}

.orange {
  color: #e46433;
}

.gray {
  color: #838383;
}

.grayBrown {
  color: #8a7a6b;
}

.green {
  color: #84af3b;
}

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

.grayBg {
  padding: 20px 10px;
  background: #f9f9f9;
  border: 1px solid #c7c7c7;
}

/* 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;
  font-family: 'Noto Sans Kr';
  text-transform: uppercase;
}

.bigTit span {
  font-size: 0.65em;
  font-weight: 400;
}

.sub {
  text-align: center;
  font-size: 1.0em;
  font-weight: 400;
  font-family: 'Noto Sans Kr';
  padding-bottom: 20px;
  line-height: 1.3em;
}

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;
  padding-left: 20px;
  background: url('/mobile/images/commonDot.png') left no-repeat;
  background-size: 14px 14px;
}

h2.title span {
  color: #786456;
}

.tab2 {
  width: 100%;
  border-top: 1px solid #d4d3d3;
  overflow: hidden;
  border-bottom: 1px solid #d4d3d3;
}

.tab2 a {
  width: 50%;
  float: left;
  text-align: center;
  display: inline-block;
  padding: 0.5em 0;
}

.tab2 a::after {
  content: '|';
  color: #ddd;
  float: right;
}

.tab2 a:last-child::after {
  content: '';
}

.tab2 a.on {
  color: #786456;
  font-weight: bold;
}

.tab3 {
  width: 100%;
  border-top: 1px solid #d4d3d3;
  overflow: hidden;
  border-bottom: 1px solid #d4d3d3;
}

.tab3 a {
  width: 33%;
  float: left;
  text-align: center;
  display: inline-block;
  padding: 0.5em 0;
}

.tab3 a::after {
  content: '|';
  color: #ddd;
  float: right;
}

.tab3 a:first-child {
  width: 34%;
}

.tab3 a:last-child::after {
  content: '';
}

.tab3 a.on {
  color: #786456;
  font-weight: bold;
}


.container {
  /* margin-top: -50px;*/
}

/*------login-------*/
.loginWrap {
  width: 96%;
  margin: 0 auto;
}

.loginList {
  padding: 15px 0;
  width: 100%;
  overflow: hidden;
}

.loginList ul {
  float: left;
  width: 65%;
  margin: 0;
  height: 90px;
}

/*.loginList ul li:first-child{ margin-bottom: 10px; }*/
.loginList p {
  float: left;
  width: 34%;
  height: 90px;
  margin-left: 1%;
}

.loginList input {
  width: 95%;
  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: block;
  border-radius: 8px;
  margin-bottom: 6px;
  font-size: 1em;
}

.loginWrap h4 {
  display: block;
  color: #5b5b5b;
}

.loginWrap h4 input {
  vertical-align: middle;
}

a.btn_login {
  display: block;
  width: 100%;
  min-width: 90px;
  height: 90px;
  line-height: 90px;
  color: #fff;
  font-size: 1.25em;
  background-color: #89b53c;
  text-align: center;
}

/*------ldpw-------*/
.bg_gray {
  background-color: #efefef;
  padding: 1em 0.5em;
}

.bg_black {
  background-color: #3e3e3e;
  padding: 1em 0.5em;
}

/*------join-------*/
.agreeyBgBox {
  width: 100%;
  margin: 30px auto;
  padding: 15px 5px;
  border-radius: 15px;
  background: #f4f4f4;
}

.agreeyBgBox .joinAgreeyList {
  overflow: hidden;
  padding: 5px;
  border-bottom: 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;
}

.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: 10px 0;
}

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

.joinHIbox {
  width: 100%;
  padding: 15px 0;
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.joinHIbox a {
  margin: 0 8px;
}

.joinCBox {
  width: 100%;
}

.joinCBox h2 {
  font-size: 1em;
  text-align: center;
  color: #786456;
  font-weight: bold;
}

.joinCBox h1 {
  text-align: center;
  padding: 1.5em 0;
}

.joinCBox h4 {
  line-height: 1.5em;
  text-align: center;
  font-size: 0.875em;
  color: #7f7f7f;
  word-break: keep-all;
}

.commonText {
  font-size: 0.875em;
  line-height: 1.5em;
  color: #535252;
  width: 98%;
  margin: 0 auto;
}

.commonText li {
  padding: 1em;
  line-height: 1.5em;
  word-break: keep-all;
}

.commonTable_v {
  width: 100%;
}

.commonTable_v th {
  width: 18%;
  text-align: left;
  padding: 10px 0 10px 5px;
  font-size: 0.75em;
  vertical-align: middle;
  letter-spacing: -1px;
}

.commonTable_v th::before {
  content: "*";
  color: red;
  vertical-align: middle;
  padding-right: 2px;
}

.commonTable_v td {
  width: 82%;
  padding: 8px 0 8px 5px;
  font-size: 0.75em;
  vertical-align: middle;
}

.commonTable_v td {
  width: 82%;
  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: 30px;
}

.commonTable_v td select {
  height: 30px;
  font-size: 0.75em;
}

.commonTable_v td textarea {
  height: 200px;
  overflow-y: scroll;
  resize: none;
  border: 1px solid #ddd;
  width: 100%;
  padding: 10px;
  font-size: 0.75em;
}

.commonTable_v td textarea.h100 {
  height: 100px;
}

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

.monthBox .monthChoice .monthTxtBox {
  float: left;
  width: 33%;
  height: 49px;
  line-height: 42px;
  font-size: calc(1vw + 0.1em);
  padding-left: 17px;
  color: #656565;
  letter-spacing: -1px;
}

.monthBox .monthChoice .monthTxtBox>img {
  display: inline-block;
  width: 35px;
  margin-right: 5px;
}

.monthTab {
  float: left;
  overflow: hidden;
}

.monthTab>li {
  float: left;
  font-size: 1.8em;
  margin-right: 19px;
  letter-spacing: -1px;
  color: #afb0b0;
  font-family: 'Noto Sans Kr';
  position: relative;
}

.monthTab>li.on {
  color: #303132;
}

.monthTab>li:last-child {
  margin-right: 0;
}

.monthTab>li:first-child::after {
  content: "";
  width: 1px;
  height: 13px;
  background: #000;
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}

.calendar {
  width: 100%;
  height: 350px;
  border: 0;
}

.calendar th {
  height: 35px;
  line-height: 35px;
  font-size: 1.125rem;
  color: #303132;
  font-weight: bold;
}

.calendar th:first-child {
  color: #f87474;
}

.calendar th:last-child {
  color: #a0b6f4;
}

.calendar td {
  color: #c4c4c4;
  font-size: 1.125rem;
  text-align: center;
  position: relative;
}

.calendar td.possible {
  position: relative;
  color: #5b5b5b;
}

.calendar td:first-child.possible {
  color: #cc1b1b;
}

.calendar td:last-child.possible {
  color: #3c5ebf;
}

.calendar td.possible.today {
  background: #575f74;
  color: #fff;
  font-weight: 600;
  border-radius: 50%;
}

.calendar td.today {
  background: url('/mobile/images/today.png')no-repeat center;
  ;
  color: #fff;
  font-weight: 600;
  border-radius: 50%;
}

.reserInfoBoxBg {
  width: 100%;
  padding: 20px 0 50px;
  background: #f8f8f8;
}

.reserInfoBoxBg .reserInfoBox {
  width: 94%;
  margin: 0 auto;
}

.reserInfoBoxBg .reserInfoBox .reserinfoTxt {
  width: 100%;
  margin: 0 auto 10px;
  border: 1px solid #303132;
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  padding: 20px 25px;
}

.reserInfoBoxBg .reserInfoBox .reserinfoTxt>li {
  float: left;
  font-size: 0.9em;
  color: #898989;
  font-family: 'Noto Sans Kr';
}

.reserInfoBoxBg .reserInfoBox .reserinfoTxt>li.mainDateTxt {
  width: 100%;
}

.reserInfoBoxBg .reserInfoBox .reserinfoTxt>li>span {
  font-size: inherit;
  font-weight: bold;
  color: #202020;
}

.reserInfoBoxBg .reserInfoBox .reserinfoTxt>li.mainDateTxt>span.date {
  display: block;
  margin-top: 5px;
}

.reserInfoBoxBg .reserInfoBox .reserinfoTxt>li.mainTimeTxt {
  width: 45%;
  margin-top: 12px;
}

.reserInfoBoxBg .reserInfoBox .courseChoiceTab {
  width: 100%;
  overflow: hidden;
}

.reserInfoBoxBg .reserInfoBox .courseChoiceTab>li {
  float: left;
  width: 32%;
  height: 45px;
  line-height: 45px;
  border-radius: 15px 15px 0 0;
  margin-right: 2%;
  font-size: 0.95em;
  border: 1px solid #dfdfdf;
  background: #fff;
  color: #a8a8a8;
  text-align: center;
}

.reserInfoBoxBg .reserInfoBox .courseChoiceTab>li:last-child {
  margin-right: 0;
}

.reserInfoBoxBg .reserInfoBox .courseChoiceTab>li.on {
  background: #8fc055;
  color: #fff;
  border: 1px solid #8fc055;
}

.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: #575f74;
  color: #fff;
  line-height: 40px;
  font-size: 0.9em;
}

.reserTable th.leftTh {
  background-color: #f1f1f1;
  color: #535252;
  border-bottom: 1px solid #dedede;
}

.reserTable td {
  border-bottom: 1px solid #dedede;
  padding: 10px 0;
  ;
  font-size: 0.9em;
  text-align: center;
  color: #535252;
}

.reserTable td.bottom {
  border-bottom: none;
}

.reserTable td input.grayBtn {
  display: block;
  color: #fff;
  width: 80%;
  ;
  height: 32px;
  margin-top: -1px;
  border-radius: 10px;
  border: 1px solid #fff;
  box-shadow: 1px 1px 1px #dddddd;
}


.reserBtn {
  background-color: #8fc055;
  color: #fff;
  border-radius: 10px;
  padding: 8px 0;
  width: 80%;
  text-align: center;
  display: inline-block;
  font-size: inherit;
}


.mainBottomLink {
  width: 100%;
}

.mainBottomLink>a {
  display: block;
}

.mainBottomLink .mainLink {
  width: 100%;
  height: 370px;
  padding: 90px 0;
  background: url('/mobile/images/main/mainLinkBg.jpg')no-repeat center;
  background-size: cover;
}

.mainBottomLink .mainLink>li {
  color: #fff;
  font-family: 'Noto Sans Kr';
  text-align: center;
}

.mainBottomLink .mainLink>li.bigTxt {
  font-size: 2em;
  margin-top: 20px;
}

.mainBottomLink .mainLink>li.mini {
  font-size: 1.2em;
  margin-bottom: 50px;
}

.mainBottomLink .mainLink>li.btn {
  font-size: 0.8em;
  width: 130px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  color: #353535;
  border-radius: 15px;
  margin: 0 auto;
}

.mainBottomLink .mainBoardLink {
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.mainBottomLink .mainBoardLink>li {
  float: left;
  width: 50%;
}

.mainBottomLink .mainBoardLink>li>a {
  display: block;
  width: 100%;
  height: 180px;
  font-size: 1em;
  line-height: 180px;
  color: #fff;
  text-align: center;
}

.mainBottomLink .mainBoardLink>li a.notice {
  background: url('/mobile/images/main/mainLinkBg2.jpg')no-repeat center;
  background-size: cover;
}

.mainBottomLink .mainBoardLink>li a.join {
  background: url('/mobile/images/main/mainLinkBg3.jpg')no-repeat center;
  background-size: cover;
}

/* layer팝업 */
.f_contents1 {
  position: fixed;
  width: 98%;
  z-index: 1010;
  border: 3px solid #efefef;
  padding: 10px 15px;
  background-color: #fff;
  border-radius: 10px;
}

.f_contents1 h2 {
  font-weight: bold;
  text-align: left;
  font-size: 1.5em;
}

.reserBlackBox1 {
  overflow: hidden;
  padding: 10px;
  width: 100%;
  display: table;
  border-bottom: 1px dashed #e1e1e1
}

.reserBlackBox1 dl {
  overflow: hidden;
  display: table-row;
}

.reserBlackBox1 dt {
  width: 35%;
  color: #343434;
  font-size: calc(0.6em + 1vw);
  display: table-cell;
  vertical-align: middle;
  padding: 6px 0;
  word-break: keep-all;
}

.reserBlackBox1 dd::before {
  content: '';
  color: #343434;
  text-align: right;
  padding-right: 5px;
  font-weight: bold;
}

.reserBlackBox1 dd {
  width: 74%;
  color: #343434;
  font-size: calc(0.6em + 1vw);
  display: table-cell;
  vertical-align: middle;
}

.reserBlackBox1 dd input {
  height: 30px;
}

.reserLayerPrice {
  width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}

.reserLayerPrice dl {
  width: 100%;
  overflow: hidden;
}

.reserLayerPrice dt {
  width: 30%;
  text-align: center;
  float: left;
  font-weight: bold;
}

.reserLayerPrice dd {
  width: 70%;
  text-align: left;
  float: left;
  text-indent: 10px;
}

.reserLayerText {
  padding: 0.5em 0;
  font-size: 0.875em;
}

.selecJoin {
  width: 110px;
  height: 35px;
  display: inline-block;
  border: 1px solid #dddddd;
}


.fpopImg {
  width: 45px;
  display: block;
  margin: 10px 0 0 5px;
}

.fpopTitle {
  font-size: 1.3em;
  font-weight: 600;
  margin: 10px 0 0;
  color: #4d4c4c;
}


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

.searchBtn {
  display: block;
  width: 70%;
  margin: 0 auto;
  padding: 5px 0;
  text-align: center;
}

.myGradeBox {
  width: 100%;
  height: 70px;
  margin: 20px 0;
  overflow: hidden;
}

.myGradeBox>li {
  float: left;
  font-size: 1em;
  border: 1px solid #e4e4e4;
  border-right: 0;
  height: 69px;
  line-height: 69px;
  padding-left: 5%;
  letter-spacing: -1px;
  font-family: "Noto Sans Kr";
  color: #000000;
}

.myGradeBox>li.grade {
  width: 35%;
  background: #f5f5f5;
  border-radius: 15px 0 0 15px;
}

.myGradeBox>li.grade>img {
  display: inline-block;
  margin-top: -3px;
  width: 35px;
}

.myGradeBox>li.coupon {
  width: 100%;
  padding-left: 7%;
  border-right: 1px solid #e4e4e4;
  border-radius: 0 15px 15px 0;
}

.myGradeBox>li.coupon>img {
  width: 20px;
  margin-right: 10px;
}

.myGradeBox>li.coupon>a.red {
  display: inline-block;
  font-size: inherit;
  margin-left: 15px;
  font-weight: 600;
}


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

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

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

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

.openCalendar6 {
  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;
  color: #fff;
}

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


/* joinReser */
.borderBg {
  width: 100%;
  border: 1px solid #d2d2d2;
  margin: 0.8em 0;
}

.borderBg .boardFormBox {
  width: 100%;
  margin: 0.9em 0
}

.borderBg .boardFormBox>a {
  color: inherit;
}

.borderBg .boardFormBox .boardListBox {
  width: 98%;
  overflow: hidden;
  margin: 0 auto;
  border-bottom: 1px dashed #dcdcdc;
  min-width: 320px;
}

.borderBg .boardFormBox .boardListBox>li {
  float: left;
  font-size: 0.9em;
  margin: 1em 0;
  height: 3em;
  line-height: 3em;
  color: #656565;
}

.borderBg .boardFormBox .boardListBox>li.listNum {
  width: 8%;
  text-align: center;
  float: left;
}

.borderBg .boardFormBox .boardListBox>li.titleBox {
  width: 92%;
  height: 4em;
  padding-left: 1%;
}

.borderBg .boardFormBox .boardListBox>li.titleBox>p {
  height: 25px;
  line-height: 25px;
}

.borderBg .boardFormBox .boardListBox>li.titleBox>p.title {
  font-size: inherit;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
}

.borderBg .boardFormBox .boardListBox>li.titleBox .date {
  width: 100%;
  font-size: 0.9em;
  margin-top: 5px;
}

.borderBg .boardFormBox .boardListBox>li.titleBox .date>.joinCheck {
  display: inline-block;
  width: 60px;
  height: 25px;
  line-height: 25px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}

.borderBg .boardFormBox .boardListBox>li.titleBox .date>.joinCheck.ing {
  background: #e17831;
}

.borderBg .boardFormBox .boardListBox>li.titleBox .date>.joinCheck.end {
  background: #a6a3a1;
}

.eventMoreBtn {
  width: 100%;
  text-align: center;
  background: #45454f;
}

.eventMoreBtn .moreBtn {
  color: #fff;
  cursor: pointer;
  width: 100%;
  padding: 0.5em 0;
  text-align: center;
}


/* joinWrite */
.textInputBox {
  width: 100%;
  padding-bottom: 10px;
  overflow: hidden;
}

.textInputBox>li {
  float: left;
  height: 40px;
  line-height: 40px;
  margin-bottom: 15px;
  font-size: 0.9em;
}

.textInputBox .infoTitle {
  width: 13%;
  font-size: 0.9em;
  font-weight: 600;
  color: #7f7f7f;
}

.textInputBox .infoInputBox {
  width: 87%;
}

.textInputBox .infoInputBox .titleInput {
  width: 76%;
  height: 38px;
  border: 1px solid #e1e1e1;
}

.textInputBox .infoInputBox>input.end {
  width: 15px;
  height: 15px;
  margin-left: 10px;
}

.textInputBox .infoInputBox .emailTnput {
  width: 70%;
  height: 38px;
  border: 1px solid #e1e1e1;
}

.textInputBox .infoInputBox>input.radio {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

.textInputBox .infoInputBox2 {
  width: 75%;
}

.textInputBox .infoInputBox2 select.date {
  width: 25%;
  height: 38px;
  border: 1px solid #e1e1e1;
  font-size: 0.9em;
}

.textInputBox .infoInputBox2 input.radio {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

.textInput {
  width: 100%;
  height: 350px;
  border: 1px solid #e1e1e1;
  margin-top: 40px;
  padding: 10px;
}

/* joinView */
.viewBox {
  padding: 0;
}

.viewBox .viewTitleBox {
  width: 98%;
  padding: 0 0.5em 1em;
  margin: 1.5em 0;
  border-bottom: 1px dashed #e0e0e0;
}

.viewBox .viewTitle {
  font-size: 0.85em;
  margin-top: 5px;
}

.viewBox .viewDate {
  font-size: 0.8em;
  color: #7f7f7f;
}

.viewBox .viewMainImage {
  display: block;
  margin: 0 auto;
  width: 98%
}

.viewBox .viewTxt {
  margin: 20px 0;
  text-align: center;
  width: 98%;
  font-size: 0.9em;
}

.commentBox {
  margin: 25px 0 15px;
  border-top: 1px solid #e0e0e0;
}

.commentBox .comment {
  padding: 10px 0;
  border-bottom: 1px dotted #d4d4d4;
}

.commentBox .comment .dateText {
  overflow: hidden
}

.commentBox .comment .dateText .date {
  float: left;
  margin: 10px 0 10px 5px;
  font-size: 15px;
}

.commentBox .comment .dateText .x-box {
  float: right;
  margin-right: 10px;
  margin-top: 7px;
  cursor: pointer;
}

.commentBox .comment .dateText .x-box img {
  width: 20px;
}

.commentBox .comment .cont {
  font-size: 14px;
  line-height: 22px;
  padding: 10px 5px;
}

.commentTxt {
  padding: 10px 0;
  width: 100%;
}

.commentTxt .txtReply {
  display: inline-block;
  width: 70%;
  height: 70px;
  padding: 5px;
  border: 1px solid #d7d7d7;
  overflow-y: scroll;
  vertical-align: middle;
}

.commentTxt .viewInput {
  display: inline-block;
  width: 28%;
  font-size: 0.9em;
  height: 70px;
  line-height: 70px;
  background: #fff;
  color: #515151;
  vertical-align: middle;
  border: 1px solid #515151;
  text-align: center;
  box-shadow: 3px 3px 0 #dddddd;
}


/* benefit */
.reserTable td p.benefit {
  margin-top: 5px;
  color: #535252;
  font-size: 1em;
  font-family: 'dotum';
}

.reserTable td .bnImg {
  width: 35px;
}

/* ranking */
.reserTable td.myrank {
  background: #f7f7f7;
  color: #535252;
  font-weight: 500;
  padding: 20px 0;
}

.rankSelect {
  width: 38%;
  height: 35px;
  line-height: 35px;
  padding-left: 5px;
}

.rankSelect.margin {
  margin-right: 2%;
}

/* score */
.scoreTable {
  width: 100%;
  border-top: 1px solid #45454f;
  border-bottom: 1px solid #45454f;
}

.scoreTable th {
  padding: 10px 0;
  border-bottom: 1px solid #e1e1e1;
}

.scoreTable td {
  height: 40px;
  border-bottom: 1px solid #dedede;
  text-align: center;
  font-weight: 500;
  word-break: break-all;
}

.scoreTable tr:last-child td {
  border-bottom: 0;
}

.scoreTable td.ylBg {
  background: #fbd22d;
}

.scoreTable td.grBg {
  background: #eaeaea;
}

.scoreTable td.dgrBg {
  background: #8c8c8c;
  color: #fff;
}

.scoreTable td.txt {
  color: #b2b2b2;
}

/* coupon */
.reserTable td input.greenBtn {
  display: block;
  width: 80px;
  height: 32px;
  margin-top: -1px;
  border-radius: 10px;
  border: 1px solid #fff;
  box-shadow: 1px 1px 1px #dddddd;
}

.borderBox {
  width: 100%;
  padding: 0.85em;
  border: 1px solid #d2d2d2;
  font-size: 1em;
  line-height: 1.5em;
  color: #656565;
  font-family: 'Noto Sans Kr';
  border-radius: 15px;
}

.borderBox>span.big {
  display: block;
  font-size: 1em;
  font-weight: 500;
  margin-bottom: 5px;
  color: #000000;
}

/* withdraw */
.withdrawTxt {
  font-size: 0.9em;
  line-height: 24px;
  color: #808284;
}

.withdrawTxt>span.boldTxt {
  color: #7f7f7f;
  font-weight: 500;
  font-size: inherit;
}

.inputPw {
  width: 260px;
  height: 40px;
  border: 1px solid #d5d5d5;
  background: #fff;
  margin-bottom: 20px;
}

/*------ 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 */
.introBigTxt {
  font-size: 1.7em;
  letter-spacing: -1px;
  color: #7b7b7b;
}

.line {
  color: #000000;
  font-size: 0.8em;
  display: inline-block;
  margin-left: 10px;
}

.introMidTxt {
  font-size: 0.95em;
  margin-top: 15px;
  color: #9a9a9a;
}

.clubBg {
  width: 100%;
  height: 430px;
  background: url('/mobile/images/clubBg4.jpg')no-repeat center;
  background-size: cover;
}

.clubBg.bg1 {
  background: url('/mobile/images/clubBg1.jpg')no-repeat center;
  background-size: cover;
}

.clubBg.bg2 {
  background: url('/mobile/images/clubBg2.jpg')no-repeat center;
  background-size: cover;
}

.clubBg.bg3 {
  background: url('/mobile/images/clubBg3.jpg')no-repeat center;
  background-size: cover;
}

.introTxt {
  font-size: 0.9em;
  line-height: 25px;
  color: #676767;
}

.introTxt>span.point {
  font-size: 1em;
  display: block;
  color: #000000;
  margin-bottom: 5px;
}

.introTxt>span.point2 {
  font-size: 1.3em;
  display: block;
  color: #454545;
  margin: 20px 0 5px;
}

.introTitle {
  font-size: 1.8em;
  margin: 40px 0 20px;
  font-weight: 600;
  color: #2d2d2d;
}

/* map */
#daumRoughmapContainer1601269073936 {
  width: 100%;
}

.clubIntroTitle {
  font-size: 1.3em;
  color: #000000;
}

.locaTxt>li {
  font-size: 0.92em;
  color: #656565;
}

.locaTxt>li>img {}

.locaTxt>li>span.bold {
  font-size: 1em;
  color: #333232;
}

.graymapBg {
  width: 100%;
  background: #f6f6f6;
  padding: 15px 0;
}

.graymapBg .grayCont {
  width: 98%;
  margin: 0 auto;
}

.mapImg {
  width: 100%;
  margin: 0 auto;
}

.blackDot {
  font-size: 1em;
  color: #434343;
  padding: 10px 0;
  font-weight: 600;
  padding-left: 20px;
  background: url('/mobile/images/blackDot.png') left no-repeat;
  background-size: 14px 14px;
}

.km {
  font-size: 0.85em;
  padding-left: 10px;
  ;
}

/* fac */
.tabList {
  margin: 10px auto;
  font-size: 0.875em;
  width: 98%;
}

.tabList li {
  display: inline-block;
  width: 31%;
  margin-right: 1%;
  margin-top: 10px;
}

.tabList li:nth-of-type(3) {
  margin-right: 0;
}

.tabList li:last-child {
  margin-right: 0;
}

.tabList li>a {
  display: block;
  width: 100%;
  font-size: 1.1em;
  padding: 0.7em 0;
  border-radius: 15px;
  text-align: center;
  background: #f7f7f7;
  color: #7c7c7c;
}

.tabList li.on>a {
  color: #fff;
  background: #84af3b;
}

.facSlide {
  width: 100%;
  position: relative;
}

.facTitle {
  position: absolute;
  top: 90%;
  left: 10px;
  width: 170px;
  height: 45px;
  line-height: 45px;
  font-size: 1em;
  background: #272727;
  color: #fff;
  text-align: center;
}

.commonText.facTxt {
  padding-top: 20px;
}


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


/*코스*/
.courseTab {
  margin: 10px auto 30px;
  font-size: 0.875em;
  width: 100%;
  overflow: hidden;
}

.courseTab>a {
  float: left;
  width: 49%;
  font-size: 1.1em;
  padding: 0.7em 0;
  border-radius: 15px;
  margin-right: 2%;
  text-align: center;
  background: #f7f7f7;
  color: #7c7c7c;
}

.courseTab>a.on {
  color: #fff;
  background: #84af3b;
}

.courseTab>a:last-child {
  margin-right: 0;
}

.courseSlide {
  width: 100%;
  margin: 0 0 50px;
}

.holeNumBox {
  overflow: hidden;
  width: 100%;
}

.holeNumBox>li {
  float: left;
}

.holeNumBox>li.holeNum {
  width: 12%;
  height: 60px;
  line-height: 60px;
  font-size: 4.5em;
  color: #282828;
  font-weight: 600;
}

.holeNumBox>li.hole {
  width: 16%;
  margin-top: 37px;
  font-size: 1.2em;
  color: #000;
  font-weight: 600;
}

.holeNumBox>li.holeInfo {
  float: left;
  width: 25%;
  margin-top: 5px;
}

.holeNumBox>li.courseSelec {
  float: right;
  width: 30%;
}

.holeNumBox>li.courseSelec>select {
  width: 100%;
  height: 30px;
  padding: 0.3em 0;
  text-indent: 2%;
  margin-top: 28px;
}

.courseTable {
  width: 100%;
  font-size: 0.9em;
}

.courseTable th {
  text-align: center;
  padding: 0.2em 0;
  border-top: 1px solid #bbbbbb;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.courseTable th:last-child {
  border-right: 0;
}

.courseTable th.black {
  color: #fff;
  background-color: #2d2d2d;
}

.courseTable td {
  padding: 0.2em 0;
  text-align: center;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #bbbbbb;
}

.courseTable td:last-child {
  border-right: 0;
}

.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;
  top: -30px;
  width: 100%;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: right;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #000;
  text-indent: -9999px;
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  outline: 0;
}

.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;
  border: 2px solid #ff8800;
  width: 10px;
  height: 10px;
  margin-bottom: -1px;
}

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

/*----------------------checkin--------------------------*/
/*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: #92a013;
  border-radius: 20px;
  color: #fff;
  font-size: 0.78em;
  letter-spacing: -1px;
  display: inline-block;
  margin: 3px 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: #ea5815;
}

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

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

.res-btn {
  display: flex;
  margin-top: 20px;
  margin-left: 10px;
}

.res-btn a {
  width: 120px;
  height: 30px;
  line-height: 30px;
  font-size: 0.875rem;
  border: 1px solid #707070;
  color: #333;
  text-align: center;
}