@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

.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: #04599E; 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: #F4F7FC; padding: 10px; margin-top: 52px; font-size: 0.813rem; font-weight: 400; line-height: 21px; color: #666;}
.hide{display: none;}

/* 게시판 페이지 리스트,보기 */
.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_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 #6aaae4; background: #6aaae4; color: #fff;}
.popup_s4_btn a.cancel_50{padding: 10px 20px; border: 2px solid #6aaae4; color: #fff; margin-right: 14px;}
.popup_s5n{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background: #fff; z-index: 20002;}

.pop_loadbox{position: absolute; left: 50%; top: 40%; transform: translate(-50%, -60%); display: flex; flex-direction: column; align-items: center; width: 100%; overflow: hidden;}
.pop_loadcon span{display: inline-block; width: 10px; height: 10px; background-color: gray; border-radius: 50%; animation: loading 1s 0s linear infinite;}
.pop_loadcon span:nth-child(1){animation-delay: 0s; background-color: #6aaae4;}
.pop_loadcon span:nth-child(2){animation-delay: 0.2s; background-color: #6aaae4;}
.pop_loadcon span:nth-child(3){animation-delay: 0.4s; background-color: #6aaae4;}
.pop_loadtxt{font-size: 0.875rem; color: #6aaae4; line-height: normal; margin-top: 10px;}

@keyframes loading{
  0%, 100%{opacity: 0; transform: scale(0.5);}
  50%{opacity: 1; transform: scale(1.2);}
}

.pop_gaugebox{display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 20px 10px 50px;}
.pop_gaugeban img{width: 100%;}
.pop_gaugearea{display: flex; flex-direction: column; align-items: center;}
.pop_gaugetxt{font-size: 1rem; font-weight: 400; line-height: 20px; color: #999; text-align: center;}
.pop_gaugeload{position: relative; width: 75%; height: 12px; background: #fff; border: 1px solid #ddd;}
.pop_gaugeload:before{content: ""; position: absolute; background: #6aaae4; top: 0px; left: 0px; height: 11px; width: 0px; z-index: 0; opacity: 1; transform-origin: 100% 0%; animation: pop_gaugeload 10s ease-in-out infinite;}
.pop_gaugenoti{width: 100%; padding: 16px 10px; background: #ebecf0 url(/mobile/zones/img/ico_spk.png) no-repeat; background-size: 46px; background-position: bottom 5px right 5px;}
.pop_gaugenoti h8{font-size: 1.125rem; font-weight: 500;}
.pop_gaugenoti p{font-size: 1rem; font-weight: 300; line-height: 20px; margin-top: 8px;}

@keyframes pop_gaugeload{
  0%{width: 0px;}
  70%{width: 100%; opacity: 1;}
  90%{width: 100%; opacity: 0;}
  100%{width: 0px; opacity: 0;}
}

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: 16.666%;}
.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: 16px;}
.side_pop_head .close_btn{display: block; position: absolute; right: 10px; top: 21px;}
.side_popup_content{overflow-y: scroll; height: 100%;}

/*.side_pop_cardbox{width: 100%; overflow: hidden; border-radius: 16px; box-shadow: 0px 7px 6px #ccc;}*/
.side_pop_cardbox{width: 100%; overflow: hidden; border-radius: 16px;}
/*.side_pop_card{width: 100%; overflow: hidden; background: linear-gradient(130deg, #04599e 48%, #1a05b3); border-radius: 16px; padding: 30px 24px 30px;}*/
.side_pop_card{width: 100%; overflow: hidden; background: #333;}


.side_pop_cardlist{display: flex; padding: 30px 24px;}
.side_pop_cardlist_left{width: 100px; height: 120px;}
.side_pop_cardlist_left img{width: 100%; height: 100%; object-fit: cover;}
.side_pop_cardlist_right{padding-left: 26px;}
.side_pop_cardlist_right img{width: 180px;}
.side_pop_cardlist_prof01{font-size: 1.25rem; font-weight: 500; color: #fff; margin-top: 12px;}
.side_pop_cardlist_prof02{font-size: 1rem; font-weight: 500; color: #fff; margin-top: 6px;}
.side_pop_cardlist_prof03{font-size: 1rem; font-weight: 400; color: #fff; margin-top: 12px;}
.side_pop_cardlist_topbox{overflow: hidden; display: flex; align-items: center; justify-content: space-between; border-bottom: 26px solid #999; padding: 12px 14px;}
.side_pop_cardlist_topbox img{width: 130px;}
.side_pop_cardlist_toplist{font-size: 1.25rem; font-weight: 500; color: #6aaae4; padding-right: 10px;}
.side_pop_card_listbox{overflow: hidden; color: #fff;}
.side_pop_card_list{overflow: hidden; margin-bottom: 16px;}
.side_pop_card_list:last-child{margin-bottom: 0;}
.side_pop_card_conleft{font-size: 0.875rem; font-weight: 400; margin-bottom: 4px;}
.side_pop_card_conright{font-size: 1.25rem; font-weight: 500;}
.side_pop_card_conright02{font-size: 1rem; font-weight: 500; margin-top: 4px;}
.side_pop_card_noti p{font-size: 1rem; font-weight: 700; margin-bottom: 14px;}
.side_pop_card_noti > ul li{font-size: 0.875rem; font-weight: 400; line-height: 1.3em; margin-top: 6px; position: relative; padding-left: 10px;}
.side_pop_card_noti > ul li:before {content: "-"; position: absolute; left: 0; top: -2px; font-size: 1.5em;}
.side_pop_card_btn{overflow: hidden; margin-top: 20px;}
.side_pop_card_btn a{padding: 10px 0; font-size: 1.125rem; font-weight: 500; color: #fff; text-align: center; line-height: 24px; background: #e6152c; display: block; border-radius: 6px;}
.side_pop_clubbox{text-align: center; margin-top: 106%;}
.side_pop_club_txt01{font-size: 1.5rem; font-weight: 400; line-height: 30px;}
.side_pop_club_txt02{font-size: 1.125rem; font-weight: 400; line-height: 24px;}
.side_pop_club_btn{display: flex; align-items: center; justify-content: center; gap: 20px;}
.side_pop_club_btn a{background: #04599e; padding: 12px 20px; font-size: 0.875rem; font-weight: 500; color: #fff; border-radius: 30px;}


.side_popup_mem .side_popup_content {overflow-y: auto;height: auto;}

.side_popup_mem .container {display: flex;flex-direction: column;justify-content: space-between;}
.side_popup_mem .content_detail {padding-bottom: 0;/*height: calc(100% - 20%);*/height: 100%;}


.side_popup_mem ul li {position: relative;}
.side_popup_mem ul li .card_cont {position: absolute;left: 20px;top: 60px;/*width: 192px;*/width: calc(100% - 40px);height: 365px;display: flex;justify-content: space-between;z-index: 1;}
.side_popup_mem ul li .card_cont img {width: 100%;}
.side_popup_mem ul li .card_cont span {display: block;}
.side_popup_mem ul li .card_cont .profile {width: 85px;}
.side_popup_mem ul li .card_cont .chip {width: 38px;display: inline-block;vertical-align: top;margin-right: 8px;}
.side_popup_mem ul li .card_cont .logo {width: 18px;display: inline-block;vertical-align: top;}
.side_popup_mem ul li .card_left_cont {}

.side_popup_mem ul li .card_left_cont .card_type {font-size: 15px;color: #fff;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);font-weight: 600;position: absolute;bottom: 0;line-height: 20px;}
.side_popup_mem ul li .card_left_cont .card_type span {display: inline-block;}


.side_popup_mem ul li .card_left_cont .card_type .period {font-size: 12px;}
.side_popup_mem ul li .card_right_cont .card_date {font-family: "Pretendard Variable", "Noto Sans KR", "Malgun Gothic", sans-serif;font-size: 12px;color: #fff;transform: rotate(90deg);position: absolute;bottom: 0;right: 0;transform: rotate(90deg) translate(-50%, 0);letter-spacing: 1px;font-weight: 600;position: absolute;bottom: -9px;right: -30px;line-height: 16px;}
.side_popup_mem ul li .txt_box {line-height: 20px;margin-bottom: 20px;}
.side_popup_mem ul .slick-track {padding-top: 16%;}
.side_popup_mem ul .slick-slide {margin: 0 15px;transition: all 0.6s}
.side_popup_mem ul .slick-current {transform: translate(0, -25px);}


@media (max-width: 400px){
	/* .side_popup_mem ul .slick-slide {margin: 0 0;} */
}


.side_popup_mem .motion_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;z-index: 0;opacity: 0;transition: all 0.6s;}
.side_popup_mem.motion .motion_bg {opacity: 1;}

.side_popup_mem ul.slick-slider {z-index: 2;}
.side_popup_mem ul.slick-slider li {transition: all 0.3s ease 0.01s;position: relative;z-index: 10;}
.side_popup_mem.motion ul.slick-slider li > div {visibility: hidden;opacity: 0;}
.side_popup_mem.motion ul.slick-slider li.active > div {visibility: visible;opacity: 1;}
 
 
 
.side_popup_mem.motion ul.slick-slider li {visibility: hidden;opacity: 0;}
.side_popup_mem.motion ul.slick-slider li.active {visibility: visible;opacity: 1;}

.side_popup_mem ul.slick-slider li.active {transform: /*scale(1.06)*/perspective(400px) rotateX(5deg) scale(1.05) translateY(-4px);}
.side_popup_mem ul.slick-slider li.active .card_top span {color: #fff;}
.side_popup_mem ul.slick-slider li .card_bg {position: relative;border-radius: 9px;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);/*width: 232px;*/width: 100%;height: 370px;overflow: hidden;}

.side_popup_mem ul.slick-slider li .card_bg {width: 254px;height: 405px;margin: 0 auto;}


.side_popup_mem ul.slick-slider li.active .card_bg {border: 1px solid #8d8d8d;}
.side_popup_mem ul.slick-slider li.active .card_bg:before {transform: rotate(-40deg) translate(-71px, 486px);}
.side_popup_mem ul.slick-slider li .card_bg .bg_logo {/* content: url(../img/member_bg_logo.png); */width: auto;height: auto;position: absolute;bottom: 53px;left: 50%;transform: translate(-50%, 0);}
.side_popup_mem ul.slick-slider li .card_bg:before {content: ""; position: absolute; width: 330px; height: 60px; top: -10%; right: 35%; background-color: rgba(255,255,255,0.1); transform: rotate(-40deg); box-shadow: 10px 0 2px #fff; filter: blur(16px); transition: all 0.6s;}

.side_popup_mem ul.slick-slider li .card_bg img {display: inline-block;}
.side_popup_mem ul.slick-slider li .card_bg iframe {width: 100%;height: 100%;border-radius: 9px;}
.side_popup_mem ul.slick-slider li .card_bg video {width: 110%;}

.side_popup_mem ul li .card_tit {color: #BBBBBB;font-size: 14px;font-weight: 400;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);margin-top: 18px;margin-bottom: 2px;}
.side_popup_mem ul li .card_txt {color: #fff;font-size: 16px;font-weight: 600;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);}


.main_menu_bar.motion {z-index: -1;}
.side_pop_head.motion {z-index: -1;}


.side_popup_mem .use_info ul li {padding-left: 0;font-size: 0;}
.side_popup_mem .use_info ul li:before {display: none;}
.side_popup_mem .txt_group {line-height: 20px;}

.side_popup_mem .card_notice {display: flex;justify-content: end;margin-bottom: 30px;position: relative;z-index: 1;}
.side_popup_mem.motion .card_notice {z-index: -1;}
.side_popup_mem .card_notice div {margin-left: 20px;}
.side_popup_mem .card_notice img {width: 15px;vertical-align: middle;margin-right: 4px;}
.side_popup_mem .card_notice span {font-size: 14px;font-weight: 700;}

.side_popup_mem .card_top {text-align: center;height: 40px;width: 100%;}
.side_popup_mem .card_top img {width: auto;height: auto;display: inline-block;vertical-align: middle;}
.side_popup_mem .card_top span {font-size: 16px;font-weight: 700;vertical-align: middle;transition: all 0.6s;}

.side_popup_mem .event_card .card_top {transform: translate(0, 12px);}


.side_popup_mem .send_tap {font-size: 16px;margin: 0 auto;position: absolute;bottom: 75px;left: 50%;transform: translate(-50%,0);z-index: 2;}
.side_popup_mem.motion .send_tap {z-index: -1;}
.side_popup_mem .send_tap > ul {background: #ECECEC;width: 146px;height: 39px;position: relative;}
.side_popup_mem .send_tap > ul:after {content: '';position: absolute;top: 3px;left: 3px;width: 70px;height: 31px;background: #fff;border-radius: 20px;z-index: 0;border: 1px solid #C2C2C2;transition: all 0.3s;}
.side_popup_mem .send_tap > ul.active:after {left: 72px;}
.side_popup_mem .send_tap > ul li {position: absolute;z-index: 1;width: 74px;}
.side_popup_mem .send_tap > ul li a {padding: 11px 16px;line-height: 17px;}
.side_popup_mem .send_tap > ul li.active a {color: #000;font-weight: 700;}
.side_popup_mem .send_tap > ul li.active {background: none;}
.side_popup_mem .send_tap > ul li:nth-child(2) {left: 72px;}


.side_popup_mem ul li.event_card .card_cont {left: 15px;width: calc(100% - 30px);}
.side_popup_mem ul li.event_card .card_left_cont {text-align: center;}
.side_popup_mem ul li.event_card .card_left_cont .card_type {text-shadow: none;}
.side_popup_mem ul li.event_card .card_left_cont .card_type span {font-family: "Pretendard Variable", "Noto Sans KR", "Malgun Gothic", sans-serif;font-size: 20px;font-weight: 500;display: block;}
.side_popup_mem ul li.event_card .card_left_cont .card_type .period {font-size: 14px;margin-top: 5px;margin-bottom: 100px;font-weight: 400;}
.side_popup_mem ul li.event_card .card_cont {display: block;}
.side_popup_mem ul li.event_card .card_cont .event_logo {width: 100px;}
.side_popup_mem ul li.event_card .card_cont .event_img {width: 85px;margin: 40px auto 0;}
.side_popup_mem ul li.event_card .card_left_cont .card_type {position: static;margin-top: 20px;}
.side_popup_mem ul li.event_card .card_cont .event_ico {width: 40px; margin: 0 auto;}
.side_popup_mem ul li.event_card .card_cont .event_sen {font-size: 10px;color: #fff;letter-spacing: 0.6px;line-height: 15px;margin-top: 13px;}
.side_popup_mem ul.slick-slider li.event_card .card_bg:after {bottom: 117px;}
.side_popup_mem ul.slick-slider li.event_card .card_bg {border: none;}
.side_popup_mem ul.slick-slider li.event_card .card_bg .bg_logo {bottom: 127px;}
/* 
.side_popup_mem .card_bg_vod {position: absolute; width: 200%; height: 200%; background: linear-gradient( 120deg, #d4af37, #283747, #1e2022, #c0c0c0 ); background-size: 400% 400%; animation: backgroundMove 10s ease-in-out infinite; filter: blur(10px); transform: scale(1.1); }

@keyframes backgroundMove {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
} */


@media (max-width: 400px){
	.side_popup_mem ul.slick-slider li .card_bg {width: 200px;height: 319px;margin: 0 auto;}
	.side_popup_mem ul li .card_cont {height: 280px;}
	
	.side_popup_mem ul li .card_cont .profile {width: 65px;}
	.side_popup_mem ul li .card_cont .chip {width: 29px;}
	.side_popup_mem ul li .card_cont .logo {width: 15px;}
	
	.side_popup_mem ul li .card_txt,
	.side_popup_mem ul li .card_left_cont .card_type {font-size: 13px;}
	
	.side_popup_mem ul li.event_card .card_cont .event_img {width: 60px;}
	.side_popup_mem ul li.event_card .card_left_cont .card_type {margin-top: 11px;}
	.side_popup_mem ul li.event_card .card_left_cont .card_type span {font-size: 16px;}
	.side_popup_mem ul li.event_card .card_left_cont .card_type .period {font-size: 12px;margin-top: 0px;margin-bottom: 70px;}
	.side_popup_mem ul li.event_card .card_cont .event_ico {width: 30px;}
	.side_popup_mem ul li.event_card .card_cont .event_logo {width: 94px;}
	.side_popup_mem ul li.event_card .card_cont .event_sen {font-size: 8px;}
	.side_popup_mem ul.slick-slider li.event_card .card_bg .bg_logo {bottom: 100px;}
	.side_popup_mem ul.slick-slider li .card_bg .bg_logo {width: 160px;}
	

}






/* e멤버십 카드 타입2 */
.side_popup_mem02 {z-index: 20000;}
.side_popup_mem02 .content_detail {/*display: flex;flex-direction: column;height: 95vh;justify-content: space-between;*/margin-top: 0;padding: 80px 0 0;}
.side_popup_mem02 .card_notice {display: flex;justify-content: end;margin-bottom: 3vh;position: relative;z-index: 1;}
.side_popup_mem02 .card_notice img {width: 26px;vertical-align: middle;}
.side_popup_mem02 .slick-slider {z-index: 2;}
.side_popup_mem02 .slick-slide {margin: 15px 18px 0;transition: all 0.3s ease 0.01s;}
.side_popup_mem02 .slick-current {margin-top: 0;}
.side_popup_mem02 .card_top {text-align: center;margin-bottom: 15px;padding-top: 5px;}
.side_popup_mem02 .card_top span {font-family: "Pretendard Variable", "Noto Sans KR", "Malgun Gothic", sans-serif;font-size: 1.125rem;font-weight: 600;color: #222;}
.side_popup_mem02 ul.slick-slider li {padding-left: 0;transition: all 0.2s;position: relative;}
.side_popup_mem02 ul.slick-slider li:before {display: none;}
.side_popup_mem02 ul.slick-slider li.active {transform: perspective(400px) rotateX(5deg) scale(1.05) translateY(-4px);}
.side_popup_mem02 ul li .card_cont_wrap {box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);border-radius: 15px;}
.side_popup_mem02 ul li .card_cont {background: url(/mobile/zones/img/mem_card_bg.png) 0 0 no-repeat;/*width: 220px;height: 370px;*/width: 68vw;height: calc(68vw*(370 / 220));min-width: 220px;min-height: 370px;max-width: 300px;max-height: calc(300px*(370 / 220));background-size: cover;padding: 32px 20px 20px;position: relative;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.side_popup_mem02 ul li.event_card .card_cont {background: url(/mobile/zones/img/member_evt_bg02.png) 0 0 no-repeat;background-size: cover;text-align: center;}
.side_popup_mem02 ul li.event_card .event_box {display: flex;flex-direction: column;height: 100%;}
.side_popup_mem02 ul li.event_card .event_logo {width: 128px;margin-bottom: 45px;}
.side_popup_mem02 ul li.event_card .event_img {width: 90px;height: auto;margin: 0 auto;}
.side_popup_mem02 ul li.event_card .event_txt {font-family: "Pretendard Variable", "Noto Sans KR", "Malgun Gothic", sans-serif;font-size: 1.25rem;font-weight: 500;display: block;color: #fff;margin-top: 20px;}
.side_popup_mem02 ul li.event_card .event_txt .period {font-size: 0.875rem;display: block;margin-top: 3px;}
.side_popup_mem02 ul li.event_card .event_bottom {margin-top: auto;}
.side_popup_mem02 ul li.event_card .event_ico {width: 40px;margin: 0 auto;}
.side_popup_mem02 ul li.event_card .event_sen {font-size: 0.625rem; color: #fff; letter-spacing: 0.6px; line-height: 15px; margin-top: 13px;white-space : nowrap;}


.side_popup_mem02 ul .member_card .card_cont .bg_ani {content: ""; position: absolute; width: 500px; height: 60px; top: -10%; right: 35%; background-color: rgba(255,255,255,0.1); transform: rotate(-40deg); box-shadow: 5px 4px 4px #fff; filter: blur(16px); transition: all 0.6s; }
.side_popup_mem02 ul .member_card.active .card_cont .bg_ani {transform: rotate(-40deg) translate(-60px, 670px);}

.side_popup_mem02 ul li .card_cont .profile_info {display: flex;flex-direction: column;height: 100%;}
.side_popup_mem02 ul li .card_cont .profile {width: 86px;}
.side_popup_mem02 ul li .card_cont .profile img {border-radius: 10px;}
.side_popup_mem02 ul li .card_cont .chip {width: 42px;}
.side_popup_mem02 ul li .txt_group .item {margin-top: 23px;}
.side_popup_mem02 ul li .txt_group .item:not(:first-child) {margin-top: 20px;}
.side_popup_mem02 ul li .txt_group span {display: block;line-height: normal;}
.side_popup_mem02 ul li .card_tit {color: #777;font-size: 0.688rem;font-weight: 400;margin-bottom: 2px;}
.side_popup_mem02 ul li .card_txt {color: #eee;font-size: 1.063rem;font-weight: 700;}
.side_popup_mem02 ul li .kr_name {margin-bottom: 3px;}
.side_popup_mem02 ul li .card_type {margin-top: auto;font-size: 1.063rem;color: #eee;font-weight: 600;}
.side_popup_mem02 ul li .card_type span {display: inline-block;}

.side_popup_mem02 .card_info {position: absolute;top: 37px;right: 20px;display: flex;flex-direction: column;height: calc(100% - 57px);align-items: flex-end;}
.side_popup_mem02 .card_info .card_info_box {display: flex;}
.side_popup_mem02 .card_info .chip img {height: auto;}
.side_popup_mem02 .card_info .name {color: #777;font-size: 0.75rem;writing-mode: vertical-rl;line-height: normal;font-weight: 500;margin-left: 18px;position: relative;}
.side_popup_mem02 .card_info .name img {width: 8px;height: auto;position: absolute;top: -11px;left: 2px;}
.side_popup_mem02 .card_info .logo {width: 46px;margin-top: auto;}
.side_popup_mem02 .card_guide {text-align: center;font-size: 0.813rem;color: #999;font-family: "Pretendard Variable", "Noto Sans KR", "Malgun Gothic", sans-serif;font-weight: 400;line-height: 18px;
position: absolute;width: 100%;bottom: 30px;
}
.side_popup_mem02 .motion_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 0; opacity: 0; transition: all 0.6s;}

.side_popup_mem02.motion .card_top span {color: #c1c1c1;}
.side_popup_mem02.motion .motion_bg { opacity: 1; }
.side_popup_mem02.motion .side_pop_head {z-index: -1;}
.side_popup_mem02.motion .card_notice {z-index: -1;}
.main_menu_bar.motion {z-index: -1;}
.side_popup_mem02.motion ul.slick-slider li {visibility: hidden;opacity: 0;}
.side_popup_mem02.motion ul.slick-slider li.active {visibility: visible;opacity: 1;}


@media (max-width: 400px){
	.side_popup_mem02 .card_top span {font-size: 1rem;}
	.side_popup_mem02 ul li .txt_group .item:not(:first-child) {margin-top: 15px;}
	
	.side_popup_mem02 ul li .card_cont {padding: 27px 15px 15px;}
	.side_popup_mem02 ul li .card_cont .profile {width: 70px;}
	.side_popup_mem02 ul li .card_cont .chip {width: 36px;}
	.side_popup_mem02 ul li .card_tit {font-size: 0.5rem;}
	.side_popup_mem02 ul li .card_txt {font-size: 0.875rem;}
	.side_popup_mem02 ul li .card_type {font-size: 0.875rem;}
	.side_popup_mem02 .card_info {top: 27px;right: 15px;height: calc(100% - 42px);}
	.side_popup_mem02 .card_info .name {font-size: 0.625rem;font-weight: 600;}
	
	.side_popup_mem02 .card_info .logo {width: 33px;}
	
	.side_popup_mem02 ul li.event_card .event_logo {width: 108px;margin-bottom: 45px;}
	.side_popup_mem02 ul li.event_card .event_img {width: 80px;}
	.side_popup_mem02 ul li.event_card .event_txt {font-size: 1.125rem;margin-top: 20px;}
	.side_popup_mem02 ul li.event_card .event_txt .period {font-size: 0.75rem;}
	
	.side_popup_mem02 ul li .card_cont {width: 60vw;height: calc(60vw*(370 / 220));min-width: 220px;min-height: 370px;max-width: 300px;max-height: calc(300px*(370 / 220));}
}







.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: #04599e; position:relative;}
.use_info .h_box .right{width: 55%; background: #6aaae4;}
.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 #04599e; 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: #cde7ff; 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: #6aaae4; 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: #04599e;}
.chart_wrap .chart2 .title span{font-weight: 700;}
.chart_wrap .chart2 .title{bottom: 44px; font-size: 1rem; font-weight: 400; color: #6aaae4;}
.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:#04599e; z-index: 10;}
.percent_bar p.active{color: #6aaae4;}
.percent_bar .ani_bar{display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1%; background: #04599e; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.percent_bar .ani_bar.active{background: #6aaae4;}
.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, #04599e 48%, #1a05b3); padding-top: 16px; padding-bottom: 20px;}
.main_header .main_top_wrap{position:relative; display: flex; align-items: center;}
.main_header a{display: inline-block; font-size: 0;}
.main_header .logo img{width: 70px;}
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;}
a.btn_noti02{position: absolute; right: 46px; top: 5px; font-size: 0;text-align: center;}
a.btn_noti02 img{width: 20px;margin-bottom: 6px;}
a.btn_confirm{position: relative; display: flex; flex-direction: column; align-items: center; font-size: 0;}
a.btn_confirm:not(:last-of-type){padding-right: 10px;margin-left: auto;}
a.btn_confirm img{width: 26px;}
/*.main_header .member_greeting{position: absolute; left: 85px;}*/
.member_greeting .name{font-size: 0.875rem; color: #fff; font-weight: 300; display: inline-block;}
.member_greeting .name b{font-weight: 500;}
.member_greeting .comment{font-size: 0.875rem; color: #fff; font-weight: 500;}
.member_greeting .comment .d_day{color:#68c4ff; font-weight: 700; letter-spacing: 1px;}
.member_greeting .point02{background: #DF1860; padding: 2px 8px; border-radius: 14px; font-size: 0.875rem; font-weight: 500; color: #fff; margin-left: 8px; display: flex; align-items: center;}
.member_greeting .point02 span{display: flex; align-items: center; justify-content: center; width: 15px; height: 15px; background: #fff; border-radius: 50%; color: #DF1860; margin-right: 6px; text-align: center; font-size: 0.625rem; font-weight: 700;}
/*.member_greeting .club{padding: 2px 10px; border-radius: 14px; font-size: 0.875rem; font-weight: 500; color: #fff; margin-left: 8px;}*/
.member_greeting .club{display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; font-size: 0.813rem; font-weight: 500; color: #fff; margin-left: 8px;}
.member_schedule{background: rgba(255,255,255,0.2); padding: 20px; border-radius: 10px; margin-top: 38px;}
.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;outline: none;}
.member_schedule .date_select a>img{width: 10px; height: 15px;}
.member_schedule .info{display: table; width: 100%; padding-top: 10px;}
.member_schedule .info .list{display: table-cell; vertical-align: middle; position: relative;}
.member_schedule .info .left{width: 44%;}
.member_schedule .info .right{width: 56%;}
.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: 0.875rem; font-weight: 500; color: #fff; display: flex; align-items: center;}
.member_schedule .list p .round{display: flex; background: #fff; color: #04599E; 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: 7px;}
.member_schedule .list p .round.leftover{color: #00a3ff;}
.member_schedule .list p .more{position: absolute; right: 10px; top: 4px; font-size: 0.813rem; font-weight: 500; color: #fff; text-decoration: underline;}
.member_schedule .info .right .wrap{display: flex; justify-content: center; align-items: center; padding-top: 5px;}
.member_schedule .info .right .f_box{display: flex; flex-direction: column; align-items: center; padding-left: 25px; padding-right: 25px;}
.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;}
.plk_tee_light{padding: 20px 0 10px;}
.plk_tee_light h2{text-align: center; font-size: 1.875rem; 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 #04599e; background: #04599e;}
.plk_tee_light .calendar{padding: 0 5px; position: relative;}
.plk_tee_light .date_select{display: flex; align-items: center; justify-content: center; position: relative;}
.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: 0;}
.plk_tee_light .calendar .reload_btn>img{width: 14px;}
.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;}
/*.calendar ul li a.normal{background: #ffde53;}*/
.calendar ul li a.normal{background: #ffd96f;}
.calendar ul li a.notice{background: #ffb76f;}
.calendar ul li a.smooth{background: #68c4ff;}
.calendar ul li a.diffi{background: #ff6a6a;}
.calendar ul li a.finish{background: #ccc;}
.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: #ffd96f;}
.calendar_info p span.notice{background: #ffb76f;}
.calendar_info p span.smooth{background: #68c4ff;}
.calendar_info p span.diffi{background: #ff6a6a;}
.calendar_info p span.finish{background: #ccc;}
.calendar_notice{background: #F4F7FC; padding: 10px; margin-bottom: 40px;}
.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; font-size: 0.813rem;}
.calendar_notice a{display: inline-block; font-size: 0.813rem; font-weight: 400; color: #fff; background: #777; 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{padding: 20px 10px; overflow-x: scroll; border-top: 10px solid #eee; border-bottom: 10px solid #eee;}
.main_sliding_link_menu li{display: inline-block; width: 25%;}
.main_sliding_link_menu li span{display: block; text-align:center;}
.main_sliding_link_menu li img{display: block; width: 56px; margin: 0 auto;}
.main_sliding_link_menu li .img{padding-bottom: 10px;}
.main_sliding_link_menu li .txt{font-size: 0.875rem; font-weight: 500; color: #000;}
.main_sliding_link_menu ul{display: flex;}
.main_golf_join{background: #2c2c2c; 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: #6aaae4;}
.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;}
.main_miniban{overflow: hidden; margin-bottom: 20px;}
.main_miniban img{width: 100%;}
.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: 24px;}
.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_plk_mall{overflow: hidden; padding: 50px 0; background: #1D2436;}
.main_plk_mall h2{margin-bottom: 30px; color: #fff;}
.mall_gal{overflow: hidden;}
.mall_gal a img{width: 100%;}

/* PLK TEE LIGHT */
#header .back_btn_arrow{position: absolute; top: 20px; left: 10px; width: 30px; height: 30px; border: 0; background: url(../img/ico_back_arrow.png) no-repeat 35% 20%; cursor: pointer; background-size: 16px 16px; z-index: 99;}
.plk_tee_light_page .area_select ul li.active a{border: 1px solid #04599e; background: #04599e;}
.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: 42px; height: 42px; line-height: 40px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 1rem;}
.plk_tee_light_page .date_txt03{font-size: 0.813rem; font-weight: 400;}
/*.plk_tee_light_page .bktl_cal > ul li{margin-right: 6px;}*/
.plk_tee_light_page .bktl_cal > ul li{margin: 0 !important;}
/* .plk_tee_light_page .bktl_cal > ul li.active .date_txt02{color: #fff !important;} */
.plk_tee_light_page .bktl_cal > ul li.active .date_txt01{color: #fff !important;}

.plk_tee_light_page .bktl_calbox_type02 .bktl_cal ul li a {padding: 11px 0;}
.plk_tee_light_page .bktl_calbox_type02 .date_txt02 {width: 34px;height: auto;line-height: normal;}
.plk_tee_light_page .bktl_calbox_type02 {padding-top: 0;padding-bottom: 20px;}

.date_txt02.normal{color: #ffd96f;}
.date_txt02.notice{color: #ffb76f;}
.date_txt02.smooth{color: #68c4ff;}
.date_txt02.diffi{color: #ff6a6a;}
.date_txt02.finish{color: #ccc;}
.plk_tee_light_page .txt_sun{color: #ff4800 !important;}
.plk_tee_light_page .txt_holi{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: 50%; margin-bottom: 12px; margin-right: 10px;}
.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: #ffd96f;}
.select_situation ul li .num.notice{color: #ffb76f;}
.select_situation ul li .num.smooth{color: #68c4ff;}
.select_situation ul li .num.diffi{color: #ff6a6a;}
.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-top: 40px; padding-bottom: 10px; border-bottom: 1px solid #eee; position: relative;}
.list_total_count ul li{display: inline-block; margin-left: 16px;}
.list_total_count ul li a{font-size: 11px; color: #ccc; position: relative; padding-left: 12px;}
.list_total_count ul li a:before{content: ""; width: 8px; height: 8px; background: #ccc; border-radius: 100%; position: absolute; left: 0; top: 2px;}
.list_total_count ul li.active a{color: #6aaae4;}
.list_total_count ul li.active a:before{background: #6aaae4;}
.list_total_count .container{display: flex; justify-content: space-between; align-items: center;}
.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 0;text-align: center;}
.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 30px; 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 .link_wrap a.live_info{background: #39b771; padding-right: 10px;}
.golf_course_list .link_wrap a.live_info:after{content: none;}
.golf_course_list .link_wrap a.live_info span{font-size: 0.75rem; font-weight: 500; color: #ffd600; padding-right: 0; margin: 0 2px;}
.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: #ffd96f;}
.golf_course_list .receipt_btn.notice{background: #ffb76f;}
.golf_course_list .receipt_btn.smooth{background: #68c4ff;}
.golf_course_list .receipt_btn.diffi{background: #ff6a6a;}
.golf_course_list .receipt_btn.finish{background: #ccc;}

.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;}
.jf_noti02{font-size: 0.875rem; font-weight: 400; color: #666; letter-spacing: -1px; margin-left: 6px;}
.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;}
.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: #6aaae4; 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: #6aaae4; 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);}
}


																									
/* .mem_pop .popup_content {padding: 30px 20px 25px !important;}
.mem_pop .tit {display: inline-block;font-size: 16px;font-weight: 700;margin-bottom: 20px;}
.mem_pop .txt {text-align: left;}
.mem_pop .txt li {font-size: 14px;line-height: 20px;word-break: keep-all;background: #ECECEC;border-radius: 15px;padding: 16px 10px;margin-bottom: 15px;}
.mem_pop .close {position: absolute;top: -30px;right: 6px;width: 24px;cursor: pointer;}
.mem_pop .popup_content {left: 0;transform: translate(0,100%);}
.mem_pop.active .popup_content {transform: translate(0,0);} */

.mem_pop {z-index: 20000;}
.mem_pop .popup_content {max-width: 100%;padding: 40px 20px 24px !important;left: 0;transform: translate(0,100%);text-align: left;}
.mem_pop.active .popup_content {transform: translate(0,0);}
.mem_pop .tit {display: block;font-size: 18px;font-weight: 700;margin: 20px 0;color: #222;}
.mem_pop .txt {word-break: keep-all;margin-bottom: 30px;color: #222;}
.mem_pop .txt em {display: block;margin-bottom: 10px;line-height: 22px;}
.mem_pop .txt p {position: relative;font-size: 14px;line-height: 20px;padding-left: 9px;}
.mem_pop .txt p:before {content: '-';position: absolute;top: 0;left: 0;}
.mem_pop .close {background-color: #353752;font-size: 16px;border-radius: 25px;width: 100%;height: 50px;border: none;color: #fff;}
.mem_pop .notice_ico {width: 60px;}
.mem_pop .notice_ico img {width: 100%;}



@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: start;}
.cc_register .upper{padding: 28px 0 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: 0.875rem; 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 .upper table.info 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 .upper table.info 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 .upper table.info 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 .upper table.info 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 .upper table.info tr td textarea::placeholder{color: #ccc; font-size: 0.875rem; font-weight: 400;}

/* 하단 라인 */
.cc_register .under{padding-top: 33px;}
.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: 22%;}
.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 select {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: #6aaae4; 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;}

.check_noti{background: #F4F7FC; padding: 6px; font-size: 0.813rem; margin-top: 4px; line-height: 15px;}
.btn_date_ch{display: inline-block; background: #999; padding: 3px 8px; font-size: 0.813rem; color: #fff; border-radius: 20px; margin-left: 6px;}

/* 저작권 */
/*.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: #04599e; 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; border-radius: 30px;}
.completed .button a.my_page{background: #04599e; border-radius: 30px;}

/* **************************
	서브페이지(접수내역) 작업 
***************************** */
.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: #6aaae4; border-radius: 30px;}
.booking_tap01 > ul li.active a{color: #fff;}
.booking_searchbox{overflow: hidden; padding-bottom: 30px;}
.booking_select{width: 48%; height: 38px; border: 1px solid #ddd; border-radius: 4px; padding: 0 10px; background-color: #fff; font-size: 16px; font-weight: 400; appearance: none; background: url(/mobile/zones/img/ico_drop.png) no-repeat 98% 50%; background-size: 16px;}
.booking_select02{width: 48%; border: 1px solid #ccc; padding: 10px 11px; background-color: #fff; font-size: 0.875rem; font-weight: 400; color: #555; appearance: none; background: url(/mobile/zones/img/ico_drop.png) no-repeat 98% 50%; background-size: 14px;}
.booking_datechbox{display: flex; align-items: center; justify-content: space-between; margin-top: 10px;}
.booking_date{width: 42%; height: 38px; border: 1px solid #ddd; border-radius: 4px; padding-left: 10px; font-size: 14px; font-weight: 400; background: url(/mobile/zones/img/ico_cal.png) no-repeat 96% 50%; background-size: 16px; text-align-last: left;}
.booking_scbtn{display: block;}
.booking_scbtn img{width: 38px; height: 38px; border-radius: 4px;}
/*.booking_datechbox > input[type="date"]::-webkit-inner-spin-button,*/
/*.booking_datechbox > input[type="date"]::-webkit-calendar-picker-indicator{display: none; -webkit-appearance: none;}*/

/* 하단 */
.details .list{padding: 0 10px;}
.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 span.left{font-size: 0.875rem; color: #555; font-weight: 400; line-height: 1; float: left;}
.details .list div.box div.tit span.right{font-size: 0.875rem; color: #555; font-weight: 500; line-height: 1; float: right;}
.details .list div.box div.tit span.right a{color: #555;}
.details .list div.box div.con{clear: both; padding: 16px; position: relative;}
.details .list div.box div.con p.num{color: #6aaae4; font-size: 14px; font-weight: 400; line-height: 1;}
.details .list div.box div.con p.title{color: #222; font-size: 1.125rem; line-height: 1; margin-top: 7px; font-weight: 500;}
.details .list div.box div.con p.sub{color: #222; font-size: 0.875rem; line-height: 1; margin-top: 6px; margin-bottom: 10px; font-weight: 500;}
.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 .list div.box div.con .btnbox{display: flex; align-items: center; justify-content: space-between; margin-top: 10px;}
.details .list div.box div.con .btnbox a{display: block; background: #fff; width: 48%; height: 36px; font-size: 0.875rem; font-weight: 500; color: #666; line-height: 36px; text-align: center; border: 1px solid #ccc; border-radius: 4px;}
.details .list div.box div.con .state{position: absolute; top: 16px; right: 16px; font-size: 0.875rem; color: #fff; padding: 5px 10px; border-radius: 24px;}
.details .list .all_num{font-size: 1rem; font-weight: 700; margin-bottom: 5px;}
.details .list .all_num span{color: #f20b48;}
.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: #6aaae4; 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: #f20b48;}
.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';}

/* **************************
	서브페이지(예약/결제) 작업 
***************************** */
.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; overflow: hidden; display: block;}
.my_page .container .top_info a.pro img{width: 70px; border-radius: 6px;}
.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 p.member{font-size: 17px; margin-bottom: 8px; position: relative;}
.my_page .container .top_info p.member span.name{font-family: 'Noto Sans Bold';}
.my_page .container .top_info p.member span.rating{padding: 6px 7px 3px 6px; background: #6aaae4; font-size: 11px; font-family: 'Noto Sans Medium'; color: #fff; border-radius: 11px; display: inline-block; margin-left: 13px; position: absolute; top: -3px; left: auto; right: auto;}
.my_page .container .top_info p.ment{font-size: 18px; font-weight: 400;}
.my_page .container .top_info .box{width: 100%; height: 100%; padding: 24px 16px; margin-top: 14px; background-image: linear-gradient(108deg, #04599e 45%, #1b02b4 100%); border-radius: 10px;}
.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: #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:nth-child(2) th:before{content: "B"; 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:nth-child(3) th:before{content:" P"; 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:nth-child(4) th:before{content:" C"; 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% 31%; background-size: 10px 10px;}
.my_page .container .top_info .ememcard{overflow: hidden;}
.my_page .container .top_info .ememcard a{display: flex; align-items: center; justify-content: center; background: #e6152c; padding: 14px 0; font-size: 1.125rem; font-weight: 500; color: #fff; text-align: center; border-radius: 10px; margin-top: 20px;}
.my_page .container .top_info .ememcard a img{width: 8px; margin-left: 10px;}
.my_page .container .menu_list{margin: 24px 0 80px;}
.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;}
.my_page .container .menu_list ul>li>a img{width: 16px; margin-left: 6px; vertical-align: bottom;}
.my_page .container .menu_card{overflow: hidden; margin-top: 24px;}
.my_page .container .menu_card a{display: block;}
.my_page .container .menu_card a img{width: 100%;}

/* **************************
	서브페이지(고객센터) 작업 
***************************** */
.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: #6aaae4; 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 15px; font-size: 1rem; font-weight: 500;}
.golf .container .top ul li.on a{display: flex; align-items: center; justify-content: center; color: #fff; background: #6aaae4; border-radius: 30px;}
.golf .container .top2 ul{display: flex; width: 100%; background: #eee; border-radius: 30px;}
.golf .container .top2 ul li{}
.golf .container .top2 ul li a{display: flex; align-items: center; justify-content: center; color: #000; padding: 12px 20px; font-size: 0.875rem; font-weight: 500;}
.golf .container .top2 ul li.on a{display: flex; align-items: center; justify-content: center; color: #fff; background: #6aaae4; 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: 1; 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;}

.info_profbox{overflow: hidden;}
.info_profbox p{display: flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: 500; text-align: center; letter-spacing: -0.5px; margin: 20px 0;}
.info_profbox p img{width: 18px; margin-right: 4px;}
.info_profphoto{width: 130px; height: 130px; background: #fff; border: 1px solid #ccc; border-radius: 50%; margin: 0 auto; position: relative;}
.info_profphoto span img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.info_profalter01{position: absolute; bottom: 0; right: 6px; z-index: 2; width: 30px; height: 30px;}
.info_profalter01 img{width: 100%;}
.info_profalter02{position: absolute; bottom: 0; left: 6px; z-index: 2; width: 30px; height: 30px;}
.info_profalter02 img{width: 100%;}

.info_notice{background: #F4F7FC; padding: 10px;}
.info_notice p{font-size: 1rem; font-weight: 500; margin-bottom: 10px;}
.info_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;}
.info_notice ul li:last-child{margin-bottom: 0;}
.info_notice ul li:before {content: "-"; position: absolute; left: 0; top: 0; font-size: 0.813rem;}


/* 제휴서비스 롯데 241209 */
#header.lotte_header h2 {width: 100%;text-align: center;left: 0;top: 18px;}
#header.lotte_header h2 a {color: #000;}
#header.lotte_header h2 a img {height: auto;vertical-align: middle;}
#header.lotte_header h2 a img.lotte_logo {width: 176px;}
#header.lotte_header h2 a img.plk_logo {width: 94px;}
.lotte_reser_wrap * {font-family: "Pretendard Variable", "Noto Sans KR", "Malgun Gothic", sans-serif;}
.lotte_reser_wrap {padding: 60px 0 54px;background: #EFEFEF;}
.lotte_reser_wrap02 {height: 100vh;}
.lotte_reser_wrap h3 {font-size: 20px;font-weight: 700;text-align: left;margin: 25px 0;padding-bottom: 0;}
.lotte_reser_wrap h4 {font-size: 16px;font-weight: 700;text-align: left;padding-bottom: 25px;}
.lotte_reser_wrap input {appearance: auto;-webkit-appearance: auto;margin: 0;vertical-align: middle;}
.lotte_reser_wrap label {font-size: 14px;vertical-align: middle;}
.lotte_reser_wrap .reser_box {background: #fff;margin-bottom: 10px;padding: 25px 20px;}
.lotte_reser_wrap .title {margin-bottom: 15px;padding: 0;font-size: 16px;}
.lotte_reser_wrap .sent {font-size: 14px;margin-bottom: 20px;line-height: 18px;word-break: keep-all;}
.lotte_reser_wrap .reser_tbl {width: 100%;}
.lotte_reser_wrap .reser_tbl th {color: #959595;font-weight: 700;text-align: left;font-size: 14px;padding: 6px 0;}
.lotte_reser_wrap .reser_tbl td {font-weight: 700;text-align: right;font-size: 14px;padding: 6px 0;}
.lotte_reser_wrap .reser_tbl .one {border: none;background-color: #16599e;border-radius: 5px;color: #fff;font-size: 14px;font-weight: 700;padding: 4px 8px;}
.lotte_reser_wrap .reser_tbl .amount .one {background-color: #000;}
.lotte_reser_wrap .use_point {background: #fff;width: 50%;}
.lotte_reser_wrap .pay_option li {margin-bottom: 25px;}
.lotte_reser_wrap .pay_option li:last-child {margin-bottom: 0;}
.lotte_reser_wrap .sent_box {border: 1px solid #cfcfcf;border-radius: 5px;padding: 15px;margin-bottom: 10px;}
.lotte_reser_wrap .sent_box p {font-size: 14px;line-height: 18px;padding-left: 12px;position: relative;}
.lotte_reser_wrap .sent_box p:before {content: '';position: absolute;width: 5px;height: 5px;background: #000;border-radius: 50%;top: 8px;left: 0;}
.lotte_reser_wrap .pay_btnbox button {padding: 14px 0;font-size: 16px;font-weight: 700;width: 100%;border: none;background: #16599e;color: #fff;}
.lotte_reser_wrap .voc_infotxt02 {font-size: 18px;font-weight: 700;line-height: 24px;margin-top: 0;}
#content.lotte_reser_wrap .content_inner {padding: 0 10px;}
.reser_side_popup {background: #f5f5f5;}
.reser_side_popup h5 img {vertical-align: middle;}
.reser_side_popup h5 img.lotte_logo {width: 176px;}
.reser_side_popup h5 img.plk_logo {width: 94px;}
.reser_side_popup .content_login_inner {padding: 0;}
.reser_side_popup .login_box {background: #fff;padding: 20px;}
.reser_side_popup label {font-family: "Pretendard Variable", "Noto Sans KR", "Malgun Gothic", sans-serif;display: inline-block;font-size: 16px;margin-bottom: 10px;}
.reser_side_popup input.input_s6.renew {height: 37px;line-height: 37px;}
.reser_side_popup .pw_view {top: 32px;}
.reser_side_popup .box3 .btn_s3.renew {font-family: "Pretendard Variable", "Noto Sans KR", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 700;border-radius: 0;margin-top: 20px;}





/* 제휴서비스 프로암,승마체험 250526 */
#header.alliance_header h2 a img.plk_logo {width: 115px;}
.alliance_wrap .banner_img {width: 100%;max-width: 900px;margin: 0 auto 10px;}
.alliance_wrap .banner_img img {width: 100%;border: 1px solid #c9c9c9;}
.alliance_wrap .reser_box {position: relative;}
.alliance_wrap .alliance_tbl input[type="text"],
.alliance_wrap .alliance_tbl select {height: 34px;border: 1px solid #D9D9D9;border-radius: 0;background-color: #fff;width: 100%;padding: 0 5px;}
.alliance_wrap .alliance_tbl .label {background: #000;display: inline-block;width: calc(100% - 10px);height: 34px;color: #fff;text-align: center;line-height: 34px;}
.alliance_wrap .alliance_tbl .item_select {display: flex;height: 40px;align-items: center;}
.alliance_wrap .alliance_tbl .item_select div {margin-right: 20px;}
.alliance_wrap .alliance_tbl th,
.alliance_wrap .alliance_tbl td {padding: 3px 0;}
.alliance_wrap .add_btn {background: #000;color: #fff;font-size: 16px;width: 100%;height: 49px;border: none;font-weight: 700;margin-bottom: 10px;}
.alliance_wrap .del_btn {position: absolute;top: 20px;right: 20px;}
.alliance_wrap .del_btn img {width: 24px;}
.alliance_wrap .alliance_info_tbl th {font-weight: 500;color: #000;border-bottom: 1px solid #000;}
.alliance_wrap .alliance_info_tbl td {text-align: left;}
.alliance_side_popup h5 img.plk_logo {width: 115px;}
.alliance_wrap .add_companion {display: none;}
.alliance_wrap .add_companion .add_btn {margin-top: 5px;}



/* 아너스클럽 250818 */
.honors_header:before {content: '';display: inline-block;width: 100%;height: 180px;position: absolute;left: 0;top: 0;background: #04499E;z-index: -1;}
.honors_header {text-align: center;position: relative;}
.honors_header h2 {padding: 20px 0;}
.honors_header .plk_logo {width: 130px;}
.honors_header h3 {font-family: "Pretendard Variable", "Noto Sans KR", "Malgun Gothic", sans-serif;color: #fff;font-size: 24px;padding-bottom: 30px;font-weight: 600;}
.honorsclub_wrap {padding: 0 0 30px;background: none;}
.honorsclub_wrap h4 {color: #222;font-weight: 600;padding-bottom: 10px;}
.honorsclub_wrap .fill_btn {border-radius: 6px;border: none;background: #6AAAE4;height: 42px;color: #fff;font-size: 14px;font-weight: 500;word-break: keep-all;padding: 0 8px;}
.honorsclub_wrap .stroke_btn {border-radius: 6px;border: 1px solid #6AAAE4;background: #fff;height: 42px;color: #6AAAE4;font-size: 14px;font-weight: 500;word-break: keep-all;padding: 0 8px;}
.honorsclub_wrap input[type="text"],
.honorsclub_wrap input[type="number"],
.honorsclub_wrap input[type="password"],
.honorsclub_wrap select {width: 100%; font-size: 14px !important;color: #292929;font-weight: 500;height: 42px !important;border-radius: 4px;border: 1px solid #DDD;padding: 0 10px;}
.honorsclub_wrap input::placeholder {color: #aaa;}
.honorsclub_wrap select {appearance: none;padding-left: 7px;background: url('/mobile/zones/img/honors/select_icon.png') no-repeat calc(100% - 10px) 50%;background-size: 10px;}
.honorsclub_wrap .banner_img {margin: 0 auto 30px;}
.honorsclub_wrap .banner_img img {border-radius: 16px;border: none;}
.honorsclub_wrap .info_group {border-radius: 14px;background: #fff;padding: 30px 10px;}
.honorsclub_wrap .info_box {border: 1px solid #DDD;border-radius: 14px;}
.honorsclub_wrap .info_box .item:nth-child(1) .label {border-radius: 14px 14px 0 0;}
.honorsclub_wrap .info_box .label {background: #F8F8F8;border-top: 1px solid #ddd;display: inline-block;width: 100%;font-weight: 600;width: calc(100% - 20px);padding: 14px 10px;font-size: 14px;}
.honorsclub_wrap .info_box .label em {color: #aaa;}
.honorsclub_wrap .info_box .input_wrap {padding: 10px;width: 100%}
.honorsclub_wrap .info_box .input_radio_wrap {display: flex;gap: 20px;}
.honorsclub_wrap .pay_btnbox {border-radius: 4px;margin-top: 30px;}
.honorsclub_wrap .pay_btnbox button {background: #04499E;font-weight: 600;}
.honorsclub_wrap .img_checkbox {color: #222;font-weight: 500;}
.honorsclub_wrap .img_checkbox input {position: absolute;opacity: 0;cursor: pointer;}
.honorsclub_wrap .img_checkbox .checkmark {display: inline-block; width: 18px;height: 18px; background: url('/mobile/zones/img/honors/unchecked.png') no-repeat center / cover; margin-right: 2px;vertical-align: middle;}
.honorsclub_wrap .img_checkbox input:checked + .checkmark {background: url('/mobile/zones/img/honors/checked.png') no-repeat center / cover;}
.honorsclub_wrap .img_radio input {position: absolute;opacity: 0;cursor: pointer;}
.honorsclub_wrap .img_radio .checkmark {display: inline-block; width: 18px;height: 18px; background: url('/mobile/zones/img/honors/radio_unchecked.png') no-repeat center / cover; margin-right: 2px;vertical-align: middle;}
.honorsclub_wrap .img_radio input:checked + .checkmark {background: url('/mobile/zones/img/honors/radio_checked.png') no-repeat center / cover;}
.honorsclub_wrap .email_group #email, 
.honorsclub_wrap .email_group .email_domain,
.honorsclub_wrap .email_group #select_email {width: calc(50% - 7px);}
.honorsclub_wrap .email_group .email_domain {display: none;position: relative;}
.honorsclub_wrap .email_group .email_domain input {padding: 0 24px 0 10px;}
.honorsclub_wrap .email_group .email_domain .input_arrow {position: absolute;top: 11px; right: 0; width: 32px; height: 28px; text-align: center;}
.honorsclub_wrap .email_group .email_domain .input_arrow img {width: 10px;}
.honorsclub_wrap .email_group .input_wrap {display: flex;gap: 5px;align-items: center;}
.honorsclub_wrap .member_pass .input_wrap {padding: 10px 10px 16px;}
.honorsclub_wrap .member_pass .notice {color: #515B7C;font-size: 13px;font-weight: 500;line-height: 15px;margin: 5px 0 10px;}
.honorsclub_wrap .member_pass .notice em {color: #DC063A;}
.honorsclub_wrap .info_table {display: none;}
.honorsclub_wrap .info_table .item {display: flex;margin-bottom: 12px;}
.honorsclub_wrap .info_table .item:last-child {margin-bottom: 0;}
.honorsclub_wrap .info_table .info_label {display: inline-block;width: 100px;color: #838EAD; font-size: 14px; font-weight: 500;}
.honorsclub_wrap .info_table .info_value {color: #222; font-size: 14px; font-weight: 500;}
.honorsclub_wrap .info_table .info_value em {color: #6AAAE4;}
.honorsclub_wrap .remain_list {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 16px 0;}
.honorsclub_wrap .remain_check .item {margin-top: 12px;}
.honorsclub_wrap .remain_check .item.disabled .img_checkbox {color: #aaa;}
.honorsclub_wrap .remain_check .item.disabled .img_checkbox .checkmark {background: url('/mobile/zones/img/honors/check_disabled.png') no-repeat center / cover;}
.honorsclub_wrap textarea {background: #fff;border: 1px solid #DDD;border-radius: 0;color: #888;font-size: 12px;font-weight: 400;line-height: 16px;padding: 10px;}
.honorsclub_wrap .agree_group .label {display: flex;justify-content: space-between;align-items: center;}
.honorsclub_wrap .agree_group .label .arrow {transform: rotate(180deg);transition: all 0.2s;}
.honorsclub_wrap .agree_group .label .arrow.on {transform: rotate(0);}
.honorsclub_wrap .agree_group .label .arrow img {width: 10px;}
.honorsclub_wrap .agree_group .img_checkbox .checkmark {width: 20px;height: 20px; background: url('/mobile/zones/img/honors/agree_unchecked.png') no-repeat center / cover; margin-right: 2px;vertical-align: middle;}
.honorsclub_wrap .agree_group .img_checkbox input:checked + .checkmark {background: url('/mobile/zones/img/honors/agree_checked.png') no-repeat center / cover;}

.honorsclub_pay .info_group {padding: 30px 0;}
.honorsclub_pay .info_head {padding: 0 10px;}
.honorsclub_pay .info_head h4 {padding-bottom: 16px;}
.honorsclub_pay .info_head p {font-size: 15px;font-weight: 500;line-height: 19px;padding-bottom: 24px;border-bottom: 1px solid #ddd;}
.honorsclub_pay .info_head p em {color: #6AAAE4;font-weight: 600;}
.honorsclub_pay .pay_box {margin-bottom: 0;}
.honorsclub_pay .pay_box > .item {border-bottom: 6px solid #F6F7F9;padding: 24px 10px;}
.honorsclub_pay .pay_box > .item:last-child {border-bottom: none;}
.honorsclub_pay .info_table {display: block;}
.honorsclub_pay h5 {color: #222;font-size: 16px;font-weight: 600;text-align: left;margin-bottom: 16px;}
.honorsclub_pay .point_group .input_wrap {display: flex;gap: 5px;}
.honorsclub_pay .point_group .login_btn {height: 24px;font-size: 12px;font-weight: 600;}
.honorsclub_pay .point_group .login_btn img {width: 12px;vertical-align: middle;}
.honorsclub_pay .point_group .point_own {color: #292929;font-size: 14px;font-weight: 600;margin-bottom: 10px;}
.honorsclub_pay .point_group .point_own .login_btn {margin: 0 4px 0 2px;}
.honorsclub_pay .point_group .point_own .point_num {color: #6AAAE4;font-weight: 700;}
.honorsclub_pay .point_input {position: relative;width: 100%;}
.honorsclub_pay .point_input:before {content: '사용';position: absolute;top: 14px;left: 12px;font-size: 14px;color: #AAAFC3;font-weight: 500;}
.honorsclub_pay .point_input input {text-align: right;}
.honorsclub_pay .pay_type .item {margin-bottom: 16px;}
.honorsclub_pay .pay_type .item:last-child {margin-bottom: 0;}
.honorsclub_pay .pay_type .item select {margin-top: 10px;}
.honorsclub_pay .info_notice {background: #fff;}
.honorsclub_pay .info_notice p {color: #222; font-size: 14px; font-weight: 500; line-height: 18px;margin-bottom: 0;display: flex;gap: 3px;}
.honorsclub_pay .info_notice p:before {content: '-';}
.honorsclub_pay .pay_btnbox {width: calc(100% - 20px);margin: 0 10px;padding-top: 24px;background: none;border-top: 1px solid #ddd;}
.honorsclub_pay .pay_btnbox button {border-radius: 4px;}
.honorsclub_pay .reser_side_popup .login_box {padding: 20px 10px;}
.honorsclub_pay .reser_side_popup .pay_btnbox {border-top: none;}
.honorsclub_pay .reser_side_popup h5 {margin-bottom: 0;}
.honorsclub_pay .reser_side_popup label {font-weight: 600;color: #222;}
.honorsclub_pay .side_pop_head {height: 50px;border-bottom: none;}
.honorsclub_pay .side_pop_head .close_btn {top: 16px;}
.honorsclub_pay .side_pop_head .close_btn img {width: 10px;}


.honorsclub_result .info_group {padding: 30px 0;height: calc(100vh - 135px);}
.honorsclub_result .info_head {text-align: center;border-bottom: 6px solid #F6F7F9;padding-bottom: 24px;}
.honorsclub_result .info_head .check_icon {width: 60px;}
.honorsclub_result .info_head p {font-size: 18px;font-weight: 600;margin-top: 20px;}
.honorsclub_result .result_box {padding: 24px 10px;}
.honorsclub_result .result_box p {color: #7C7C7C;font-size: 14px;font-weight: 400;line-height: 18px;}
.honorsclub_result .result_box p em {color: #6AAAE4;font-weight: 600;}
.honorsclub_result .result_box p .tel {color: #6AAAE4;border-bottom: 1px solid #6AAAE4;}
.honorsclub_result .info_table {display: block;border-top: 1px solid #ddd;padding: 24px 0;}
.honorsclub_result .installment .info_table {margin-top: 24px;}



@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 0px 20px;}
.golf .container .con ul.place_select li{width: calc((100% - 12px)/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: #04599e; border: 1px solid #04599e; 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: #68c4ff; 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: #68c4ff; 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; padding-right: 0 !important;}
.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: #6aaae4; 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;}

.search_road{position: absolute; top: 56px; right: 16px;}
.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;height: 13rem;}
.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;}

/* 와인 이벤트 */
.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;}

/* PLK CUP */
.cup_listbox{overflow: hidden; margin-bottom: 100px;}
.cup_listgal img{width: 100%;}
.cup_listcon{margin-top: 30px;}
.cup_listcon > ul li{border-top: 1px solid #ccc; padding-top: 16px;}
.cup_listcon > ul li:last-child{border-bottom: 1px solid #ccc;}
.cup_listtit{font-size: 1rem; font-weight: 400; position: relative; padding-left: 10px; padding-right: 61px; margin-bottom: 16px; line-height: 22px;}
.cup_listtit:after{content: ""; position: absolute; top: 6px; right: 14px; 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%;}
.cup_listtit.on:after{transform: rotate(-180deg);}
.cup_seedbox{background: #f4f4f4; padding: 20px 10px;}
.cup_seed img{width: 100%;}
.cup_seed .check{padding: 0;}
.cup_seed .check > ul li{border: none; padding-top: 16px; position: relative;}
.cup_seed .check > ul li:first-child{padding-top: 0;}
.cup_seed .rank{position: absolute; right: 0; margin-right: 0; margin-top: 2px;}
.cup_seedbtn{margin-top: 20px;}
.cup_seedbtn a{display: block; background: #04599e; padding: 16px 0; font-size: 18px; font-weight: 500; color: #fff; text-align: center; width: 100%; margin: 0 auto; margin-top: 10px; border-radius: 6px;}
.cup_seednotice{background: #F4F7FC; padding: 16px 10px;}
.cup_seednotice >p{font-size: 1rem; font-weight: 500; margin-bottom: 10px;}
.cup_seednotice > ul li{font-size: 0.813rem; font-weight: 400; color: #333; line-height: 16px; word-break: keep-all; margin-bottom: 6px;}
.cup_seedagree{overflow: hidden; margin-top: 20px;}
.cup_seedagree > ul li{display: inline-block; margin-right: 16px;}
.cup_seedagree input{display: none;}
.cup_seedagree input[type="radio"] + label{padding-left: 25px; display: inline-block; height: 20px; background: url(https://mapp.pacificlinks.co.kr/mobile/zones/css/../img/radiobox.png) no-repeat; background-size: 20px 40px; background-position: 0 0; font-size: 0.875rem; font-weight: 400; line-height: 20px; color: #333; margin-right: 10px;}
.cup_seedagree input[type="radio"]:checked + label{background-position: 0 -20px;}

.apply_btn{overflow: hidden; text-align: center; margin: 30px 0 100px;}
.apply_btn button{background: #04599e; padding: 12px 24px; font-size: 1rem; font-weight: 500; font-family: 'Noto Sans Kr'; color: #fff; border-radius: 24px; border: none; margin: 0 5px;}
.cup_scorebox{overflow: hidden; margin-bottom: 50px;}
.cup_scorelist{overflow: hidden;}
.cup_scorelist > ul li{overflow: hidden; padding: 12px 10px; border: 1px solid #ccc; border-radius: 6px; margin-top: 10px;}
.cup_scoreadd{display: flex; align-items: center; position: relative;}
.cup_scoreadd >p{font-size: 1.5rem; font-weight: 700; color: #222;}
.cup_scorephoto{display: flex; align-items: center; margin-left: 14px;}
.cup_scorephoto:after{content: "I"; color: #ccc; margin-left: 7px;}
.cup_scorephoto >p{font-size: 1rem; font-weight: 400; color: #222;}
.cup_scorephoto a{display: block;}
.cup_scorephoto a img{width: 26px; border: 1px solid #ccc; border-radius: 50%; margin-left: 6px;}
.cup_scorenum{display: flex; align-items: center; margin-left: 7px;}
.cup_scorenum >p{font-size: 1rem; font-weight: 400; color: #222;}
.cup_scorenum input{border: 1px solid #ccc; width: 50px; height: 26px; border-radius: 0; margin-left: 6px; font-size: 0.875rem; font-weight: 400; color: #222; text-align: center;}
.cup_scorestate{position: absolute; right: 0; margin-top: 2px;}
.cup_scorestate img{width: 26px;}
.cup_scorebtn_y{position: absolute; right: 0; background: #04599e; padding: 0 14px; height: 26px; border: none; border-radius: 13px; font-size: 0.875rem; font-weight: 400; color: #fff;}
.cup_scorebtn_n{position: absolute; right: 36px; background: #999; padding: 0 14px; height: 26px; border: none; border-radius: 13px; font-size: 0.875rem; font-weight: 400; color: #fff;}
/*.cup_scorebtn_on{width: 100%; background: #6aaae4; padding: 16px 0; border: none; font-family: 'Noto Sans Kr'; font-size: 1.125rem; font-weight: 500; color: #fff;}
.cup_scorebtn_off{width: 100%; background: #999; padding: 16px 0; border: none; font-family: 'Noto Sans Kr'; font-size: 1.125rem; font-weight: 500; color: #777;}*/
.cup_scorebtn_on{background: #6aaae4; padding: 12px 14px; border: none; border-radius: 20px; font-family: 'Noto Sans Kr'; font-size: 1.063rem; font-weight: 500; color: #fff; float: right; margin-top: 10px;}
.cup_scorebtn_off{background: #ccc; padding: 12px 14px; border: none; border-radius: 20px; font-family: 'Noto Sans Kr'; font-size: 1.063rem; font-weight: 500; color: #696969; float: right; margin-top: 10px;}
.cup_scorebtn_call{background: #6aaae4; padding: 0 14px; height: 26px; border: none; border-radius: 13px; font-size: 0.875rem; font-weight: 400; color: #fff;}
.cup_scoretit{display: flex; align-items: center;}
.cup_scoregal{overflow: hidden; margin-bottom: 30px;}
.cup_scoregal img{width: 100%;}
h7{width: 100%; display: inline-block; font-size: 1.125rem; font-weight: 500; color: #222;}

.ecard_area{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 20000;}
.ecard_pointbox{position: fixed; top: 6px; right: 0; width: 60px; height: 60px; border-radius: 50%; z-index: 20000; box-shadow: rgba(0,0,0,0.85) 0 0 0 9999px;}
.ecard_infobox{position: absolute; top: 200px; padding: 0 20px; z-index: 20000; text-align: center;}
.ecard_infotit{font-size: 1.75rem; font-weight: 500; color: #6aaae4;}
.ecard_infotxt{font-size: 1.25rem; font-weight: 400; color: #fff; word-break: keep-all; line-height: 28px; margin: 20px 0 40px;}
.ecard_infobtn{position: relative; background: #04599e; font-size: 1.25rem; font-weight: 500; color: #fff; padding: 16px 0; display: block; border-radius: 14px;}
.ecard_infobtn:hover{background: #04599e;}

@keyframes spin{
  100%{transform: rotate(360deg);}
}

.cup_seedspin{width: 14px; height: 14px; border: 2px solid #fff; border-color: #fff transparent transparent; border-radius: 50%; display: inline-block; animation: spin 1s linear infinite;}

@keyframes motion{
  0%{margin-top: 0px;}
  100%{margin-top: 10px;}
}

.ecard_pointgal{animation: motion 0.35s linear 0s infinite alternate;}
.ecard_pointgal img{width: 30px; margin: 70px 0 0 16px;}

.spon_ban_tit{overflow: hidden; font-size: 0;}
.spon_ban_tit img{width: 100%;}
.spon_ban_list{overflow: hidden; background: #e8e8e8; padding: 10px 20px 50px;}
.spon_ban_list > ul li{margin-top: 40px;}
.spon_ban_list > ul li a{display: block;}
.spon_ban_list > ul li a p{font-size: 1rem; font-weight: 500; color: #222; text-align: center; margin-bottom: 10px;}
.spon_ban_list > ul li a img{width: 100%;}

@keyframes blink{
  0%{opacity: 0;}
  100%{opacity: 1;}
}

.blinking{animation: blink 0.5s ease-in-out infinite alternate;}
.blinking02{animation: blink 0.9s ease-in-out infinite alternate;}

.cup_surveybox{overflow: hidden;}
.cup_surveytitbox{display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;}
.cup_surveytit{font-weight: 400; margin-right: 6px;}
.cup_surveytbl{width: 100%; text-align: center;}
.cup_surveytbl > thead{border-top: 1px solid #ccc;}
.cup_surveytbl > thead th{background: #6aaae4; color: #fff; padding: 6px 0; border-left: 1px solid #ccc;}
.cup_surveytbl > thead th:first-child{border-left: none;}
.cup_surveytbl > tbody{border-bottom: 1px solid #ccc;}
.cup_surveytbl > tbody td{padding: 6px 0; border-left: 1px solid #ccc;}
.cup_surveytbl > tbody td:first-child{border-left: none;}

.send_con{overflow: hidden; padding: 60px 40px;}
.send_con img{width: 100%; margin-bottom: 30px;}
.send_con p{font-size: 1.25rem; font-weight: 400; color: #333; line-height: 26px; text-align: center; margin-bottom: 10px; word-break: keep-all;}
.send_con p span{font-weight: 700; color: #02ca3c;}
.send_con a{display: block; margin-top: 40px; text-align: center;}
.send_con a img{width: 80%;}
.send_con > h8{font-size: 1.563rem; font-weight: 400; color: #fff; text-align: center; margin-bottom: 10px; display: block;}
.send_con > h9{font-size: 2.5rem; font-weight: 700; color: #fff; text-align: center; margin-bottom: 40px; display: block;}
.send_btn{width: 80%; padding: 18px 0; font-size: 1.25rem; font-weight: 500; border-radius: 30px; margin: 0 auto; margin-top: 40px;}
.send_tap{display: inline-block;}
.send_tap > ul{display: flex; background: #eee; border-radius: 30px;}
.send_tap > ul li{margin-bottom: 0; padding-left: 0;}
.send_tap > ul li a{display: flex; align-items: center; justify-content: center; color: #000; padding: 6px 16px; font-size: 1rem; font-weight: 500;}
.send_tap > ul li:before{content: none;}
.send_tap > ul li.active{background-color: #6aaae4; border-radius: 30px;}
.send_tap > ul li.active a{color: #fff;}

.bk_live_listbox{overflow: hidden;}
.bk_live_listbox > ul li{border-bottom: 10px solid #f8f8f8;}
.bk_live_list_infobox{display: flex; align-items: center; justify-content: space-between; padding: 18px 10px;}
.bk_live_list_info01{width: 74%;}
.bk_live_list_info02{width: 26%; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; padding-right: 10px;}
.bk_live_list_info02 p{width: fit-content; background: #6aaae4; padding: 4px 8px; border-radius: 24px; font-size: 0.75rem; color: #fff;}
.bk_live_list_info02 a.bk_on{width: fit-content; font-size: 0.875rem; color: #999; position: relative; padding-right: 20px; margin-top: 10px;}
.bk_live_list_info02 a.bk_on:after{content: ""; position: absolute; top: 2px; right: 0; background: url("https://mapp.pacificlinks.co.kr/mobile/zones/img/btn_open_bs.png"); width: 12px; height: 12px; background-size: contain; background-repeat: no-repeat; transform: rotate(0); transition:.5s; background-position: 50%;}
.bk_live_list_info02 a.bk_off{width: fit-content; font-size: 0.875rem; color: #999; position: relative; padding-right: 20px; margin-top: 10px;}
.bk_live_list_info02 a.bk_off:after{content: ""; position: absolute; top: 2px; right: 0; background: url("https://mapp.pacificlinks.co.kr/mobile/zones/img/btn_close_bs.png"); width: 12px; height: 12px; background-size: contain; background-repeat: no-repeat; transform: rotate(0); transition:.5s; background-position: 50%;}
.bk_live_list_hourbox{}
.bk_live_list_hour{overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding: 0 0 10px 10px;}
.bk_live_list_hour > ul{width: auto; transform: translate3d(0px, 0px, 0px);}
.bk_live_list_hour > ul li{display: inline-block; margin-right: 6px; border-bottom: none;}
.bk_live_list_hour > ul li a{display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; border-radius: 30px; padding: 6px 10px; font-size: 0.875rem; font-weight: 400; color: #999;}
.bk_live_list_hour > ul li.active a{color: #222; border: 1px solid #222;}
.bk_live_tit{font-size: 1rem; font-weight: 500; line-height: 20px; word-break: break-all;}
.bk_live_list_zone{display: flex; align-items: center; margin: 6px 0 12px;}
.bk_live_list_zone span{padding: 1px 2px 0;}
.bk_live_list_zone span img{width: 14px;}
.bk_live_mem{font-size: 0.875rem; font-weight: 400; color: #999; padding-right: 14px;}
.bk_live_zone{position: relative; font-size: 0.875rem; font-weight: 400; color: #999;}
.bk_live_zone:before{content: ""; width: 1px; height: 10px; background: #666; position: absolute; left: -7px; top: 2px; opacity: 0.5;}
.bk_live_price{font-size: 1rem; font-weight: 400; color: #6aaae4;}
.bk_live_list_timebox{overflow-x: auto; overflow-y: hidden; white-space: nowrap; background: #f8f8f8; padding: 15px 0 15px 15px;}
.reser_time_select .bk_live_list_timebox{background: #fff;padding: 0 0 12px 8px;}
.reser_time_select .bk_live_list_timebox > ul li {padding: 14px 10px 14px;width: auto;}
.reser_time_select .bk_live_time {margin-bottom: 0;}
.bk_live_list_timebox > ul{width: auto; font-size: 0; transform: translate3d(0px, 0px, 0px);}
.bk_live_list_timebox > ul li{display: inline-block; background: #fff; width: 100px; border-radius: 4px; border:1px solid #ddd; margin-right: 10px; padding: 14px 10px 20px;}
.bk_live_list_timebox > ul li.active{background-color: #c2e3fe; border: 1px solid #59a9ed;}
.bk_live_list_timebox > ul li a{display: block; font-size: 0.875rem; color: #333;}
.bk_live_hole{font-weight: 500; margin-bottom: 6px; text-overflow: ellipsis; overflow: hidden; line-height: normal;}
.bk_live_time{margin-bottom: 6px;}
.bk_live_select > ul{display: flex; align-items: center;flex-wrap: wrap;justify-content: space-between;}
/* .bk_live_select02 > ul li{margin-left: 10px;width: 49%;} */
.bk_live_select > ul li{margin-left: 10px;width: 49%;}
.bk_live_select > ul li:first-child{margin-left: 0;}
.bk_live_select > ul li a{display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; background: #f8f8f8; border-radius: 50px; padding: 9px 9px; font-size: 14px; font-weight: 500; color: #999;}
.bk_live_select > ul li.active a{border: 1px solid #04599e; background: #04599e; color: #fff;}
.bk_live_btnbox{position: fixed; bottom: 0; z-index: 20000; width: 100%; height: 54px; display: flex;}
.bk_live_btn01{width: 15%; background: url("https://mapp.pacificlinks.co.kr/mobile/zones/img/ico_kkt.png")no-repeat #e4d83c; background-position: 50%; background-size: 30px 30px;}
.bk_live_btn02{width: 30%;}
.bk_live_btn02 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;}
.bk_live_btn03{width: 55%;}
.bk_live_btn03 button{display: block; width: 100%; height: 100%; background: #04599e; color: #fff; font-size: 1.125rem; font-weight: 500; font-family: 'Noto Sans Kr'; border: 0;}
.bk_live_btn04{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #04599e; color: #fff; font-size: 1.125rem; font-weight: 500; border: 0;}
.bk_live_btn04:hover{background: #04599e;}
.bk_live_detailbox{padding: 17px 0; border-bottom: 10px solid #f8f8f8;}
.bk_live_detailbox > ul{padding: 0 10px;}
.bk_live_detailbox > ul li{display: flex; align-items: first; justify-content: space-between; margin-top: 10px;}
.bk_live_detailbox > ul li:last-child{margin-top: 24px; margin-bottom: 0;}
.bk_live_detail_list{font-size: 0.875rem; color: #888;}
.bk_live_detail_list_b{font-size: 1rem; color: #6aaae4; font-weight: 500;}
.bk_live_detail_name{font-size: 0.875rem; color: #222;}
.bk_live_detail_name_b{font-size: 1rem; color: #6aaae4; font-weight: 400;}
.bk_live_detail_name_c{font-size: 0.875rem; color: #6aaae4; font-weight: 400;}
.bk_live_detail_name_d{font-size: 0.875rem; font-weight: 500;}
.bk_live_detail_name_e{font-size: 1rem; color: #6aaae4; font-weight: 500; line-height: 20px; text-align: right;}
.bk_live_detail_name_e span{font-size: 0.75rem; color: #222; font-weight: 300;}
.bk_live_detail_tit{font-size: 0.938rem; font-weight: 500; padding: 0 10px;}
.bk_live_notice{padding: 17px 0; border-bottom: 10px solid #f8f8f8;}
.bk_live_notice > ul{padding: 0 10px;}
.bk_live_notice > ul li{font-size: 0.75rem; color: #222; line-height: 16px; margin-top: 6px; position: relative; padding-left: 8px;}
.bk_live_notice > ul li:before{content: "-"; position: absolute; left: 0; top: 0; font-size: 0.75rem;}
.bk_live_rule_txt01{font-size: 0.75rem; color: #222; line-height: 16px; padding: 0 10px; margin-bottom: 20px;}
.bk_live_rule{padding: 17px 0; border-bottom: 10px solid #f8f8f8;}
.bk_live_rule > ul{padding: 0 10px;}
.bk_live_rule > ul li{font-size: 0.813rem; font-weight: 400; color: #e75854; line-height: 18px; padding-left: 14px; margin-bottom: 4px; position: relative;}
.bk_live_rule > ul li:before{content: "※"; position: absolute; left: 0; top: 0; font-size: 0.813rem;}
.bk_live_agree{padding: 17px 10px; font-size: 0.75rem; color: #222; line-height: 18px;}
.bk_live_agree a{font-weight: 400; color: blue; text-decoration: underline; text-underline-position: under;}
.bk_live_agree_btn{padding: 0 10px;}
.bk_live_agree_btn a{display: block; background: #04599e; font-size: 1.125rem; font-weight: 500; color: #fff; text-align: center; padding: 16px 0; border-radius: 30px;}
.bk_self_surfbox{position: relative; margin-top: 15px}
.bk_self_surf{display: flex; align-items: center; justify-content: space-between; border: 1px solid #ccc; border-radius: 6px; padding: 0 14px;}
.bk_self_surf input[type="search"]{width: 100%; background: #fff; padding: 14px 10px; font-size: 0.875rem;}
.bk_self_surf button{background: none; border: none;}
.bk_self_surf_sub{position: absolute; width: 100%; min-height: 70vh; background: #fff; padding-top: 10px; z-index: 999;}
.bk_self_surf_sub > ul li a{display: block; border-bottom: 1px solid #ddd; padding: 16px 10px;}
.bk_self_club{font-size: 0.875rem; font-weight: 400; color: #666; margin-bottom: 6px;}
.bk_self_club span{color: #6aaae4;}
.bk_self_zone{font-size: 0.75rem; font-weight: 400; color: #999;}
.bk_self_surf_history{overflow: hidden; margin-top: 30px; position: relative;}
.bk_self_surf_history p{font-size: 1rem; font-weight: 500;}
.bk_self_surf_history .btn_del{position: absolute; right: 0; top: 0; background: #fff; border: none; font-size: 0.875rem; color: #999;}
.bk_self_surf_history > ul{margin-top: 10px;}
.bk_self_surf_history > ul li{display: flex; align-items: center; justify-content: space-between; position: relative;}
.bk_self_surf_history > ul li a{display: block; padding: 14px 0; padding-left: 20px; font-size: 0.875rem; font-weight: 400; color: #666;}
.bk_self_surf_history > ul li a:before{content: ""; width: 15px; height: 15px; background: url(../img/ico_time.png) no-repeat center; background-size: 15px 15px; position: absolute;  left: 0;  top: 13px;}
.bk_self_surf_history > ul li button{background: none; border: none;}
.surf_stick{position: sticky; top: 60px; background: #fff; padding: 6px 0 10px;}
.bk_self_delebox{display: flex; align-items: center;}
.bk_self_dele{position: relative;}
.bk_self_dele input[type="radio"]{display: none;}
.bk_self_dele input[type="radio"] + label{padding-left: 25px; display: inline-block; height: 20px; background: url("https://mapp.pacificlinks.co.kr/mobile/zones/css/../img/radiobox.png") no-repeat; background-size: 20px 40px; font-size: 0.875rem; line-height: 20px; color: #333; margin-right: 10px;}
.bk_self_dele input[type="radio"]:checked + label{background-position: 0 -20px;}
.bk_self_dele_add{margin-top: 16px;}
.bk_self_dele_add input[type="text"]{background: #fff !important;}
.bk_self_dele_time{display: flex; align-items: center; justify-content: space-between;}
.bk_self_dele_time input[type="text"]{width: 30% !important; background: #fff !important;}

.bk_easybox{padding: 35px 10px 10px;}
.bk_easytit{text-align: center; font-size: 1.875rem; font-weight: 700; padding: 0 25px; letter-spacing: -1px;}
.bk_easybox > ul li a{display: flex; align-items: center; padding: 20px 14px; border-radius: 10px; margin-top: 10px;}
.bk_easybox > ul li a:after{content: ""; width: 13px; height: 13px; background: url(../img/ico_arrow02.png) no-repeat center; background-size: 13px 13px; position: absolute; right: 24px;}
.bk_easybox > ul li a img{width: 70px; margin-right: 10px;}
.bk_easybox > ul li a dl dt{font-size: 1.125rem; font-weight: 700; color: #222; margin-bottom: 12px;}
.bk_easybox > ul li a dl dd{font-size: 0.875rem; font-weight: 400; color: #444; margin-bottom: 3px;}
.bk_easybox > ul li a dl dd:last-child{margin-bottom: 0;}
.bk_easynotice{background: #F4F7FC; padding: 10px; margin: 20px 10px 40px;}
.bk_easynotice dl{position: relative; margin-bottom: 16px;}
.bk_easynotice dl:last-child{margin-bottom: 0;}
.bk_easynotice dl dt{font-size: 0.75rem; font-weight: 700; color: #222; margin-bottom: 6px; padding-left: 14px;}
.bk_easynotice dl dt:before{content: "※"; position: absolute; left: 0; top: 0; font-size: 0.813rem; font-weight: 400;}
.bk_easynotice dl dd{font-size: 0.75rem; font-weight: 400; color: #222; line-height: 14px; padding-left: 14px;}

.bk_simplebox{padding: 0 10px;}
.bk_simplemenu a{display: flex; align-items: center; padding: 20px 14px; border-radius: 10px; margin-top: 10px;}
.bk_simplemenu a img{width: 70px; margin-right: 10px;}
.bk_simplemenu a p{font-size: 1.875rem; font-weight: 700; color: #fff;}
.bk_simplemenu a:after{content: ""; width: 13px; height: 13px; background: url(../img/ico_arrow03.png) no-repeat center; background-size: 13px 13px; position: absolute; right: 24px;}
.bk_simplemenubox{display: flex; align-items: center; justify-content: space-between; margin-top: 6px;}
/*.bk_simplemenubox a{width: 49%; display: flex; flex-direction: column; align-items: center; padding: 20px 0; border-radius: 10px; position: relative;}
.bk_simplemenubox a img{width: 70px;}
.bk_simplemenubox a p{font-size: 1.25rem; font-weight: 500; color: #fff; margin-top: 10px;}*/
.bk_simplemenuzone{width: 49%; position: relative;}
.bk_simplemenuspot{display: flex; flex-direction: column; align-items: center; padding: 20px 0; border-radius: 10px; position: relative;}
.bk_simplemenuspot img{width: 70px;}
.bk_simplemenuspot p{font-size: 1.25rem; font-weight: 500; color: #fff; margin-top: 10px;}
.bk_simplemenupay{display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; background: #f20b48; border-radius: 100%; font-size: 1.25rem; font-weight: 700; border: navajowhite; position: absolute; right: 10px; top: 16px; z-index: 999;}
.bk_simplepart_box {padding: 0 10px;}
.bk_simplepart{display: inline-block;width: 49%;}
.bk_simplepart a{display: flex; align-items: center; padding: 10px 8px 10px 10px; background: #a89174; border-radius: 10px; margin-top: 10px;}
.bk_simplepart a img{width: 37px; margin-right: 8px;}
.bk_simplepart a p{font-size: 15px; line-height: 24px;font-weight: 500; color: #fff;}
.bk_simplepart a:after{content: ""; width: 13px; height: 13px; background: url(../img/ico_arrow03.png) no-repeat center; background-size: 13px 13px; position: absolute; right: 24px;display: none;}
.bk_simplenoti{background: #eee; margin: 10px; padding: 10px; display: flex; align-items: center; border-radius: 4px;}
.bk_simplenoti p{font-size: 0.875rem; font-weight: 500; color: #333;}
.bk_simplenoti a{background: #666; font-size: 0.75rem; color: #fff; padding: 4px 8px; border-radius: 12px; margin-left: 10px;}
.bk_payinfo{display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; text-align: center; line-height: 24px; color: #fff; background: #f20b48; border-radius: 100%; font-size: 0.875rem; font-weight: 700; border: navajowhite; position: absolute; right: 10px; top: 16px;}

input::-ms-clear, input::-ms-reveal{display: none;}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration{display: none;}

input::placeholder{color: #ccc;}
input::-webkit-input-placeholder{color: #ccc;}
input:-ms-input-placeholder{color: #ccc;}

.bk_infopop_noti{background: #F4F7FC; padding: 8px; margin-bottom: 30px;}
.bk_infopop_noti p{font-size: 0.813rem; font-weight: 400; line-height: 16px;}
.bk_infopop_noti b{font-weight: 700;}
.bk_infopop_noti a{display: inline-block; background: #666; font-size: 0.75rem; color: #fff; padding: 4px 8px; border-radius: 12px; margin-top: 6px;}
.bk_infopop_noti02{font-size: 0.813rem; line-height: 16px; color: #666;}
.bk_infopop_list{border-radius: 10px; margin-bottom: 20px;}
.bk_infopop_tit{display: flex; align-items: center; padding: 10px;}
.bk_infopop_tit img{width: 40px; margin-right: 6px;}
.bk_infopop_tit p{font-size: 1.125rem; font-weight: 500; color: #fff;}
.bk_infopop_txt{font-size: 0.813rem; color: #000; line-height: 18px; padding: 14px 10px;}

.popup_copybox{position: absolute; width: 100%; max-width: 94vw; top: 10%; left: 50%; transform: translate(-50%, 0);}
.popup_copylist{background: #fff; padding: 16px 16px 30px; border-radius: 14px 14px 0 0;}
.popup_copytxt{height: 340px; overflow-y: scroll; padding: 10px; border: 1px solid #ddd; border-radius: 14px;}
.popup_copytxt::-webkit-scrollbar{display: none;}
.popup_copytxt p{font-size: 0.938rem; line-height: 20px;}
.popup_copybtn{display: flex; align-items: center;}
.popup_copybtn a{display: block; padding: 18px 0; font-size: 1rem; font-weight: 500; color: #fff; text-align: center;}

.my_clubbox{padding: 16px; border-radius: 10px; margin-top: 10px;}
.my_clubbox a{display: inline-block; background: #555; padding: 4px 8px; font-size: 0.75rem; color: #fff; border-radius: 24px; margin-top: 10px;}
.my_clubtxt01{display: inline-block; font-size: 0.688rem; font-weight: 500; color: #fff; border: 1px solid #fff; padding: 3px;}
.my_clubtxt02{font-size: 1.25rem; font-weight: 700; color: #fff; margin: 6px 0 3px;}
.my_clubtxt03{font-size: 0.813rem; font-weight: 500; color: #fff;}

.popup_clubtap > ul{display: flex; align-items: flex-start; justify-content: center; gap: 30px;}
.popup_clubtap > ul li a{display: flex; flex-direction: column;}
.popup_clubtap > ul li a p{font-size: 0.813rem; font-weight: 400; color: #222; line-height: 15px; text-align: center; margin-top: 4px;}
.popup_clubtap .active a p{font-weight: 700;}
.popup_clubtap .active .popup_club_r{background: #aaa; border: 1px solid #aaa; color: #fff;}
.popup_clubtap .active .popup_club_g{background: #10b15f; border: 1px solid #10b15f; color: #fff;}
.popup_clubtap .active .popup_club_p{background: #c99b51; border: 1px solid #c99b51; color: #fff;}
.popup_club_r{display: block; width: 70px; height: 70px; border-radius: 50%; border: 1px solid #ddd; text-align: center; line-height: 70px; font-size: 1.5rem; font-weight: 700; color: #aaa;}
.popup_club_g{display: block; width: 70px; height: 70px; border-radius: 50%; border: 1px solid #ddd; text-align: center; line-height: 70px; font-size: 1.5rem; font-weight: 700; color: #10b15f;}
.popup_club_p{display: block; width: 70px; height: 70px; border-radius: 50%; border: 1px solid #ddd; text-align: center; line-height: 70px; font-size: 1.5rem; font-weight: 700; color: #c99b51;}
.popup_clubinfo{background: #f8f8f8; padding: 16px 10px; margin-top: 14px;}
.popup_clubinfo p{font-size: 1.25rem; font-weight: 700; margin-bottom: 4px;}
.popup_clubinfo span{font-size: 0.813rem; font-weight: 400; color: #888;}
.popup_clubinfo_list{margin-top: 16px;}
.popup_clubinfo_list > ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.popup_clubinfo_list > ul li{width: 47%; box-shadow: 0 1px 6px rgba(0,0,0,.1); margin-bottom: 20px;}
.popup_clubinfo_txt{position: relative; width: 100%; height: 180px; background: #fff;}
.popup_clubinfo_txt > dl{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 144px; padding: 14px 0;}
.popup_clubinfo_txt > dl dt{font-size: 1rem; font-weight: 500; line-height: 18px; margin-bottom: 10px; letter-spacing: -1px;}
.popup_clubinfo_txt > dl dd{font-size: 1.5rem; font-weight: 700; letter-spacing: -1px;}
.popup_clubinfo_txt span{display: flex; align-items: center; justify-content: center; height: 36px; font-size: 0.75rem; color: #fff; line-height: 14px; text-align: center;}
.popup_clubinfo_txt span:before{content: ""; position: absolute; background: #f8f8f8; width: 14px; height: 14px; border-radius: 50%; bottom: 11px; left: -9px;}
.popup_clubinfo_txt span:after{content: ""; position: absolute; background: #f8f8f8; width: 14px; height: 14px; border-radius: 50%; bottom: 11px; right: -9px;}
.popup_clubinfo_noti{background: #F4F7FC; padding: 10px;}
.popup_clubinfo_noti > ul li{font-size: 0.813rem; font-weight: 400; color: #333; line-height: 17px; position: relative; padding-left: 13px; margin-bottom: 5px;}
.popup_clubinfo_noti ul li:last-child{margin-bottom: 0;}
.popup_clubinfo_noti ul li:before{content: "※"; position: absolute; left: 0; top: 0; font-size: 0.813rem;}
.popup_clubinfo_noti02{background: #F8f8f8; padding: 16px 10px;}
.popup_clubinfo_noti02 p{font-size: 1rem; font-weight: 700; color: #333; margin-bottom: 8px;}
.popup_clubinfo_noti02 > ul li{font-size: 0.813rem; font-weight: 400; color: #333; line-height: 17px; position: relative; padding-left: 13px; margin-bottom: 5px;}
.popup_clubinfo_noti02 ul li:last-child{margin-bottom: 0;}
.popup_clubinfo_noti02 ul li:before{content: "-"; position: absolute; left: 0; top: 0; font-size: 0.813rem;}

.main_tour_package{padding: 40px 10px 0;}
.mt_tab{overflow: hidden; margin: 20px 0;}
.mt_tab > ul{display: flex; align-items: center; justify-content: center;}
.mt_tab > ul li{width: 50%;}
.mt_tab > ul li.on a{color: #222; border-bottom: 3px solid #222;}
.mt_tab > ul li a{display: block; padding: 10px 0; font-size: 1.125rem; font-weight: 500; color: #bbb; text-align: center;}
.mt_tit{font-size: 1.25rem; font-weight: 500; text-align: center; padding: 20px 0 40px;}
.mt_listbox{overflow: hidden;}
.mt_listbox > ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.mt_listbox > ul li{width: 48.5%; margin-bottom: 10px;}
.mt_listbox > ul li a{display: block;}
.mt_info_gal{display: block; width: 100%; height: 180px;}
.mt_info_gal img{width: 100%; height: 100%; object-fit: cover;}
.mt_info_txtbox{height: 180px; padding: 12px 6px;}
.mt_info_txt01{display: inline-block; background: #04599e; padding: 3px 8px; font-size: 0.688rem; color: #fff; border-radius: 20px; margin-bottom: 6px;}
.mt_info_txt02{font-size: 1rem; font-weight: 700; color: #222; line-height: 18px; margin-bottom: 4px; letter-spacing: -0.5px;}
.mt_info_txt03{font-size: 1rem; font-weight: 400; color: #222; line-height: 18px; letter-spacing: -1px;}
.mt_info_txt04{font-size: 0.75rem; font-weight: 400; color: #90acc5; line-height: 14px; margin: 8px 0;}
.mt_info_txt05{font-size: 1rem; font-weight: 700; color: #222;}

.mp_select{width: 100%; height: 42px; line-height: 42px; border: 1px solid #ccc; background: #fff; padding-left: 10px; text-align: left; font-size: 14px; font-weight: 400; color: #222;}


.step_list{width: 100%; display: flex; justify-content: space-between;}
.step_list > li{position: relative; display: flex; flex-direction: column; align-items: center; flex: 1;}
.step_list > li div:before{content: 'x'; position: absolute; top: 2px; left: calc(50% - 25px); z-index: 1; width: 50px; height: 50px; color: white; border: 2px solid white; border-radius: 25px; line-height: 45px; background: #aaa; padding-left: 18px; font-size: 1rem; font-weight: 500;}
.step_list > li.active div:before{content: '\2714'; animation: changeBackground .5s linear; animation-fill-mode: forwards;}
.step_list > li span{display: inline-block; padding-top: 56px; font-size: 0.875rem; font-weight: 500; line-height: normal; color: #aaa; vertical-align: top; position: relative; text-align: center; overflow: hidden; text-overflow: ellipsis;}
.step_list > li.active span{color: #6aaae4;}
.step_list > li:before{background: #aaa; position: absolute; content: ''; bottom: 44px; height: 3px; width: 100%;}
.step_list > li:after{background: #aaa; position: absolute; content: ''; bottom: 44px; height: 3px; width: 100%;}
.step_list > li.active:before{background: #6aaae4;}
.step_list > li.active:after{background: #6aaae4;}
@keyframes changeBackground {
  from{background: #aaa;}
  to{background: #6aaae4;}
}

.step_list > li.active.stay div:before{box-shadow: 0 0 0 2px #6aaae4;}

.coop_box{border-top: 2px solid #555; word-break: keep-all; word-wrap: break-word;}
.coop_titbox{position: relative; display: flex; justify-content: space-between; height: 50px; padding: 0 38px 0 10px; align-items: center; border-bottom: 1px solid #ddd;}
.coop_titbox:after{content: ""; position: absolute; top: 50%; right: 15px; margin-top: -6px; background: url("https://mapp.pacificlinks.co.kr/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%;}
.coop_titbox.on:after{transform: rotate(-180deg);}
.coop_tit{font-size: 1rem; font-weight: 500; padding-right: 10px;}
.coop_name{font-size: 0.875rem; font-weight: 300;}
.coop_txt{font-size: 0.938rem; font-weight: 300; line-height: 18px; flex: 1; padding-right: 10px;}
.coop_num{font-size: 0.938rem; font-weight: 400; color: #6aaae4;}
.coop_img{padding-right: 6px;}
.coop_img img{width: 18px;}
.coop_map img{width: 18px;}
.coop_listbox{padding: 0 10px;}
.coop_list > ul li{display: flex; align-items: center; height: 50px; border-bottom: 1px solid #ddd; padding: 0 5px;}
.coop_list > ul li:first-child{border-top: 1px solid #ddd;}

.gb_state_box{margin-bottom: 50px;}
.gb_state_tit{font-size: 1.125rem; font-weight: 500; color: #222; margin-bottom: 10px;}
.gb_state_con01{margin-bottom: 20px;}
.gb_state_con01 > ul{display: flex; gap: 10px; flex-wrap: wrap;}
.gb_state_con01 > ul li{width: calc(33.3333333333% - 7px); border: 1px solid #ddd; border-radius: 12px; min-height: 120px;}
.gb_state_con01 > ul li.active{border: 2px solid #04599e;}
.gb_state_con01 > ul li a{display: flex; align-items: center; flex-direction: column; padding: 16px 4px;}
.gb_state_con01 > ul li a span img{width: 36px;}
.gb_state_con01 > ul li a h8{font-size: 1rem; font-weight: 500; color: #222; line-height: 18px; text-align: center; word-break: keep-all; margin: 6px 0 3px;}
.gb_state_con01 > ul li a p{font-size: 0.813rem; font-weight: 400; color: #222;}
.gb_state_con02 > ul li{display: flex; align-items: center; justify-content: space-between; padding: 0 4px; border-top: 1px solid #ddd;}
.gb_state_con02 > ul li:last-child{border-bottom: 1px solid #ddd;}
.gb_state_num{font-size: 1.25rem; font-weight: 700; text-align: right; padding-right: 14px; width: 8%; display: flex; justify-content: center;}
.gb_state_list{width: 100%; display: flex; flex-direction: column; justify-content: center; height: 78px;}
.gb_state_nav{display: flex; margin-bottom: 4px;}
.gb_state_nav span{font-size: 0.813rem;}
.gb_state_nav span:last-child:before{content: ">"; margin: 0 6px;}
.gb_state_item{display: flex; justify-content: space-between; align-items: center;}
.gb_state_item p{font-size: 1rem; font-weight: 400; line-height: 19px; flex: 1; padding-right: 14px;}
.gb_state_btn{display: flex;}
.gb_state_btn button{background: none; border: none; padding: 0;}
.gb_state_btn button img{width: 20px;}

.gb_nation_box{margin-bottom: 50px;}
.gb_nation_tit{font-size: 1.125rem; font-weight: 500; color: #222; margin-bottom: 10px;}
.gb_nation_con01{margin-bottom: 50px;}
.gb_nation_con01 > ul{display: flex; gap: 10px; flex-wrap: wrap;}
.gb_nation_con01 > ul li{width: calc(33.3333333333% - 7px); border: 1px solid #ddd; border-radius: 12px; min-height: 155px;}
.gb_nation_con01 > ul li.active{border: 2px solid #04599e;}
.gb_nation_info{display: flex; align-items: center; flex-direction: column; padding: 16px 4px;justify-content: center;height: 100%;}
.gb_nation_info .gb_nation_flag{}

.gb_nation_flag img{width: 36px;border: 1px solid #dddddd;}
.gb_nation_name_kr{font-size: 15px; font-weight: 500; color: #222; line-height: 18px; text-align: center; word-break: keep-all; margin-top: 6px;}
.gb_nation_name_en{font-size: 0.813rem; font-weight: 400; color: #999; line-height: 14px; text-align: center; word-break: keep-all; margin-top: 2px;}
.gb_nation_num{font-size: 0.813rem; font-weight: 500; color: #222; text-align: center; margin-top: 10px;}
/*.gb_nation_con02 > ul li{display: flex; align-items: center; justify-content: space-between; padding: 0 4px; border-top: 1px solid #ddd;}*/
/*.gb_nation_con02 > ul li:last-child{border-bottom: 1px solid #ddd;}*/
.gb_nation_con02 > ul li{display: flex; align-items: center; justify-content: space-between; padding: 0 10px; border: 1px solid #ddd; border-radius: 10px; margin-bottom: 20px;}
.gb_nation_lank{font-size: 1.25rem; font-weight: 700; text-align: right; padding-right: 14px; width: 8%; display: flex; justify-content: center;}
.gb_nation_list{width: 100%; display: flex; flex-direction: column; justify-content: center; height: 170px;}
.gb_nation_nav_kr{display: flex; margin-bottom: 2px;}
.gb_nation_nav_kr span{font-size: 0.813rem;}
.gb_nation_nav_kr span:nth-child(2):before{content: ">"; margin: 0 6px;}
.gb_nation_nav_kr span:nth-child(3):before{content: ">"; margin: 0 6px;}
.gb_nation_nav_en{display: flex; margin-bottom: 6px; color: #999;}
.gb_nation_nav_en span{font-size: 0.813rem;}
.gb_nation_nav_en span:nth-child(2):before{content: ">"; margin: 0 6px;}
.gb_nation_nav_en span:nth-child(3):before{content: ">"; margin: 0 6px;}
.gb_nation_item{display: flex; justify-content: space-between; align-items: center;}
.gb_nation_item p{font-size: 1rem; font-weight: 400; line-height: 19px; flex: 1; padding-right: 14px;}
.gb_nation_area{display: flex; flex-direction: column; padding-right: 14px;}
.gb_nation_area_kr{font-size: 1.063rem; font-weight: 500; line-height: 20px; margin-bottom: 2px;}
.gb_nation_area_en{font-size: 0.875rem; font-weight: 400; color: #999; line-height: 15px;}
.gb_nation_btn{display: flex; justify-content: flex-end;}
.gb_nation_btn a{display: block;}
.gb_nation_btn a:nth-child(2) {margin: 0 10px;}
.gb_nation_btn a img{width: 34px;}
.gb_nation_searchbox{display: flex; align-items: center; justify-content: space-between;}
.gb_nation_selelctbox{display: flex;}
.gb_nation_select{height: 38px; border: 1px solid #ddd; border-radius: 4px; padding: 0 6px; background-color: #fff; font-size: 1rem; font-weight: 400; appearance: none; background: url(https://mapp.pacificlinks.co.kr/mobile/zones/img/ico_drop.png) no-repeat 96% 50%; background-size: 16px;color: #000;}
.gb_nation_total{font-size: 1rem; font-weight: 700;}
.gb_nation_map{position: absolute; top: 10px; left: 10px; background: #444; padding: 12px; font-size: 1rem; font-weight: 500; text-align: center; color: #fff; border-radius: 4px; z-index:100;}
.gb_nation_ico{display: flex; align-items: center; margin-top: 14px;}
.gb_nation_ico_coop{display: flex; align-items: center; border: 1px solid #666; padding: 4px 8px; border-radius: 6px;}
.gb_nation_ico_coop img{width: 18px; margin-right: 4px;}
.gb_nation_ico_coop span{font-size: 0.938rem; font-weight: 400; color: #666;}
/*.gb_nation_ico_coop_on{display: flex; align-items: center; border: none; padding: 4px 8px; border-radius: 6px; background: #c5e1fe;}
.gb_nation_ico_coop_on img{width: 16px; margin-right: 4px;}
.gb_nation_ico_coop_on span{font-size: 0.938rem; font-weight: 400; color: #0a14f3;}
.gb_nation_ico_coop_off{display: flex; align-items: center; border: none; padding: 4px 8px; border-radius: 6px; background: #fdcfe2;}
.gb_nation_ico_coop_off img{width: 16px; margin-right: 4px;}
.gb_nation_ico_coop_off span{font-size: 0.938rem; font-weight: 400; color: #d11616;}*/
.gb_nation_ico_check{display: flex; align-items: center; background: none; border: 1px solid #666; padding: 4px 8px; border-radius: 6px; margin-left: 25px;}
.gb_nation_ico_check img{width: 18px; margin-right: 4px;}
.gb_nation_ico_check span{font-size: 0.938rem; font-weight: 400; color: #666;}









/* 글로벌 골프코스 리뉴얼 */
.usage_des {color: #161D92;font-size: 16px;background: #ECF5FF;border-radius: 6px;display: inline-block;padding: 7px 10px;font-weight: 500;margin-bottom: 20px;}
.global_course_sch {display: flex;justify-content: space-between;}
.global_course_sch .country_sch {width: 49%;}
.global_course_sch .country_sch .bk_self_surf {margin-bottom: 12px;}

.global_course_sch .country_list {border: 1px solid #ddd;padding: 10px 10px;height: 866px;overflow-y: scroll;}
.global_course_sch .country_list::-webkit-scrollbar {width: 4px;}
.global_course_sch .country_list::-webkit-scrollbar-thumb {background: #DDDDDD;}
.global_course_sch .country_list ul li {display: flex;padding: 10px 9px;transition: all 0.2s;cursor: pointer;}
.global_course_sch .country_list ul li.active {background: #DCE9F7;}
.global_course_sch .country_list ul li:hover {background: #DCE9F7;}
.global_course_sch .country_list ul li:last-child {margin-bottom: 0;}
.global_course_sch .country_list img {width: 30px;border: 1px solid #eee;}
.global_course_sch .country_list .flag {margin-right: 10px;}
.global_course_sch .country_list .country_name {font-size: 13px;color: #000;display: block;line-height: 12px;margin-bottom: 1px;font-weight: 500;}
.global_course_sch .country_list .country_name_en {color: #999;font-size: 12px;line-height: 16px;}
.global_course_sch .country_list .num {font-size: 14px;color: #D11616;line-height: 26px;margin-left: auto;}
.global_course_sch .golf_sch {width: 49%;}
.global_course_sch .golf_sch .nation_name {font-size: 14px;font-weight: 400;display: block;white-space: nowrap;position: relative;padding-right: 10px;margin-right: 10px;}
.global_course_sch .golf_sch .nation_name:after {content: '';position: absolute;right: 0;top: 3px;width: 1px;height: 13px;background: #666;}
.global_course_sch .golf_sch .gb_nation_select {padding: 0 10px;}
.global_course_sch .gb_nation_total_wrap {margin-top: 30px;display: flex;justify-content: space-between;align-items: flex-end;}
.global_course_sch .golf_sch .gb_nation_total {font-size: 16px;}
.global_course_sch .golf_sch .gb_nation_total span {font-size: 16px;}
.global_course_sch .golf_sch .golf_sch_btn_group {margin-left: auto;}
.global_course_sch .golf_list {margin-top: 10px;}
.global_course_sch .golf_list {height: 783px;overflow-y: scroll;}
.global_course_sch .golf_list::-webkit-scrollbar {width: 4px;}
.global_course_sch .golf_list::-webkit-scrollbar-thumb {background: #DDDDDD;}
.global_course_sch .golf_list ul li {border: 1px solid #ddd;border-radius: 10px;padding: 11px 10px 13px;margin-bottom: 20px;position: relative;}
.global_course_sch .golf_list .country_info {display: flex;}
.global_course_sch .golf_list .flag {display: inline-block;margin-right: 5px;vertical-align: middle;}
.global_course_sch .golf_list .flag img {width: 36px;border: 1px solid #eee;}
.global_course_sch .golf_list .tag {display: inline-block;vertical-align: middle;}
.global_course_sch .golf_list .tag div {line-height: 12px;}
.global_course_sch .golf_list .tag div.tag_kr {margin-bottom: 2px;}
.global_course_sch .golf_list .tag span {font-size: 13px;color: #000;display: inline-block;margin-right: 5px;}
.global_course_sch .golf_list .tag .tag_en span {color: #999;}
.global_course_sch .golf_list .gb_nation_btn {position: absolute;bottom: 8px;right: 10px;}
.global_course_sch .golf_list .golf_name {font-size: 16px;color: #000;font-weight: 500;margin-top: 6px;width: 100%;}
.global_course_sch .golf_list .golf_name_en {font-size: 14px;color: #999;margin-bottom: 13px;line-height: 20px;word-break: break-all;}
.global_course_sch .golf_list .golf_type span {padding: 3px 8px;border-radius: 4px;color: #000;font-size: 13px;background: #DCE9F7;display: inline-block;}
.global_course_sch .golf_list .golf_type span img {width: 16px;vertical-align: sub;margin-right: 4px;}
.global_course_sch .golf_list .golf_type span.usage_info {background: #DAF3C2;}
.global_course_sch .bk_self_surf input[type="search"] {width: 69%;padding: 14px 0px;}
.global_course_sch .bk_self_surf input[type="search"]::placeholder {color: #BBBBBB;}
.global_course_sch .bk_self_surf button.sch_btn {margin-left: 0px;padding: 0;}
.global_course_sch #search_del, .global_course_sch #search_del2 {display: none;}
.global_course_sch .list_reload {order: 1;}
.global_course_sch .list_reload button {background: #888;border-radius: 4px;color: #fff;padding: 0 5px;height: 27px;font-size: 12px;border: none;}
.global_course_sch .list_reload img {width: 12px;vertical-align: middle;}
.global_course_sch .list_reload span {font-size: 12px;vertical-align: middle;color: #fff;}


@media screen and (max-width: 960px) {
	.global_course_sch {display: block;position: relative;}
	.global_course_sch.active:after {content: '';position: absolute;top: 0;left: -10px;background: #f4f4f4;z-index: -1;width: calc(100% + 20px);height: 284px;}
	.global_course_sch .country_sch {width: 100%;padding-top: 20px;position: relative;}
	/* .global_course_sch .country_sch:after {content: '';position: absolute;top: 0;left: -21px;background: #f4f4f4;z-index: -1;width: calc(100% + 42px);height: 127px;} */
	.global_course_sch .country_sch .bk_self_surf {margin-bottom: 20px;}
	.global_course_sch .country_list {width: 100%;padding: 0;border:none;height: auto;margin-bottom: 30px;position: relative;overflow-y: visible;}
	.global_course_sch .country_list ul {display: flex;flex-wrap: wrap;gap: 14px;}
	.global_course_sch .country_list ul li {transition: none;flex-direction: column;text-align: center;border: 1px solid #ddd;border-radius: 6px;padding: 16px 9px 10px;box-sizing: border-box;width: calc(33.3% - (14px * 2 / 3));}
    .global_course_sch .country_list.active {height: 57px;margin-bottom: 0;}
    .global_course_sch .country_list.active ul:after {content: '';position: absolute;top: 22px;right: 9px;width: 12px;height: 12px;background: url(https://mapp.pacificlinks.co.kr/mobile/zones/img/ico_drop.png) no-repeat;background-size: 12px;transform: rotate(180deg);transition: all 0.2s;}
    .global_course_sch .country_list.active ul.afterOn:after {transform: rotate(0);}
	
    .global_course_sch .country_list.active ul {position: absolute;left: 0;width: 100%;padding: 0;z-index: 100;gap: 0px;background: #f4f4f4;}
    .global_course_sch .country_list.active ul li{flex-direction: row;width: 100%;border: none;border-radius: 0;}
    .global_course_sch .country_list.active .flag {margin-right: 10px;}
    .global_course_sch .country_list.active .name {text-align: left;}
    .global_course_sch .country_list.active .num {margin-right: 18px;margin-left: auto;}

    .global_course_sch .country_list .flag {margin-right: 0;}
	.global_course_sch .country_list img {width: 38px;}
	.global_course_sch .country_list .country_name_en {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 10px;line-height: 14px;}
	.global_course_sch .country_list .country_name {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.global_course_sch .country_list .num {line-height: 23px;margin-left: 0;}
	
	.global_course_sch .golf_sch {width: 100%;position: relative;padding-top: 20px;display: none;}
	/* .global_course_sch .golf_sch:after {content: '';position: absolute;top: 0;left: -21px;background: #f4f4f4;z-index: -1;width: calc(100% + 42px);height: 134px;} */
	.global_course_sch .golf_sch form {margin-bottom: 0;height: 48px;}
    
	.global_course_sch .golf_list {height: 900px;}
	.global_course_sch .golf_list ul li {margin-bottom: 18px;}
	.global_course_sch .golf_list .tag span {line-height: 13px;}
	.global_course_sch .golf_list .golf_type {width: 140px;}
	.global_course_sch .golf_list .golf_type span:not(:last-of-type) {margin-bottom: 8px;}
	
	.global_course_sch .gb_nation_select {padding: 0 3px;font-size: 12px;background: #fff url(https://mapp.pacificlinks.co.kr/mobile/zones/img/ico_drop.png) no-repeat 95% 50%;background-size: 12px;}
	.usage_des {font-size: 12px;padding: 5px 8px;letter-spacing: -0.5px;}
	
	/* .global_course_sch .gb_nation_searchbox {position: absolute;bottom: -164px;width: 100%;z-index: 5;} */
	/* .global_course_sch .gb_nation_total_wrap {margin-top: 100px;} */
	.global_course_sch .gb_nation_total_wrap {margin-top: 40px;}
	.global_course_sch .bk_self_surf {background: #fff;}
	.global_course_sch .golf_sch form .search_text_wrap.active {position: fixed;top: 70px;width: calc(100% - 42px);box-sizing: border-box;z-index: 10;}
	.global_course_sch .golf_sch form .search_text_wrap.active:after {content: '';background: #fff;position: absolute;top: -10px;left: -21px;z-index: -1;width: calc(100% + 42px);height: 73px;}
	
	.global_course_sch .golf_sch .nation_name {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width: 73px;}
	.global_course_sch_new .golf_sch {padding-top: 12px;}
	.global_course_sch_new.active:after {height: 160px;}
	.global_course_sch_new .golf_list {height: auto;overflow-y: visible;}

}



/* 포인트/바우처 상단 서비스북 */
.service_book {margin-top: 30px;}
.service_book .banner {width: 100%;}




/* 페이백 진행 현황 */
.payback_status p {font-size: 14px;font-weight: 600;margin-bottom: 6px;color: #222;}
.payback_status .receipt_btn {color: #fff; padding: 6px 22px 6px 14px; border: 0; background: #4475F6 url(https://mapp.pacificlinks.co.kr/mobile/zones/img/next_white.png) 89% 52% no-repeat; background-size: 5.6px 9.3px; display: inline-block; text-align: center; font-size: 14px; border-radius: 30px;margin-bottom: 16px;}
.payback_status .receipt_view {background-color: #FF8951;}
.payback_status .receipt_disabled {background-color: #666;}
.payback_status .status_list {display: flex;text-align: center;justify-content: center;gap: 28px;margin-top: 28px;}
.payback_status .status_list li {position: relative;}
.payback_status .status_list li:before {content: '';display: inline-block;width: 30px;height: 2px;background: #aaa;position: absolute;top: 22px;left: -29px;}
.payback_status .status_list li:first-child:before {width: 15px;left: -12px;}
.payback_status .status_list li:last-child:after {content: '';display: inline-block;width: 15px;height: 2px;background: #aaa;position: absolute;top: 22px;right: -12px;}
.payback_status .status_list li.active:before {background: #6AAAE4;}
.payback_status .status_list li.active:after {background: #6AAAE4;}
.payback_status .status_list li img {width: 44px;}
.payback_status .status_list li span {display: block;color: #aaa;font-weight: 700;font-size: 14px;margin-top: 7px;line-height: 16px;}