@charset "utf-8";

/*-------------------------- common css --------------------------*/
/* font color, style */
.bottom0{border-bottom: 0 !important;}

.green{color: #378468;}
.orange{color:#f6743b;}
.blue{color:#3e8ddc;}
.gray{color:#b7b7b7;}
.red {color:#cc1c1c !important;}
.yellow{color:#e2af00;}
.darkGray{ color: #58585a;}
.pink{ color: #d91b5c;}
.montserrat{font-family: 'Montserrat'}

.bgreen01{background: #54b89f !important;}
.bgreen02{background: #4da4aa !important;}

.center{ text-align: center !important;}
.left{ text-align: left !important;}
.right{ text-align: right !important;}
.marginA{ margin: auto !important;}
.cl_b{ clear: both;}
.fl_r{ float: right;}
.none{display: none;}

.font725{ font-size: 0.725em !important;}
.font825{ font-size: 0.825em !important;}
.font875{ font-size: 0.875em !important;}
.font125{ font-size: 1.25em !important;}
.font15{ font-size: 1.5em !important;}
.font2{ font-size: 2em !important;}

.hr{height:1px;border-bottom:1px solid #dddddd; width: 100%;}

.strong{ font-weight: 700; }
.bold{ font-weight: 700; }
.nomal{ font-weight: 500 !important;}
.nomal2{ font-weight: 400 !important;}
.through{ text-decoration: line-through;}

.bg_g{ background-color: #f8f8f8 !important;}

.wp20{ width: 20% !important;}
.wp25{ width: 25%;}
.wp27{ width: 27%;}
.wp28{ width: 28%;}
.wp30{ width: 30%;}
.wp325{ width: 32.5%;}
.wp35{ width: 35% !important;}
.wp40{ width: 40%;}
.wp45{ width: 45%;}
.wp49{ width: 49%;}
.wp50{ width: 50% !important;}
.wp60{ width: 60%;}
.wp70{ width: 70%;}
.wp80{ width: 80%;}
.wp90{ width: 90%;}
.wp97{ width: 97%;}
.wp100{ width: 100%;}
.padding10{padding:10px 0;}
.padding20{padding:20px 0;}
.padding30{padding:30px 0;}
.padding50{padding:50px 0;}
.padding70{padding:70px 0;}
.margin5{ margin: 5px auto;}
.margin1em{ margin: 1em 0;}
.margin10{ margin: 10px auto;}
.margin15{ margin: 15px auto;}
.margin20{ margin: 20px auto;}
.margin30{ margin: 30px auto;}
.margin40{ margin: 40px auto;}
.margin1020{ margin: 10px 0 20px;}
.margin4020{ margin: 40px 0 20px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px !important;}
.mt40{ margin-top:40px;}
.mb10{ margin-bottom:10px !important;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.pb2em{ padding-bottom: 2em;}
.pb10{ padding-bottom: 10px;}
.pb20{ padding-bottom: 20px;}
.pb30{ padding-bottom: 30px;}
.pt2em{ padding-top:2em;}
.pt3em{ padding-top:3em;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}

.mr10{margin-right: 10px;}

.shadow{box-shadow: 3px 3px 10px rgba(0,0,0,0.3);}

.block{display: block;}

.line15{ line-height: 1.5em;}
.line58{line-height: 58px !important;}

.height42{height: 42px;}
.height160{height: 160px;}

.indent10{text-indent: 10px;}

/*------------------------------login---------------------------------*/
.bg-login{background-color: #fff; position: fixed; top: 0;bottom:0;right:0;left:0;z-index: 1000}
.contents-login{ position: relative; z-index: 1100; width:100%; margin: 0 auto;}

.logo-login{ width:100%; margin: 3em 0 1em 0;}
.logo-login img{ display: block; width: 135px; margin: auto;}

.btn-back{ width:100%; position: relative; height: 68px; margin: auto;}
.btn-back h1{ position: absolute; left: 33px; bottom:0;}
.btn-back h1 a{ display: inline-block;}

.login-wrap{ width: 80%; margin:auto;}
.login-wrap ul{ margin-bottom:15px;}
.login-wrap ul h3{ font-weight: 500; color: #535B5D; padding-bottom: 10px; }
.login-wrap h1.title{ text-align: center; font-size: 1.5em; padding:30px 0 20px; color: #2F3334; font-weight: 500;}

.login-wrap ul li input[type="text"].borderB{ border-bottom: 1px solid #b4bbbc; padding-top:2px;}
.login-wrap ul li input[type="password"].borderB{ border-bottom: 1px solid #b4bbbc; padding-top:2px;}
.login-wrap ul li input[type="text"]:focus, .login-wrap ul li input[type="password"]:focus{border-bottom: 1px solid#f6743b;}
.login-wrap ul li input[type="text"]::placeholder{font-size: 0.875em; color: #5f6668; font-family: 'Noto Sans KR';}
.choice-day-box input[type="text"]::placeholder{font-size: 18px; color: #5f6668;}
.login-wrap ul li input[type="password"]::placeholder{font-size: 0.875em; color: #5f6668; font-family: 'Noto Sans KR';}
.login-wrap ul li.phone{ width: 100%; overflow: hidden; padding-top: 10px; display: flex; justify-content: space-between;}
.login-wrap ul li.phone input{ margin-left: 1.5%; font-size: 0.94em; float: left; width: 32%;}
.login-wrap ul li.phone input:first-child{margin-left: 0;}
.login-wrap ul li.phone select{float: left; width: 33%;}
.login-wrap ul li input[type="text"]:disabled{background: #fff; border: 1px solid #ddd; }

.btn-certified{border: 1px solid #f6743b; color: #f6743b; background: #fff; width: 100%; padding: 0.5em;}
.btn-certified.off{ border:1px solid #b4bbbc; color: #b4bbbc;}
.phone-certified{ width:100%; overflow: hidden;}
.phone-certified li{ width: 25%; float:left;}
.phone-certified li:first-child{ width: 75%;}
.phone-certified input[type="number"]{ width: 100%;}
.phone-certified .certified-time{ color: #f38d5f; line-height: 45px; background-color: #F4F4F4; text-align: center; font-weight: 300;}

.id-check-box{ width: 100%; padding: 3em 0; font-weight: 500; text-align: center; background-color: #F4F4F4; margin-bottom: 15px;}

/*login-btn*/
.btn-login{ width: 100%; text-align: center; overflow: hidden; margin-top:20px;}
.btn-login a{ float:left; width: 48%; border:1px solid #378468; color: #378468; font-weight: 500; display: inline-block; line-height: 40px; font-size: 1em; margin-right: 10px; background: #fff;}
.btn-login a:last-child{margin-right: 0;}
.btn-login a.enter{line-height: 48px;}
.btn-login a.on{ background-color: #378468; color: #fff;}
.btn-login a:last-child{ float:right;}

.btn-login span img{vertical-align: middle;}

.btn-idpw{ width: 90%; text-align: center; margin: 0 auto 40px; overflow: hidden;}
.btn-idpw a{ color: #535B5D; position: relative;  text-align: center; width: 50%; float: left; font-size: 0.94em;}
.btn-idpw a:first-child::after{ content: ''; width: 1px; height: 16px; background-color: #B4BBBC; position: absolute; right: 0; top:4px;}

.btn-sns{ width: 100%; margin-bottom: 15px;}
.btn-sns a{ display: block; background-color: #F4F4F4; text-align: center; line-height: 40px; font-size: 0.88em; color: #5F6668; margin-bottom: 6px;}
.btn-sns a img{ width: 25px; display: inline-block; vertical-align: middle; margin-right: 14px; margin-top:-4px; }

.text-login01{ font-size: 0.875em; text-align: center; line-height: 1.25em; color: #5f6668; word-break: keep-all;}
.btn-join-text{ font-size: 1em; font-weight: 700; color: #f38d5f; text-decoration: underline; text-align: center;}


/*---------------------------------- join ---------------------------------*/
.join-wrap{ width: 94%; margin:auto; padding-bottom: 3em;}
.join-top-box{ width: 100%; background-color: #f38d5f; color: #fff; font-weight: 300; text-align: center; line-height: 48px; text-transform: uppercase; font-size: 1.13em;}
.join-top-box span{ color: #f3f3d4; font-weight: 300;}
.join-wrap h1.title{ text-align: center; font-size: 1.38em; padding:30px 0 20px; color: #2F3334; font-weight: 700;}

.join-tab {width: 100%; margin-bottom: 15px;}
.join-tab ul {width: 100%; overflow: hidden;}
.join-tab ul li {
    width: 50%;
	color: #fff;
    font-weight: 300;
    font-size: 1.0em;
    float: left;
    text-align: center;
	background: #b4bbbc;
    box-sizing: border-box;
	letter-spacing: -0.4px;
}
.join-tab ul li a {display:block; padding:8px 0;}
.join-tab ul li.on {background: #f38d5f !important;}

.check-all{ text-align: center; width: 100%;}
.check-all span{ width: 34px; height: 34px; display: inline-block; margin:25px 0 14px;}
.check-all input[type=checkbox] {display:none;}
.check-all input[type=checkbox] + label {cursor: pointer; background-repeat: no-repeat; background-image: url('/mobile/images/img_check_style01.svg'); background-size: 34px 34px; font-size: 0; padding: 17px; width: 34px; height: 34px;}
.check-all input[type=checkbox]:checked + label {background-image: url('/mobile/images/img_check_style01_on.svg'); background-size: 34px 34px;}

.join-box{ width: 100%;}
.join-box ul li h2.title{ font-size:1.13em; text-align: left; color: #535b5d; letter-spacing: -1px; font-weight: 400; padding:6px 0 10px 10px; position: relative;}
.join-box ul li h2.title b{ color: #ccb835; padding-left: 5px; display: inline-block;}

.join-table{width: 100%; color: #666;}
.join-table thead th{background: #ddd; border-bottom: 1px solid #ccc; font-weight: 500; padding: 10px 0; text-align: center; vertical-align: middle;}
.join-table tbody td{border: 1px solid #ddd; text-align: center; padding: 5px; vertical-align: middle;}
.join-table tbody td input{text-align: left;}

.check-select{ position: absolute; right: 45px; bottom:132px; }
.check-select input[type=checkbox] {display:none;}
.check-select input[type=checkbox] + label { cursor: pointer; background-repeat: no-repeat; background-image: url('/mobile/images/img_check_style02.svg'); background-size: 24px 24px; font-size: 0; padding: 12px;}
.check-select input[type=checkbox]:checked + label {background-image: url('/mobile/images/img_check_style02_on.svg'); background-size: 24px 24px;}

.auto-login{margin: 20px auto; position: relative;}
.check-select2{display: inline-block; float: right;}
.check-select2 span{position: absolute; right: 0; top: -8px;}
.check-select2 input[type=checkbox] {display:none;}
.check-select2 input[type=checkbox] + label { cursor: pointer; background-repeat: no-repeat; background-image: url('/mobile/images/img_check_style02.svg'); background-size: 24px 24px; font-size: 0; padding: 12px;}
.check-select2 input[type=checkbox]:checked + label {background-image: url('/mobile/images/img_check_style02_on.svg'); background-size: 24px 24px;}


.join-agree-box{ width: 100%; height: 100px; border:1px solid #e8e8e8; background-color: #f4f4f4; font-size: 0.75em; font-weight: 300; padding : 12px; margin-bottom:10px; overflow: hidden; overflow-y: scroll; white-space: pre-line;}
.text-join01{ font-size: 0.875em; line-height: 1.25em; color: #535b5d; word-break: keep-all; text-align: left; letter-spacing: -1px;}
.text-join02{ color: #2f3334; font-weight: 300; font-size: 0.88em; word-break: keep-all; width: 96%; margin: auto; letter-spacing: -1px;}
.text-join02 span.text-big{ color: #164b4c; font-size: 1.125em; font-weight: 500; }
.text-join02 span.text-small{ font-size: 0.925em;}

.certified-box{ width: 100%; overflow: hidden; margin:0 auto 30px;}
.certified-box li{ width: 40%; float:left; text-align: center; margin: 0 5%;}
.certified-box li h2{ color: #535b5d;  font-weight: 500;}
.certified-box li p{ border-radius: 50%; width: 104px; height: 104px; background-color: #e8e8e8; margin: 20px auto; display: flex; justify-content: center; justify-items: center; padding :1em;}

.member-info-box{ width: 100%;}
.member-info-box dl{ width: 100%; overflow: hidden; margin-bottom: 26px;}
.member-info-box dt{ display: block; margin-bottom: 15px; color: #000; font-weight: 500;}
.member-info-box dt span{ vertical-align: text-top; color: #ccb835; font-weight: 500; padding-left: 5px;}
.member-info-box dd{ width: 100%; margin-bottom: 8px;}

.enter-name{ width: 70% !important; float: left;}
.member-info-box input[type="text"]:disabled{background: #fff; border: 1px solid #ddd; }
.member-info-box input[type="number"]:disabled{background: #fff; border: 1px solid #ddd; }

.enter-sex{ width: 28% !important; margin-left: 2%; float: left;}
.enter-sex select{ width:100%;}

.enter-id{ width: 70% !important; float: left;}
.btn-overlap{ width: 28% !important; margin-left: 2%; float: left; color: #f6743b; background-color: #fff; border: 1px solid #f6743b; font-weight: 400; text-align: center; line-height: 43px;}

.birthday{ width: 100%; overflow: hidden;}
.birthday select{ width: 32%; margin-left: 1%; float: left;}
.birthday select:first-child{ width: 34%; margin-left: 0;}

.email{ display: flex; justify-content: space-between; justify-items: center; line-height: 48px;}
.email input[type="text"]{ width: 45%;}

.member-info-box .phone{ width: 100%; overflow: hidden;}
.member-info-box .phone input{ margin-left: 1.5%; font-size: 0.94em; float: left; width: 31.8%;}
.member-info-box .phone input:first-child{margin-left: 0;}
.member-info-box .phone select{float: left; width: 33%;}

.radio-sty01{ font-size: 0.88em;}
.radio-sty01 input[type=radio] {display:none;}
.radio-sty01 input[type=radio] + label { background-repeat: no-repeat; background-image: url('/mobile/images/radio.svg'); background-size: 16px 16px; padding-left: 21px; padding-right: 20px; background-position: left top 3px}
.radio-sty01 input[type=radio]:checked + label { background-image: url('/mobile/images/radio_on.svg'); background-size: 16px 16px;}

.join-finish{ width:74%; margin: auto;}

/* join03 */
.select-box-02 select{display: inline-block;}

/* join04 */
.join04-text{color: #f6743b; font-size: 1.2em; font-weight: 400;}

/** 갤러리
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  min-width: 285px;
  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;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 5px;
  outline: 0;
  border-radius: 50%;
	border:1px solid #000;
	background-color: rgba( 255,255,255,0.5);
}
.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: rgba(0,0,0,0.5);
}
.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:40%;
	background:url(../images/btn_left.svg) no-repeat;
	background-size: 26px 20px;
}
.bx-wrapper .bx-next {
	right:40%;
	background:url(../images/btn_right.svg) no-repeat;
	background-size: 26px 20px;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	bottom: -70px;
	outline: 0;
	width: 26px;
	height:20px;
	text-indent: -9999px;
	z-index: 70;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* reservation */
.contents-reservation{position: relative;width: 92%;min-height: 100%;margin: auto;padding-top:90px;padding-bottom: 30px;}
.contents-reservation h1{font-size: 20px; text-align: left;}
.contents-reservation h2{font-size: 20px; margin: 10px 0 20px; text-align: center;}
.contents-reservation h3.sub-text{font-size: 16px; font-weight: 300; text-align: left; color: #2F3334; padding: 5px 0 20px;}
.sub-title{font-size: 17px; color: #2F3334;display: flex; justify-content: space-between; align-items: center;}
.sub-title02{margin: 2em 0 1em;}
.sub-title span{float: right; font-size: 12px;}

.reser-wrap{width: 100%;}
.reser-wrap .reser-area{width: 100%; height: 100%; display: block; border-radius: 0 0 40px 0;  margin-bottom: 20px;}
.reser-wrap .reser-area:nth-child(odd){background: #C5A658;}
.reser-wrap .reser-area:nth-child(even){background: #A14D37;}
.reser-box{width: 100%; height: 140px; position: relative; padding: 20px;}
.reser-box img{float: right;}
.reser-text h4, .reser-txt{color: #fff;}
.reser-text h4{font-size: 20px; font-weight: bold;}
.reser-text{position: absolute; bottom: 23px; left: 20px;}

/* reservation - package */
.tab-wrapper{
	width: 100%; max-width:500px;
	-ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/*tab-menu 2개*/
.tab-wrapper::-webkit-scrollbar{display: none; /* Chrome, Safari, Opera*/}
.tab-menu{text-align: center; overflow-x: auto; white-space: nowrap; font-size: 0;}
.tab-wrap{max-width: 100%;}
.tab-menu a {position:relative; background-color: #fff; color:#535B5D; padding: 0.7em 0; width: 50%; text-align: center; margin: 0 auto; font-size: 13px; font-weight: 300; display: inline-block; border: 1px solid #ddd; border-right: none;}
.tab-menu a:last-child{border-right: 1px solid #ddd;}
.tab-menu a.on {color: #fff; font-weight: 500; background: #378468; border: 1px solid #378468;}
.tab-content>div {background-color: #fff;box-sizing:border-box;width: 100%;min-height:200px;}
.tab-select{width: 100%; float: left; padding: 1em 0;}
.tab-select li{width: 46.6%; float: left; margin-right: 10px;}
.tab-select li h3{display: inline-block; font-size: 15px; font-weight: 300; margin-right: 10px;}

/*tab-menu 3개*/
.tab-menu03{text-align: center; overflow-x: auto; white-space: nowrap; font-size: 0;}
.tab-menu03 a{width: calc(100%/3); position:relative; background-color: #fff; color:#535B5D; padding: 0.7em 0; text-align: center; margin: 0 auto; font-size: 13px; font-weight: 300; display: inline-block; border: 1px solid #ddd; border-right: none;}
.tab-menu03 a:last-child{border-right: 1px solid #ddd;}
.tab-menu03 a.on {color: #fff; font-weight: 500; background: #378468; border: 1px solid #378468;}

/*tab-menu 4개*/
.tab-menu04{text-align: center; overflow-x: auto; white-space: nowrap; font-size: 0;}
.tab-menu04 a{width: calc(100%/4); position:relative; background-color: #fff; color:#535B5D; padding: 0.7em 0; text-align: center; margin: 0 auto; font-size: 13px; font-weight: 300; display: inline-block; border: 1px solid #ddd; border-right: none;}
.tab-menu04 a:last-child{border-right: 1px solid #ddd;}
.tab-menu04 a.on {color: #fff; font-weight: 500; background: #378468; border: 1px solid #378468;}

.line {position:absolute;width: 0;height: 2px;background-color: #A14D37;bottom: -2px;left: 0;}

.tab-box p{white-space: pre-line;font-size: 0.8em; font-weight: 300; color: #2f3334;}

/* .cal-title{padding-top: 1em;} */
.reser-calendar h3{display: inline-block;}
.reser-calendar .list{display: inline-block; position: relative; float: right;}
.reser-calendar .list h4{display: inline-block; padding-left: 30px; font-size: 12px;}
.list h4:last-child{padding-right: 0 !important;}

.square_orange{position: absolute; top: 9px; height: 12px; border: 1px solid #f6743b; width: 12px; right: 138px;}
.square_yellow{position: absolute; top: 9px; height: 12px; background: #F3F3D4; width: 12px; right: 83px;}
.square_gray{position: absolute; top: 9px; height: 12px; background: #B4BBBC; width: 12px; right: 27px;}

/* pkg check */
.pkg-check{width: 100%; border: 1px solid #f6743b; padding: 1.5em; text-align: center; display: flex; justify-content: center; align-items: center; margin-bottom: 2em;}
.pkg-check tbody tr th{text-align: right; font-weight: bold; font-size: 15px; vertical-align: middle; padding: 0.3em 0;}
.pkg-check tbody tr td{vertical-align: middle; text-indent: 20px; text-align: left; padding: 0.3em 0;}
.select-calendar{width: 100%; margin-top: 1em;}

/* calendar title, arrow */
.calendar-area{}
.arrow_prev, .arrow_next{position: relative;}
.arrow_prev::before{content: "◀"; color: #535B5D; position: absolute; top: 20px; left: 4px; cursor: pointer; font-size: 12px;}
.arrow_next::before{content: "▶"; color: #535B5D; position: absolute; top: 20px; right: 4px; cursor: pointer; font-size: 12px;}

/* calendar table */
.month_choice h2{text-align: center; padding: 1em 0; font-size: 1.25em;}
.m_calendar{width: 100%; font-family: 'Montserrat', serif; text-align: center; margin: 0 auto; border-bottom: 1px solid #E8E8E8;}
.m_calendar thead tr th{border-bottom: 1px solid #E8E8E8; padding: 0.5em 0; text-transform: uppercase; font-size: 12px; font-family: 'Montserrat', sans-serif;}
.m_calendar tbody tr td{border-bottom: 1px solid #E8E8E8; padding: 0.7em 0; font-family: 'Montserrat', sans-serif;}
.m_calendar tbody tr:last-child{border-bottom: none !important;}
.m_calendar tbody tr td span{display: block; font-size: 12px; color: #f6743b; font-family: 'Noto Sans KR'; letter-spacing: 0.5px;}
.m_calendar tbody tr td.today{border: 1px double #f6743b;}
.m_calendar tbody tr td.choice{background: #F3F3D4;}
.m_calendar tbody tr td.end{background:#F4F4F4; color: #B4BBBC !important;}
.m_calendar tbody tr td.end span{color: #B4BBBC !important;}
.m_calendar tbody tr td.fb{font-weight: bold}
.m_calendar tbody tr td.holiday{color: #D57878;}
.m_calendar thead tr th:first-child{color:#D57878;}
.m_calendar thead tr th:last-child{color:#4E85AA;}
.m_calendar tbody tr td:first-child{color:#D57878;}
.m_calendar tbody tr td:last-child{color:#4E85AA;}
.m_calendar tbody tr:last-child td:last-child{color: #000 !important;}

/* accordion menu */
.reser-list{ width: 100%;}
.reser-list ul.reser-con{ display: none; clear: both;}
.reser-list h1{ padding: 0.5em 1em; border: 1px solid #A14D37; color: #A14D37; height: 48px;}
.reser-list h1.on{color: #fff; background-color:#A14D37; }
.reser-list h1.borderB{ border:1px solid #9e896e;}
.reser-list h1 span{ float: right; margin-right: 5px;}
.ico_ar{ margin-top: 10px;}
.ico_ar img.on{background: url('/mobile/images/arrow_down.png')center center no-repeat;}
.reser-con.borderB{ border:1px solid #9e896e;}

.feeWrap{ width: 100%; padding-bottom:10px;}
.feeWrap .sec{ float: left; width: 48%; margin-right: 2%;}
.feeWrap .sec:last-child{ margin-right: 0%;}

.feeBox2{ width: 96%; overflow: hidden; margin:0 auto;}
.feeBox2 dl{ width: 100%; margin: 5px 0; clear: both;}
.feeBox2 dl dt{ text-align: left; font-size: 0.875em; float: left; width: 48%; letter-spacing: -1px; margin-right: 2%; padding:2px 0;}
.feeBox2 dl dd{ text-align: left; font-size: 0.875em; float: left; width: 50%; letter-spacing: -1px; padding:2px 0;}

.feeBoxV2{ width: 96%; overflow: hidden; margin:0 auto;}
.feeBoxV2 dl{ width: 100%; margin: 5px 0; clear: both;}
.feeBoxV2 dl dt{ text-align: left; font-size: 0.875em; float: left; width: 28%; letter-spacing: -1px; margin-right: 2%; padding:2px 0; color: #fff;}
.feeBoxV2 dl dd{ text-align: left; font-size: 0.875em; float: left; width: 70%; letter-spacing: -1px; padding:2px 0;color: #fff;color: #fff;}

.feeBox3{ width: 100%; overflow: hidden;}
.feeBox3 dl{ width: 33.3%; border-right: 1px solid #c5baad; float: left; margin: 5px 0;}
.feeBox3 dl:last-child{ width: 33.3%; border-right:0}
.feeBox3 dl dt{ text-align: center; padding-bottom: 5px; font-size: 0.875em;}
.feeBox3 dl dd{ text-align: center; font-size: 0.875em;}

.feeBoxWrap{ width: 100%; overflow: hidden; margin-top: 5px;}
.feeBoxWrap .box1{ float: left; width: 48%; margin-right: 2%;}
.feeBoxWrap .box2{ float: left; margin-left: 2%; width: 47%;padding-left: 5px;}
.feeBoxWrap h2{  padding: 3px 0 6px; text-align: center; border-bottom: 1px solid #cfc4b7; color: #fff; font-size: 0.875em;}
.feeBoxWrap dl{ clear: both; width: 100%;}
.feeBoxWrap dt{ width: 55%; letter-spacing: -1px;font-size: 0.875em; color: #fff; float: left; padding:3px 0 3px 5px; text-align: left; }
.feeBoxWrap dd{ width: 45%; font-family:"Eina03"; font-size: 0.875em; color: #fff; float: left; text-align:right; padding:3px 5px 3px 0;}

.feeBoxWrap2{ width: 100%; overflow: hidden; background-color: #ece7e2; margin-bottom: 15px; }
.feeBoxWrap2 .box1{ float: left; width: 48%; margin-right: 2%;}
.feeBoxWrap2 .box2{ float: left; margin-left: 2%; width: 47%;padding-left: 5px;}
.feeBoxWrap2 h2{  padding: 3px 0 6px; text-align: center; border-bottom: 1px solid #cfc4b7; color: #fff; font-size: 0.875em;}
.feeBoxWrap2 dl{ clear: both; width: 100%;}
.feeBoxWrap2 dt{ width: 100%; letter-spacing: -1px;font-size: 0.875em; float: left; padding:3px 0 3px 5px; text-align: center; }
.feeBoxWrap2 dd{ width: 100%; font-family:"Eina03"; font-size: 0.875em; float: left; text-align:left; padding:3px 5px 3px 0;}

.feeBoxWrap2 .box3{ width:100%;}
.feeBoxWrap2 .box3 dl{ clear: both; width: 100%; border-bottom: 1px solid #cfc4b7; overflow: hidden;}
.feeBoxWrap2 .box3 dt{ width: 49%; letter-spacing: -1px;font-size: 0.875em; float: left; padding:3px 0 3px 5px; text-align: center; }
.feeBoxWrap2 .box3 dd{ width: 50%; font-family:"Eina03"; font-size: 0.875em; float: left; text-align:left; padding:3px 5px 3px 15px;}

.feeText{ width: 96%; margin: 0 auto; padding: 10px 5px;  border-bottom: 1px solid #cfc4b7;}
.feeText h3{ font-weight: 500;padding:0 !important;}
.feeText h4{ padding-left: 5px; line-height: 1.25em; padding:3px 5px; font-size: 0.875em; margin: 0;}

/* tab */
.content-box{position: relative;overflow: hidden;}
.reser-tab-title{ font-size: 22px; color: #2F3334; position:absolute; width: 15%; float: left; display: inline-block; top: 20px;}
.faciltyBtn{width:100%;overflow:hidden; margin-top: 20px;}
.faciltyBtn li{padding:0.5em 0;width:32.3%;float:left;color:#535B5D;text-align:center;cursor:pointer;border-bottom: 1px solid #B4BBBC; margin-right: 5px; font-weight: 500;}
.faciltyBtn li:last-child{margin-right:0;}
.faciltyBtn li.on{color:#f6743b; border-bottom:1px solid #f6743b;}
.golf-fa li{display: block; width: 190px; text-align: left; background: url(/images/reservation/reser_course_tab_off.svg)no-repeat; background-position: 180px 23px;}
.golf-fa li.on{background: url(/images/reservation/reser_course_tab_on.svg)no-repeat; background-position: 180px 23px;}
.faciltyBtn:nth-child(2){width:100%;overflow:hidden;margin:25px 0 30px;}

.tab-img img, .tab-img2 img, .tab-img3 img{width: 100%;}


/* reser-table */
.reser-select{border: 1px solid #b4bbbc; color: #384043; padding:0.3em 1.5em; font-size: 13px;font-weight: 500;}
.reser-tab-scroll-sale{color: #000 !important;}
.reser-tab table tbody tr{height: 60px;border-bottom:1px solid #e8e8e8;}
.reser-tab table tbody td{vertical-align: middle;}
.reser-tab table tbody tr:hover{background: #f9f9f9;cursor: pointer;}
.reser-tab table tbody tr:hover .reser-select{background: #f6743b; color: #fff; border: 0;}
.reser-tab-scroll{display: block;overflow: auto;height: 500px;}
.scroll-2{height: 731px;}
.reser-tab-scroll::-webkit-scrollbar{width: 8px;}
.reser-tab-scroll::-webkit-scrollbar-thumb{height:20%; background: #f3f3d4; border-radius: 10px;}
.reser-tab-scroll::-webkit-scrollbar-track{background:#e8e8e8 ;}

.reser-table{width: 100%; text-align: center;height: 60px;font-size: 16px;}
.reser-table th{vertical-align: middle;font-weight: 500; padding: 0.8em 0; border-bottom: 1px solid #000; font-size: 0.9em;}
.reser-table tbody tr{height: 60px;border-bottom:1px solid #e8e8e8;}
.reser-table tbody td{vertical-align: middle;font-size: 0.9em;}
.reser-table tbody tr:hover{background: #f9f9f9;cursor: pointer;}
.reser-table tbody tr:hover .fw-bold{font-weight: 400;}

/* check-table */
.check-table{width: 100%; border-bottom: 1px solid #DDD; color: #2F3334;}
.check-table tbody th{text-align: left; padding: 0.7em 0; font-size: 0.8em;}
.check-table tbody td{text-align: right; font-size: 14px;}

/* reser-btn */
.reser-btn{padding-bottom: 2em;}
.reser-btn a{width: 48%; border: 1px solid #378468; text-align: center; padding: 0.5em 1em; color: #378468; display: inline-block; font-weight: 500;}
.reser-btn a.red{color: #fff !important; background: #378468 !important; float: right;}

/***** reserCheck *****/
.search-box{width: 100%;}
.choice-day-box{ display: flex; width: 100%; color: #5f6668; justify-content: space-around; }
.choice-day-box span{/*line-height: 38px; */width:4%; text-align: center;}
.choice-day-box .choice-day{ width: 35%; height: 38px; padding:8px 0 8px 8px; background-color: #f4f4f4; font-size: 0.81em;}
.choice-day-box .choice-day img{ width: 21px; height: 20px; display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 8px;}
.choice-day-box button{ background-color: #fff; margin-top: -12px;}
.choice-day-box button img{ display: inline-block; max-width:55px;}

/* reservation-layer-popup */
.overlay{display: none; position: fixed; top:0; left: 0; right: 0; bottom:0;  background-color: rgba(0,0,0,0.5); z-index:1004;}
.overlay2{display: none; position: fixed; top:0; left: 0; right: 0; bottom:0;  background-color: #000; z-index:1004;}
.overlay2 img{position: absolute; top: 20px; right: 20px;}
.basic-pop{ background-color: #fff;	border-radius: 8px; position:fixed; z-index:1010; width: 90%; max-height: 85%; overflow-y: auto; padding: 15px; top:50%; left: 50%; transform: translate(-50%, -50%)}
.basic-pop2{ background-color: #fff;	border-radius: 8px; position:fixed; z-index:1010; width: 80%; max-height: 85%; overflow-y: auto; padding: 20px 10px 10px; top:50%; left: 50%; transform: translate(-50%, -50%)}
.basic-pop3{position:fixed; z-index:1010; max-height: 85%; overflow-y: auto; top:50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.basic-pop3 .img-wrap, .basic-pop3 .img-wrap img{width: 100%;}
.basic-pop3 h3{color: #fff; text-align: center; margin: 1em 0; font-size: 1.2em;}
.basic-pop .calendar-area{ padding-bottom: 0; font-size:0.88em;}
/* calendar table */
.month_choice h2{text-align: center; padding: 1em 0;}
.m_calendar2{width: 100%; font-family: 'Montserrat', serif; text-align: center; margin: 0 auto; border-bottom: 1px solid #E8E8E8;}
.m_calendar2 thead tr th{border-bottom: 1px solid #E8E8E8; padding: 0.5em 0; text-transform: uppercase; font-size: 12px; font-family: 'Montserrat', sans-serif;}
.m_calendar2 tbody tr td{border-bottom: 1px solid #E8E8E8; padding: 0.8em 0; font-family: 'Montserrat', sans-serif;}
.m_calendar2 tbody tr:last-child{border-bottom: none !important;}
.m_calendar2 tbody tr td span{display: block; font-size: 12px; color: #A14D37; font-family: 'Noto Sans KR'; letter-spacing: 0.5px;}
.m_calendar2 tbody tr td.choice{background: #F3F3D4;}
.m_calendar2 tbody tr td.end{background:#F4F4F4; color: #B4BBBC !important;}
.m_calendar2 tbody tr td.end span{color: #B4BBBC !important;}
.m_calendar2 thead tr th:first-child{color:#D57878;}
.m_calendar2 thead tr th:last-child{color:#4E85AA;}
.m_calendar2 tbody tr td:first-child{color:#D57878;}
.m_calendar2 tbody tr td:last-child{color:#4E85AA;}
.m_calendar2 tbody tr:last-child td:last-child{color: #000 !important;}

.reser-check-list{ border-top: 1px solid #000;}
.list-none{text-align: center; color: #5f6668; font-size: 0.875em;}
.reser-check-list ul{ padding:0 10px; border-bottom: 1px solid #ddd;}
.reser-check-list ul li{ width: 100%; position: relative; padding: 10px 0;}
.reser-check-list ul li h1{ font-size: 1.13em; color: #292724; position: relative; display: inline-block; width: 85%; text-overflow: ellipsis; white-space: normal; font-weight: bold;}
.reser-check-list ul p{ font-size: 0.875em; letter-spacing: -0.12px; color: #5f6668; padding-top:6px;}
.reser-check-list ul p span{ color: #f6743b;}

.reser-check-list02{ border-top: 1px solid #000;}
.list-none{text-align: center; color: #5f6668; font-size: 0.875em;}
.reser-check-list02 ul{ padding:0 10px; border-bottom: 1px solid #ddd;}
.reser-check-list02 ul:last-child{ border-bottom: 0;}
.reser-check-list02 ul li{ width: 100%; position: relative; padding: 10px 0;}
.reser-check-list02 ul li h1{ font-size: 1.13em; color: #292724; position: relative; display: inline-block; width: 85%; text-overflow: ellipsis; white-space: normal; font-weight: bold;}
.reser-check-list02 ul p{ font-size: 0.75em; letter-spacing: -0.12px; color: #5f6668; padding-top:6px;}
.reser-check-list02 ul p span{ color: #f6743b;}

.btn-reser-check{ position: absolute; right:0;}
.btn-reser-check a{ border: 1px solid #b4bbbc; font-size: 0.88em; color: #2f3334; padding: 1px 0; width: 48px; text-align: center; display: inline-block; border-radius: 2px; line-height: initial;}
.accordion-toggle02{border-bottom: 1px solid #ddd;}
.accordion-toggle02:last-child{border-bottom: 0;}

.menu-list a{display: block;}
.menu-list a img{width: 100%;}
.menu-list h1{ color: #000; font-size: 1.2em; font-weight: 500;}
.menu-list p{color: #5f6668; font-size: 0.875em;}
.list-box{display: block; margin-bottom: 2em;}

/* coupon */
.coupon-off h1{ color: #b4bbbc !important;}
.coupon-off p{ color: #b4bbbc !important;}

/* scoreList */
.m-table{width: 100%; text-align: center;height: 60px;font-size: 16px;}
.m-table th{vertical-align: middle;border-top:1px solid #000;font-weight: 600; padding: 15px 0; border-bottom: 1px solid #b4bbbc;}
.m-table tbody tr{height: 60px;border-bottom:1px solid #e8e8e8;}
.m-table tbody td{vertical-align: middle;font-size: 0.875em;}
.join03-text{font-size: 0.875em; margin-top: 0.5em;}

/* delete */
.del-title{color: #378468; font-weight: 600; font-size: 0.94em;}
.del-text{padding: 0.5em; white-space: pre-line; font-weight: 200; font-size: 0.88em;}

/* gallery-cos */
.gallery-wrap{width: 100%; position: relative; margin: 2em auto 1em;}
.gallery-wrap li{display: inline-block; margin-right: 2px; width: 48.7%;}
.gallery-wrap li:nth-child(even){margin-right: 0;}
.gallery-wrap a{width: 100%;}
.gallery-wrap a img{max-width: 100%; width: 100%; box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}

.gallery-btn-box .gallery-prev{background: url('/mobile/images/board/gallery_prev.svg'); width: 50px; height: 80px; position: absolute; top: 40%; left: 0; transform: translate(0, -50%);}
.gallery-btn-box .gallery-next{background: url('/mobile/images/board/gallery_next.svg'); width: 50px; height: 80px; position: absolute; top: 40%; right: 0; transform: translate(0, -50%);}


/* weather */
.table-section{white-space: nowrap; overflow-x: auto; border-top: 1px solid #B49759; width: 80%;}
.weather-box{border-bottom: 2px solid #000;}
.weather-box ul{display: flex; justify-content: space-between; margin: 20px 0;}
.weather-box ul li{display: inline-block; vertical-align: middle;}
.weather-box ul li:first-child{white-space: pre-line; font-size: 13px; font-weight: 300;}
.weather-box ul li:nth-child(2){font-size: 27px;}

.weather-table{white-space: nowrap; border-collapse: collapse; overflow-x: scroll;-webkit-overflow-scrolling: touch !important;}
.weather-table tbody td{text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 39px; vertical-align: middle; padding: 5px; font-size: 0.875em;}
.weather-bg tbody tr:first-child{background: #F4F4F4;}
.weather-table tbody td img{margin: 0 auto; display: block;}
.weather-table thead th{background: #F3F3D4; border-right: 1px solid #ccc; padding: 7px 30px; font-weight: 500; font-size: 0.875em;}

.fix-table{float: left; width: 20%;}
.fix-table thead th{border-right: 1px solid #ccc;}
.fix-table thead th{padding: 0.5em; font-weight: 500; font-size: 0.875em;}
.fix-table thead th:first-child{border-top: 1px solid #B49759; background: #F3F3D4;}
.fix-table tbody th{border-right: 1px solid #ccc; background: #F4F4F4; border-bottom: 1px solid #ccc; font-size: 0.875em; font-weight: 500; line-height: 38px;}

/* view */
.view-wrap{width: 100%; text-align: center;}
.view-wrap img{max-width: 100%;}
.view-btn a{display: block; width: 30%; background: #f6743b; text-align: center; color: #fff; padding: 0.3em; font-size: 0.875em; margin: 0 auto; }

/* list */
.list-btn{position: absolute; right: 0; bottom: 40%;}
.notice-box{padding: 10px 0; text-align: center; width: 100%;}
.notice-box img{max-width: 100%; width: 100%;}

/* join List */
.join-btn02{width: 100%; position: relative; margin: 20px auto; text-align: center;}
.join-btn02 a{border-radius: 10px 0 10px 0; background: #378468; color: #fff; padding: 10px; display: inline-block; font-weight: 200; font-size: 0.81em; text-align: center; width: 45%; margin-right: 15px;}
.join-btn02 a.on{background: #f6743b;}
.join-btn02 a:last-child{margin-right: 0;}
.join-btn02 a span{display: block; font-weight: 500; font-size: 1.06em;}
.joinlist-text{font-weight: 300; white-space: pre-line; font-size: 0.88em; line-height: 1.5em;}

.list-join{display: block; font-size: 0.75em; color: #f6743b;}
.list-invite{display: block; font-size: 0.75em; color: #378468;}
.joinlist-list ul h3{ font-size: 0.75em; letter-spacing: -0.12px; color: #5f6668; margin: 3px 0 10px;}
.joinlist-list ul h4{font-size: 0.75em; color: #b4bbbc;}

.join-off h1, .join-off h1 span, .join-off h3{color: #b4bbbc !important;}

.joinlist-list{ border-top: 1px solid #000;}
.list-none{text-align: center; color: #5f6668; font-size: 0.875em;}
.joinlist-list ul{ padding:0 10px;}
.joinlist-list ul:last-child{ border-bottom: 0;}
.joinlist-list ul li{ position: relative; padding: 10px 0;}
.joinlist-list ul li h1{ font-size: 1.13em; color: #292724; position: relative; display: inline-block; width: 85%; text-overflow: ellipsis; white-space: normal; font-weight: bold;}
.joinlist-list ul p{ font-size: 0.75em; letter-spacing: -0.12px; color: #5f6668; padding-top:6px;}
.joinlist-list ul p span{ color: #f6743b;}

.joinlist-btn{width: 100%; text-align: center;}
.joinlist-btn a{width: 32%; display: inline-block; border: 1px solid #747e81; color: #747e81; padding: 0.3em;}
.joinlist-btn a.on{border: 1px solid #f6743b; color: #f6743b;}

.notice-box02{text-align: left; padding: 10px 0;}
.notice-box02 h5{margin: 3em 0 0; font-weight: 500;}
.notice-box02 h5 span{font-weight: 300;}
.joinlist-box{background: #f8f8f8; margin: 1em 0;}
.joinlist-box li{display: inline-block; width: 40%; font-size: 0.81em;}
.joinlist-box p{color: #000; }

.joinlist-text-box{border: 1px solid #f6743b;}
.joinlist-box textarea{height: 80px; overflow-y: scroll; resize: none; width: 100%; border: none; font-weight: 300; font-family: 'Noto Sans KR'; outline: 0;}
.joinlist-text-box textarea{height: 120px; overflow-y: scroll; resize: none; width: 100%; padding: 20px; border: none; font-weight: 300; font-family: 'Noto Sans KR'; outline: 0;}
.joinlist-box span{color: #535b5d; margin-left: 10px;}

.joinlist-text-contents{border-top: 1px solid #ccc; padding: 0.8em;}
.joinlist-text-contents div{ font-size: 0.81em; font-weight: 300;}
.joinlist-text-contents div span{margin-left: 10px; color: #535b5d;}

/* join write */
.join-table-title{font-size: 1.06em; margin: 20px 0 10px;}
.write-table{border-top: 1px solid #000; font-size: 0.94em;}
.write-table tbody th{padding: 0.8em 0; border-bottom: 1px solid #b4bbbc;}
.write-table tbody td{text-align: left; padding: 0.1em 0; color: #5f6668;}
.write-table tbody tr{border-bottom: 1px solid #ddd;}
.write-table tbody tr:last-child{border-bottom: 0;}
.write-table tbody td:last-child{border-bottom: 0;}
.write-table tbody td span{float: right;}
.write-table tbody td span input{margin-right: 0.5em;}
.write-table tbody td textarea{overflow-y: scroll; resize: none; width: 100%; border: none; font-weight: 300; font-family: 'Noto Sans KR'; outline: 0; background: #f4f4f4; font-size: 0.94em; padding: 10px; border-radius: 0;}
.write-table tbody td textarea::placeholder{}

/* .write-table input[type=checkbox] {accent-color: #f6743b;} */
.write-table select{font-size: 0.94em; color: #5f6668;}
.write-table input[type=checkbox] {display:none;}
.write-table input[type=checkbox] + label { cursor: pointer; background-repeat: no-repeat; background-image: url('/mobile/images/write_input.png'); background-size: 16px 16px; padding: 10px; width: 16px; height: 16px; font-size: 0; vertical-align: middle;}
.write-table input[type=checkbox]:checked + label {background-image: url('/mobile/images/write_input_on.png'); background-size: 16px 16px;}

.write-btn{width: 100%; text-align: center; margin: 20px 0;}
.write-btn a{border: 1px solid #f6743b; color: #f6743b; padding: 0.3em 1em; display: inline-block; width: 39%;}
.write-btn a.on{background: #f6743b; color: #fff; width: 59%;}

/* course */
.course-info {position: relative; width: 100%;}
.course-map {position: relative; width: 100%;}
.course-map img {width: 100%; display: block; margin: 0 auto;}

.course-btn-01 {display: inline-block; width: 30%; background-color: #339ac8; text-align: center; font-size: 0.875em; border-radius: 20px; line-height: 30px; position: absolute; top: 60%; left: 55%; transform: translateX(-155%);font-weight: 300; vertical-align: middle;}
.course-btn-01 a{color: #fff; vertical-align: middle;}
.course-btn-02 {display: inline-block; width: 30%; border: 2px solid #ddd; background-color: #fff; text-align: center; font-size: 0.875em; border-radius: 20px; line-height: 30px; position: absolute; top: 30%; right: 54%; transform: translateX(170%); font-weight: 300;  }
.course-btn-02 a{color: #5f6668; vertical-align: middle;}

.course-btn-03 {display: inline-block; width: 30%; background-color: #f6743b; text-align: center; font-size: 0.875em; border-radius: 20px; line-height: 30px; position: absolute; top: 30%; right: 54%; transform: translateX(170%); font-weight: 300; vertical-align: middle;}
.course-btn-03 a{color: #fff; vertical-align: middle;}
.course-btn-04 {display: inline-block; width: 30%; border: 2px solid #ddd; background-color: #fff; text-align: center; font-size: 0.875em; border-radius: 20px; line-height: 30px; position: absolute; top: 60%; left: 55%; transform: translateX(-155%);font-weight: 300; vertical-align: middle;}
.course-btn-04 a{color: #5f6668; vertical-align: middle;}

/* course-silde */
.course-wrap {width: 100%; margin:auto; padding-top: 10px; position: relative;}
.swiper {
	width: 100%;
	height: 100%;
  }

  /* .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  } */

.swiper-slide img {
	display: block;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    height: 535px;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
	padding-bottom: 40px !important;
}

.swiper-pagination {
    position: relative!important;
	top: 20px!important;
    transition: .3s opacity!important;
    transform: translate3d(0,0,0)!important;
    z-index: 10!important;
	margin-bottom: 10px!important;
	white-space: nowrap;
    border-collapse: collapse;
    overflow-x: scroll;
}

.swiper-pagination2 {
  position: relative!important;
top: 20px!important;
  transition: .3s opacity!important;
  transform: translate3d(0,0,0)!important;
  z-index: 10!important;
margin-bottom: 10px!important;
white-space: nowrap;
  border-collapse: collapse;
  overflow-x: scroll;
}

  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	left: 0;
	margin: 0 0 40px 0 !important;
}

.swiper-pagination-bullet {		
	position: relative !important;
	width: 17px !important;
	height: 17px !important;
	background-color: #384043 !important;
	border: 3px solid #384043 !important;
	vertical-align: middle !important;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet
{
    position: relative !important;
	font-weight: 300 !important;
	font-size: 0.875em !important;
}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet b{
    position: relative !important;
	font-weight: 300 !important;
	font-size: 0.875em !important;
	width: 40px !important;
	display: block !important;
	margin: 19px -13px;
}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet span{
    position: relative !important;
	font-weight: 300 !important;
	font-size: 0.875em !important;
	width: 40px !important;
	display: block !important;
	margin: 19px -13px;
}

.swiper-pagination-bullet {
	width: 17px;
	height: 17px;
	background: #384043;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
    opacity: 1 !important;
	color: #000;
	margin: 0 20px !important;
}

.swiper-pagination-bullet:after {
	content: "";
	position: absolute;	
	top: 50%;
	right: 50%;
	z-index: -1;
	display: block;
	width: 50px;
	height: 1px;
	background-color: #dfdfdf; 
}  

.swiper-pagination-bullet:first-child::after {
	display: none;
}

.swiper-pagination-bullet-active {
	font-size: 0.875em!important;	
	color: #f6743b;
	border: 3px solid #f6743b !important;	
	background-color: #fff !important;	
	width: 17px !important;
	height: 17px !important; 
	text-decoration: underline;
}

.swiper-pagination2>.swiper-pagination-bullet-active {
	font-size: 0.875em!important;	
	color: #339ac8;
	border: 3px solid #339ac8 !important;	
	background-color: #fff !important;	
	width: 17px !important;
	height: 17px !important; 
	text-decoration: underline;
}

.swiper-slide .course-text{display: block; width: 100%; text-align: left; padding: 20px; background: #fff; height: 360px;}
.course-line{color: #b49759 !important; font-size: 16px; margin: 0 10px;}
.swiper-slide .course-text h2{font-size: 18px; color: #000; font-weight: 500;}
.swiper-slide .course-text h2 span{color: #f6743b; font-size: 42px; font-weight: 500; vertical-align: top;}
.swiper-slide .course-text li{display: inline-block; color: #535b5d; font-size: 26px; letter-spacing: -0.7px; position: relative; margin: 20px 0;}
.swiper-slide .course-text li span{color: #f6743b; font-size: 16px; letter-spacing: -0.4px;}
.swiper-slide .course-text p{font-size: 0.875em; color: #2f3334; font-weight: 300;}
.swiper-slide-active{width: 100% !important; display: block;}
.course-text span.blue{color: #339ac8 !important;}

/* course-info */
.contents-info-area{width: 94%; margin: 0 auto; padding-bottom: 80px;}
.contents-info-area .info-text{color: #2f3334; text-align: center; margin: 30px 0; font-weight: 400; white-space: pre-line;}

.info-total-table{width: 100%; text-align: center;}
.info-total-table tbody th{color: #5f6668; font-size: 0.88em;}
.info-total-table tbody td{color: #2f3334; font-size: 1.13em; font-weight: 500;}
.info-total-table tbody td span{font-size: 1.63em; font-weight: 400;}

.course-info-table{width: 100%; text-align: center; border-top: 1px solid #000;}
.course-info-table thead th{color: #000; background: #f9f9f9; font-size: 0.88em; font-weight: 500; border-bottom: 1px solid #ddd; padding: 1em 0; position: relative;}
.course-info-table tbody th{font-weight: 200; font-size: 0.81em; border-bottom: 1px solid #ddd;}
.course-info-table tbody td{font-weight: 300; font-size: 0.81em; position: relative; padding: 1em 0.2em; border-bottom: 1px solid #ddd;}
.course-info-table thead th::after{content: ''; width: 1px; height: 13px; background-color: #ddd; position: absolute; bottom: 0; left: 0;}
.course-info-table tbody td::after{content: ''; width: 1px; height: 13px; background-color: #ddd; position: absolute; bottom: 0; left: 0;}
.course-info-table thead th:first-child::after{display: none;}
.course-info-table tbody td:first-child::after{display: none;}

.c_circle{width: 14px; height: 14px; border-radius: 50%; display: block; vertical-align: middle; margin: 5px auto;}

.c_circle2{width: 14px; height: 14px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 5px;}

.y_c{background: #ffd966;}
.b_c{background: #2f5597;}
.w_c{background: #ffffff; border: 1px solid #707070;}
.r_c{background: #ff0000;}

.hole-info{width: 100% !important;}
.hole-info li{font-size: 1em !important; margin: 0 7.5px 10px 0 !important;}

/* intro */
.intro-area{padding-bottom: 55px; text-align: center;}
.intro-area img{width: 100%;}
.intro-area .intro-title{color: #378468; font-size: 1.13em; font-weight: 500; text-align: center;}
.intro-text{color: #378468; font-family: 'Noto Serif KR'; border-top: 2px solid #378468; font-size: 1.31em; display: inline-block; padding: 0.3em 0; font-weight: bold;}
.intro-text span{font-size: 1.56em; font-weight: 600;}
.intro-sentence{white-space: pre-line; text-align: center; font-size: 0.88em; font-weight: 300; letter-spacing: -1px; line-height: 1.8em;}

/* ci */
.logo-wrap{background: #f9f9f9; height: 240px; width: 100%; line-height: 240px;}
.logo-wrap img{text-align: center; vertical-align: middle; width: 150px;}
.ci-box>img{width: 32%; display: inline-block;}

/* design */
.design-img-box{width: 100%;}
.design-img-box img{width: 49%; display: inline-block;}
.design-title{color: #f6743b; font-size: 1.5em; font-weight: 600; letter-spacing: -2px; margin: 25px 0 10px;}
.design-text{font-size: 1.13em; font-weight: 600; letter-spacing: -1px;}
.design-btn{width: 80%; margin: 25px auto;}
.design-btn a{background: #2c5352; padding: 8px 20px; color: #fff; font-size: 0.88em;}

/* map */
.map-tab{ width: 100%; margin: 40px 0 15px; overflow: hidden;}
.map-tab li{width: 140px; background-color: #eee;  color: #5f6668; font-size: 0.81em; letter-spacing: -0.9px; text-align: center; padding: 0.5em 0; cursor: pointer; display: inline-block;}
.map-tab li:last-child{ margin-right: 0;}
.map-tab li.on{ background-color: #f6743b; color: #fff;}

.map-area{font-size: 0.88em; line-height: 20px;}
.map-area .map-title{font-weight: 600; color: #f6743b;}
.map-area span{font-weight: 600; display: block;}
.map-area p{padding: 5px 10px; font-weight: 200; letter-spacing: -1px; line-height: 25px;}
.map-area h4{color: #2f3334; font-size: 1.13em; font-weight: 600; margin: 15px 0;}
.map-box{background: #f9f9f9; padding: 1em 1.5em; line-height: 25px;}

/* facility */
.front-text{color: #378468; font-size: 1.25em; font-family: 'Noto Serif KR'; font-weight: 700; margin: 30px 0 12px; letter-spacing: -1.5px;}
.front-sentence{white-space: pre-line; text-align: center; font-size: 0.94em; color: #384043; letter-spacing: -1px;}

.content-tab{ width: 100%; margin: 40px 0 15px; overflow: hidden;}
.content-tab li{width: 32.3%; background-color: #eee;  color: #5f6668; font-size: 0.81em; letter-spacing: -0.9px; text-align: center; padding: 0.5em 0; cursor: pointer; display: inline-block;}
.content-tab li:last-child{ margin-right: 0;}
.content-tab li.on{ background-color: #f6743b; color: #fff;}

/* user Info */
.info-table{ width: 100%; border-top: 1px solid #000; }
.info-table thead th{ font-size: 0.88em; position: relative; font-weight: 600; border-bottom: 1px solid #b4bbbc; padding: 0.5em 0; vertical-align: middle; color: #000;}
.info-table thead th.rows{  padding: 12px 0}
.info-table thead th.rows::after{display: none;}
.info-table thead th:last-child::after{ display: none;}
.info-table tr.rows th{ padding:8px 0; font-size: 13px; }
.info-table tr.rows th.br::after{ content: ''; position: absolute; bottom:0; right:0; width: 1px; height: 16px; background-color: #b4bbbc; display: block;}

.info-table tbody td{ font-size: 0.88em; position: relative; text-align: center; font-weight: 300; border-bottom: 1px solid #b4bbbc; padding: 0.8em 0; vertical-align: middle; color: #000;}
.info-table tbody td.th{ font-weight: 500; background: #f9f9f9;}
.info-table tbody td .text {font-size: 0.75rem; color: #585858;}
.info-table tbody td::after{ content: ''; position: absolute; bottom:0; right:0; width: 1px; height: 16px; background-color: #b4bbbc; display: block;}
.info-table tbody td.info-line::after{ content: ''; position: absolute; bottom:0; right:0; width: 1px; height: 16px; background-color: #b4bbbc; display: block !important;}
/* .info-table tbody td:first-child::after{display: none;} */
.info-table tbody td:last-child::after{ display: none;}
.info-table tbody td.br::after{ content: ''; position: absolute; bottom:0; right:0; width: 1px; height: 16px; background-color: #b4bbbc; display: block;}

.g-title{font-size: 1.06em; margin: 40px 0 15px;}
.g-title span{float: right; font-size: 0.7em; font-weight: 300;}

.guide-sty01{font-size: 0.88em; font-weight: 200; color: #2f3334; letter-spacing: -0.7px;}
.guide-sty02{font-size: 0.88em; letter-spacing: -0.8px; margin: 20px 0; font-weight: 300;}
.guide-sty02 span{color: #f6743b; border-bottom: 1px solid #f6743b; font-weight: 500;}

.mguide{width: 100%; margin-bottom: 50px;}
.mtitle{font-size: 12px; color: #378468; font-weight: 500; text-indent: 2px; margin-bottom: 3px;}
.mguide-box{margin-bottom: 25px; width: 100%;}
.mtitle-num{display: inline-block; background: #2c5352; color: #fff; border-radius: 50%; width: 32px; height: 32px; text-align: center; line-height: 32px; font-weight: 500;}
.mguide-text{background: #f4f4f4; border-radius: 20px 20px 0 20px; padding: 8px 12px; font-size: 14px; color: #2f3334; display: inline-block; width: 85%; text-align: center;}
.mguide-con{text-align: center; margin-left: 15px; width: 100%;}
.mguide-con img{width: 75%;}
.mguide-text-area{width: 11%; display: inline-block;}

.userInfo-box{ width: 100%; border-top:1px solid #ddd;}
.userinfo-box-wrap{border-bottom: 1px solid #ddd;}
.info-sub-title{margin: 25px 0 10px; font-weight: 600;}
.userinfo-text{white-space: pre-line; font-weight: 300; font-size: 0.88em; padding-bottom: 25px; line-height: 23px;}
.userinfo-text span{color: #f6743b; border-bottom: 1px solid #f6743b; font-weight: 500;}

.terms-con{ width: 100%;}
.terms-con h1{ width: 100%; padding-top:40px; font-size: 20px; font-weight: 600;}
.terms-con h3{ width: 100%; padding: 32px 0 25px; border-bottom: 1px solid #ddd; font-weight: bold;}
.terms-text{ font-size: 0.88em; line-height: 1.75em; letter-spacing: -0.4px; text-align: left; color: #2f3334; white-space: pre-wrap; padding: 25px 0 22px;}
.terms-text span{ font-weight: 700; display: block;}
.terms-text span.i-block{ display: inline-block;}

/* reser info*/
.reserInfo-wrap{text-align: center;}
.reserInfo-wrap p{font-size: 0.94em; font-weight: 300; margin: 10px 0;}
.reserInfo-box{border-radius: 40px; background: #83bb67; padding: 1em 0; width: 260px; height: 80px; text-align: center; margin: 0 auto;}
.reserInfo-box ul{text-align: center;}
.reserInfo-box li{color: #fff; font-size: 1.06em; display: inline-block; text-align: left; vertical-align: middle;}
.reserInfo-box ul li img{margin-right: 10px;}

.thLine::after{ content: ''; position: absolute; bottom:0; right:0; width: 1px; height: 16px; background-color: #b4bbbc; display: block;}

/* policy */
.guide-con ol li{font-size: 0.875em; white-space: pre-line;}
.policy-box{position: relative;margin: 20px 0 20px 0;padding: 20px;color: #333;background-color: #fafafa;border: 1px solid #e6e6e6;border-radius: 5px;word-break: keep-all; font-size: 0.875em;}
.policy-box.pds{padding:10px 20px;}
.policy-box{float: none;}
.policy-box .tit_f17{font-size:17px;font-weight:500;}
.policy-box .tit_f17 > *{font-size:17px;font-weight:500;}
.policy-box .tit_f17 strong{color:#4374ac;}

.per_rule_wrap>.tit_sub{margin:30px 0 10px 0;}
.panel_box{border: 1px solid #ccc; border-radius: 5px;}
.per_rule_wrap .panel_box p{margin: 10px 0;}
.per_rule_wrap>ol{margin-top: 5px;}
.per_rule_wrap>ol>li{margin:4px 0;padding-left:15px;text-indent:-15px;word-break: keep-all;}
.per_rule_wrap>ol>li>ol,.per_rule_wrap>ol>li>ul{margin:10px 0;}
.per_rule_wrap>ol>li>ol>li,.per_rule_wrap>ol>li>ul>li{margin:4px 0;padding-left:0;text-indent:0;word-break: keep-all;}
.per_rule_wrap>ol>li>ol>li>ul,.per_rule_wrap>ol>li>ol>li>ol{margin:4px 0;}
.per_rule_wrap>ol>li>ol>li>ul li,.per_rule_wrap>ol>li>ol>li>ol li{padding-left:15px;word-break: keep-all;}
.per_rule_wrap .list ul,.per_rule_wrap .list ol{margin:5px 0;}
.per_rule_wrap .tit_rule{margin:5px 0 5px 0;/* font-weight: 500; */}
.per_rule_wrap>p,.per_rule_wrap>ol>li p{padding-left:0;text-indent:0;word-break: keep-all;}
.per_rule_wrap dl{margin:10px 0;}
.per_rule_wrap dt{font-weight: 500;}
.per_rule_wrap dd{margin:4px 0;padding-left:10px;}
.per_rule_wrap .tb_board{margin:10px 0;}
.per_rule_wrap>p{margin:10px 0 0 0;}
.rule_link {padding-right:20px;background: url('https://www.privacy.go.kr/images/sub/scommon/ico_link.gif')no-repeat center right;color: #1f6ed4; text-decoration: underline;}
.per_rule_wrap .links{display: block;margin:20px 0 0 0;}
.tb_board{border-top: 2px solid #353e4d;}

/* menu */
.menu-table{width: 100%; border-top: 2px solid #000; text-align: center;}
.menu-table th{border-bottom: 1px solid #b4bbbc; vertical-align: middle; font-weight: 500; font-size:0.875em; padding: 0.8em; position: relative;}
.menu-table th::after{content: ''; position: absolute; bottom: 0; width: 1px; height: 10px; background: #b4bbbc; left: 0;}
.t-tit:first-child::after{display: none;}
.menu-table td{border-bottom: 1px solid #b4bbbc; vertical-align: middle; position: relative; padding: 0.8em 0.2em; font-size: 0.875em;}
.menu-table td::after{content: ''; position: absolute; bottom: 0; width: 1px; height: 10px; background: #b4bbbc; left: 0;}
.fw5{font-weight: 500;}

.label_wrap{
    width: 100%;
    box-sizing: border-box;
    padding: 0px 10px;    
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    position: relative;
}
.label_box{
    width: 30%;
    height: 200px;
    box-sizing: border-box;
    padding: 20px 30px;
    border-radius: 10px;
    box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items:center;    
    cursor: pointer;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #fff;
    position:relative
}
.label_box:hover{
transition: 0.2s;
border: 1px solid #1647aa;
}
.label_cnt {
    font-size: 14px;
    margin-top: 20px;
    font-weight: 400;
    color: #111;
}
.label_layer{
    display: none;
    position: absolute;
    box-sizing: border-box;    
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #eee;    
    width: 500px;    
    z-index: 999;
}
.label_desc_top{
    width: 100%;
    box-sizing: border-box;
    padding:10px;
    background-color: #1647aa;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.label_desc_top p{
    color: #fff;
}
.label_desc_btm{
    width: 100%;
    box-sizing: border-box;
    padding: 15px 20px;
}
.desc_wrap{
    display: flex;
    flex-flow: row wrap;
}
.desc_box{
    width: 100%;
    border-radius: 10px;
    border: 1px solid #eee;
    box-sizing: border-box;
    padding: 10px 15px;
    margin-top: 10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;    
}
.desc_tit{        
    width: 30%;
    font-weight: 400;
    color: #1647aa;
    word-break: keep-all;    
}
.desc_cnt{        
    width: 68%;
    color: #333;
    font-size: 14px;
}
.label_layer.num0{
    top:0;
    left: 110%; 
}
.label_layer.num1{
    top:0;
    left: 110%; 
}
.label_layer.num2{
    top:0;
    right: 110%; 
}
.label_layer.num3{
    top:0;
    left: 110%; 
}
.label_layer.num4{
    top:0;
    left: 110%; 
 }
 .label_layer.num5{
    top:0;
    right: 110%;  
 }
 .cnt_list{
     width: 95%;
     margin: 40px auto 10px;
 }
 .cnt_list li {
     margin-bottom: 30px;
     position: relative;
    box-sizing: border-box;    
	font-size: 0.875em;
	display: block;
 }
 .cnt_list li a{ 
     color: #444;   
    font-weight: 400;
    box-sizing: border-box;
    padding-left: 30px;
    height: 25px;
    display: block;
} 
 .tit_list{
     font-size: 18px;
     font-weight: 600;
     color: #333;
     box-sizing: border-box;
     padding: 30px 0 10px 0;     
     vertical-align: middle;
	 text-indent: -10px;
 } 
 .list_icon{
     margin-right: 10px;
     vertical-align: middle;
 }

 /* policy-label */
 /* .cnt_list li:first-child a{
     background: url(/images/guide/img_object_20.png)no-repeat 0 0;
 }
 .cnt_list li:nth-child(2) a{
    background: url(/images/guide/img_period_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(3) a{
    background: url(/images/guide/img_private_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(4) a{
    background: url(/images/guide/img_third_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(5) a{
    background: url(/images/guide/img_consign_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(6) a{
    background: url(/images/guide/img_destruction_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(7) a{
    background: url(/images/guide/img_court_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(8) a{
    background: url(/images/guide/img_safe_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(9) a{
    background: url(/images/guide/img_cookie_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(10) a{
    background: url(/images/guide/img_cpo_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(11) a{
    background: url(/images/guide/img_browse_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(12) a{
    background: url(/images/guide/img_help_20.png)no-repeat 0 0;
}
.cnt_list li:last-child a{
    background: url(/images/guide/img_change_20.png)no-repeat 0 0;
} */
.mid_line{
    width: 100%;
    height: 1px;
    background-color: #eee;
    margin:50px auto;
}
.desc_icon{
    box-sizing: border-box;
    padding-left: 30px; 
    height: 25px;
}
.desc_icon.edu{    
    background:url(/images/icon_edu.png)no-repeat 0 0;
}
.desc_icon.dem{    
    background:url(/images/icon_dem.png)no-repeat 0 0;
}
.desc_icon.dec{    
    background:url(/images/icon_dec.png)no-repeat 0 0;
}
.desc_icon.ins{    
    background:url(/images/icon_ins.png)no-repeat 0 0;
}
.desc_icon.pro{    
    background:url(/images/icon_pro.png)no-repeat 0 0;
}

#subMonthBox2{}

/*----------------------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: #ea5815; 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: #000;}

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