.wp100{width:100% !important;}
.ac{text-align:center !important;}
.ar{text-align:right !important;}
.al{text-align:left !important;}
.btn_set {
	width: 30%;
	padding: 12px;
	background: #1f8b4d;
	color: #fff;
	font-size: 1rem;
    font-weight: 500;
	line-height: 16px;
	border-radius:4px;
	cursor: pointer;
	text-align: center;
	margin: 24px auto;
}

.sub_tit_st2 {
	width:100%;
	padding:16px 20px;
	line-height: 1.25rem;
	font-size: 0.92rem;
	font-weight: 300;
	position: relative;
	border-bottom:1px solid #CCC;
}
.sub_tit_st2 img {
	position: absolute;
	right: 20px;
	top: 20px;
}
.sub_tit_st2 .cashing {
	position: absolute;
	text-align: right;
	top: 16px;
	right: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #04599E;
}


.sub_tit_st3 {
	width:100%;
	padding:16px 20px;
	line-height: 20px;
	font-size: 13px;
	font-weight: 200;
	position: relative;
	border-top:2px solid #04599E;
}

.sub_tit_st4 {
	width:100%;
	padding:16px 20px;
	line-height: 1.25rem;
	font-size: 0.85rem;
	font-weight: 300;
	position: relative;
	background: #FFFEE9;
	color: #666;
	border-bottom:1px solid #F4F2F0;
}
.sub_tit_st4 .txt_under {
	vertical-align: initial;
	color: #04599E;
}


.foot_comen {
	width: 100%;
	background: #e5f7e5;
	padding: 10px;
	margin-top: 52px;
	font-size: 0.813rem;
    font-weight: 400;
	line-height: 21px;
	color: #666;
}


/* 게시판 페이지 리스트,보기 */
.board_cont {
	border-top:1px solid #ccc;
}
.board_cont >li {
	width:100%;
	position: relative;
	font-size: 14px;
	border-bottom:1px solid #F4F2F0;
}
.board_cont li >ul {
		display:none;
		width:100%;
}
.board_cont li.on >ul {
		display:block;
}
.board_cont >li li img {
	width: 100%;
}
.board_cont li .event {
	width:100%;
	position: relative;
	padding: 0 18px;
	margin-top: 14px;
}
.board_cont li .event img {
	width: 100%;
	border-radius:4px;
	border:1px solid #F4F2F0;
}

.board_cont li .tit {
	width:100%;
	position: relative;
	padding: 4px 20px;
	border-bottom: 1px solid #F4F2F0;
}

.board_cont li.on >.tit {
	background: #fffce2;
}

.board_cont li .tit .tit_txt {
	margin-top: 14px;
}
.board_cont li .tit .tit_faq {
	width: 90%;
	font-size: 16px;
	line-height: 20px;
	margin: 16px 0;
}

.board_cont li .tit .wait_btn {
	padding-bottom: 4px;
}

.board_cont li .tit .chk_box_rh {
	position: absolute;
	right: 20px;
	top:50%;
	margin-top:-24px;
	height:20px;
}

.board_cont li .tit .date {
	color: #999;
	font-size: 0.78rem;
	line-height: 1.65rem;
}
.board_cont li .tit .price {
	position: absolute;
	right: 20px;
	top: 18px;
	color: #04599E;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
.board_cont li .tit .info {
	position: absolute;
	right: 20px;
	bottom: 17px;
	font-size: 0.86rem;
	color: #777;
	text-align: right;
}

.board_cont li .tit .t_time {
	position: absolute;
	width: 65%;
	display: flex;
	text-align: center;
	overflow-x: auto;
	flex-direction: row;
	right: 0;
	bottom:6px;
}
.board_cont li .tit .t_time a {
	padding: 0.333em 0.666em;
	border:1px solid #F4F2F0;
	border-radius: 4px;
	margin-left: 0.111em;
	color: #666;
	font-size: 13px;
	white-space: nowrap;
	flex: 0 0 60px;
}


.board_cont >li li{
	width:100%;
	position: relative;
	padding: 20px;
	font-size: 15px;
	line-height: 32px;
	background: #edfdff;
}
.board_cont >li span{
	font-size: 12px;
	color: #999;
}
.board_cont >li li.ask_a {
	width:100%;
	position: relative;
	padding: 20px;
	font-size: 13px;
	line-height: 34px;
	background: #fff;
	border:1px solid #F4F2F0;
}

.board_cont >li li .chk_box{
	position: absolute;
	right:10px;
	top:50%;
	margin-top:-10px;
	height:20px;
}

.board_cont >li >ul{
	border-top:1px solid #F4F2F0;
}

.board_cont .hit {
	position: absolute;
	right:20px;
	bottom: 16px;
	margin-top:-5px;
	color: #999;
	font-size: 12px;
	text-align: right;
	height:10px;
}
.board_cont .icon_arrow {
	position: absolute;
	right:20px;
	top:50%;
	margin-top:-5px;
	width:12px;
	height:10px;
	background: url(../img/common/icon_arrow_down.svg) no-repeat 50% 50%;
	background-size: 100%;
}
.board_cont li.on {
	border: 1px solid #04599E;
}
.board_cont li.on .icon_arrow {
	background: url(../img/common/icon_arrow_up.svg) no-repeat 50% 50%;
	background-size: 100%;
}


.faq_tab {
	width: 100%;
	padding: 20px;
}
.faq_tab li {
	float: left;
	width: 48%;
	margin: 1%;
	padding: 12px 0;
	line-height: 16px;
	font-size: 16px;
	letter-spacing: -0.025em;
	border-radius:4px;
	background: #f4f4f4;
	text-align: center;
	cursor: pointer;
}
.faq_tab li.on {
	float: left;
	width: 48%;
	margin: 1%;
	padding: 12px 0;
	line-height: 16px;
	font-size: 16px;
	letter-spacing: -0.025em;
	border-radius:4px;
	background: #04599E;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

.popup_s1n {
	width: 100%;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  background: rgba(0,0,0,0.9);
  z-index: 20002;
}
.popup_s1_inner {
	width: 90%;
	margin:0 auto;
    height: 90vh;
	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;
	flex-direction:column;
}

.popup_s1_contents {
	background: #fff;
	font-size: 14px;
	line-height: 20px;
	width:100%;
	padding: 20px;
}
.popup_s2_contents {
	background: #fff;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	width:100%;
	padding: 20px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.popup_s3_contents {
	font-size: 1.25rem;
    color: #fff;
	text-align: center;
	width:100%;
	padding-bottom: 30px;
}
.popup_s4_contents {
	background: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	text-align: center;
	word-break: keep-all;
	width:100%;
	padding: 20px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.popup_s4_contents .point02{
	color: #f20b48;
}
.popup_s5_contents {
	background: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	text-align: center;
	word-break: keep-all;
	width: 100%;
	padding: 40px 20px 30px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.popup_s6_contents {
	background: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	text-align: center;
	word-break: keep-all;
	width: 100%;
    padding: 0 16px;

}
.popup_s6_contents h2{
	background: #fff;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	word-break: keep-all;

}
.popup_s6_contents ul li{
	background: #fff;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	word-break: keep-all;
    margin-top: 10px;

}
.popup_s6_contents ul li a{
	background: #6aaae4;
	font-size: 14px;
	font-weight: 400;
    color: #fff;
    padding: 4px 8px;
	text-align: center;
    margin-left: 10px;

}


.popup_s2_btn2 {
	background: #fff;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	width:100%;
}
.popup_s2_btn2 a.half_50 {
	width: 50%;
	border-bottom-left-radius: 8px;
	border-top:1px solid #ccc;
	background: #fff;
	color: #000;
}
.popup_s2_btn2 a.cancel_50 {
	width: 50%;
	border-bottom-right-radius: 8px;
	border-top:1px solid #ccc;
	background: #f4f4f4;
	color: #333;
}

.popup_s2_btn2 a {
	display: block;
	float: left;
	width: 60%;
	padding:16px 0;
	text-align: center;
	font-weight: 500;
	color: #fff;
	background: #FF5151;

}
.popup_s2_btn2 a.cancel {
	width: 40%;
	background: #3C3C3C;
}
.popup_s3_btn {
	background: #fff;
	font-weight: bold;
	border-radius: 25px;
	width:100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}
.popup_s4_btn {
	width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup_s4_btn a.half_50 {
	padding: 10px 20px;
	border: 2px solid #10ae4f;
    background: #10ae4f;
	color: #fff;
}
.popup_s4_btn a.cancel_50 {
	padding: 10px 20px;
	border: 2px solid #10ae4f;
	color: #fff;
    margin-right: 14px;
}

.popup_s5_btn1 {
	width:100%;
    padding: 0 20px 20px;
    background: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.popup_s5_btn1 a {
	width:100%;
    background: #38af73;
    padding: 16px 0;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
    display: block;
}
.popup_s6_btn1 {
	width:100%;
    background: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.popup_s6_btn1 a {
	width:100%;
    background: #38af73;
    padding: 16px 0;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 500;
    text-align: center;
    margin: 20px 0 40px;
    display: block;
}





div.board {padding-bottom:50px;}
div.board > table.tbl01 {margin-bottom:0;}
ul.boardList {width:100%; border-top: 2px solid #1d321b ;}
ul.boardList i img {width:25px;}
ul.boardList li{height: 70px}
.notiTitBox {position:relative; display:block; width:100%; height:70px; border-bottom:1px solid #ddd; box-sizing:border-box; padding: 10px 20px}
.notiTitBox p {display:block; width:92%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#333; line-height:1.5;}
.notiTitBox span{display: inline-block; height: 20px; font-size:12px; margin: 5px 10px 0 0}
.notiTitBox span.data {color:#999;}
.notiTitBox span.ing {width: 40px; background: #04599E; color:#fff; text-align: center; border-radius: 4px; line-height: 20px}
.notiTitBox span.end {width: 40px; background: #ddd; color:#fff; text-align: center; border-radius: 4px; line-height: 20px}
.notiTitBox span.info {position: relative; color:#000; font-weight: 600; margin-right: 28px}
.notiTitBox span.info:after{position: absolute; display: block; width: 2px; height: 20px; top:18px; right: -15px; background: #999; content: ''; }
.notiTitBox p i img {vertical-align:middle; padding-left:5px; margin-top:-30px;}
.notiTitBox span.arrow {position:absolute; top:25px; right:15px; display:block; width:20px; height:20px; background:url('../img/arr_next.png') center right no-repeat; background-size: 20px 20px; margin: 0}

.boardTit {position:relative; display:block; width:100%; border-top:2px solid #1d321b; box-sizing:border-box; padding: 10px 20px}
.boardTit span{display: inline-block; height: 20px; font-size:12px; margin: 3px 10px 0 0}
.boardTit span.data {color:#999;}
.boardTit span.ing {width: 40px; background: #04599E; color:#fff; text-align: center; border-radius: 4px; line-height: 20px}
.boardTit span.end {width: 40px; background: #ddd; color:#fff; text-align: center; border-radius: 4px; line-height: 20px}
.boardTit span.info {position: relative; color:#000; font-weight: 600; margin-right: 28px}
.boardTit span.info:after{position: absolute; display: block; width: 2px; height: 20px; top:18px; right: -15px; background: #999; content: ''; }

.boardTit p {font:18px/1.4 'Noto Sans Medium'; color:#333; margin-top: 5px}
div.noticeBox {padding:15px 20px; width:100%; font-size:18px; line-height:26px;   color:#454545; box-sizing:border-box; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd}
div.noticeBox p{font-size: 16px; line-height: 1.5;}
div.noticeBox img {width:100%; margin: 10px 0}


.notiVTBox {position:relative; display:block; width:100%; border-bottom:1px solid #bbb; padding: 8px 0}
.notiVTBox p {font-size:14px; color:#333; letter-spacing: -1px; margin-top: 14px}
.notiVTBox .reply {font-size:16px; color:#333; letter-spacing: -1px}
.notiVTBox .data {display: inline-block; font-size:13px; color:#999; margin-right: 10px}
.notiVTBox .file a{display: inline-block; font-size:13px; color:#1166ab;}
.notiVTBox .btn{position: absolute; right: 0; top: 8px; }
.notiVTBox .btn a{display: inline-block; width: 40px; height: 24px; line-height: 24px; border: 1px solid #bbb; text-align: center; margin-left: 5px; color: #999; border-radius: 4px; font-size: 14px}
.notiVTBox textarea{width: 100%; padding: 5px 10px; border: 1px solid #ddd; font-size: 14px; background: #f9f9f9}
.notiVTBox .check{float: none}

/*-- button --*/
div.btn01 {margin-top:40px; text-align:center;}
div.btn01 > a {padding:13px 5px; display:inline-block; min-width:30%; background:#999; font-size:16px; color:#fff; border-radius: 4px;}
div.btn01 > a.colBlue {background:#04599E;}
div.btn01 > a.colOrange {background:#fb7d01;}

div.btnMore {margin-top:10px; text-align:center;}
div.btnMore > a {padding:10px 5px; display:inline-block; width:100%; font-size:16px; color:#999; border: 1px solid #ddd; border-radius: 4px;}

div.bigBtn, div.mediumBtn {text-align:center;}
div.bigBtn a {display:inline-block; width:100%; height:55px; background-color:#777; font-size:24px; text-align:center; line-height:55px; color:#fff;}
div.bigBtn a.col, div.mediumBtn a.col, div.smallBtn a.col {background-color:#1d321b;}
div.mediumBtn a {display:inline-block; margin:0 10px; width:160px; height:50px; background-color:#caced1; font-size:18px; text-align:center; line-height:50px; color:#fff;}
div.smallBtn {margin:20px auto 0; text-align:center;}
div.smallBtn a {display:inline-block; width:70px; height:35px; background:#999; font-size:16px; text-align:center; line-height:35px; color:#fff; border-radius: 4px;}
div.smallBtn a.col02 {background:#029B49;}
div.smallBtn a.col01 {background:#fb7d01;}


/* 테이블 */


.gu_tbl_inner {}

.gu_tbl_inner table {width: 100%; letter-spacing: -0.5px; border-top: 2px solid #1d321b; table-layout: fixed;}

.gu_tbl_inner table tr {border-bottom: 1px solid #ddd;}

.gu_tbl_inner table tr.no_post {
  border-bottom: 0;
}

.gu_tbl_inner table thead tr {}

.gu_tbl_inner table thead tr th {
  font-size: 14px;
  padding: 2%;
  line-height: 20px; border-bottom: 2px solid #1d321b}

/*.gu_tbl_inner table tbody tr:hover {
  background-color: #fbfbfb; transition: all 0.2s;
} */

.gu_tbl_inner table tbody tr td.bg_fe {
  background: #f4f4f4;
}
.gu_tbl_inner table tbody tr th{font-size: 13px; line-height: 1.4; color: #999; padding: 5px 0 5px 2px; height: 60px; letter-spacing: -1px; text-align: left; }
.gu_tbl_inner table tbody tr td {font-size: 15px; line-height: 1.4; color: #333; padding: 5px 2px; height: 60px; letter-spacing: -0.5px}
.gu_tbl_inner table tbody tr td p{float: left; display: inline-block; font-size: 15px; height: 40px; line-height: 40px; color: #333;}

.gu_tbl_inner table tr td:first-child {
  border-left: 0;
}

.gu_tbl_inner table tbody tr td.noLine {
  border: 0 !important;
}

.gu_tbl_inner table tbody tr td strong {
  font-weight: 500;
}

.gu_tbl_inner table tbody tr td .dc {color: #bbb; text-decoration: line-through;}

.gu_tbl_inner table td.pd_lf20 {
  font-weight: bold;
  padding-left: 20px;
}

.gu_tbl_inner table tbody tr td a {
  display: inline-block;
  box-sizing: border-box;
  color: #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  font-size: 15px;
}

.gu_tbl_inner table tbody tr td a:hover {
  border-bottom: 1px solid #000;
  padding-bottom: 1px;
  transition: all 0.1s;
}

.gu_tbl_inner table tbody tr td .iconPd {
  padding: 2% 8%;
  cursor: pointer;
}

.gu_tbl_inner table tbody tr td button.half {
  width: 42% !important;
}


.boardTit p {font:18px/1.4 'Noto Sans Medium'; color:#333; margin-top: 5px}
div.noticeBox {padding:15px 20px; width:100%; font-size:18px; line-height:26px;   color:#454545; box-sizing:border-box; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd}
div.noticeBox p{font-size: 16px; line-height: 1.5;}
div.noticeBox img {width:100%; margin: 10px 0}


.notiVTBox {position:relative; display:block; width:100%; border-bottom:1px solid #bbb; padding: 8px 0}
.notiVTBox p {font-size:14px; color:#333; letter-spacing: -1px; margin-top: 14px}
.notiVTBox .reply {font-size:16px; color:#333; letter-spacing: -1px}
.notiVTBox .data {display: inline-block; font-size:13px; color:#999; margin-right: 10px}
.notiVTBox .file a{display: inline-block; font-size:13px; color:#1166ab;}
.notiVTBox .btn{position: absolute; right: 0; top: 8px; }
.notiVTBox .btn a{display: inline-block; width: 40px; height: 24px; line-height: 24px; border: 1px solid #bbb; text-align: center; margin-left: 5px; color: #999; border-radius: 4px; font-size: 14px}
.notiVTBox textarea{width: 100%; padding: 5px 10px; border: 1px solid #ddd; font-size: 14px; background: #f9f9f9}

a.sBtn {display: inline-block; padding: 0 8px; height: 34px; font-size: 15px; line-height: 34px; color: #fff; background:#777; border-radius: 4px; text-align: center}


.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #888888;
  border-color: #808080;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #777;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #333;
  background-color: #eee;
  border-color: #ddd;
}

nav {
    text-align: center;
}

.pagination {
  display: inline-flex;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}



/****************************/
/* 2022.09.22 OpenCom add */
/****************************/
input,textarea { -webkit-appearance: none;-moz-appearance: none;appearance: none;}


/* Main menu */
.main_menu_bar {position: fixed; bottom: 0;  left: 0;  width: 100%;  overflow: hidden;; background: #fff;  z-index: 19999;  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);}
.main_menu_bar li{width: 20%;}
.main_menu_bar li span {display:block}
.main_menu_bar li span img {width:24px; height:24px}
.main_menu_bar li span + span {margin-top: 3px}
.main_menu_bar li .txt {font-size: 0.625rem; font-weight: 400; color: #222;}
.main_menu_bar ul {display: flex;  padding: 10px; justify-content: space-around; align-items: center;}


/* side popup */
.side_popup_wrap {position: fixed;   top: 0;  left: 110%;  width: 100%;  height: 100%; background: #fff; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); z-index: 1999; transition: all 0.45s;}
.side_popup_wrap.active {left: 0;}
.side_popup_wrap .content_detail {margin-top: 60px;padding-bottom: 60px;}
.side_pop_head {height: 60px;  border-bottom: 1px solid #ddd; position: absolute; top: 0;  left: 0;  width: 100%;background: #fff;  z-index: 10; display: flex; align-items: center;}
.side_pop_head .close_btn img {width:14px}
.side_pop_head .close_btn {display: block;  position: absolute;  right: 10px; top: 23px;}
.side_popup_content {overflow-y: scroll;  height: 100%;}
.side_pop_con{padding: 20px 0;}
.side_pop_con p{font-size: 0.875rem; font-weight: 400; line-height: 22px; margin-bottom: 40px;}

.use_info .h_box .icon img {width:36px; display:block}
.use_info .h_box {display: table;  width: 100%; padding-bottom: 30px;}
.use_info .h_box .cell {display: table-cell; vertical-align: middle; height:70px; text-align: center;}
.use_info .h_box .cell span {display:inline-block; vertical-align: middle;}
.use_info .h_box .left {width:45%; background:#38af73; position:relative}
.use_info .h_box .right {width:55%; background:#53d1c7;}
.use_info .h_box .txt {font-size: 1.125rem; font-weight: 500; color: #fff; padding-left: 3px; padding-top: 2px;}
.use_info .h_box .left:after {content: "";   width: 0;  height: 0;  border-top: 35px solid transparent;  border-bottom: 35px solid transparent;  border-left: 20px solid #38af73;  position: absolute;  right: -19px;  top: 0;}
.use_info .sub_title {font-size: 1.125rem; font-weight: 700; padding-bottom: 10px; margin: 0;}
.use_info ul li {font-size: 0.875rem; font-weight: 400; line-height: 1.3em;  padding-left: 10px; position: relative; word-break: keep-all; margin-bottom:8px}
.use_info ul li:before {content:"-"; position: absolute; left:0; top: -2px;  font-size: 1.5em;}
.use_info .use_info_gap {display:block; height:30px}
.use_info ul li .gray {color:#999}
.use_info ul li b {display:inline-block; line-height:1em; background:#cdffe3; font-weight: 400;}
.use_info table {width:100%}
.use_info table td {width:33.33%; height:34px; text-align:center; vertical-align:middle; font-size: 0.875rem; font-weight: 400; border: 1px solid #ddd;}
.use_info table thead td {font-weight: 500; background:#f4f4f4}
.use_info table tr td:first-child {border-left:none}
.use_info table tr td:last-child {border-right:none}

.tee_time_info .h_box{padding-top: 20px;}
.tee_time_info .gray_box {padding: 14px 10px 12px;  background: #f4f4f4; position: relative; margin-bottom: 40px;display: table;  width: 100%;}
.tee_time_info .gray_box p {display:table-cell; vertical-align:middle; font-size: 0.875rem; font-weight: 400; line-height: 16px; word-break: keep-all; }
.tee_time_info .gray_box p b {color: #53d1c7; font-weight: 500;}
.tee_time_info .gray_box .icon_wrap {display:table-cell; vertical-align:middle; width:45px}
.tee_time_info .gray_box .icon {display: block;  width: 40px;  height: 40px;  text-align: center;border-radius: 100%;  border: 1px solid #ccc;  background: #fff;  padding: 7px 0;  box-sizing: border-box; }
.tee_time_info .sub_title {font-size: 1.125rem; font-weight: 700; padding-bottom: 30px;}
.tee_time_info .use_info_gap {display:block; height:55px}
.chart_wrap {display: table;  width: 100%;margin-top: -10px; padding-bottom: 15px;}
.chart_wrap .chart {display: table-cell; vertical-align: bottom; width:50%; text-align: center;position: relative;}
.chart_wrap .chart .title {position: absolute;  left: 50%;  transform: translateX(-50%); }
.chart_wrap .chart1 .title span {font-weight: 700;}
.chart_wrap .chart1 .title {bottom: 55px;  font-size: 1.25rem; font-weight: 400; color: #38af73;}
.chart_wrap .chart2 .title span {font-weight: 700;}
.chart_wrap .chart2 .title {bottom: 44px;  font-size: 1rem; font-weight: 400; color: #53d1c7;}
.chart_wrap .chart p {position: absolute;  bottom: -12px;  width: 100%;  font-size: 0.875rem;  font-weight: 500;}
.chart_wrap .chart1:after {content: "";  width: 1px;  height: 80px;  background: #ccc;  position: absolute;  right: -1px;  top: 30px;}
.chart_wrap .chart2 {transform: translateX(-12px);}
.time_graph {padding:35px 25px 20px;  position: relative;width: 100%;  margin: 0 auto; max-width: 340px;}
.time_graph .bg_box img {width:100%}
.time_graph .bg_box {width: 100%;   max-width: 340px;  margin: 0 auto;}
.time_graph .icon {display: inline-block;  width: 40px;  height: 40px; border: 1px solid #ccc;  border-radius: 100%;  background: #fff;  text-align: center;  padding-top: 8px;  box-sizing: border-box;  position: absolute;}
.time_graph .icon img {width:22px; height: 22px}
.time_graph .icon.sun {bottom: 6px; left: 0;}
.time_graph .icon.moon {bottom: 6px; right: 0;}
.time_graph .time_line {position: absolute;  left: 50%;  bottom: 24px;  height: 165px;  width: 1px; transform-origin: bottom center;}
.time_graph .time_line .bar {border-left: 2px solid #000;  width: 100%;  height: 10%;  position: absolute;   bottom: 0;   left: 0; opacity:0}
.time_graph .time_line .time {display: inline-block;  white-space: nowrap;  font-size: 0.75rem;  font-weight: 500;  position: absolute;  top: -17px;  left: -11px; transform-origin: center;}
.time_graph .time_07 {transform: rotate(285deg);}
.time_graph .time_07 .time {transform: rotate(76deg);top: -10px;  left: -3px;}
.time_graph .time_08 {transform: rotate(300deg);}
.time_graph .time_08 .time {transform: rotate(62deg);top: -15px;  left: -6px;}
.time_graph .time_09 {transform: rotate(315deg);}
.time_graph .time_09 .time {transform: rotate(45deg);top: -13px;  left: -6px;}
.time_graph .time_10 {transform: rotate(330deg);}
.time_graph .time_10 .time {transform: rotate(31deg);top: -15px;  left: -8px;}
.time_graph .time_11 {transform: rotate(345deg);}
.time_graph .time_11 .time {transform: rotate(16deg);top: -16px;  left: -10px;}
.time_graph .time_13 {transform: rotate(15deg);}
.time_graph .time_13 .time {transform: rotate(347deg);top: -16px;  left: -13px;}
.time_graph .time_14 {transform: rotate(30deg);}
.time_graph .time_14 .time {transform: rotate(329deg);top: -17px;  left: -15px;}
.time_graph .time_15 {transform: rotate(45deg);}
.time_graph .time_15 .time {transform: rotate(316deg);top: -16px;  left: -16px;}
.time_graph .time_16 {transform: rotate(60deg);}
.time_graph .time_16 .time {transform: rotate(301deg);top: -9px;  left: -23px;}
.time_graph .time_17 {transform: rotate(75deg);}
.time_graph .time_17 .time {transform: rotate(286deg);top: -9px;  left: -23px;}
.tee_percent_graph {padding: 0 10px;   position: relative; border-bottom: 1px solid #000;}
.tee_percent_graph .graph_wrap {display: flex;  justify-content: space-between;}
.percent_bar {width: 36px; height: 232px; position: relative;  border-top-left-radius: 10px;  border-top-right-radius: 10px;  text-align: center;}
.percent_bar p {position: absolute;  top: 11px;  left: auto;  width: 100%;  font-size: 0.813rem;  font-weight: 500; color:#38af73; z-index: 10;}
.percent_bar p.active{color:#53d1c7;}
.percent_bar .ani_bar {display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1%; background: #38af73; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.percent_bar .ani_bar.active{background:#53d1c7;}
.percent_bar .time_txt {position: absolute; bottom: -20px; left: auto;  width: 100%;  font-size: 0.813rem;  display: block; font-weight: 500;}
ul.line{width: 100%; position: absolute; top: -14px; left: 0;z-index: -1;}
ul.line li{border-bottom: 2px dashed #ccc; padding-top: 50px;}







/* main */
#header.empty {height: 0;border-bottom: none;}
.container { padding: 0 10px;}
.main_header {background: linear-gradient(130deg, #10ae4f 36%, #1c3f91); padding-top:16px; padding-bottom: 20px;}
.main_header .main_top_wrap { position:relative; display: flex;   justify-content: space-between;   align-items: center;}
.main_header a {display: inline-block; }
.main_header .logo img {width: 60px}
a.btn_noti img {width: 20px;}
a.btn_noti {padding-right: 5px; position: relative; display: inline-block; font-size: 0;}
a.btn_noti .noti_alarm {position: absolute;  top: 0;  right: 0;  display: inline-block;  width: 4px;  height: 4px;  border-radius: 50%;  background: transparent;}
a.btn_noti .noti_alarm.active {background:#ff0000}
.main_header .member_greeting {text-align: right;}
.member_greeting .grade {font-size: 0.625rem; color: #fff; font-weight: 400; padding: 4px 6px; border-radius: 20px; background: #333; display: inline-block; margin-bottom: 4px;}
.member_greeting .name {font-size: 1rem; color: #fff; font-weight: 400;}
.member_greeting .name b{font-size: 1.125rem; font-weight: 500;}
.member_greeting .comment {font-size: 0.875rem; color: #fff; font-weight: 500;}
.member_greeting .comment .d_day { color:#fff04b; font-weight: 700; letter-spacing: 1px;}
.member_goods{overflow: hidden; margin-top: 10px;}
.member_goods > ul li{float: left; margin-left: 4px; font-size: 0.875rem; font-weight: 400; color: #fff;}
.member_goods > ul li:first-child{margin-left: 0;}
.member_servinfo{margin-top: 42px;}
.member_schedule {background: rgba(255,255,255,0.2); padding: 20px 0; border-radius: 10px; margin-top: 40px; position: relative;}
.member_schedule .date_select {display: flex;   justify-content: center;  align-items: center;}
.member_schedule .date_select .date span { color: #fff;}
.member_schedule .date_select .date .day {font-size: 1.25rem; font-weight: 500; position: relative; top: -1px;}
.member_schedule .date_select a {padding: 0 25px;}
.member_schedule .date_select a>img{width:10px; height:15px;}
.member_schedule .info {width: 100%; display: flex; align-items: center;}
.member_schedule .info:after {content: ""; width: 1px; height: 60px; background: #fff; position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); opacity: 0.3;}
.member_schedule .info .list {display: flex; align-items: center;}
.member_schedule .info .left {width: 50%; flex-direction: column;}
.member_schedule .info .right {width: 50%;}
/* .member_schedule .info .left:after {content: "";  width: 1px;  height: 60px;  background: #fff;  position: absolute;  right: 0;  top: 50%;  transform: translateY(-50%); opacity: 0.3;} */
.member_schedule .list p {font-size: 1.25rem; font-weight: 500; color: #fff; display: flex; align-items: center;}
.member_schedule .list p .round {display: flex; background: #fff; color: #333; font-size: 0.75rem;  padding: 4px 6px;  border-radius: 30px; font-weight: 500; margin-right: 8px; align-items: center; justify-content: center;}
.member_schedule .list p + p {margin-top: 5px;}
.member_schedule .list p .round.leftover {color:#b30000;}
.member_schedule .list .list_time{font-size: 0.75rem; font-weight: 400; background: #fff; color: #10ae4f; padding: 2px 8px; border-radius: 20px; margin-bottom: 8px;}
.member_schedule .info .right .wrap {display: flex; justify-content: space-evenly; align-items: center; width: 100%;}
.member_schedule .info .right .f_box {display: flex; flex-direction: column;  align-items: center;}
/* .member_schedule .info .right .f_box:last-child {padding-right:0} */
.member_schedule .info .right .f_box span {display: inline-block; color:#fff}
.member_schedule .info .right .count {font-size: 3.75rem;  padding-bottom: 5px;font-weight: 500;}
.member_schedule .info .right .txt {font-size: 0.875rem; font-weight: 500;}
.member_rsvbox{position: relative; overflow: hidden; background: rgba(255,255,255,0.2); border-radius: 10px; margin-top: 40px;}
.member_rsvlist{overflow: hidden; display: flex; align-items: center;}
.member_rsvlist:after{content: ""; width: 1px; height: 20px; background: #fff; position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); opacity: 0.3;}
.member_rsvlist a{width: 50%; display: flex; align-items: center; justify-content: center; padding: 20px 0; text-align: center; font-size: 1.125rem; font-weight: 500; color: #fff;}
.member_rsvlist a img{width: 18px; margin-right: 8px;}

.date_rsvtit{overflow: hidden;}
.date_rsvtxt01{font-size: 1.25rem; font-weight: 700;}
.date_rsvtxt02{font-size: 0.875rem; font-weight: 400; line-height: normal; color: #666; margin-top: 8px; letter-spacing: -1px;}

.plk_tee_light {padding: 50px 0 10px;}
.plk_tee_light h2 {text-align: center;   font-size: 1.625rem;  position: relative;  padding: 0 25px; width: fit-content; margin: 0 auto; letter-spacing: -1px;}
.plk_tee_light h2 .info_view {display: inline-block;  font-size: 12px;  color: #999;  width: 18px;  height: 18px;  border: 1px solid #999;  border-radius: 50%;  text-align: center;  padding: 3px; position: absolute;    right: 0;  top: 45%;  transform: translateY(-50%);}
.plk_tee_light .area_select {padding: 30px 10px 20px;}
.area_select ul:after {content:"";clear:both; display:table}
.area_select ul li {float:left;width: 29.33%; margin-right:6%; margin-bottom:10px}
.area_select ul li:nth-child(3n) {margin-right:0;}
.area_select ul li a {display: flex; align-items: center; justify-content: center; width: 100%; border: 1px solid #ddd;  background: #f8f8f8;  border-radius: 50px;  padding: 9px;  font-size: 1rem; font-weight: 500; color: #999;}
.area_select ul li.active a {color:#fff; border: 1px solid #235C41;  background: #235C41;}
.plk_tee_light .calendar {padding: 0 5px; position: relative;}
.plk_tee_light .date_select {display: flex; align-items: center; justify-content: center; position: relative; border-top: 1px solid #ddd; padding-top: 20px;}
.plk_tee_light .date_select .month {display: inline-block;  font-size: 1.25rem; font-weight: 500; position: relative; top: -1px;} 
.plk_tee_light .date_select a {padding: 0 25px;}
.plk_tee_light .date_select a>img{width: 10px; height: 15px}
.reload_btn {display: inline-block; border: 1px solid #ddd; border-radius: 50%; padding: 4px; width: 24px; height: 24px; text-align: center; background: #fff !important;}
.reload_btn.rotate {transform: rotate(360deg);transition-duration: 1s;}
.plk_tee_light .calendar .reload_btn {position: absolute; right: 20px; top: 20px;}
.plk_tee_light .calendar .reload_btn>img{width:14px;}
.calendar_rsvbtn{overflow: hidden; margin-bottom: 20px;}
.calendar_rsvbtn a{background: #2dcf72; display: block; padding: 16px 0; font-size: 1rem; font-weight: 500; color: #fff; text-align: center;}
.calendar ul:after {content:"";clear:both; display:table}
.calendar ul li {float:left;width: 14.285%; text-align:center; margin-bottom: 12px; font-size:1rem; font-weight: 500;}
.calendar ul li a {display: flex; width: 36px; height: 36px; border-radius: 50%; text-align: center; color: #fff; font-size: 1rem; font-weight: 500; align-items: center; justify-content: center; margin: 0 auto;}
.calendar .week {padding-top: 20px;}
.calendar .week .sun {color:#ff4800;}
.calendar .week .sat {color:#6aaae4;}
.calendar ul li a.not {background:#ccc;}
.plk_tee_light .customer_box{overflow: hidden; margin: 50px 0 30px; padding: 0 10px;}
/* .calendar ul li a.normal {background:#ffde53;} */
.calendar ul li a.normal {background:#ffb76f;}
.calendar ul li a.notice {background:#ffb76f;}
.calendar ul li a.smooth {border:1px solid #10ae4f; color: #10ae4f;}
.calendar ul li a.diffi {background:#1c3f91;}
.calendar ul li a.finish {background:#ccc;}
.calendar ul li a.choice {background: #10ae4f; color: #fff !important;}
.calendar_info {padding-top: 5px; padding-bottom: 20px; border-top: 1px solid #ddd;  margin-top: 5px;}
.calendar_info p {display: inline-block;  color: #555;  font-size: 0.875rem; font-weight: 500; margin-right: 15px;}
.calendar_info p span {display: inline-block;  width: 9px;  height: 9px;  border-radius: 50%;  margin-right: 3px;}
.calendar_info p span.not {background:#ccc;}
/* .calendar_info p span.normal {background:#ffde53;} */
.calendar_info p span.normal {background:#ffb76f;}
.calendar_info p span.notice {background:#ffb76f;}
.calendar_info p span.smooth {background:#10ae4f;}
.calendar_info p span.diffi {background:#1c3f91;}
.calendar_info p span.finish {background:#ccc;}
.calendar_notice {background: #e5f7e5;  padding: 10px;}
.calendar_notice ul li {font-size: 0.813rem; font-weight: 400; color: #333; line-height: 16px;  position: relative;  padding-left: 13px;  word-break: keep-all;  margin-bottom: 4px;}
.calendar_notice ul li:last-child {margin-bottom:0}
.calendar_notice ul li:before {content:"※"; position:absolute;left:0; top:0}
.calendar_notice a {display: inline-block;  font-size: 0.813rem; font-weight: 400; color: #fff;  background: #c52b4d;  margin-top: 8px;  border-radius: 30px;  padding: 5px 10px 5px;}
.calendar_notice a span {display: inline-block;  padding-left: 3px;}
.calendar_notice a span img {width: 5px;}
img.full {width:100%}
.main_mid_banner {line-height:0;}
.main_sliding_link_menu {overflow: hidden; margin-top: 20px;}
.main_sliding_link_menu li {width: calc(50% - 10px); float: left; border: 1px solid #ccc; border-radius: 20px; min-height: 180px; margin: 5px; padding: 16px; position: relative;}
.main_sliding_link_menu li a{display: block;}
.main_sliding_link_menu li h3{font-size: 1.125rem; color: #222; padding-bottom: 6px;}
.main_sliding_link_menu li p{font-size: 14px; font-weight: 400; line-height: 16px; color: #222;}
.main_sliding_link_menu li span {display: block; text-align:center}
.main_sliding_link_menu li img {position: absolute; right: 12px; bottom: 12px; width: 36%;}
.main_sliding_link_menu li .txt {font-size: 0.875rem; font-weight: 500; color: #fff;}
.main_golf_join {background:#0a6637; padding: 50px 0 70px; overflow: hidden;}
.main_golf_join .container{position:relative;}
.main_golf_join h2 {padding-bottom: 30px;  color: #fff;}
.main_golf_join .link a {display:table; width: 100%;  background: #a89174;  padding: 11px 10px 7px;  border-radius: 6px;}
.main_golf_join .link a span {display: table-cell; vertical-align: middle;}
.main_golf_join .link .icon {width:45px}
.main_golf_join .link .icon img {width:38px}
.main_golf_join .link .arrow img {width:14px}
.main_golf_join .link .txt {font-size: 20px;  color: #fff; letter-spacing: -1px;font-weight: 600;}
.main_golf_join .slick-dotted.slick-slider{margin-bottom:0 !important;margin-left: -8px;  margin-right: -8px;}
.main_golf_join02 {overflow: hidden;}
.main_content .view_more {padding-top: 35px; text-align:right}
.main_content .view_more a {display: inline-block; color: #222; background: #fff;  padding: 9px 8px 5px;  border-radius: 30px;  font-weight: bold;  font-size: 14px;}
.main_content .view_more {position:absolute; top:4px; right:15px; padding:0;}
.main_content .view_more a {width:24px; height:24px; border:2px solid #fff; background:transparent;}
.main_content .view_more a:before{content:""; width:2px; height:12px; background:#fff; position:absolute; top:45%; left:50%; transform:translate(-50%,-50%);}
.main_content .view_more a:after{content:""; width:12px; height:2px; background:#fff; position:absolute; top:45%; left:50%; transform:translate(-50%,-50%);}
.main_golf_join .my_place {font-size: 16px;   color: #fff;  font-weight: bold; padding-bottom: 10px;}
.main_join_slider .slick-list {overflow: visible;}
.main_join_slider .join_list {margin: 0;}
.main_join_slider .join_list{box-shadow:unset !important; background:unset !important;}
.main_join_slider .join_list a{padding:0 !important;}
.main_join_slider .slick-slide {padding: 0 10px;}
.main_join_slider02 > .slick-dots{bottom: 0px;}
.main_content .slick-arrow {display:none !important}
.main_content .slick-dots li button:before {display:none}
.main_content .slick-dots li button {width: 10px;  height: 10px; background: #d8d8d8;  border-radius: 100%;display: inline-block;   margin: 0;  vertical-align: top;}
.main_content .slick-dots li {width: 10px;  height: 10px; margin: 0 3px}
.main_content .slick-dots li.slick-active button {background: #57bbb3;}
.main_join_slider .slick-dots {bottom: -30px; line-height:0;}
.main_join_slider .join_img01, .main_join_slider .join_img02 {background:none;position: relative; border:none}
.main_join_slider .join_img01 img, .main_join_slider .join_img02 img {width:54px;}
.main_join_slider .join_img01 .bg, .main_join_slider .join_img02 .bg {display: block;  position: absolute;  top: 0;  left: 0;  width: 54px;  height: 54px;  overflow: hidden; border-radius: 100%; border: 1px solid #ccc; box-sizing: border-box;}
.main_join_slider .join_txt02 {  font-size: 22px; }
.main_join_slider .join_txt03, .main_join_slider .join_txt04, .main_join_slider .join_txt05 {font-weight: bold}
.main_join_slider .join_txt05 {color:#808080}
.main_golf_package { padding: 40px 0 40px; overflow: hidden; background:#a89174;}
.main_golf_package .slick-dotted.slick-slider{margin-bottom:0 !important;}
.main_golf_package .container{position:relative;}
.main_golf_package h2 {margin-bottom: 30px; color:#fff;}
.main_golf_package .add_txt {font-size: 15px;   text-align: center;  font-weight: bold;}
.main_package_slider{left: -28px;}
.main_package_slider .slick-list{overflow:unset !important;}
.main_package_slider .slick-slide {padding: 0 30px 0 0; width: 80vw !important;}
.main_package_slider .package_list {position: relative;}
.package_list .date_sleep {display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; position: absolute; top: 10px; left: 10px; font-size: 1rem; color: #fff; font-weight: 500; background: #04599e; }
.package_list .info {padding: 10px; background:#fff; height:130px; border-radius: 0 0 14px 14px;}
.package_list .info p {color:#000}
.package_list .bg {position: relative; display:block; width:100%; height:220px;}
.package_list .bg>img{height:100%; border-radius: 14px 14px 0 0;}
.package_list .over { display:block; width: 100%; height: 220px; position: absolute;  top: 0;  left: 0;  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent 50%);}
.package_list .cc {font-size: 1.25rem;  font-weight: 500;  padding-bottom: 6px; line-height: 20px;}
.package_list .time{font-size: 1rem; font-weight: 400; padding-bottom: 12px; color:#999 !important;}
.package_list .price {font-size: 1.25rem;  font-weight: 500;}
.main_package_slider .slick-dots {bottom: -30px; display:none !important;}
.main_videobox {}


/* PLK TEE LIGHT */
#header .back_btn_arrow {position: absolute;  top: 20px;  left: 10px;  width: 16px;  height: 16px;  border: 0;  background: url(../img/ico_back_arrow.png) no-repeat center;  cursor: pointer;  background-size: 16px 16px;  z-index: 99;}
.plk_tee_light_page .area_select ul li.active a {border: 1px solid #235C41;  background: #235C41;}
/* .plk_tee_light_page .bktl_calbox {padding-top: 20px;} */
.plk_tee_light_page .bktl_cal > ul {margin-left: 0; width:100%}
.plk_tee_light_page .date_txt01 {font-size: 14px; font-weight: bold;}
.plk_tee_light_page .date_txt02 {padding: 0; width: 38px;  height: 38px; line-height:40px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.plk_tee_light_page .bktl_cal > ul li {margin-right: 6px;}
.plk_tee_light_page .bktl_cal > ul li.active .date_txt02 {color:#fff !important}
.date_txt02.normal {color:#ffde53;}
.date_txt02.notice {color:#ffb76f;}
.date_txt02.smooth {color:#10ae4f;}
.date_txt02.diffi {color:#1c3f91;}
.date_txt02.finish {color:#ccc;}
.plk_tee_light_page .txt_sun {  color: #ff4800 !important;}
.plk_tee_light_page .bktl_swip {padding-top: 2px;   padding-bottom: 25px;}
.select_situation {padding: 20px 10px;  background: #f4f4f4; position:relative}
.select_situation ul:after {content:"";clear:both; display:table}
.select_situation ul{display: flex; align-items: center; justify-content: space-between;}
/* .select_situation ul li {float: left;  width: calc(50% - 6px);  margin-right: 12px; margin-bottom: 12px} */
.select_situation ul li {float: left; width: 32%; margin-bottom: 12px}
.select_situation ul li:nth-child(2n) {margin-right:0 }
.select_situation ul li a {display: flex;  justify-content: space-between;  align-items: center;  height: 44px;  background: #fff;  border: 1px solid #e8e8e8;  padding: 15px 10px;  border-radius: 4px;}
.select_situation ul li.on a{border: 1px solid #6aaae4;}
.select_situation ul li .txt {font-size: 0.875rem; color: #000; font-weight: 500; position: relative;  top: 1px;}
.select_situation ul li .num {font-size: 1rem; font-weight: 400; padding-right: 10px;  position: relative;}
.select_situation ul li .num b {font-size: 1rem; font-weight: 700;}
.select_situation ul li .num:after {content:""; width:4px; height:7px; background:url(../img/link_small_arrow.svg) no-repeat center;position: absolute;  right: 0;  top: 50%;  transform: translateY(-50%);}
/* .select_situation ul li .num.normal {color:#ffde53;} */
.select_situation ul li .num.normal {color:#ffb76f;}
.select_situation ul li .num.notice {color:#ffb76f;}
.select_situation ul li .num.smooth {color:#10ae4f;}
.select_situation ul li .num.diffi {color:#1c3f91;}
.select_situation ul li .num.finish {color:#ccc;}
.select_situation .comment {font-size: 0.75rem; font-weight: 400; color: #999; padding-top: 5px;}
.select_situation .reload_btn {position: absolute;  right: 20px; bottom: 15px;}
.select_situation .reload_btn>img{width:14px;}
.list_total_count {padding: 40px 10px 10px; position: relative;}
.list_total_count .container {display: flex; padding: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.list_total_count .totla_num {font-size: 1rem;  font-weight: 700;}
.part_select{background: #fff; color: #000; font-size: 0.875rem; font-weight: 400; background-image: url(/mobile/zones/img/icon_down_arrow.png); background-repeat: no-repeat; background-size: 10px 6px; background-position: 100% 50%; appearance:none; padding-right: 16px; text-align: right;}


/* nice select 사용 */
.nice-select.list_order_btn{padding: 0; line-height: 1 !important; font-size: 0.75rem !important; font-weight: 400 !important; border: 0 !important; padding-right: 16px !important; height: unset !important; background-image:url('/mobile/zones/img/icon_down_arrow.png'); background-repeat:no-repeat; background-size:10px 6px; background-position:100% 50%;}
.nice-select.list_order_btn.open {background-image:url('/mobile/zones/img/icon_up_arrow.png');}
.nice-select.list_order_btn:after{display:none;}
.nice-select.list_order_btn.current{font-size: 0.75rem; font-weight: 400;}
.nice-select.list_order_btn .list{overflow-y: auto !important; -ms-overflow-style: none; scrollbar-width: none; width:84px; left:auto; right:0; padding-bottom: 15px;}
.nice-select.list_order_btn .list::-webkit-scrollbar {display: none; }
.nice-select.list_order_btn .list li.option{width:100%; float:left; min-height:unset; line-height:unset; margin:0; padding:0 0 0 16px;}
.nice-select.list_order_btn .list li.option:nth-child(1){padding-top:15px;}
.nice-select.list_order_btn .list li.option:nth-child(2){padding-top:15px;}
.nice-select.list_order_btn .list li.option:nth-child(3){padding-top:15px;}
.nice-select.list_order_btn .list li.option:nth-child(4){padding-top:15px;}
.nice-select.list_order_btn .list li.option:nth-child(5){padding-top:15px;}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus{background-color:#fff !important; color:#6aaae4; font-weight: 500 !important;}

.golf_course_list ul li {background:#f8f8f8; padding-bottom:10px}
.golf_course_list ul li .wrap {padding: 18px 10px; background:#fff; position: relative;}
.golf_course_list ul li .cc_name {font-size: 1rem; font-weight: 500;  margin-bottom: 6px;}
.golf_course_list ul li.private .cc_name {filter: blur(4px);}
.golf_course_list ul li .wrap span {display: inline-block;   position: relative;  font-size: 0.875rem; font-weight: 400; color: #999;  padding-right: 14px;}
.golf_course_list ul li .wrap span.receipt{padding-right: 0; padding-top: 6px; text-align: center;}
.golf_course_list ul li .wrap span + span:before {content: "";  width: 1px;  height: 10px;  background: #666;  position: absolute;  left: -7px;  top: 2px;  opacity: 0.5;}
.golf_course_list ul li .wrap .member:before {content: none; left: 0px;}
.golf_course_list ul li .wrap .logo{padding: 1px 2px 0 0;}
.golf_course_list ul li .wrap .logo img{width: 14px;}
.golf_course_list .link_wrap {padding-top: 14px;}
.golf_course_list .link_wrap a {display: inline-flex; align-items: center; font-size: 0.75rem; font-weight: 400; line-height: normal; color: #fff;  background: #999;  padding: 3px 20px 3px 10px;  border-radius: 30px;  position: relative;  margin-right: 8px;}
.golf_course_list .link_wrap a:after {content:"";width:4px; height:6px; background-image:url(../img/next_white.svg); background-size:cover; position: absolute;  right: 8px;  top: 8px; }
.golf_course_list .link_wrap a.cc_info { background: #444;}
.golf_course_list .state_wrap {position: absolute; right: 10px; top: 16px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column;}
.golf_course_list .state_wrap .receipt_btn {display: flex; align-items: center; justify-content: center;  width: 60px;  height: 60px;  background: #ddd; border-radius: 100%;  font-size: 1rem; font-weight: 500; color: #fff;}

/* .golf_course_list .receipt_btn.normal {background:#ffde53;} */
.golf_course_list .receipt_btn.normal {background:#ffb76f;}
.golf_course_list .receipt_btn.notice {background:#ffb76f;}
.golf_course_list .receipt_btn.smooth {background:#10ae4f;}
.golf_course_list .receipt_btn.diffi {background:#1c3f91;}
.golf_course_list .receipt_btn.finish {background:#ccc;}

.jf_graybox{background: #e5f7e5; padding: 14px 10px 12px; margin: 20px 0;}
.jf_graybox p{font-size: 0.813rem; font-weight: 400; color: #333;line-height: 16px; word-break: keep-all;}
.jf_tit{font-size: 1rem; font-weight: 500; margin-bottom: 6px;}
.jf_inputbox{display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;}
.jf_noti{color: #FF4600; margin-left: 3px;}
.input_ss1{width: 100%; font-size: 14px; height: 42px; line-height: 42px; text-align: left; color: #222; padding-left: 10px; border: 1px solid #ccc; border-radius: 0px; background: #fff;}
.input_ss2{width: 68%; font-size: 14px; height: 42px; line-height: 42px; text-align: left; color: #222; padding-left: 10px; border: 1px solid #ccc; border-radius: 0px;}
.input_ss3{width: 100%; font-size: 14px; line-height: 22px; text-align: left; color: #222; padding: 10px; border: 1px solid #ccc; border-radius: 0px; background: #fff;}
.input_ss4{width: 100%; font-size: 14px; line-height: 22px; text-align: right; color: #222; padding: 10px; border: 1px solid #ccc; border-radius: 0px; background: #fff;}
.input_ss5{width: 100%; font-size: 14px; height: 42px; line-height: 42px; text-align: left; color: #aaa; padding-left: 10px; border: 1px solid #ccc; border-radius: 0px; background: #f4f4f4;}
.btn_ss1{display: inline-block; font-size: 14px; font-weight: 500; height: 42px; line-height: 42px; text-align: center; background-color: #999; color: #fff; cursor: pointer; border-radius: 0px;}
.btn_ss2{display: inline-block; font-size: 14px; font-weight: 500; height: 42px; line-height: 42px; text-align: center; background-color: #57bbb3; color: #fff; cursor: pointer; border-radius: 0px;}

/* 연회비 결제 */
.fee_box{}
.fee_ico{display: flex; align-items: center; justify-content: center;   width: 60px;  height: 60px;  text-align: center;  line-height: 68px; color: #fff;  background: #6aaae4;  border-radius: 100%;  font-size: 40px;  font-weight: bold;  margin: 20px auto 20px;}
.fee_tit{font-size: 1.375rem; font-weight: 700; text-align: center; margin-bottom: 20px;}
.fee_txt{font-size: 1rem; font-weight: 300; line-height: 22px;}
.fee_txt02{font-size: 0.875rem; font-weight: 400; line-height: 20px;}
.fee_btnbox{display: flex; align-items: center; justify-content: space-between; margin-top: 40px;}
.fee_btnbox a{width: 48%; background: #04599e; font-size: 1.125rem; font-weight: 500; color: #fff; padding: 18px 0; text-align: center;}
.fee_copy{font-size: 14px; font-weight: 500; color: #fff; background: #6aaae4; padding: 4px; display: inline-block; margin-left: 16px;}
.fee_copy:hover{font-size: 14px; font-weight: 500; color: #fff; background: #6aaae4; padding: 4px; display: inline-block; margin-left: 16px;}
.fee_downbtn{display: flex; align-items: center; justify-content: center; background: #04599e; color: #fff; font-size: 1.125rem; font-weight: 500; padding: 16px 0;}
.fee_downbtn:hover{display: flex; align-items: center; justify-content: center; background: #04599e; color: #fff; font-size: 1.125rem; font-weight: 500; padding: 16px 0;}


.popup_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 19999; background: rgba(0,0,0,0.7);}
.popup_wrap .popup_content {background: #fff; width: 100%; max-width: 500px; padding: 15px 10px 25px; text-align: center; border-top-right-radius: 20px; border-top-left-radius: 20px; position: absolute; bottom: -100%; left: 50%; transform: translate(-50%); transition: all 0.55s; transition-delay: 0.2s;}
.popup_wrap .popup_content.active {bottom: 0;}
.popup_content .bar {display: block; width: 50px; height: 4px; background: #d9d9d9; border-radius: 20px; box-sizing: border-box; margin: 0 auto;}
.popup_content .icon {display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; text-align: center; line-height: 68px; color: #fff; background: #f20b48; border-radius: 100%; font-size: 40px; font-weight: bold; margin: 20px auto 20px;}
.popup_content .txt {font-size: 1rem;  line-height: 1.25em;  font-weight: 500;  margin-bottom: 6px;}
.popup_content .txt span {display: inline-block;  background: #fecbcb;  line-height: 1em;}
.popup_content .pop_cc_name {margin: 20px 0 20px;   padding: 25px 0 25px;  border-top: 1px solid #eee;  border-bottom: 1px solid #eee;}
.popup_content .pop_cc_name .name {font-size: 1.375rem;  font-weight: 700;  filter: blur(5px);}
.popup_content .term_agree {padding: 0 20px;}
.popup_content .term_agree label input[type="checkbox"] {position:absolute; display:none}
.popup_content .term_agree label input[type="checkbox"] + span {display: block;  font-size: 1rem; font-weight: 400; color: #999;  line-height: 1.2em;  text-align: left;  word-break: keep-all;  position: relative;  padding-left: 22px;}
.popup_content .term_agree input[type="checkbox"] + span:before {content: "";  width: 18px;  height: 18px;  position: absolute;  left: 0;  top: 1px; background: url(../img/checkbox02.png) no-repeat; background-size: 18px 36px; background-position: 0 0;}
.popup_content .term_agree input[type="checkbox"]:checked + span:before  {  background-position: 0 -18px;}
.popup_content .pop_btn_style1 {display: block;  width: 100%;  background: #235C41;  padding: 19px 10px 15px;  border-radius: 50px;  margin-top: 15px;  color: #fff;  font-size: 1rem; font-weight: 500;}
.pop_close_bg {position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
.popup_content .pop_close_btn {display:none}


.popup_content .pop_cc_name .name.blink {animation-duration: 1s; animation-name: blinkani; animation-iteration-count: infinite;}
@keyframes blinkani {
	0% { filter: blur(8px);}
	2% { filter: blur(8px);}
	50% { filter: blur(0px);}
	80% { filter: blur(8px);}
	100% {filter: blur(8px);}
}





@media (max-width:320px) {
.member_schedule .info .right .f_box {padding-left: 20px;  padding-right: 0;}
.calendar ul li a {width: 26px;  height: 26px;padding: 8px; font-size: 12px;}
.calendar_info p {  font-size: 11px;  margin-right: 10px;}
.main_golf_join .link .txt { font-size: 14px;}
.main_join_slider .slick-slide {  width: 270px;}
.main_join_slider .join_txt02 {   font-size: 18px;}
.main_join_slider .join_txt03, .main_join_slider .join_txt04, .main_join_slider .join_txt05 {  font-size: 13px;}
.main_golf_package .add_txt {  font-size: 13px;;}
.time_graph .time_line {height: 115px;}
.select_situation .comment {  max-width: 80vw;  line-height: 1.3em;}
.percent_bar { width: 42px;}
.popup_content .txt {  font-size: 14px;}
.popup_content .pop_cc_name .name {  font-size: 18px;}

}




/* **************************
	서브페이지(접수하기) 작업 
***************************** */
.cc_register .container{padding: 0 10px}
.cc_register input{border-radius:0;}

/* 상단 라인 */
.cc_register .upper table.info tr, .cc_register .under table.con tr{display:flex; align-items:center;}
.cc_register .upper{padding-bottom: 30px; border-bottom: 10px solid #eee;}
.cc_register .upper table.info{width:100%; text-align:left;}
.cc_register .upper table.info tr{width:100%; float:left; margin-bottom:17px;}
.cc_register .upper table.info tr:last-child{margin-bottom:0;}
.cc_register .upper table.info tr:nth-child(2) td input[type=checkbox]{margin-left:30px; display:none;}
.cc_register .upper table.info tr:nth-child(2) td input[type=checkbox] + label{font-size:14px; color:#222; font-family: 'Noto Sans Regular', 'sans-serif'; position:relative; margin-left:48px;}
.cc_register .upper table.info tr:nth-child(2) td input[type=checkbox] + label:before{content:""; width: 15px; height: 15px; background: url(../img/checkbox.png) no-repeat; background-size: 15px 30px; background-position: 0 0; position: absolute; top: 0; left: -19px;}
.cc_register .upper table.info tr:nth-child(2) td input[type=checkbox]:checked + label:before{background-position: 0 -15px;}
.cc_register .upper table.info tr th{width:90px; margin-right: 32px; float:left; color:#888888; font-size: 1rem; font-weight: 500;}
.cc_register .upper table.info tr td{width:calc(100% - 110px); float:left; color:#222; font-size: 1rem; font-weight:500;}

/* 하단 라인 */
.cc_register .under{padding-top:28px;}
.cc_register .under table.con{width:100%; text-align:left;}
.cc_register .under table.con tr{width:100%; float:left; margin-bottom:17px;}
.cc_register .under table.con tr:last-child{margin-bottom:0;}
.cc_register .under table.con tr:nth-child(1) td input[type=radio]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.cc_register .under table.con tr td div.select{width: 44%;}
.cc_register .under table.con tr td div.select label{width:100%; display:block; text-align: center; border: 1px solid #ddd; background-color:#f8f8f8; padding: 10px 0; font-size: 0.875rem; font-weight: 500; color:#999;}
.cc_register .under table.con tr td div.select input[type=radio]:checked + label{background-color:#6aaae4; border:1px solid #6aaae4; color:#fff;}
.cc_register .under table.con tr th{width:94px; margin-right: 17px; float:left; letter-spacing: normal; font-size:0.875rem; font-weight: 500; line-height:1.14;}
.cc_register .under table.con tr th span.small{font-size:0.75rem; font-weight: 500;}
.cc_register .under table.con tr th span.must{font-size:0.688rem; font-weight: 400; color:#ff6a6a; border:1px solid #ff6a6a; padding:2px; flex-grow:0; margin-top:4px; display:inline-block;}
.cc_register .under table.con tr th span.selec{font-size:0.688rem; font-weight: 400; line-height:1; color:#aaa; border:1px solid #aaa; padding:2px; flex-grow:0; margin-top:4px; display:inline-block;}
.cc_register .under table.con tr td{width:calc(100% - 100px); float:left; line-height:1; letter-spacing:normal; color:#222; position:relative;}
.cc_register .under table.con tr td input[type=text]{width: 100%; background: #f4f4f4; padding: 10px 11px; font-size: 0.875rem; font-weight: 400; color: #aaa; border:1px solid #ccc; border-radius:0;}
.cc_register .under table.con tr td input[type=text] + button.close{width:16px; height:16px; position:absolute; right:6px; top:50%; border:0;  transform:translateY(-50%); padding:0; background:unset;}
.cc_register .under table.con tr td input[type=text] + button.close>img{max-width:100%; filter: invert(66%) sepia(7%) saturate(23%) hue-rotate(8deg) brightness(92%) contrast(88%);}
.cc_register .under table.con tr td a.select{background:#57bbb3; border:0; font-size:0.875rem; font-weight: 500; width:100px; padding:10px 0 8px; color:#fff; display: inline-block; text-align: center; background-image: url('../img/next_white.png'); background-repeat: no-repeat; background-position: 83% 58%; background-size: 5.6px 9.3px;}
.cc_register .under table.con tr:nth-child(5){align-items: flex-start;}
.cc_register .under table.con tr td textarea{border:1px solid #ccc; width:100%; height:150px; border-radius:0; background:#fff; color:#000; line-height:1; padding:11px 10px;}
.cc_register .under table.con tr td textarea::placeholder{color:#ccc; font-size:0.875rem; font-weight: 400;}
.cc_register .under table.con tr td.one_select{display:flex; justify-content: space-between;}

.rv_chkbox{font-size: 1rem; text-align: left; position: relative; height: 22px; line-height: 22px; width: 100%; color: #3c3c3c;}
.rv_chk {position: absolute; left: 0; top: 0; padding-left: 25px;}
.rv_chk .checkbox_renew{font-size: 1rem; font-weight: 500; color: #222;}
.rv_chk .checkbox_renew input {position: absolute;  left: 0;  top: auto;  visibility: hidden;}
.rv_chk .checkbox_renew input + span {display: block;   position: absolute;  top: 2px;  left: 0;  width: 18px;  height: 18px;  border: 1px solid #ccc;  border-radius: 100%;  box-sizing: border-box; background:url(../img/ico_check_off.svg) no-repeat center;}
.rv_chk .checkbox_renew input:checked + span {border: 1px solid #57bbb3; background:url(../img/ico_check_on.svg) no-repeat center #57bbb3;}
.rv_chk .checkbox_renew input[type=text]::-moz-placeholder {font-size: 0.875rem; font-weight: 400; color: #555;}


/* 저작권 */
/* .cc_register + .copyright{text-align: left; padding: 24px; font-size: 0.813rem; font-weight: 400; color: #999; background: #f4f4f4; line-height:1.38;}
.cc_register + .copyright a{text-decoration: underline; text-underline-position:under; font-weight: 400;} */
.cc_register .copyright{text-align: left; padding: 24px; font-size: 0.813rem; font-weight: 400; color: #999; background: #f4f4f4; line-height:1.38; margin: 50px 0 20px;}
.cc_register .copyright a{text-decoration: underline; text-underline-position:under; font-weight: 400;}

/* 하단 메뉴 */
.cc_register .bottom{position: fixed; bottom: 0; z-index: 20000; width: 100%; height:54px; display:flex;}
.cc_register .bottom .katalk{width:15%; background: url('/mobile/zones/img/ico_kkt.png')no-repeat #e4d83c; background-position: 50%; background-size: 30px 30px;}
.cc_register .bottom .cansel{width:30%;}
.cc_register .bottom .cansel button{display:block; width:100%; height:100%; background:#888; color:#fff; font-size:1.125rem; font-weight: 500; font-family: 'Noto Sans Kr'; border:0;}
.cc_register .bottom .go{width:55%;}
.cc_register .bottom .go button{display:block; width:100%; height:100%; background:#1f8b4d; color:#fff; font-size:1.125rem; font-weight: 500; font-family: 'Noto Sans Kr'; border:0;}

@media(max-width:357px){
	.cc_register .under table.con tr td textarea::placeholder{font-size:12px;}
}
@media(max-width:331px){
	.cc_register .upper table.info tr td{font-size:14px;}
	.cc_register .upper table.info tr:nth-child(2) td input[type=checkbox] + label{margin-left:28px;}
	.cc_register .under table.con tr td textarea::placeholder{font-size:10px;}
}



/* **************************
	서브페이지(접수완료) 작업 
***************************** */
.completed .top{margin-top:20px;}
.completed .top .img>img{display: block; margin: 0 auto; width: 70px; height: 70px;}
.completed .top .txt{margin-top:14px; text-align:center; font-size:1.25rem; font-weight: 500; color:#000; line-height: 26px;}

.completed .con{margin-top:40px;}
.completed .con .tit{border:1px solid #ccc; background-color:#f4f4f4; padding: 20px;}
.completed .con .tit table{width:100%;}
/* .completed .con .tit table tr{display:block; width:100%;}
.completed .con .tit table tr:nth-child(1){margin-bottom:12px;} */
/* .completed .con .tit table tr th{width:80px; font-size: 1rem; font-weight: 400; text-align:left; margin-right:51px; display:inline-block;}
.completed .con .tit table tr td{width:calc(100% - 136px); font-size: 1rem; font-weight: 500; text-align:left; display:inline-block;} */
.completed .con .tit table tr th{font-size: 1rem; font-weight: 400; text-align:left; padding: 12px 0;}
.completed .con .tit table tr td{font-size: 1rem; font-weight: 500; text-align:left; padding: 12px 0;}

.completed .list{margin-top:51px;}
.completed .list table.detail{clear:both; width:100%;}
.completed .list table.detail caption{text-indent: -999px; width: 0; height: 0; display: none;}
.completed .list table.detail thead tr{border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.completed .list table.detail thead tr th{padding:10px 0; background:#f4f4f4; font-size:0.875rem; font-weight: 500;}
.completed .list table.detail thead tr th:nth-child(1){width:10%; text-align:center;}
.completed .list table.detail thead tr th:nth-child(2){width:76%;}
.completed .list table.detail thead tr th:nth-child(3){width:14%;}
.completed .list table.detail tbody tr{border-bottom:1px solid #d9d9d9;}
.completed .list table.detail tbody tr td{padding:10px 0; font-size:0.875rem; font-weight: 400; text-align:center;}
.completed .list table.detail tbody tr td:nth-child(2){text-align:left; padding-left: 16px;}

.completed .button{margin-top:50px; display:flex;}
.completed .button a{display:inline-block; width:calc((100% - 20px)/2); height:54px; line-height:54px; font-size:1.125rem; font-weight: 500; text-align:center; color:#fff;}
.completed .button a.home{background:#888; margin-right:20px;}
.completed .button a.my_page{background:#38af73;}



/* **************************
	서브페이지(접수내역) 작업 
***************************** */
.details .container{padding: 0 10px; position:relative;}

/* 상단 */
.details .top{display: flex; justify-content: space-between; padding:20px 0 31px;}
.details .top a{width:30%; text-align: center; border: 1px solid #ddd; background-color:#f8f8f8; padding: 10px 0 6px; font-size: 14px; color:#999; font-family:'Noto Sans Medium'; border-radius:20px;}
.details .top a.on{background-color:#6aaae4; border:1px solid #6aaae4; color:#fff;}
.booking_tap01{display: table; margin: 0 auto; margin-top: 20px; margin-bottom: 30px;}
.booking_tap01 > ul{display: flex; background: #eee; border-radius: 30px;}
.booking_tap01 > ul li{}
.booking_tap01 > ul li a{display:flex; align-items: center; justify-content: center; color:#000; padding: 12px 20px; font-size: 1rem; font-weight: 500;}
.booking_tap01 > ul li.active{background-color: #10ae4f; border-radius: 30px;}
.booking_tap01 > ul li.active a{color: #fff;}
.booking_tap02{display: table; margin: 0 auto; margin-top: 20px; margin-bottom: 30px;}
.booking_tap02 > ul{display: flex; background: #eee; border-radius: 30px;}
.booking_tap02 > ul li{}
.booking_tap02 > ul li a{display:flex; align-items: center; justify-content: center; color:#000; padding: 12px 30px; font-size: 1rem; font-weight: 500;}
.booking_tap02 > ul li.active{background-color: #10ae4f; border-radius: 30px;}
.booking_tap02 > ul li.active a{color: #fff;}

/* 하단 */
.details .list div.box{border:1px solid #ccc; background:#fff; border-radius:6px; margin-bottom:21px; overflow: hidden;}
.details .list div.box div.tit{float:left; width:100%; background:#f4f4f4; padding:12px 15px; border-top-right-radius: 6px; border-top-left-radius: 6px;}
.details .list div.box div.tit p.left{font-size: 0.875rem; color:#555; font-weight:400; line-height:1; float:left;}
.details .list div.box div.tit p.right{font-size: 0.875rem; color:#555; font-weight:500; line-height:1; float:right;}
.details .list div.box div.tit p.right span{color:#ed1f38;}
.details .list div.box div.tit span.right a{color:#555;}
.details .list div.box div.con{clear:both; padding:16px; position: relative; min-height: 105px;}
.details .list div.box div.con p.num_on{color:#57bbb3; font-size:0.875rem; font-weight:400; line-height:1;}
.details .list div.box div.con p.num_off{color:#666; font-size:0.875rem; font-weight:400; line-height:1;}
.details .list div.box div.con p.title_on{color:#222; font-size:1.25rem; line-height:1; margin-top:7px; font-weight:500; min-height: 20px;}
.details .list div.box div.con p.title_off{color:#666; font-size:1.25rem; line-height:1; margin-top:7px; font-weight:500;}
.details .list div.box div.con p.sub_on{color:#222; font-size:1rem; line-height:1; margin-top:6px; margin-bottom:10px; font-weight:400;}
.details .list div.box div.con p.sub_off{color:#666; font-size:1rem; line-height:1; margin-top:6px; margin-bottom:10px; font-weight:400;}
.details .list div.box div.con p.area, .details .list div.box div.con p.course, .details .list div.box div.con p.two, .details .list div.box div.con p.three{font-size:0.75rem; font-weight:400; color:#555; line-height:1.45;}
.details .list div.box div.con p.cancel{width:100%; padding:0 4px;}
.details .list div.box div.con p.cancel a{display:inline-block; text-align:center; height:36px; width:100%; font-size:14px; font-family:'Noto Sans Medium'; color:#666; line-height:36px; border:1px solid #ccc; background:#fff; margin-top:10px; border-radius:4px;}
.details .kakao{width:46px; height:46px; position:fixed; right:10px; top:208px; border-radius:46px; background: url('/mobile/zones/img/ico_kkt.png')no-repeat #fee600; background-position: 50%; background-size: 26px 26px;}

/* 예약확정 */
.details .container .list .box .con .con_bottom{border-top:1px solid #ccc; margin-top:10px; padding-top:12px;}
.details .container .list .box .con .con_bottom p.money{font-size:14px; color:#222; font-family:'Noto Sans Medium'; float:left; width:100%; margin-bottom:20px; position:relative;}
.details .container .list .box .con .con_bottom p.money:before{content:""; position:absolute; right:0; top:50%; width:15px; height:15px; transform:translateY(-50%) rotate(0); background-image:url('/mobile/zones/img/ico_drop.png'); background-repeat:no-repeat; background-size:contain; background-position:100% 50%; transition:0.5s;}
.details .container .list .box .con .con_bottom p.money.on:before{transform:translateY(-50%) rotate(-180deg);}
.details .container .list .box .con .con_bottom p.money span.left{font-size:14px; color:#222; font-family:'Noto Sans Bold'; float:left;}
.details .container .list .box .con .con_bottom p.money span.right{float:right; margin-right:28px;}
.details .container .list .box .con .con_bottom p.money span.right span.amount{font-size:16px; color:#57bbb3; font-family:'Noto Sans Bold';}

.details .container .list .box .con .con_bottom .slide_box{display:none; clear:both;}
.details .container .list .box .con .con_bottom .slide_box table.detail{width:100%;}
.details .container .list .box .con .con_bottom .slide_box table.detail caption{text-indent: -999px; width: 0; height: 0; display: none;}
.details .container .list .box .con .con_bottom .slide_box table.detail thead tr{border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.details .container .list .box .con .con_bottom .slide_box table.detail thead tr th{padding:12px 10px 12px 4px; background:#f4f4f4; font-size:14px; font-family:'Noto Sans Medium'; text-align: right;}
.details .container .list .box .con .con_bottom .slide_box table.detail thead tr th:nth-child(1){width:8%; text-align:center;}
.details .container .list .box .con .con_bottom .slide_box table.detail thead tr th:nth-child(2){width:23%;}
.details .container .list .box .con .con_bottom .slide_box table.detail thead tr th:nth-child(3){width:23%;}
.details .container .list .box .con .con_bottom .slide_box table.detail thead tr th:nth-child(4){width:23%;}
.details .container .list .box .con .con_bottom .slide_box table.detail thead tr th:nth-child(5){width:23%;}
.details .container .list .box .con .con_bottom .slide_box table.detail tbody tr{border-bottom:1px solid #d9d9d9;}
.details .container .list .box .con .con_bottom .slide_box table.detail tbody tr td{padding:12px 10px 12px 4px; font-size:14px; text-align:right;}
.details .container .list .box .con .con_bottom .slide_box table.detail tbody tr td:nth-child(1){text-align:center;}

.details .container .list .box .con .con_bottom p.button{float:left; width:100%; margin-top:10px; display:flex; justify-content: space-between;}
.details .container .list .box .con .con_bottom p.button a{color:#fff; padding:6px 0; width:calc((100% - 20px) / 3); border:0; background-image: url('/mobile/zones/img/next_white.png'); background-repeat: no-repeat; background-position: 83% 52%; background-size: 5.6px 9.3px; display:inline-block; text-align:center; font-size:14px; border-radius: 30px;}
.details .container .list .box .con .con_bottom p.button a.one{background-color:#38af73;}
.details .container .list .box .con .con_bottom p.button a.two{background-color:#666;}
.details .container .list .box .con .con_bottom p.button a.three{background-color:#aaa;}
.details .container .list .box .con .con_bottom p.day{clear:both; padding-top:16px; font-size:14px; color:#222; font-family:'Noto Sans Medium';}

.reserve_bookbox{position: absolute; top: 20px; right: 16px; display: flex; flex-direction: column;}
.reserve_bookbtn01{background: #333; font-size: 0.813rem; font-weight: 400; color: #fff; padding: 5px 10px 5px; border-radius: 30px; margin-bottom: 10px;}
.reserve_bookbtn02{background: #999; font-size: 0.813rem; font-weight: 400; color: #fff; padding: 5px 10px 5px; border-radius: 30px;}
.reserve_bookbtn03{background: #57bbb3; font-size: 0.813rem; font-weight: 400; color: #fff; padding: 5px 10px 5px; border-radius: 30px;}

.con_bottom02{border-top:1px solid #ccc; margin:0 16px; padding-top:12px;}
.con_bottom02 p.money_on{font-size:14px; color:#222; font-family:'Noto Sans Medium'; width:100%; margin-bottom:20px; display: flex; align-items: flex-end; justify-content: space-between;}
.con_bottom02 p.money_on span.left{font-size:14px; color:#222; font-family:'Noto Sans Bold'; float:left;}
.con_bottom02 p.money_on span.right{float:right;}
.con_bottom02 p.money_on span.right span.amount{font-size:20px; color:#10ae4f; font-family:'Noto Sans Bold';}
.con_bottom02 p.money_off{font-size:14px; color:#999; font-family:'Noto Sans Medium'; width:100%; margin-bottom:20px; display: flex; align-items: flex-end; justify-content: space-between;}
.con_bottom02 p.money_off span.left{font-size:14px; color:#999; font-family:'Noto Sans Bold'; float:left;}
.con_bottom02 p.money_off span.right{float:right;}
.con_bottom02 p.money_off span.right span.amount{font-size:20px; color:#999; font-family:'Noto Sans Bold';}



/* **************************
	서브페이지(예약/결제) 작업 
***************************** */
.payment .container{margin-top:21px;}
.payment .container .list .con h2{padding:0; font-size:1rem; font-weight:700;}

.payment .container .list .con div.pay_info{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:30px 0; float:left; margin-top:26px;}
.payment .container .list .con div.pay_info table{margin-top:10px; width:100%;}
.payment .container .list .con div.pay_info table caption{display:none;}
.payment .container .list .con div.pay_info table thead tr th{width:33%; font-size:0.875rem; font-weight:500; line-height:1; padding:12px 0; background:#f4f4f4; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.payment .container .list .con div.pay_info table tbody tr td{width:33%; text-align:center; font-size:12px; padding:12px 0; border-bottom:1px solid #d9d9d9;}
.payment .container .list .con div.pay_info table tbody tr td span.amount{font-size:0.875rem; font-weight:700;}
.payment .container .list .con div.pay_info a.popup_open{font-size:0.75rem; font-weight:500; color:#fff; padding:8px 21px 4px 9px; background:#6aaae4; border-radius:15px; float:right; margin-top:10px; background-image: url(/mobile/zones/img/next_white.png); background-repeat: no-repeat; background-position: 87% 52%; background-size: 5.6px 9.3px;}

.payment .container .list .con div.pay_way{clear:both; padding-top:30px;}
.payment .container .list .con div.pay_way div>input[type=radio]{display:none;}
.payment .container .list .con div.pay_way div>input[type=radio] + label{position:relative; padding-left:22px; font-size:14px; font-family:'Noto Sans Medium'; line-height:1;}
.payment .container .list .con div.pay_way div>input[type=radio] + label:before{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); background:url('/mobile/zones/img/radiobox.png')no-repeat; width: 18px; height: 18px; background-size: 18px 36px;}
.payment .container .list .con div.pay_way div input[type=radio]:checked + label:before{background-position:0 100%}
.payment .container .list .con div.pay_way div.easy{margin-top:15px; border-bottom: 1px dotted #ccc;}
.payment .container .list .con div.pay_way div.easy a.card_reg{display:block; width:180px; height:100px; border:1px dotted #ccc; border-radius:10px; background:#f8f8f8; padding-top: 18px; margin:23px auto 21px;}
.payment .container .list .con div.pay_way div.easy a.card_reg span.img{width:40px; height:40px; background:#ff6a6a; border-radius:40px; display:block; margin:0 auto; position:relative;}
.payment .container .list .con div.pay_way div.easy a.card_reg span.img:before{content:""; width:20px; height:4px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.payment .container .list .con div.pay_way div.easy a.card_reg span.img:after{content:""; width:4px; height:20px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.payment .container .list .con div.pay_way div.easy a.card_reg span.txt{display:block; width:100%; text-align:center; font-size:12px; color:#999; font-family:'Noto Sans Medium'; margin-top:6px;}
.payment .container .list .con div.pay_way div.easy div.card_yes{margin-top:13px;}
.payment .container .list .con div.pay_way div.easy div.card_yes p{font-size:14px; color:#999; position:relative;}
.payment .container .list .con div.pay_way div.easy div.card_yes p a.close{width:14px; height:14px; border:1px solid #999; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.payment .container .list .con div.pay_way div.easy div.card_yes p a.close>img{max-width:80%; filter:invert(66%) sepia(7%) saturate(23%) hue-rotate(8deg) brightness(92%) contrast(88%); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.payment .container .list .con div.pay_way div.easy div.card_yes select{width:100%; padding:11px 10px; font-size:14px; line-height:1; color:#aaa; border:1px solid #ccc; margin:15px 0 20px; appearance: none; position:relative; background:url('/mobile/zones/img/btn_open_bs.png')no-repeat; background-position: calc(100% - 16px) 50%; background-size: 11.6px 4.6px;}
.payment .container .list .con div.pay_way div.normal{margin-top:21px;}
.payment .container .list .con div.pay_way div.normal ul{display:flex; justify-content: space-between; margin-top:13px;}
.payment .container .list .con div.pay_way div.normal ul li{width:calc((100% - 20px)/3); height:50px; border:1px solid #ccc; background:#fff; border-radius:5px;}
.payment .container .list .con div.pay_way div.normal ul li a{display:block; height:50px; text-align:center;}
.payment .container .list .con div.pay_way div.normal ul li:nth-child(1) a{font-size:14px; color:#666; text-align:center; line-height:50px;}
.payment .container .list .con div.pay_way div.normal ul li:nth-child(2) a {line-height:55px;}
.payment .container .list .con div.pay_way div.normal ul li:nth-child(2) a img {width:70px;}
.payment .container .list .con div.pay_way div.normal ul li:nth-child(3) a {line-height:63px;}
.payment .container .list .con div.pay_way div.normal ul li:nth-child(3) a img {width: 50px}
.payment .container .bottom{position:fixed; bottom:0; left:0; z-index:20000; width:100%; height:54px;}
.payment .container .bottom ul{display:flex; width:100%; height:54px;}
.payment .container .bottom ul li{height:54px;}
.payment .container .bottom ul li:nth-child(1){width:30%; background:#222; color:#fff; display: flex; flex-wrap: wrap; align-content: center; padding-left: 18px;}
.payment .container .bottom ul li:nth-child(1) span{font-size:12px; line-height:1.29; width:100%;}
.payment .container .bottom ul li:nth-child(1) span span.amount{font-size:14px; font-family:'Noto Sans Medium';}
.payment .container .bottom ul li:nth-child(2){width:70%;}
.payment .container .bottom ul li:nth-child(2) button{display:block; width:100%; border:0; background:#04599e; color:#fff; text-align:center; height:54px; font-size:18px; font-family:'Noto Sans Medium';}

/* 팝업 */
.payment .popup{width:100%; height:100%; position:fixed; top:0; left:0; z-index:20000; display:none;}
.payment .popup .pop_bg{width:100%; height:100%; position:absolute; top:0; left:0; background: rgb(0 0 0 / 70%); z-index:-1;}
.payment .popup .pop_con{position:absolute; top: 50%; left: 50%; z-index: 1; width: calc(100% - 20px); max-width: 340px; transform: translate(-50%,-50%);}
.payment .popup .pop_con .title{width:100%; padding:15px 0; background:#6aaae4; color:#fff; text-align:center; position:relative; font-size:20px; font-family:'Noto Sans Medium';}
.payment .popup .pop_con .title p.close{width:14px; height:14px; position:absolute; right:10px; top:18px; background:url('/mobile/zones/img/btn_close.png')no-repeat; background-size:100%; cursor:pointer;}
.payment .popup .pop_con .con{background:#fff; padding:20px 20px 30px 20px;}
.payment .popup .pop_con .con p.tit{font-size:16px; line-height:1.25; text-align:center; font-family:'Noto Sans Medium';}
.payment .popup .pop_con .con table{width:100%; margin-top:30px;}
.payment .popup .pop_con .con table caption{display:none;}
.payment .popup .pop_con .con table tbody tr{display:flex; margin-bottom:10px; align-items: center;}
.payment .popup .pop_con .con table tbody tr:nth-child(3){margin-bottom:0;}
.payment .popup .pop_con .con table tbody tr th{width:70px; font-size:15px; font-family:'Noto Sans Medium'; text-align:left; color:#222; line-height:1; margin-right:30px;}
.payment .popup .pop_con .con table tbody tr td{width:calc(100% - 100px);}
.payment .popup .pop_con .con table tbody tr:nth-child td input:placeholder{color:#aaa;font-size:15px;}
.payment .popup .pop_con .con table tbody tr:nth-child td input{font-size:15px;border-radius: 0;}
.payment .popup .pop_con .con table tbody tr:nth-child(1) td input[type=text]{width:100%; padding: 8px 0 8px 10px; border:1px solid #ccc;font-size:15px;border-radius: 0;}
.payment .popup .pop_con .con table tbody tr:nth-child(2) td{display:flex; justify-content: space-between;}
.payment .popup .pop_con .con table tbody tr:nth-child(2) td input[type=text]{width:calc((100% - 20px)/3); padding: 8px 0 8px 10px; border:1px solid #ccc;font-size:15px;border-radius: 0;}
.payment .popup .pop_con .con table tbody tr:nth-child(3) td input[type=text]{width:100%; padding: 8px 0 8px 10px; border:1px solid #ccc;font-size:15px;border-radius: 0;}

.payment .popup .pop_con .con table tbody tr:nth-child(1) td input[type=number]{width:100%; padding: 8px 0 8px 10px; border:1px solid #ccc;font-size:15px;border-radius: 0;}
.payment .popup .pop_con .con table tbody tr:nth-child(2) td input[type=number]{width:calc((100% - 20px)/3); padding: 8px 0 8px 10px; border:1px solid #ccc;font-size:15px;border-radius: 0;}
.payment .popup .pop_con .con table tbody tr:nth-child(3) td input[type=number]{width:100%; padding: 8px 0 8px 10px; border:1px solid #ccc;font-size:15px;border-radius: 0;}

.payment .popup .pop_con .con a{display:block; width:100%; height:44px; line-height:44px; background:#04599e; color:#fff; border-radius:27px; text-align:center; font-family:'Noto Sans Medium'; margin-top:30px;}

.popup02{width:100%; height:100%; position:fixed; top:0; left:0; z-index:20000; display:none;}
.popup02 .pop_bg{width:100%; height:100%; position:absolute; top:0; left:0; background: rgb(0 0 0 / 70%); z-index:-1;}
.popup02 .pop_con{position:absolute; top: 50%; left: 50%; z-index: 1; width: calc(100% - 20px); max-width: 340px; transform: translate(-50%,-50%);}
.popup02 .pop_con .title{width:100%; padding:15px 0; background:#6aaae4; color:#fff; text-align:center; position:relative; font-size:20px; font-family:'Noto Sans Medium';}
.popup02 .pop_con .title p.close{width:14px; height:14px; position:absolute; right:10px; top:18px; background:url('/mobile/zones/img/btn_close.png')no-repeat; background-size:100%; cursor:pointer;}
.popup02 .pop_con .con{background:#fff; padding:20px 20px 30px 20px;}
.popup02 .pop_con .con p.tit{font-size:16px; line-height:1.25; text-align:center; font-family:'Noto Sans Medium';}
.popup02 .pop_con .con table{width:100%; margin-top:30px;}
.popup02 .pop_con .con table caption{display:none;}
.popup02 .pop_con .con table tbody tr{display:flex; margin-bottom:10px; align-items: center;}
.popup02 .pop_con .con table tbody tr:nth-child(3){margin-bottom:0;}
.popup02 .pop_con .con table tbody tr th{width:70px; font-size:15px; font-family:'Noto Sans Medium'; text-align:left; color:#222; line-height:1; margin-right:30px;}
.popup02 .pop_con .con table tbody tr td{width:100%;}
.popup02 .pop_con .con table tbody tr:nth-child td input:placeholder{color:#aaa;font-size:15px;}
.popup02 .pop_con .con table tbody tr:nth-child td input{font-size:15px;border-radius: 0;}
.popup02 .pop_con .con table tbody tr:nth-child(1) td input[type=text]{width:100%; padding: 8px 0 8px 10px; border:1px solid #ccc;font-size:15px;border-radius: 0;}
.popup02 .pop_con .con table tbody tr:nth-child(2) td{display:flex; justify-content: space-between;}
.popup02 .pop_con .con table tbody tr:nth-child(2) td input[type=text]{width:calc((100% - 20px)/3); padding: 8px 0 8px 10px; border:1px solid #ccc;font-size:15px;border-radius: 0;}
.popup02 .pop_con .con a{display:block; width:100%; height:44px; line-height:44px; background:#04599e; color:#fff; border-radius:27px; text-align:center; font-family:'Noto Sans Medium'; margin-top:30px;}




/* **************************
	서브페이지(마이페이지) 작업 
***************************** */
#header .my{position:absolute; top:50%; right:10px; transform:translateY(-50%);}
#header .my a.alarm{background:url('/mobile/zones/img/ico_bell08_1.png')no-repeat; background-size:100%; width:20px; height:20px; display: inline-block; margin-right:20px; position:relative;}
#header .my a.alarm:before{content:""; position:absolute; top:0; right:-4px; width:4px; height:4px; background:transparent; border-radius:4px;}
#header .my a.alarm.active:before{background:#f00;}
#header .my a.set{background:url('/mobile/zones/img/ico_set04_2.png')no-repeat; background-size:100%; width:20px; height:20px; display: inline-block;}

.my_page .container{padding-top:27px;}
.my_page .container .top_info{position:relative;}
.my_page .container .top_info a.pro{position:absolute; top:0; right:0; width:58px; height:58px; overflow:hidden;}
.my_page .container .top_info a.pro img.cam{position:absolute; bottom:0; right:0;}
.my_page .container .top_info a.pro .photo {display: inline-block;  width: 58px;  height: 58px;  border-radius: 100%;  overflow: hidden;}
.my_page .container .top_info .member{font-size:17px; margin-bottom:8px; position:relative; display: flex; align-items: center;}
.my_page .container .top_info .name{font-size: 1.25rem; font-weight: 700;}
.my_page .container .top_info .rating{padding:6px 7px 3px 6px; background:#6aaae4; font-size:11px; font-weight: 500; color:#fff; border-radius:11px; display:inline-block;}
.my_page .container .top_info_area{display: flex; align-items: center;}
.my_page .container .top_info_gal{background: #222; width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.my_page .container .top_info_gal img{width: 74%;}
.my_page .container .top_info_list{margin-left: 10px;}
.my_page .container .top_info_level{margin-top: 6px;}
.my_page .container .top_info_ment{font-size: 1rem; font-weight: 400; letter-spacing: -0.2px;}
.my_page .container .rating_gr{padding:6px 7px 3px 6px; background:#363636; font-size:11px; font-weight: 500; color:#fff; border-radius:11px; display:inline-block; margin-left:6px;}
.my_page .container .rating_al{padding:6px 7px 3px 6px; background:#3860AF; font-size:11px; font-weight: 500; color:#fff; border-radius:11px; display:inline-block; margin-left:6px;}
.my_page .container .rating_ho{padding:6px 7px 3px 6px; background:#BF4343; font-size:11px; font-weight: 500; color:#fff; border-radius:11px; display:inline-block; margin-left:6px;}
.my_page .container .top_info p.ment{font-size:18px; font-weight: 400;}
.my_page .container .top_info .box{width:100%; height:100%; padding:27px 16px; margin-top:23px;  background: #235C41; border-radius:20px;}
.my_page .container .top_info .box table{width:100%;}
.my_page .container .top_info .box table caption{display:none;}
.my_page .container .top_info .box table tbody tr{width:100%; color:#fff; margin-bottom:24px; display:block;}
.my_page .container .top_info .box table tbody tr:last-child{margin-bottom:0;}
.my_page .container .top_info .box table tbody tr th{width:130px; display:inline-block; font-size:15px; position:relative; padding-left:22px; text-align:left;}
.my_page .container .top_info .box table tbody tr:nth-child(1) th:before{content:"R"; width:16px; height:16px; line-height:18px; border-radius:16px; background:#fff; color:#38af73; text-align:center; font-size:10px; font-family:'Noto Sans Bold'; position:absolute; left:0; top:46%; transform:translateY(-50%);}
.my_page .container .top_info .box table tbody tr:nth-child(2) th:before{content:"B"; width:16px; height:16px; line-height:18px; border-radius:16px; background:#fff; color:#38af73; text-align:center; font-size:10px; font-family:'Noto Sans Bold'; position:absolute; left:0; top:46%; transform:translateY(-50%);}
.my_page .container .top_info .box table tbody tr:nth-child(3) th:before{content:"R"; width:16px; height:16px; line-height:18px; border-radius:16px; background:#fff; color:#04599e; text-align:center; font-size:10px; font-family:'Noto Sans Bold'; position:absolute; left:0; top:46%; transform:translateY(-50%);}
.my_page .container .top_info .box table tbody tr td{width:calc(100% - 135px); text-align:right; display:inline-block; line-height:1;}
.my_page .container .top_info .box table tbody tr td a{display:block; font-size:18px; color:#fff; padding-right:14px; font-weight: 700; background-image:url('/mobile/zones/img/ico_back06_2.png'); background-repeat:no-repeat; background-position:100% 58%; background-size:10px 10px;}
.my_page .container .menu_list{margin-top:24px;}
.my_page .container .menu_list ul{display:flex; flex-wrap:wrap;}
.my_page .container .menu_list ul>li{width:100%; border-bottom:1px solid #ddd; padding:16px 0; background-image:url('/mobile/zones/img/ico_back03_2.png'); background-repeat:no-repeat; background-size:10px 10px; background-position:calc(100% - 10px) 50%;}
.my_page .container .menu_list ul>li>a{color:#000; font-size:1rem; font-weight: 400; line-height:1; display:block;}




/* **************************
	서브페이지(고객센터) 작업 
***************************** */
.support{padding-bottom: 87px !important;}
.support .container{padding:0 10px;}
.support .top{margin-top:20px;}
.support .top h3{font-size:1.125rem; text-align:center; line-height:24px; padding-bottom: 0;}
.support .top ul.list{display:flex; margin-top:30px;}
.support .top ul.list li{width:50%; text-align:center; padding:5px 0;}
.support .top ul.list li:nth-child(1){border-right:2px solid #eee;}
.support .top ul.list li a{display:block;}
.support .top ul.list li a>img{max-width:36px;}
.support .top ul.list li a p.tit{font-size:14px; color:#000; line-height:1; font-family:"Noto Sans Medium"; margin-top:10px;}
.support .top ul.list li a p.txt{font-size:12px; color:#666; line-height:1; margin-top:8px;}
.support .top ul.button{display:flex; justify-content: space-between; margin-top:30px;}
.support .top ul.button li{width:calc((100% - 12px)/2); height:40px;}
.support .top ul.button li a{display:block; background-color:#6aaae4; color:#fff; font-size:14px; padding:13px 0 13px 33px; border-radius:4px; position:relative;}
.support .top ul.button li a:after{content:""; width:8px; height:8px; background-image: url('/mobile/zones/img/ico_back06_2.png'); background-repeat:no-repeat; position: absolute; background-size: cover; top: 46%; right: 16px; transform: translateY(-50%);}
.support .top ul.button li:nth-child(1) a{background-image:url('/mobile/zones/img/ico_noti03.png'); background-repeat:no-repeat; background-position:11px 11px; background-size:16px;}
.support .top ul.button li:nth-child(2) a{background-image:url('/mobile/zones/img/ico_event03.png'); background-repeat:no-repeat; background-position:11px 11px; background-size:16px;}

.support .con{margin-top:50px;}
.support .con h3{font-size:1.125rem; font-weight: 700; border-bottom:1px solid #000; padding-bottom: 10px;}
.support .con h3>a{float:right;}
.support .con h3>a>img{max-width:14px;}
.support .con h3>a:after{content:""; clear:both;}
.support .con ul li{padding-top:16px; border-bottom:1px solid #ddd;}
.support .con ul li span.category{font-size: 0.75rem; font-weight: 400; color:#57bbb3; line-height:1; padding-left:27px;}
.support .con ul li p.tit{font-size: 0.875rem; font-weight: 400; line-height:1.29; position:relative; padding-left:27px; padding-right: 61px; margin-bottom:16px; padding-top:4px;}
.support .con ul li p.tit:before{content:"Q"; position:absolute; top:2px; left:10px; font-size:16px; font-family: 'Roboto', sans-serif; font-weight:bold;}
.support .con ul li p.tit:after{content:""; position:absolute; top:8px; right:14.5px; background:url('/mobile/zones/img/icon_down_arrow.png'); width:12px; height:12px; background-size: contain; background-repeat: no-repeat; transform: rotate(0); transition:.5s; background-position: 50%;}
.support .con ul li p.tit.on:after{transform: rotate(-180deg);}
.support .con ul li .txt{padding: 16px 10px; font-size: 0.875rem; font-weight: 400; line-height: 18px; background:#f4f4f4; display:none;}
.support .con ul li .txt img{width: 100%;}
.support .con ul li .txt p{font-size: 0.875rem; font-weight: 400; line-height: 20px;}



/* **************************
	서브페이지(맴버십/이용정보) 작업 
***************************** */
.use_member .container{padding:20px 10px 0;}
.use_member .container .top ul{display:flex; width:100%; background:#eee; border-radius:25px;}
.use_member .container .top ul li{width:50%;}
.use_member .container .top ul li a{display:block; color:#000; padding:14px 0 9px; font-size:18px; line-height:1; font-family:'Noto Sans Medium'; text-align:center;}
.use_member .container .top ul li.on a{display:block; color:#fff; background:#6aaae4; border-radius:25px;}
.use_member .container .con{margin-top:30px;}
.use_member .container .con h3{font-size:16px; font-family:'Noto Sans Bold'; line-height:1; padding-bottom:10px;}
.use_member .container .con h3.two{margin-top:40px;}
.use_member .container .con p.day{font-size:18px; font-family:'Noto Sans Medium'; line-height:1; text-align:center;}
.use_member .container .con p.day a{width:9.9px; height:14.2px; display:inline-block;}
.use_member .container .con p.day a.prev{margin-right:15px;}
.use_member .container .con p.day a.next{margin-left:15px;}
.use_member .container .con p.day a>img{max-width:100%; height:100%; display:block;}
.use_member .container .con table{width:100%; border-top: 1px solid #d9d9d9;}
.use_member .container .con table.month{margin-top:20px; border-top: 1px solid #d9d9d9;}
.use_member .container .con table caption{display:none; font-size:-999px; text-indent:-999px;}
.use_member .container .con table tr{border-bottom:1px solid #d9d9d9;}
.use_member .container .con table th{background:#f4f4f4; padding:12px 0; font-size:0.875rem; font-weight: 500; line-height:1; text-align:center;}
.use_member .container .con table td{padding:12px 0; text-align:center; font-size:0.875rem; font-weight: 400; line-height:1;}
.use_member .container .con table th:nth-child(1){width:80px;}
.use_member.member_only .container .con table th:nth-child(1){width:86px;}
.use_member .container .con table tbody th{width:80px;}
.use_member.member_only .container .con table tbody th{width:86px;}
.use_member .container .con p.txt{font-size:12px; line-height:1; color:#777; margin-top:10px;}

.use_member .container table.member td{text-align:left; padding:10px 36px 9px 12px; line-height:1.43;}




/* **************************
	서브페이지(골프장정보) 작업 
***************************** */
.golf .container{padding:20px 10px 0;}
.golf .container .top ul{display:flex; width:100%; background:#eee; border-radius:30px;}
.golf .container .top ul li{}
.golf .container .top ul li a{display:flex; align-items: center; justify-content: center; color:#000; padding:12px 20px; font-size:1rem; font-weight: 500;}
.golf .container .top ul li.on a{display:flex; align-items: center; justify-content: center; color:#fff; background:#235C41; border-radius:30px;}
.golf .container .con{margin-top:30px;}
.golf .container .con h2{font-size:1.375rem; font-weight: 700; text-align:center; margin-bottom:0;}
.golf .container .con p.sub{font-size:0.813rem; font-weight: 500; text-align:center; margin-bottom:20px;}
.golf .container .con .background{background:url('/mobile/zones/img/golf_back.png'); padding:80px 0;}
.golf .container .con .background .map{width:90%; height:90%; max-width:280px; max-height:370.2px; margin:0 auto; position:relative;}
.golf .container .con .background .map>img{max-width:100%;}
.golf .container .con .background .map>a{display:inline-block; position:absolute;}
.golf .container .con .background .map>a.place1{top:60px; left:73px;}
.golf .container .con .background .map>a.place2{top:43px; left:143px;}
.golf .container .con .background .map>a.place3{top:135px; left:66px;}
.golf .container .con .background .map>a.place4{top:170px; left:150px;}
.golf .container .con .background .map>a.place5{top:225px; left:44px;}
.golf .container .con .background .map>a.place6{top:331px; left:11px;}
.golf .container .con .background .map>a p.img{line-height:1; text-align:center; margin-bottom:3px;}
.golf .container .con .background .map>a p.img>img{max-width:24px;}
.golf .container .con .background .map>a p.txt{font-size:0.875rem; line-height:1; font-weight: 700; color:#000; text-align:center;}


/* **************************
	서브페이지(회원정보) 작업 
***************************** */
.info_tbl{width: 100%; border-top: 1px solid #d9d9d9;}
.info_tbl tr{border-bottom: 1px solid #d9d9d9;}
.info_tbl th{background:#f4f4f4; padding:12px 0; font-size:0.875rem; font-weight: 400; line-height:18px; text-align:center;}
.info_tbl td{padding:12px; text-align:left; font-size:0.875rem; font-weight: 500; line-height:1;}
.info_tbl02{width: 100%; border-top: 1px solid #d9d9d9;}
.info_tbl02 tr{border-bottom: 1px solid #d9d9d9;}
.info_tbl02 th{background:#f4f4f4; padding:12px 0; font-size:0.875rem; font-weight: 500; line-height:1; text-align:center;}
.info_tbl02 td{padding:12px 2px; font-size:0.875rem; font-weight: 400; line-height:1; text-align:center; letter-spacing: -0.5px;}

.dele_tbl{width: 100%; border-top: 1px solid #d9d9d9;}
.dele_tbl tr{border-bottom: 1px solid #d9d9d9;}
.dele_tbl th{background:#f4f4f4; padding:12px 0; font-size:0.875rem; font-weight: 400; text-align:center;}
.dele_tbl td{padding:12px 10px; font-size:0.875rem; font-weight: 500; text-align:left;}

.purse_con{width: 100%; overflow: hidden;}
.purse_tit{font-size: 1.125rem; font-weight: 700; margin-bottom: 10px;}
.purse_menubox {padding: 20px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom: 10px;}
.purse_menubox > ul {display: flex; justify-content: space-between;}
.purse_menubox > ul li {display: block; position: relative; width: 20%;}
.purse_menubox > ul li a{display: block;}
.purse_menubox > ul li span {display: block; text-align:center}
.purse_menubox > ul li .img {display: block;  width: 50px; height: 50px; border-radius: 50%; margin: 0 auto; margin-bottom: 10px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center;}
.purse_menubox > ul li .img img {width: 74%;}
.purse_menubox > ul li .img02 {position: absolute; top: 0; right: 10px; width: 14px; height: 14px;}
.purse_menubox > ul li .img02 img {width: 100%;}
.purse_menubox > ul li .img03 {display: block;  width: 50px; height: 50px; border-radius: 50%; margin: 0 auto; margin-bottom: 10px; border: 1px solid #ccc;}
.purse_menubox > ul li .img03 img {width: 100%;}
.purse_menubox > ul li .txt {font-size: 0.875rem; font-weight: 500; color: #000; word-break: break-all;}
.purse_listbox{width: 100%; overflow: hidden;}
.purse_listbox > ul li{margin-top: 20px;}
.purse_list{margin-left: 10px;}
.purse_gal{width: 50px; height: 50px; border-radius: 50%; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center;}
.purse_gal img{width: 74%;}
.purse_titbox_on{font-size: 1.25rem; font-weight: 700; color: #fff500;}
.purse_titbox_on span img{width: 16px;}
.purse_titbox_off{font-size: 1.25rem; font-weight: 700; color: #666;}
.purse_txtbox{display: flex; align-items: center; margin-top: 12px;}
.purse_txt01_on{font-size: 0.875rem; font-weight: 500; color: #fff; display: flex; align-items: center; margin-top: 6px;}
.purse_txt01_on span{font-size: 0.75rem; font-weight: 500; background: #fff; color: #333; padding: 2px 6px; border-radius: 10px; margin-right: 8px; display: flex; align-items: center; justify-content: center;}
.purse_txt01_off{font-size: 0.875rem; font-weight: 500; color: #666; display: flex; align-items: center; margin-top: 6px;}
.purse_txt01_off span{font-size: 0.75rem; font-weight: 500; background: #666; color: #222; padding: 2px 6px; border-radius: 10px; margin-right: 8px; display: flex; align-items: center; justify-content: center;}
.purse_btn01_on{display: block; padding: 6px 10px; background: #38AF73; color: #fff500; border-radius: 20px; font-size: 1rem; font-weight: 400; position: absolute; right: 60px;}
.purse_btn01_off{display: block; padding: 6px 10px; background: #38AF73; color: #fff500; border-radius: 20px; font-size: 1rem; font-weight: 400; position: absolute; right: 60px;}
.purse_btn02{display: block; position: absolute; right: 10px;}
.purse_btn02 img{width: 20px;}
.purse_btn03_on{display: block; padding: 16px 0; background: #38af73; color: #fff; border-radius: 10px; font-size: 1.125rem; font-weight: 500; text-align: center; margin-top: 16px;}
.purse_btn03_off{display: block; padding: 16px 0; background: #ab0707; color: #fff; border-radius: 10px; font-size: 1.125rem; font-weight: 500; text-align: center; margin-top: 16px;}
.purse_btn04{font-size: 0.875rem; font-weight: 500; color: #fff; background: #38af73; padding: 6px 10px; border-radius: 20px;}
.purse_hdbox{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.purse_tip{overflow: hidden; margin: 20px 0 10px;}
.purse_tip > ul li{display: flex; align-items: center; font-size: 0.875rem; font-weight: 300; color: #666; line-height: 20px; margin-bottom: 6px;}
.purse_tip > ul li img{width: 14px; margin-right: 4px;}
.purse_ment{font-size: 0.875rem; font-weight: 300; color: #666; line-height: 20px; margin-bottom: 40px;}


.purse_addlist{width: 100%; overflow: hidden; padding: 20px 10px; background: #f8f8f8;}
.purse_addlist > ul li{display: flex; align-items: flex-start; margin-top: 16px;}
.purse_addlist > ul li:first-child{margin-top: 0;}
.purse_addlist > ul li span{width: 30%; font-size: 1rem; font-weight: 400; line-height: 20px;}
.purse_addlist > ul li p{width: 70%; font-size: 1rem; font-weight: 500; line-height: 20px; word-break: keep-all;}
.purse_gr{background: #363636; display: flex; align-items: center; padding: 16px 10px; position: relative;}
.purse_al{background: #3860AF; display: flex; align-items: center; padding: 16px 10px; position: relative;}
.purse_ho{background: #BF4343; display: flex; align-items: center; padding: 16px 10px; position: relative;}
.purse_fi{background: #999; display: flex; align-items: center; padding: 16px 10px; position: relative;}


@media (max-width:330px){
	.golf .container .con .background .map>a{width: 13vw; height: 14vw;}
	.golf .container .con .background .map>a.place1{top: 17vw; left: 21vw;}
	.golf .container .con .background .map>a.place2{top: 13vw; left: 43vw;}
	.golf .container .con .background .map>a.place3{top: 40vw; left: 21vw;}
	.golf .container .con .background .map>a.place4{top: 52vw; left: 45vw;}
	.golf .container .con .background .map>a.place5{top: 66vw; left: 14vw;}
	.golf .container .con .background .map>a.place6{top: 99vw; left: 4vw;}
	.golf .container .con .background .map>a p.img{height: 8vw;}
	.golf .container .con .background .map>a p.img>img{max-height:8vw;}
	.golf .container .con .background .map>a p.txt{font-size:4vw;}
}

/* 세부사항 */
.golf .container .con ul.place_select{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 10px 20px;}
.golf .container .con ul.place_select li{width:calc((100% - 42px)/3);}
.golf .container .con ul.place_select li:nth-child(n+4){margin-top:10px;}
.golf .container .con ul.place_select li a{display:block; background:#f8f8f8; border:1px solid #ddd; border-radius:20px; font-size:0.875rem; font-weight: 500; text-align:center; color:#999; padding:9px;}
.golf .container .con ul.place_select li.on a{background:#235C41; border:1px solid #235C41; color:#fff;}
.golf .container .con .background.back2{position:relative; padding:38px 0;}
.golf .container .con .background>p{position:absolute; top:14px; right:12px;}
.golf .container .con .background>p span{font-size:0.75rem; font-weight: 500;}
.golf .container .con .background>p span:before{content:""; display:inline-block; width:9px; height:9px; background:#53d1c7; border-radius:9px; margin-right:2px;}
.golf .container .con .background>p span.mem{margin-left:6px;}
.golf .container .con .background>p span.mem:before{background:#ffb76e;}
.golf .container .con .background .map2{width:90%; height:90%; max-width:280px; max-height:333.2px; margin:0 auto; position:relative;}
.golf .container .con .background .map2>img{max-width:100%;}
.golf .container .con .background .map2 a{display: flex; align-items: center; justify-content: center; font-size:0.625rem; font-weight: 400; width:20px; height:20px; text-align:center; color:#fff; background:#53d1c7; border-radius:20px; position:absolute;}
.golf .container .con .background .map2 a.mem{background:#ffb76e;}
.golf .container .con table.list{width:100%; margin-top:20px;}
.golf .container .con table.list caption{display:none; font-size:-999px; text-indent:-999px;}
.golf .container .con table.list thead{background:#f4f4f4; border-top:1px solid #d9d9d9;}
.golf .container .con table.list tr{border-bottom:1px solid #d9d9d9;}
.golf .container .con table.list th{font-size:0.875rem; font-weight: 500; padding:12px 0;  text-align:center;}
.golf .container .con table.list td{font-size:0.875rem; font-weight: 400; padding:12px 0; text-align:center;}
.golf .container .con table.list td:nth-child(2){text-align:left; padding-left: 10px;}
.golflist_ico{display: inline-block; margin-left: 6px; vertical-align: text-top;}
.golflist_ico img{width: 80%;}
.golf .container .con p.bottom_txt{font-size:0.813rem; font-weight: 400; color:#999; line-height:1.33; margin-top:10px;}
.golf .container .con p.bottom_txt02{font-size:0.813rem; font-weight: 400; color:#000; line-height:1.33; margin-top:10px; word-break: keep-all;}
.golf .container .con .term_agree02 {padding-top: 30px;}
.golf .container .con .term_agree02 label input[type="checkbox"] {position:absolute; display:none}
.golf .container .con .term_agree02 label input[type="checkbox"] + span {display: block;  font-size: 1rem; font-weight: 400; color: #222;  line-height: 1.2em;  text-align: left; word-break: keep-all; position: relative; padding-left: 22px;}
.golf .container .con .term_agree02 input[type="checkbox"] + span:before {content: "";  width: 18px;  height: 18px;  position: absolute;  left: 0;  top: 1px; background: url(../img/checkbox02.png) no-repeat; background-size: 18px 36px;background-position: 0 0;}
.golf .container .con .term_agree02 input[type="checkbox"]:checked + span:before  {  background-position: 0 -18px;}
.golf .container .con .pop_btn_style1 {display: block;  width: 100%;  background: #235C41;  padding: 19px 10px 15px;  border-radius: 50px;  margin-top: 15px;  color: #fff;  font-size: 1rem; font-weight: 500; text-align: center;}
.gungu_map{display: inline-block; font-size: 12px; background: #666; color: #fff; padding: 4px; margin-top: 6px;}

/* 추천골프장-리스트 */
.golf .container .con ul.place_list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.golf .container .con ul.place_list li{width: calc((100% - 20px)/2); border: 1px solid #ccc; border-radius: 12px; overflow: hidden;}
.golf .container .con ul.place_list li:nth-child(n+3){margin-top:20px;}
.golf .container .con ul.place_list li a{display:block;}
.golf .container .con ul.place_list li a p.img{width:100%; line-height:0;}
.golf .container .con ul.place_list li a p.img>img{max-width:100%;}
.golf .container .con ul.place_list li a p.txt{padding: 11px 11px 20px 11px;}
.golf .container .con ul.place_list li a p.txt span.tit{font-size:15px; line-height:1.21; font-family:'Noto Sans Medium'; color:#000; width:100%; display:block; position:relative;}
.golf .container .con ul.place_list li a.new p.txt span.tit:after{content:"N"; font-size:8px; width:12px; height:12px; line-height:13px; text-align:center; background:#fe6873; color:#fff; border-radius:12px; margin-left:5px; position: absolute; bottom: 4px; right: auto; left: auto;}
.golf .container .con ul.place_list li a p.txt span.txt{font-size:13px; line-height:1; color:#999; padding-right:15px;}
.golf .container .con ul.place_list li a p.txt span.txt2{font-size:13px; line-height:1; color:#999; position:relative;}
.golf .container .con ul.place_list li a p.txt span.txt2:before{content:""; width:1px; height:10px; position:absolute; top:2px; left:-9px; background: #999;opacity: 0.6;}

/* 추천골프장-세부 */
.golf .container .top_info{width:100%; overflow:hidden; border:1px solid #ccc; border-radius:12px;-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);}
.golf .container .top_info .golf_detil_img{line-height:0;}
.golf .container .top_info .golf_detil_img.slick-dotted.slick-slider{margin-bottom:0;}
.golf .container .top_info .golf_detil_img .slick-next slick-arrow{display:block;}
.golf .container .top_info .golf_detil_img .slick-dots{bottom:13px;}
.golf .container .top_info .golf_detil_img .slick-dots li{width:8px; height:8px;}
.golf .container .top_info .golf_detil_img .slick-dots li button{width:8px; height:8px; background:#fff; border-radius:8px;}
.golf .container .top_info .golf_detil_img .slick-dots li.slick-active button{background:#6aaae4;}
.golf .container .top_info .golf_detil_img .slick-dots li button:before{display:none}
.golf .container .top_info .txt{padding:21px 11px 19px;}
.golf .container .top_info .txt p.tit{font-size:18px; line-height:1; font-family:'Noto Sans Bold'; position:relative; width:fit-content; display: flex; align-items: center;}
.golf .container .top_info.new .txt p.tit:after{content:"N"; font-size:12px; text-align:center; width:16px; height:16px; line-height:18px; border-radius:16px; background:#fe6873; color:#fff; position: absolute; bottom: 3px; right: auto; left: auto; margin-left:5px; display: none;}
.golf .container .top_info .txt p.tit img{width: 16px; margin-left: 4px;}
.golf .container .top_info .txt p.con{font-size:14px; color:#999; line-height:1; margin-top:10px;}
.golf .container .top_info .txt p.con span.txt{padding:0 15px 0 0;}
.golf .container .top_info .txt p.con span.txt2{position:relative;}
.golf .container .top_info .txt p.con span.txt2:before{content:""; width:1px; height:10px; background:#999; position:absolute; top:3px; left:-9px;opacity: 0.6;}
.golf .container ul.sug_detail_sel{display:flex; width:100%; background:#eee; border-radius:25px; margin-top:30px;}
.golf .container ul.sug_detail_sel li{width:50%;}
.golf .container ul.sug_detail_sel li a{display:block; color:#000; padding:14px 0 8px; font-size:18px; line-height:1; font-family:'Noto Sans Medium'; text-align:center;}
.golf .container ul.sug_detail_sel li.on a{display:block; color:#fff; background:#6aaae4; border-radius:25px;}


.book_rule{position: absolute; top: 16px; right: 16px; background: #ed1f38; color: #fff; padding: 6px 8px; font-size: 0.875rem; font-weight: 500; border-radius: 6px;}
.book_rule02{background: #ed1f38; color: #fff; padding: 6px 8px; font-size: 0.875rem; font-weight: 500; border-radius: 6px;}
.search_road{position: absolute; top: 56px; right: 26px;}
.search_road img{width: 44px;}

input[type="checkbox"].chbox-m { width: 100%; height:24px; margin:0;}

/* 메인페이지 팝업 */
.popban_box{display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 20000;}
.popban_bg{position: fixed; background: rgba(0,0,0,0.8); top: 0; right: 0; bottom: 0; left: 0;}
.popban_con{display: flex; flex-direction: column; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%;}
.popban_img a{display: block;}
.popban_img a img{width: 100%; vertical-align: bottom; display: inline-block; border-radius: 15px 15px 0 0;}
.popban_btnbox{position: relative; display: flex; align-items: center; justify-content: space-around; background: #fff;}
.popban_btn01{width: 100%; font-size: 1rem; font-weight: 400; color: #222; text-align: center; padding: 20px 20px;}
.popban_btn01:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1px; height: 16px; background-color: #ccc;}
.popban_btn02{width: 100%; font-size: 1rem; font-weight: 400; color: #222; text-align: center; padding: 20px 20px;}

.popban_box .slick-dots li button:before {display:none}
.popban_box .slick-dots li button {width: 10px; height: 10px; background: #d8d8d8; border-radius: 100%; display: inline-block; margin: 0; vertical-align: top;}
.popban_box .slick-dots li {width: 10px; height: 10px; margin: 0 3px}
.popban_box .slick-dots li.slick-active button {background: #6aaae4;}

.popmenu_box{display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 20000;}
.popmenu_bg{position: fixed; background: rgba(0,0,0,0.8); top: 0; right: 0; bottom: 0; left: 0;}
.popmenu_conbox{height: 100%; overflow-y: scroll;}
/* .popmenu_con{display: flex; flex-direction: column; z-index: 1; position: relative; overflow: hidden; top: 50%; transform: translateY(-50%); padding: 0 10px;} */
.popmenu_con{display: flex; flex-direction: column; z-index: 1; position: relative; overflow: hidden; padding: 50px 10px;}
.popmenu_tit{font-size: 2.125rem; font-weight: 700; color: #fff; text-align: center; margin-bottom: 10px;}
.popmenu_listbox{width: 100%; overflow: hidden; margin: 0 auto;}
.popmenu_listbox > ul{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.popmenu_listbox > ul li{width: 85%; margin-top: 20px;}
.popmenu_titbox{font-size: 1.25rem; font-weight: 700; color: #FFF500; display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center;}
.popmenu_titbox span{color: #fff; margin-left: 2px;}
.popmenu_titbox img{width: 20px; margin-left: 10px;}
.popmenu_txtbox{display: flex; align-items: center; margin-top: 12px;}
.popmenu_txt01{font-size: 0.875rem; font-weight: 500; color: #fff; display: flex; align-items: center; width: 50%;}
.popmenu_txt01 span{font-size: 0.75rem; font-weight: 500; background: #fff; color: #333; padding: 2px 6px;  border-radius: 10px; margin-right: 8px; display: flex; align-items: center; justify-content: center;}
.popmenu_txt02{font-size: 0.875rem; font-weight: 500; color: #fff; display: flex; align-items: center; margin-top: 8px;}
.popmenu_txt02 span{font-size: 0.75rem; font-weight: 500; background: #fff; color: #333; padding: 2px 6px;  border-radius: 10px; margin-right: 8px; display: flex; align-items: center; justify-content: center;}

/* .popmenu_gn{background: linear-gradient(130deg, #02789b 46%, #22cf7b); padding: 16px 30px 16px 16px; border-radius: 10px; width: 75%; margin: 0 auto;}
.popmenu_pu{background: linear-gradient(130deg, #5e0199 46%, #b32c6a); padding: 16px 30px 16px 16px; border-radius: 10px; width: 75%; margin: 0 auto;}
.popmenu_bk{background: linear-gradient(130deg, #222 46%, #022168); padding: 16px 30px 16px 16px; border-radius: 10px; width: 75%; margin: 0 auto;} */
.popmenu_gr{background: #363636; padding: 16px 30px 16px 16px; border-radius: 10px; margin: 0 auto; border: 2px solid #555;}
.popmenu_al{background: #3860AF; padding: 16px 30px 16px 16px; border-radius: 10px; margin: 0 auto; border: 2px solid #6287cf;}
.popmenu_ho{background: #BF4343; padding: 16px 30px 16px 16px; border-radius: 10px; margin: 0 auto; border: 2px solid #c56767;}


/* 와인 이벤트 */
.eshop_tap01{display: table; margin: 0 auto; margin-top: 20px; margin-bottom: 30px;}
.eshop_tap01 > ul{display: flex; background: #eee; border-radius: 30px;}
.eshop_tap01 > ul li{}
.eshop_tap01 > ul li a{display:flex; align-items: center; justify-content: center; color:#000; padding: 12px 20px; font-size: 1rem; font-weight: 500;}
.eshop_tap01 > ul li.active{background-color: #6aaae4; border-radius: 30px;}
.eshop_tap01 > ul li.active a{color: #fff;}
.eshop_box img{width: 100%;}
.eshop_bottom{position: fixed; bottom: 0; z-index: 20000; width: 100%; overflow: hidden;}
.eshop_btnbox{position: fixed; bottom: 0; z-index: 20000; width: 100%;}
.eshop_btn{display: block; width: 100%; height: 64px; display: flex; align-items: center; justify-content: center; padding: 22px 0; background: #04599e; color: #fff; font-size: 1.25rem; font-weight: 500; border: 0;}
.eshop_btn:active, .eshop_btn:hover, .eshop_btn:focus{background: #04599e;}
.eshop_prod{overflow: hidden; margin: 36px 0 0;}
.eshop_prod > select{width: 100%; border: 1px solid #ccc; padding: 12px 42px 12px 12px; background-color: #fff; font-size: 1rem; font-weight: 400; color: #222; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/mobile/zones/img/ico_drop.png') no-repeat 97% 55%; background-size: 16px;}
.eshop_prod_box{overflow: hidden;}
.eshop_prod_list{width: 100%; overflow: hidden; background: #eee; padding: 16px 10px; margin-top: 10px;}
.eshop_prod_info01{display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;}
.eshop_prod_name{font-size: 1rem; font-weight: 400; color: #222;}
.eshop_prod_canc img{width: 16px;}
.eshop_prod_info02{display: flex; align-items: center; justify-content: space-between;}
.eshop_prod_vol{border: 1px solid #ccc; background: #fff; border-radius: 4px; padding: 6px 6px; height: 18px;}
.eshop_prod_vol a{display: inline-block;}
.eshop_prod_vol a img{width: 12px;}
.eshop_prod_vol input{width: 50px; height: 18px; text-align: center; font-size: 14px;}
.eshop_price_box{display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #ccc; margin-top: 20px; padding-top: 16px;}
.eshop_price01{font-size: 1rem; font-weight: 500; color: #222;}
.eshop_price02{font-size: 1.25rem; font-weight: 400; color: #ea493e;}
.eshop_addbox{border: 1px solid #ccc; margin-top: 20px; padding: 20px 16px; margin-bottom: 20px;}
.eshop_add_tit{font-size: 1.125rem; font-weight: 500; color: #222; margin-bottom: 20px; padding: 0;}
.eshop_add_btn{width: 100%; display: block; background: #555; font-size: 1rem; font-weight: 500; color: #fff; text-align: center; padding: 12px 0; border-radius: 4px;}
.eshop_add_infobox{display: flex; align-items: center; justify-content: space-between;}
.eshop_add_infolist01{width: 70%;}
.eshop_add_infolist02{width: 30%; text-align: right;}
.eshop_add_infolist03{width: 70%;}
.eshop_add_infolist03 input[type=radio]{display:none;}
.eshop_add_infolist03 input[type=radio] + label{position:relative; padding-left:22px; font-size:1rem; font-weight: 700; line-height:1;}
.eshop_add_infolist03 input[type=radio] + label:before{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); background:url('/mobile/zones/img/radiobox.png')no-repeat; width: 18px; height: 18px; background-size: 18px 36px;}
.eshop_add_infolist03 input[type=radio]:checked + label:before{background-position:0 100%}
.eshop_add_infolist02 a{display: inline-block; color: #222; padding: 8px; border: 1px solid #ccc;}
.eshop_add_infolist04{text-align: right; display: flex; flex-direction: column;}
.eshop_add_infolist04 a{display: inline-block; color: #222; padding: 4px; margin: 4px 0; border: 1px solid #ccc;}
.eshop_add_info01{font-size: 1rem; font-weight: 700; color: #222; margin-bottom: 8px;}
.eshop_add_info02{font-size: 1rem; font-weight: 400; color: #222; line-height: 20px; margin-bottom: 8px;}
.eshop_add_info03{font-size: 1rem; font-weight: 400; color: #999;}
.eshop_detail_infobox{display: flex; align-items: center;}
.eshop_detail_infobox > ul{width: 100%;}
.eshop_detail_infobox > ul li{display: block; border-top: 1px solid #ccc; padding-top: 14px; margin-top: 14px;}
.eshop_detail_infobox > ul li:first-child{border-top: none; padding-top: 0; margin-top: 0;}
.eshop_detail_infobox > ul li a{display: flex; align-items: flex-start;}
.eshop_detail_gal img{width: 80px; border: 1px solid #ccc; border-radius: 4px;}
.eshop_detail_infolist02{display: flex; flex: 1; flex-direction: column; margin: 6px 0 6px 14px;}
.eshop_detail_txt01{font-size: 1rem; font-weight: 400; color: #222; margin-bottom: 6px;}
.eshop_detail_txt02{font-size: 0.875rem; font-weight: 400; color: #999; margin-bottom: 12px;}
.eshop_detail_txt03{font-size: 1rem; font-weight: 400; color: #222;}
.eshop_detail_txt04{font-size: 0.875rem; font-weight: 500; color: #6aaae4; margin-bottom: 6px;}
.eshop_pointbox{display: flex; align-items: center; justify-content: space-between;}
.eshop_point01{font-size: 0.875rem; font-weight: 400; color: #222;}
.eshop_point01 span{color: #ea493e;}
.eshop_pay_easy input[type=radio]{display:none;}
.eshop_pay_easy input[type=radio] + label{position:relative; padding-left:22px; font-size:14px; font-family:'Noto Sans Medium'; line-height:1;}
.eshop_pay_easy input[type=radio] + label:before{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); background:url('/mobile/zones/img/radiobox.png')no-repeat; width: 18px; height: 18px; background-size: 18px 36px;}
.eshop_pay_easy input[type=radio]:checked + label:before{background-position:0 100%}
.eshop_pay_easy{margin-top:15px; border-bottom: 1px dotted #ccc;}
.eshop_pay_card_reg{display:block; width:180px; height:100px; border:1px dotted #ccc; border-radius:10px; background:#f8f8f8; padding-top: 18px; margin:23px auto 21px;}
.eshop_pay_card_img{width:40px; height:40px; background:#ff6a6a; border-radius:40px; display:block; margin:0 auto; position:relative;}
.eshop_pay_card_img:before{content:""; width:20px; height:4px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.eshop_pay_card_img:after{content:""; width:4px; height:20px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.eshop_pay_card_txt{display:block; width:100%; text-align:center; font-size:12px; color:#999; font-family:'Noto Sans Medium'; margin-top:6px;}
.eshop_pay_card_yes{margin-top:13px;}
.eshop_pay_card_yes p{font-size:14px; color:#999; position:relative;}
.eshop_pay_card_yes p a.close{width:14px; height:14px; border:1px solid #999; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.eshop_pay_card_yes p a.close>img{max-width:80%; filter:invert(66%) sepia(7%) saturate(23%) hue-rotate(8deg) brightness(92%) contrast(88%); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.eshop_pay_card_yes select{width:100%; padding:11px 10px; font-size:14px; line-height:1; color:#aaa; border:1px solid #ccc; margin:15px 0 20px; appearance: none; position:relative; background:url('/mobile/zones/img/btn_open_bs.png')no-repeat; background-position: calc(100% - 16px) 50%; background-size: 11.6px 4.6px;}
.eshop_pay_normal{margin-top:21px;}
.eshop_pay_normal input[type=radio]{display:none;}
.eshop_pay_normal input[type=radio] + label{position:relative; padding-left:22px; font-size:14px; font-family:'Noto Sans Medium'; line-height:1;}
.eshop_pay_normal input[type=radio] + label:before{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); background:url('/mobile/zones/img/radiobox.png')no-repeat; width: 18px; height: 18px; background-size: 18px 36px;}
.eshop_pay_normal input[type=radio]:checked + label:before{background-position:0 100%}
.eshop_pay_normal ul{display:flex; justify-content: space-between; margin-top:13px;}
.eshop_pay_normal ul li{width:calc((100% - 20px)/3); height:50px; border:1px solid #ccc; background:#fff; border-radius:5px;}
.eshop_pay_normal ul li a{display:block; height:50px; text-align:center;}
.eshop_pay_normal ul li:nth-child(1) a{font-size:14px; color:#666; text-align:center; line-height:50px;}
.eshop_pay_normal ul li:nth-child(2) a {line-height:55px;}
.eshop_pay_normal ul li:nth-child(2) a img {width:70px;}
.eshop_pay_normal ul li:nth-child(3) a {line-height:63px;}
.eshop_pay_normal ul li:nth-child(3) a img {width: 50px}
.eshop_pay_final{display: flex; align-items: center; justify-content: space-between;}
.eshop_pointbox > ul{width: 100%;}
.eshop_pointbox > ul li{display: flex; align-items: center; justify-content: space-between; margin-top: 8px;}
.eshop_pointbox > ul li:first-child{margin-top: 0;}
.eshop_pay_txt01{font-size: 1.375rem; font-weight: 500; color: #ea493e;}
.eshop_pay_txt02{font-size: 1rem; font-weight: 400; color: #222;}
.eshop_pay_txt03{font-size: 1rem; font-weight: 400; color: #ea493e;}
.eshop_pay_terms{display: flex; align-items: center; justify-content: space-between;}
.eshop_pay_btn{width: 100%; display: block; background: #04599e; font-size: 1.375rem; font-weight: 500; color: #fff; text-align: center; padding: 16px 0; border-radius: 4px;}
.eshop_pay_btn:active, .eshop_pay_btn:hover, .eshop_pay_btn:focus{background: #6aaae4;}
.eshop_pay_btn02{width: 100%; display: block; background: #04599e; font-size: 1.375rem; font-weight: 500; color: #fff; text-align: center; padding: 16px 0; border-radius: 4px;}
.eshop_terms_btn{display: inline-block; font-size: 0.875rem; color: #222; padding: 4px 6px; border: 1px solid #ccc;}
.eshop_pay_card{display: flex; align-items: center; justify-content: space-between;}
.eshop_pay_name{font-size: 0.875rem; font-weight: 400; color: #999; margin-top: 8px;}
.eshop_pay_name span{margin-left: 6px;}