@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendard-jp.css");

/* base */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
menu,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0 none;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
select,
textarea {
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
* {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  padding: 0;
  margin: 0;
  outline: none;
}
html,body {
  font-size: 10px;
}
body {
  line-height: 1;
  font-family: "Pretendard JP", Pretendard, -apple-system, BlinkMacSystemFont,
    system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo",
    "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", sans-serif;
  color: #000;
}
form,
img {
  padding: 0;
  margin: 0;
  border: 0 none;
}
img {
  vertical-align: top;
}
blockquote,
q {
  quotes: none;
}
ul,
ol {
  list-style: none;
}
legend,
caption {
  font-size: 0px;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  margin-left: -1px;
}
::-webkit-input-placeholder {
  color: #999999; /* text-align:center; */
  font-size: 14px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="text"],
input[type="password"],
input[type="file"],
input[type="submit"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="date"],
input[type="search"] {
  margin: 0;
  -webkit-appearance: none;
  text-shadow: none;
  -webkit-text-shadow: none;
  font-size: 14px;
  color: #666666;
}
a {
  text-decoration: none;
  color: #000;
  outline: none;
}
a,
input,
label {
  vertical-align: middle;
}

input,
a,
select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}
table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

div.nav {
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

body.hidden {
  overflow: hidden;
}
.swiper-pagination-progressbar {
  background: #ddd;
  height: 4px;
}

.swiper-pagination-progressbar-fill {
  background: #007bff; /* 진행 중 막대 색상 */
  height: 100%;
}
.thin {
  font-weight: 100;
}
.medium {
  font-weight: 500;
}
.bold {
  font-weight: 700;
}
/* common */
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.s_pd {
  margin-top: 10px;
}
.m_pd {
  margin-top: 20px;
}
.b_pd {
  margin-top: 40px;
}
.img100 {
  width: 100%;
}
.tc {
  text-align: center;
}
.form_box {
  font-size: 0;
}
.ip_sel {
  display: block;
  width: 100%;
  height: 29px;
  line-height: 18px;
  padding: 6px 0px 6px 6px;
  -webkit-appearance: none;
  border: 1px solid #d3d3d3;
  box-sizing: border-box;
  color: #888888;
  font-size: 14px;
  background: #fff url("../images/bul_sel.gif") 100% 50% no-repeat;
  background-size: 17px 6px;
}
.ip_txt {
  display: block;
  border: 1px solid #dddddd;
  height: 23px;
  padding: 5px 5px;
  color: #888888;
  background: #fff;
}
.ip_txt input {
  border: none;
  background: none;
  width: 100%;
  text-align: center;
  height: 23px;
  line-height: 23px;
  color: #888888;
}
.textarea {
  display: block;
  width: 100%;
  padding: 5px;
  height: 120px;
  resize: none;
  border: 1px solid #d3d3d3;
  box-sizing: border-box;
  color: #888888;
  font-size: 14px;
}

.header {
  height: 60px;
}
.header > .inner {
  position: fixed;
  width: 100%;
  top: 0px;
  z-index: 10000;
  background: #fff; /* overflow: hidden; */
}
.header .top_menu {
  height: 60px;
  align-items: center;
  position: relative;
  align-content: center;
  padding: 0 20px;
  backdrop-filter: drop-shadow(0px 0px 4px #666);
}
.header > .inner > .top_menu {
  box-shadow: -2px 0px 4px 0px #ababab;
}
.header .name {
  display: flex;
  align-items: center;
  display: inline-flex;
  gap: 6px;
  font-size: 1.6rem;
  font-weight: normal;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}
.header .name img {
  width: 34px;
  height: 34px;
}
.header .name h2 {
  font-weight: normal;
}
.header .btn_menu {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  text-indent: -9999em;
  z-index: 999;
}
.header .ico_menu {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%231f1f1f'%3E%3Cpath d='M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  background-size: contain;
  cursor: pointer;
}

.header .ico_close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23FFFFFF'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  background-size: contain;
  cursor: pointer;
}

.header .open_menu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #000;
  z-index: 99999;
  transition-duration: 0.1s;
  transform: translateX(100%);
  height: 100vh;
  overflow: hidden;
}
.header .open_menu * {
  color: #fff;
}
.header .open_menu a {
  font-size: 1.6rem;
}
.header .open_menu .link_list {
  display: flex;
  flex-direction: column;
  padding: 10px 20px;
  gap: 50px;
}

.header.open .open_menu {
  transform: translateX(0%);
}
.header:after {
  display: block;
  content: "";
  clear: both;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}
.swiper-slide {
  justify-content: center;

  align-items: center;

  font-size: 2.4rem;
}

.swiper-pagination-progressbar {
  height: 2px !important;
  background: #eeeeee !important;
}

.swiper-pagination-progressbar-fill {
  background: #0d988c !important;
}

.swiper-slide img {
  width: 100%;
  height: auto;
}
.swiper-control {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0;
  background: #fff;
  width: 62%;
  padding: 0px 2.6rem;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  overflow: hidden;
  border-radius: 28px;
  box-sizing: border-box;
  box-shadow: 0 3px 20px #00000024;
  height: 5rem; /* max-width: 320px; */
}
.swiper-pagination-progressbar {
  position: relative;
}
.swiper-control .slide-counter {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  font-weight: bold;
  font-size: 1.6rem;
  width: auto;
  padding: 0 10px 0 20px;
}
.swiper-control .toggle-autoplay {
  /* padding:6px 0px; */
  text-indent: -9999em;
  width: 20px;
  height: 20px;
  background-size: 100% !important;
  cursor: pointer;
}
.swiper-control .toggle-autoplay {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='25' viewBox='0 0 26 25'%3E%3Cg id='멈춤' transform='translate(-1034 -591)'%3E%3Crect id='사각형_26042' data-name='사각형 26042' width='26' height='25' transform='translate(1034 591)' fill='%23fff'/%3E%3Cline id='선_314' data-name='선 314' y2='14' transform='translate(1043 597)' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cline id='선_315' data-name='선 315' y2='14' transform='translate(1051 597)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A")
    50% 50% no-repeat;
}
.swiper-control .toggle-autoplay.ico_play {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000000'%3E%3Cpath d='M327-211v-538l422 269-422 269Z'/%3E%3C/svg%3E");
}

.swiper-control .btn_prev,
.swiper-control .btn_next {
  text-indent: -999em;
  width: 20px;
  background-position: 50% 50%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  height: 20px;
}
.swiper-control .btn_prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='25' viewBox='0 0 26 25'%3E%3Cg id='왼쪽' transform='translate(-1003 -591)'%3E%3Crect id='사각형_26043' data-name='사각형 26043' width='26' height='25' transform='translate(1003 591)' fill='%23fff'/%3E%3Cg id='그룹_22068' data-name='그룹 22068' transform='translate(2364.557 1249.611) rotate(180)'%3E%3Cline id='선_301' data-name='선 301' x2='7' y2='7' transform='translate(1345.556 638.612)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='선_302' data-name='선 302' x1='7' y2='7' transform='translate(1345.556 645.612)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.swiper-control .btn_next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='25' viewBox='0 0 26 25'%3E%3Cg id='왼쪽' transform='translate(-1003 -591)'%3E%3Crect id='사각형_26043' data-name='사각형 26043' width='26' height='25' transform='translate(1003 591)' fill='%23fff'/%3E%3Cg id='그룹_22068' data-name='그룹 22068' transform='translate(2364.557 1249.611) rotate(180)'%3E%3Cline id='선_301' data-name='선 301' x2='7' y2='7' transform='translate(1345.556 638.612)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='선_302' data-name='선 302' x1='7' y2='7' transform='translate(1345.556 645.612)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  transform: rotate(180deg) translateY(-1px);
}
.swiper-control .button_box {
  display: flex;
  align-items: center;
}

.main_swiper .text_box {
  position: absolute;
  text-align: center; /* filter: drop-shadow(0px 1px 2px black); */
  z-index: 10;
  cursor: default;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.main_swiper .text_box span {
  font-size: 1.8rem;
  color: #fff;
}
.main_swiper .text_box .big {
  display: flex;
  flex-direction: column;
  font-size: 3.8rem;
  color: #fff;
  gap: 8px;
  margin-top: 1.4rem;
}

.common_sub_tit {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 6rem;
  margin-bottom: 3rem;
  padding-right: 38px;
}
.common_sub_tit strong {
  font-size: 5.4rem;
}
.common_sub_tit strong + strong {
  color: #0d988c;
}
.common_sub_tit .btn_more {
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.btn_more {
  display: flex;
}
.btn_more a {
  text-indent: -9999em;
  width: 32px;
  height: 32px;
  background: #0d988c
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M506-480 325-661l52-53 234 234-234 234-52-53 181-181Z'/%3E%3C/svg%3E")
    50% 50% no-repeat;
  border-radius: 100%;
  background-size: 22px;
  z-index: 100;
  flex-shrink: 0;
}

.section {
  /* overflow:hidden; */
  display: flow-root;
}
.section:after {
  display: block;
  content: "";
  clear: both;
}
.section .inner {
  padding: 0 2rem;
}

.container {
  padding: 0;
  max-width:100%;
}

.main_swiper .swiper-slide img {
  height: 105.55vw;
  object-fit: cover;
}
.img_list {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.img_list img {
  width: 100%;
  height: auto;
}
.img_list li ~ li {
  margin-top: 1rem;
}

.member_list {
  margin-top: 3rem;
}
.member_list li ~ li {
  margin-top: 1rem;
}
.member_type {
  display: flex;
  flex-direction: column;
  border: 1px solid #ff2e2e;
  box-sizing: border-box;
  background: #fff;
  border-radius: 1rem;
  padding: 2rem;
  letter-spacing: -1px;
}
.member_type .name {
  font-size: 2.4rem;
  color: #ff2e2e;
  font-weight: bold;
}
.member_type .price {
  font-size: 1.4rem;
  color: #191919;
  font-weight: bold;
  padding: 2.4rem 0 2.4rem;
}
.member_type .info {
  font-size: 1.4rem;
  color: #191919;
}

.member_type.red_p {
  background: #b70000;
  border-color: #b70000;
}
.member_type.black {
  background: #000000;
  border-color: #000000;
}
.member_type.red_p .name,
.member_type.red_p .price,
.member_type.red_p .info {
  color: #fff;
}
.member_type.black .name,
.member_type.black .price,
.member_type.black .info {
  color: #fff;
}

.service_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 2rem;
}

.service_list li {
  overflow: hidden;
  border-radius: 1rem;
  text-align: center;
  background: #f6f6f6;
  padding: 2rem;
}

.service_list .ico {
  width: 4rem;
  height: 4rem;
  background: #fff;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.service_list .ico img {
  height: 100%;
  width: auto;
  max-width: 56%;
}
.service_list .text {
  margin-top: 1rem;
}
.service_list .text p {
  font-size: 2rem;
  display: none;
}
.service_list .text strong {
  font-size: 1.4rem;
}

.sub_swiper {
}
.sub_swiper.br20 .swiper-wrapper {
  border-radius: 2rem;
}
.sub_swiper .text_box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.sub_swiper .text_box .inner {
  padding: 4rem 2rem;
  display: flex;
  flex-direction: column;
}
.sub_swiper .text_box .type {
  border: 1px solid #fff;
  align-self: flex-start;
  font-size: 1.4rem;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  box-sizing: border-box;
}
.sub_swiper .text_box strong {
  font-size: 2.4rem;
  color: #fff;
  display: block;
  padding: 2rem 0 1rem;
}
.sub_swiper .text_box p {
  font-size: 1.4rem;
  color: #fff;
  line-height: 1.6;
}
.sub_swiper .swiper-control {
  transform: none;
  left: 0;
  width: 100%;
  border: none;
  box-shadow: none;
  padding: 0;
  height: auto;
  background: none;
  margin-top: 1rem;
}
.sub_swiper .slide-counter {
  font-size: 1.4rem;
}
.grid_list {
  display: grid;
  gap: 1rem 1rem;
  margin-top: 2rem;
  overflow: hidden;
  grid-template-columns: repeat(2, calc(50% - 10px));
}
.grid_list li {
  flex: 1 0 0;
}
.grid_list li > .inner {
  background: #f7f7f7;
  border-radius: 2rem;
  padding: 1.4rem;
  box-sizing: border-box;
  height: 100%;
  position: relative;
}
.grid_list li .text_box {
  padding-top: 1.4rem;
}
.grid_list li .img_box {
}
.grid_list li .img_box img {
  width: 100%;
  border-radius: 1rem;
}
.grid_list li:last-child {
  grid-column: span 2;
}
.grid_list .btn_more {
  position: absolute;
  bottom: 1.4rem;
  left: 1.4rem;
}
.grid_list .btn_more.p0 {
  bottom: 0;
  left: 0;
}
.grid_list .text_box {
}
.grid_list .text_box strong {
  font-size: 1.6rem;
}
.grid_list .text_box p {
  font-size: 1.4rem;
  margin-top: 1rem;
}

/*.swiper-slide.col{display:flex;flex-direction:column;}*/
.swiper-slide.col strong {
  align-self: self-start;
  font-size: 1.4rem;
  display: block;
  padding: 1rem 0;
}
.swiper-slide.col img {
  overflow: hidden;
  border-radius: 1rem;
}

.grid_list .flex_row {
  display: flex;
  gap: 1.4rem;
}
.grid_list .flex_row > div {
  flex: 1 0 0;
  position: relative;
}

.epilogue_swiper {
  padding-top: 2rem;
}
.epilogue_swiper .swiper-slide {
  background: #f6f6f6;
  padding: 2rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border-radius: 2rem;
  transition-duration: 0.2s;
}
/*.epilogue_swiper .swiper-slide:nth-child(odd){transform: translateY(-2rem); }*/

.epilogue_swiper .ep_top {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 4.8rem;
}
.epilogue_swiper .user_info {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.epilogue_swiper .user_info p {
  font-size: 1.6rem;
  font-weight: bold;
}
.epilogue_swiper .user_info p:first-child {
  border-right: 2px solid #000;
  padding-right: 1rem;
}
.epilogue_swiper .user_info p.point {
  padding-left: 2rem;
  margin-left: 1rem;
  background: url("https://image.xgolf.com/file/2024/1022/202410225296918ljb2727.svg")
    0% 50% no-repeat;
  background-size: contain;
}

.epilogue_swiper .thum {
  width: 4rem;
  height: 4rem;
  overflow: hidden;
  border-radius: 100%;
}
.epilogue_swiper .thum img {
  width: 100%;
}
.epilogue_swiper .base_p {
  font-size: 1.4rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  align-self: self-start;
  min-height: calc(4.2rem * 1.4);
}

.epilogue_swiper .swiper-slide:nth-child(odd) {
  /*transform: translateY(-2rem); */
}

.section.news_list {
  background: url("https://image.xgolf.com/file/2025/0619/202506195201569ljb2727.png")
    100% 100% no-repeat;
  padding-bottom: 5rem;
  background-size: cover;
  margin-top: 6rem;
}

.news_list {
}
.news_list > ul.news_ul {
}
.news_list > ul.news_ul > li {
  display: flex;
  justify-content: space-between;
  
}
.news_list > ul.news_ul > li a {
	padding: 2rem;
  display: flex;
  gap:1em;
  position: relative;
  font-size: 2rem;
  width:100%;
  justify-content:space-between;
  box-sizing:border-box;
}
.news_list > ul.news_ul > li a:after {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.4rem;
  height: 1.4rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.828' height='16.829' viewBox='0 0 9.828 16.829'%3E%3Cg id='그룹_22019' data-name='그룹 22019' transform='translate(1.414 1.414)'%3E%3Cline id='선_301' data-name='선 301' x2='7' y2='7' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='선_302' data-name='선 302' x1='7' y2='7' transform='translate(0 7)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A")
    50% 50% no-repeat;
  background-size: contain;
  right: 2rem;
}
.news_list ul.news_ul > li {
  border-bottom: 1px solid #c1c1c1;
  
  gap: 1rem;
}
.news_list ul.news_ul > li p {
  color: #0d988c;
  flex-shrink: 0;
}
.news_list ul.news_ul >  li strong {
  cursor: pointer;
}
.news_list ul.news_ul >  li .date {
  color: #bfbfbf;
  font-size: 1.8rem;
}
.news_list ul.news_ul >  li:first-child {
  border-top: 1px solid #c1c1c1;
}
.news_list ul.news_ul >  li .text_info {
  display: flex;
  gap: 2rem;
  flex-grow:1;
}
.news_list ul.news_ul >  li .inner {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.news_list ul.news_ul >  li .inner strong {
  font-size: 1.6rem;
  color: #a6866b;
}
.news_list ul.news_ul >  li .inner strong + p {
  font-size: 1.6rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
  font-weight: bold;
}
.news_list.sub{margin-top:150px;}

.youtube_swiper .swiper-slide {
  height: auto;
}

.youtube_swiper .video-container {
  position: relative;
  padding-bottom: 56%;
  border-radius: 10px;
  width: 100%;
  overflow: hidden;
}

.youtube_swiper .video-play,
.youtube_swiper .video-container iframe,
.youtube_swiper .video-container object,
.youtube_swiper .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.youtube_swiper .video-container iframe,
.youtube_swiper .video-container object,
.youtube_swiper .video-container embed {
  pointer-events: none;
  display: block;
}
.youtube_swiper .txt_box {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 10px;
}
.footer {
  background: #424242;
  color: #888888;
  font-size: 1.1rem;
  padding: 4rem 2rem;
  margin-top: 20rem;
}
.footer .sns_link {
  display: flex;
  gap: 2.5rem;
}
.footer .sns_link img {
  height: 20px;
  width: auto;
}
.footer .copy {
  line-height: 1.6;
  margin-top: 2rem;
}
.footer .m_block {
  display: inline-block;
}

.btn_advice {
  background: rgba(145, 114, 88, 0.6);
  position: fixed;
  bottom: 20px; /* 화면 하단에서 20px 위 */
  right: 10px; /* 화면 오른쪽에서 20px 왼쪽 */
  z-index: 9999; /* 다른 요소 위에 떠 있게 */
  width: 94px; /* 필요시 사이즈 조정 */
  height: auto;
  cursor: pointer;
  padding: 0.7rem 1rem;
  border-radius: 16px;
  overflow: hidden;
}

.btn_advice img {
  width: 100%;
  display: block;
}

/* Custom labels: the container */
.checkcontainer {
  display: flex;
  position: relative;
  padding-left: 25px;
  font-size: 20px;
  line-height: 1;
  min-height: 18px;
  align-items: center;
  -webkit-user-select: none; /* Chrome, Opera, Safari */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
  cursor: pointer;
}

.checkcontainer .label_text {
  font-size: 1.6rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 4em;
  font-weight: normal; /* letter-spacing: -1px; */
}

/* Hide the browser's default checkbox */
.checkcontainer input {
  position: absolute;
  opacity: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 18px;
  width: 18px;
  /*background-color: #fff;*/
  border: 2px solid #ededed;
  box-sizing: border-box;
  border-radius: 0;
}

/* When the checkbox is checked, add a blue background */
.checkcontainer input:checked ~ .checkmark {
  background-color: #0d988c;
  border-color: #0d988c;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkcontainer input:checked ~ .checkmark:after {
  display: block;
  border: solid #fff;
  border-width: 0 2px 2px 0;
}

/* Style the checkmark/indicator */
.checkcontainer .checkmark:after {
  display: none;
  left: calc(50% - 5px);
  top: calc(50% - 1px);
  width: 5px;
  height: 10px;
  border: solid #ededed;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translate(-50%, -50%);
}

.request_layer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  display: none;
  background: #000;
}
.request_layer .tit {
  font-size: 2.4rem;
  font-weight: bold;
  display: block;
  text-align: center;
  margin-bottom: 3rem;
}
.request_layer .container {
  position: relative;
  padding: 0;
}
.request_layer .btn_close {
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23FFFFFF'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  background-size: contain;
  top: 10px;
  right: 10px;
  text-indent: -9999em;
  cursor: pointer;
}
.request_layer .inner {
  padding: 3rem 3rem 3rem;
}

.select2-container--open .select2-dropdown--below {
  box-shadow: 3rem 5rem 5rem 0 rgba(0, 0, 0, 0.05);
  border-bottom-left-radius: 2.8rem;
  border-bottom-right-radius: 2.8rem;
  overflow: hidden;
}
.select2-results__option:not(:first-child) {
  border: none;
  color: #000;
}
.select2-container--default .select2-results__option[aria-disabled="true"] {
  color: #777 !important;
}
.select2-results__option {
  font-size: 1.4rem;
  padding: 0.8em 1.2em;
}
.select2-container {
  z-index: 99999;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  -webkit-appearance: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M480-374.77 271.38-583.38l26.47-25.85L480-427.08l182.15-182.15 26.47 25.85L480-374.77Z'/%3E%3C/svg%3E")
    50% 50% no-repeat;
  background-size: 28px auto;
  padding: 0 20px 0 10px;
  border: 1px solid #ededed;
  height: 100%;
  box-sizing: border-box;
  font-size: 16px;
  color: #191919;
  border-radius: 0;
  font-family: "Pretendard";
  width: 100%;
  left: auto;
  position: absolute;
  margin: 0;
  border: none;
  display: block;
  padding: 0;
  top: 0;
  bottom: 0;
}
.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border: none;
  transform: rotate(180deg);
  filter: invert(100%) sepia(0%) saturate(6036%) hue-rotate(351deg)
    brightness(105%) contrast(103%);
}
.select2-container--default .select2-selection--single {
  background-color: #000;
  border: 1px solid #c59e7c;
  border-radius: 4px;
  height: 56px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 2.8rem;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: inherit;
  height: auto;
  line-height: 1;
  font-size: 1.6rem;
  padding-right: 50px;
  padding-left: 20px;
  font-weight: bold;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: auto;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50px;
}

.select2-container--open {
}
.select2-container--open .select2-selection--single {
  background: #fff;
  color: #000;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: initial;
  color: initial;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: initial;
}

.common_input input {
  display: block;
  padding: 1rem;
  box-sizing: border-box;
  border: none;
  width: 100%;
  margin: 0;
  -webkit-appearance: none;
  text-shadow: none;
  -webkit-text-shadow: none;
  font-size: 1.6rem !important;
  line-height: 1;
  color: #bfbfbf;
  letter-spacing: 0;
  height: 45px;
  background: none;
  border-bottom: 1px solid #fff;
}
.common_input input::placeholder {
  color: #bfbfbf;
  font-size: 1.6rem;
  letter-spacing: 0;
}

.agree_list .input_box {
  position: relative;
}
.agree_list .input_box .btn_agree_more {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  font-size: 1.6rem;
  border-bottom: 1px solid #fff;
}

.request_layer .common_input {
  margin-top: 3rem;
  display: block;
  position: relative;
}
.request_layer .btn_box {
  height: 60px;
}
.request_layer .btn_box .btn_s {
  font-size: 1.6rem;
  color: #fff;
  height: 60px;
  background: #0d988c;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-weight: bold;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  border: none;
}
.request_layer .modal-body {
  padding: 0;
  background: none;
}

.common_agree .agree_list {
  margin-top: 30px;
}
.common_agree .agree_list li ~ li {
  margin-top: 20px;
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.modal_inner {
  z-index: 110000;
  transition-duration: 0.2s;
}
.modal-backdrop + .modal-backdrop {
  z-index: 101000;
}

.modal_inner .modal-dialog {
  transform: none !important;
  transition: none !important;
  transition-duration: 0.2s !important;
  margin: 0 20px;
}

.modal_inner .modal-header {
  height: 60px;
  font-size: 1.6rem;
  color: #fff;
  background: #0d988c;
  flex-grow: 1;
  justify-content: center;
}
.modal_inner .modal-content {
  border-radius: 20px;
  overflow: hidden;
}
.modal_inner .modal-body {
  font-size: 1.4rem;
  color: #191919;
  padding: 20px;
  line-height: 1.6;
  max-height: 50vh;
  overflow: auto;
}

.modal_inner .btn_close {
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23FFFFFF'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  background-size: contain;
  top: 5px;
  right: 5px;
  text-indent: -9999em;
  cursor: pointer;
}
.request_layer .common_agree {
  margin-top: 50px;
}
.invalid-feedback {
  position: absolute;
  bottom: -1px;
  transform: translateY(100%);
  color: #ef4949;
  font-size: 1.2rem;
}
.web_link_list {
  display: none;
}

.swiper-slide,
.main_swiper .text_box {
  cursor: pointer;
}

.swiper-control .btn_prev,
.swiper-control .btn_next {
  display: none;
}
.main_swiper .swiper-control .btn_more {
  display: block;
}

.contents {
  /* max-width: 1400px; */
  margin: 0 auto;
}

.br20 .swiper-slide {
  overflow: hidden;
  border-radius: 2rem;
}

.small_swiper {
}
.small_swiper .swiper-slide {
}
.small_swiper .swiper-slide strong {
  font-size: 1.4rem;
  margin-top: 1rem;
}
.small_swiper .swiper-slide img {
  border-radius: 1rem;
}
.web_text {
  display: none;
}
.web_youtube {
  display: none;
}
.web_youtube_swiper {
  display: none;
}

.youtube_list .inner {
  position: relative;
  /* padding: 0 2rem; */
  /* width: 100vw; */
}

.youtube_list .common_sub_tit {
  padding: 0 2rem;
}
.modal-backdrop {
  --bs-backdrop-zindex: 10500;
}
.modal-fullscreen .modal-content {
  background-color: inherit;
}
.small_option_text {
  font-size: 1.4rem;
  color: #888888;
  margin-top: 1rem;
  text-align: right;
  letter-spacing: -1px;
}

.tb01 {
  margin-top: 4rem;
}
.tb01 table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  border-top: 2px solid #a6866b;
  border-bottom: 1px solid #c1c1c1;
}
.tb01 table th,
.tb01 table td {
  color: #191919;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;
  padding: 0.4em 1em;
  height: 80px;
  line-height: 1.6;
}
.tb01 table th {
  background: #fbf9f7;
  color: #000;
}
.tb01 table tr:first-child td {
}
.tb01 table td {
  border: 1px solid #e6e6e6;
  border-width: 1px 0px 0 0px;
  font-weight: normal;
}
.tb01 table td:first-child {
  border-left: none;
}
.tb01 table th {
  border-top: 1px solid #e6e6e6;
  text-align: left;
}
.tb01 table th:first-child {
}
.tb01 td strong {
  display: block;
}
.tb01 tfoot {
  border-top: 2px solid #a6866b;
}
.tb01 table thead th {
  text-align: center;
}
.tb01 .tc {
  text-align: center;
}
.tb_name {
  color: #a6866b;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 3rem;
}
.inline_block {
  display: inline-block;
}

.gray_grid_box {
  border-radius: 1rem;
  background: #f8f8fa;
  overflow: hidden;
  font-size: 1.4rem;
  color: #191919;
  padding: 2rem 1rem;
  margin-top: 2rem;
}
.gray_grid_box .item {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.gray_grid_box .item + .item {
  border-top: 2px solid #fff;
  margin-top: 2rem;
  padding-top: 2rem;
}
.gray_grid_box dl {
  line-height: 1.6;
}
.gray_grid_box dl + dl {
  margin-top: 1.8rem;
}
.gray_grid_box dt {
}
.gray_grid_box dd {
  color: #888888;
}
.gray_grid_box .point {
  color: #191919;
}

.join_process {
  margin-top: 4rem;
  padding: 0 1rem;
}
.join_process ul {
  display: flex;
  justify-content: space-between;
}
.join_process .item {
  position: relative;
}
.join_process .item:before {
  border-top: 2px dashed #f1f1f1;
  content: " ";
  position: absolute;
  top: calc(11rem / 2);
  left: 0;
  right: 0;
  z-index: -1;
  transform: translateY(-50%);
}
.join_process .item:after {
  content: " ";
  position: absolute;
  top: calc(11rem / 2);
  left: 50%; /* right:0; */
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='6.495' height='13' viewBox='0 0 6.495 13'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_25814' data-name='사각형 25814' width='6.495' height='13' fill='%23af7a10'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_21957' data-name='그룹 21957' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_21529' data-name='패스 21529' d='M0,.8V12a.715.715,0,0,0,1.231.564L6.12,7.155a1.147,1.147,0,0,0,0-1.506L1.231.235A.715.715,0,0,0,0,.8' transform='translate(0.093 0.173)' fill='%23af7a10'/%3E%3C/g%3E%3C/svg%3E%0A")
    50% 50% no-repeat;
  height: 1.2rem;
  transform: translate(-50%, -50%);
  z-index: 10;
  background-size: contain;
  width: 1rem;
}
.join_process .item + .item {
  margin-top: 6rem;
}
.join_process .center:before,
.join_process .center:after {
  display: none;
}
.join_process .center ul {
  justify-content: center;
}
.join_process ul li {
  position: relative;
  padding-bottom: 75px;
}
.join_process .ico {
  width: 11rem;
  height: 11rem;
  background: #f1f1f1;
  overflow: hidden;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.join_process .ico img {
  height: 4rem;
  width: auto;
}
.join_process p {
  font-size: 1.4rem;
  color: #191919;
  text-align: center;
  font-weight: bold;
  margin-top: 2rem;
  line-height: 1.4;
  position: absolute;
  left: 0;
  right: 0;
  white-space: nowrap;
}

.join_process .mobile {
}
.join_process .web {
  display: none;
}

.bul_text {
  margin-top: 3rem;
}
.bul_text li {
  font-size: 1.2rem;
  color: #888888;
  position: relative;
  padding-left: 1em;
  line-height: 1.2;
  display: flex;
}
.bul_text li ~ li {
  margin-top: 4px;
}
.bul_text li:after {
  display: block;
  content: "*";
  position: absolute;
  top: calc(0.5rem - 2px);
  left: 0;
}

.call_info {
  margin-top: 4rem;
  background: #191919
    url("https://image.xgolf.com/file/2025/0625/202506254880447ljb2727.png")
    100% 100% no-repeat;
  padding: 3rem 2rem;
  color: #fff;
  background-size: cover;
}
.call_info dl {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}
.call_info dt {
  font-size: 1.4rem;
  line-height: 1.2;
}
.call_info dt span {
  font-weight: normal;
}
.call_info dt strong {
  display: inline-block;
}
.call_info dd {
  display: flex;
  align-items: center;
  white-space: nowrap;
  align-self: center;
  justify-content: center;
}
.call_info .ico_phone {
  color: #fff;
  font-size: 1.3rem;
  background: url("https://image.xgolf.com/file/2025/0625/202506253980721ljb2727.svg")
    0 50% no-repeat;
  display: flex;
  height: 100%; /* display: flex; */
  padding-left: 2.4rem;
  background-size: 1.7rem;
  min-height: 1.7rem;
  align-items: center;
}

.common_tab.fixed {
  position: fixed;
  top: 0;
}
.common_tab > ul {
  display: flex;
  justify-content: space-between;
}
.common_tab > ul > li {
  display: flex;
  position: relative;
}
.common_tab > ul > li .common_tab_text.flex_column {
  flex-direction: column;
  gap: 5px;
}
.common_tab > ul > li .common_tab_text.flex_column span {
  font-size: 11px;
  position: absolute;
  bottom: 5px;
}
.common_tab > ul > li {
  background: #fff;
  border-bottom: 1px solid #c1c1c1;
  flex-grow: 1;
  position: relative;
  flex: 1 1 0px;
}
.common_tab > ul > li .common_tab_text {
  height: 6rem;
  align-items: center;
  padding: 0 0.5em;
  font-size: 1.4rem;
  color: #888888;
  text-align: center;
  display: flex;
  flex: 1 1 0px;
  width: 0px;
  justify-content: center;
  font-weight: bold;
}
.common_tab > ul > li .common_tab_text p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 16px !important;
}
.common_tab > ul > li.on .common_tab_text {
  color: #0d988c;
}
.common_tab > ul > li.on .common_tab_text + .common_tab_indicator {
  position: absolute;
  bottom: -1px;
  height: 2px;
  background: #0d988c;
  left: 0;
  right: 0;
  width: 100%;
  content: " ";
  display: block;
}
.common_tab > ul > li.on .common_tab_text + .common_tab_indicator {
  transition-duration: 0.2s;
}

.sub_youtube_list {
  margin-top: 6rem;
}
.sub_youtube_list .youtube {
  overflow: hidden;
  border-radius: 20px;
}
.sub_youtube_list .youtube + .youtube {
  margin-top: 2rem;
}

.room_menu {
  margin-top: 6rem;
}
.room_menu ul {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 1px;
  background: #e6e6e6;
  border: 1px solid #e6e6e6;
}
.room_menu ul li {
  background: #fff;
  color: #191919;
  font-size: 1.4rem;
  text-align: center;
  height: 50px;
  align-content: center;
  position: relative;
}
.room_menu ul li.on:after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #0d988c;
  content: "";
}
.room_menu ul li.on {
  color: #0d988c;
  font-weight: bold;
}

.room_info {
  margin-top: 4rem;
}
.room_info .img_box {
  overflow: hidden;
  border-radius: 20px;
}
.room_info .img_box img {
  width: 100%;
  height: auto;
}

.room_type {
}
.room_type .sub_tit {
  font-size: 2.4rem;
  color: #000000;
  font-weight: bold;
  margin: 2rem 0;
}
.room_type .flex {
  display: flex;
  justify-content: space-between;
}
.room_type .flex .item {
}
.room_type div[class^="ico"] {
  font-size: 1.4rem;
  color: #000000;
  padding-left: 3rem;
  background-size: contain;
  background-position: 0 100%;
  background-repeat: no-repeat;
  height: 2.2rem;
  display: flex;
  align-items: end;
}
.room_type .ico01 {
  background-image: url("data:image/svg+xml,%3Csvg id='골프장' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='29.036' height='38.984' viewBox='0 0 29.036 38.984'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_26006' data-name='사각형 26006' width='29.036' height='38.984' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_22402' data-name='그룹 22402' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_21624' data-name='패스 21624' d='M15.656,29.4c0,1.542-3.28,2.79-7.328,2.79S1,30.937,1,29.4,4.282,26.6,8.328,26.6s7.328,1.249,7.328,2.79' transform='translate(0.21 5.587)' fill='%23fff'/%3E%3Cellipse id='타원_345' data-name='타원 345' cx='7.328' cy='2.79' rx='7.328' ry='2.79' transform='translate(1.21 32.193)' fill='none' stroke='%231d1d1b' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='선_356' data-name='선 356' y2='31.267' transform='translate(8.538 3.716)' fill='%23fff'/%3E%3Cline id='선_357' data-name='선 357' y2='31.267' transform='translate(8.538 3.716)' fill='none' stroke='%231d1d1b' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='패스_21625' data-name='패스 21625' d='M7.056,20.747V5.326l19.289,7.71Z' transform='translate(1.482 1.119)' fill='%23fff'/%3E%3Cpath id='패스_21626' data-name='패스 21626' d='M7.056,20.747V5.326l19.289,7.71Z' transform='translate(1.482 1.119)' fill='none' stroke='%231d1d1b' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='패스_21627' data-name='패스 21627' d='M10,3.506A2.505,2.505,0,1,1,7.49,1,2.506,2.506,0,0,1,10,3.506' transform='translate(1.047 0.21)' fill='%23fff'/%3E%3Cpath id='패스_21628' data-name='패스 21628' d='M10,3.506A2.505,2.505,0,1,1,7.49,1,2.506,2.506,0,0,1,10,3.506Z' transform='translate(1.047 0.21)' fill='none' stroke='%231d1d1b' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.room_type .ico02 {
  background-image: url("data:image/svg+xml,%3Csvg id='금연' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='38.984' height='38.984' viewBox='0 0 38.984 38.984'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_26005' data-name='사각형 26005' width='38.984' height='38.984' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Crect id='사각형_26001' data-name='사각형 26001' width='2.62' height='4.67' transform='translate(8.304 20.932)' fill='%231d1d1b'/%3E%3Crect id='사각형_26002' data-name='사각형 26002' width='2.62' height='4.67' transform='translate(8.304 20.932)' fill='none' stroke='%231d1d1b' stroke-linejoin='round' stroke-width='2'/%3E%3Crect id='사각형_26003' data-name='사각형 26003' width='20.688' height='4.67' transform='translate(10.922 20.932)' fill='%23fff'/%3E%3Crect id='사각형_26004' data-name='사각형 26004' width='20.688' height='4.67' transform='translate(10.922 20.932)' fill='none' stroke='%231d1d1b' stroke-linejoin='round' stroke-width='2'/%3E%3Cg id='그룹_22400' data-name='그룹 22400' transform='translate(0 0)'%3E%3Cg id='그룹_22399' data-name='그룹 22399' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_21623' data-name='패스 21623' d='M7.7,15.3h0a3.041,3.041,0,0,1,0-4.3,3.043,3.043,0,0,0,0-4.3' transform='translate(2.855 2.808)' fill='none' stroke='%231d1d1b' stroke-linejoin='round' stroke-width='2'/%3E%3Cellipse id='타원_344' data-name='타원 344' cx='18.073' cy='18.073' rx='18.073' ry='18.073' transform='translate(1.419 1.419)' fill='none' stroke='%231d1d1b' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='선_355' data-name='선 355' x1='19.979' y2='30.105' transform='translate(9.129 4.19)' fill='none' stroke='%231d1d1b' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.room_type .ico03 {
  background-image: url("data:image/svg+xml,%3Csvg id='평' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30.123' height='38.984' viewBox='0 0 30.123 38.984'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_26007' data-name='사각형 26007' width='30.123' height='38.984' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath id='패스_21629' data-name='패스 21629' d='M28.715,1H1V37.576H11.19V27.588h7.336v9.988H28.715Z' transform='translate(0.204 0.203)' fill='%23fff'/%3E%3Cg id='그룹_22405' data-name='그룹 22405' transform='translate(0 0)'%3E%3Cg id='그룹_22404' data-name='그룹 22404' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_21630' data-name='패스 21630' d='M28.715,1H1V37.576H11.19V27.588h7.336v9.988H28.715Z' transform='translate(0.204 0.203)' fill='none' stroke='%231d1d1b' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3Cpath id='패스_21631' data-name='패스 21631' d='M5.032,6.617h0Z' transform='translate(1.026 1.349)' fill='%23fff'/%3E%3Cline id='선_358' data-name='선 358' x2='3.24' transform='translate(6.058 7.966)' fill='none' stroke='%231d1d1b' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='패스_21632' data-name='패스 21632' d='M11.165,6.617h0Z' transform='translate(2.277 1.349)' fill='%23fff'/%3E%3Cline id='선_359' data-name='선 359' x2='3.24' transform='translate(13.442 7.966)' fill='none' stroke='%231d1d1b' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='패스_21633' data-name='패스 21633' d='M17.3,6.617h0Z' transform='translate(3.528 1.349)' fill='%23fff'/%3E%3Cline id='선_360' data-name='선 360' x2='3.24' transform='translate(20.825 7.966)' fill='none' stroke='%231d1d1b' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='패스_21634' data-name='패스 21634' d='M5.032,11.176h0Z' transform='translate(1.026 2.279)' fill='%23fff'/%3E%3Cline id='선_361' data-name='선 361' x2='3.24' transform='translate(6.058 13.455)' fill='none' stroke='%231d1d1b' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='패스_21635' data-name='패스 21635' d='M11.165,11.176h0Z' transform='translate(2.277 2.279)' fill='%23fff'/%3E%3Cline id='선_362' data-name='선 362' x2='3.24' transform='translate(13.442 13.455)' fill='none' stroke='%231d1d1b' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='패스_21636' data-name='패스 21636' d='M17.3,11.176h0Z' transform='translate(3.528 2.279)' fill='%23fff'/%3E%3Cline id='선_363' data-name='선 363' x2='3.24' transform='translate(20.825 13.455)' fill='none' stroke='%231d1d1b' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='패스_21637' data-name='패스 21637' d='M5.032,15.736h0Z' transform='translate(1.026 3.209)' fill='%23fff'/%3E%3Cline id='선_364' data-name='선 364' x2='3.24' transform='translate(6.058 18.945)' fill='none' stroke='%231d1d1b' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='패스_21638' data-name='패스 21638' d='M11.165,15.736h0Z' transform='translate(2.277 3.209)' fill='%23fff'/%3E%3Cline id='선_365' data-name='선 365' x2='3.24' transform='translate(13.442 18.945)' fill='none' stroke='%231d1d1b' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='패스_21639' data-name='패스 21639' d='M17.3,15.736h0Z' transform='translate(3.528 3.209)' fill='%23fff'/%3E%3Cline id='선_366' data-name='선 366' x2='3.24' transform='translate(20.825 18.945)' fill='none' stroke='%231d1d1b' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.room_section {
  display: none;
}
.room_section.show {
  display: block;
}

.act_list {
  margin-top: 6rem;
}
.act_list + .act_list {
  margin-top: 4rem;
}
.act_list .sub_tit {
  font-size: 1.6rem;
  color: #a6866b;
  font-weight: bold;
}
.act_list ul {
}
.act_list ul li {
  margin-top: 2rem;
}
.act_list ul li + li {
  margin-top: 4rem;
}
.act_list .name {
  display: flex;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 2rem;
}
.act_list .name .price {
  color: #0d988c;
  border-left: 2rem;
  margin-left: 1rem;
  position: relative;
  display: flex;
  padding-left: 1rem;
}
.act_list .name .price:after {
  display: block;
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  width: 1px;
  background: #000;
  left: 0;
}
.act_list .img_box {
  border-radius: 1.5rem;
  overflow: hidden;
}
.act_list .img_box img {
  width: 100%;
  height: auto;
}
.act_list .sub_info {
  display: flex;
  font-size: 1.4rem;
  margin-top: 2rem;
}
.act_list .sub_info .op {
  border-left: 2rem;
  margin-left: 1rem;
  position: relative;
  display: flex;
  padding-left: 1rem;
}
.act_list .sub_info .op:after {
  display: block;
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  width: 1px;
  background: #000;
  left: 0;
}
.ev_list {
  margin-top: 4rem;
}
.ev_list ul {
}
.ev_list ul li {
  border: 1px solid #dddddd;
  overflow: hidden;
  border-radius: 2rem;
  display: flex;
}
.ev_list ul li + li {
  margin-top: 2rem;
}
.ev_list .img_box {
  height: 43.88vmin;
}
.ev_list .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ev_list .text_box {
  padding: 2rem 1.5rem;
}
.ev_list .text_box .sub_type {
  font-size: 1.6rem;
  color: #a6866b;
  margin-bottom: 1rem;
  font-weight: bold;
  display: flex;
}
.ev_list .text_box .name {
  font-size: 1.6rem;
  line-height: 1.4;
  color: #000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* ✅ 최대 줄 수 */
  overflow: hidden;
  text-overflow: ellipsis;
}

.ev_view {
  padding-top: 4rem;
  padding-bottom: 4rem;
  border:1px solid #CCCCCC;
  border-width:1px 0;
}
.ev_view img {
  width: 100%;
  height: auto;
}

.ev_wrap {
}

.ev_wrap .btn_list {
  background: #0d988c;
  display: inline-flex;
  font-size: 1.6rem;
  padding: 0.4em 0.8em;
  color: #fff;
  border-radius: 2rem;
  min-width: 6em;
  justify-content: center;
}

.img_box img {
  width: 100%;
  height: auto;
}

.ev_list .sub_type .op {
  color: #191919;
  border-left: 2rem;
  margin-left: 1rem;
  position: relative;
  display: flex;
  padding-left: 1rem;
}
.ev_list .sub_type .op:after {
  display: block;
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  width: 1px;
  background: #000;
  left: 0;
}

.header .web_menu {
  display: none;
}
.header.main .web_menu {
  display: flex;
}
.header.main .mobile_menu {
  display: none;
}

.header .current_title {
  font-size: 1.6rem;
  color: #191919;
  display: block;
  align-items: center;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 40px;
}
.header .mobile_menu {
  display: block;
}
.header .mobile_menu .btn_back {
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.82' height='16.82' viewBox='0 0 10.82 16.82'%3E%3Cg id='그룹_22019' data-name='그룹 22019' transform='translate(9.41 15.41) rotate(180)'%3E%3Cline id='선_301' data-name='선 301' x2='8' y2='6.862' fill='none' stroke='%23191919' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='선_302' data-name='선 302' x1='8' y2='6.862' transform='translate(0 7.138)' fill='none' stroke='%23191919' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 12px auto;
}

.header .name a {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.common_paging{padding:80px 0 0;}
.common_paging > ul{display:flex;justify-content:center;gap:5px;}
.common_paging > ul > li a{width:30px;height:30px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:20px;color:#CCCCCC;}
.common_paging > ul > li.on a{color:#0D988C;font-weight:bold;}

.common_paging > ul > li a svg{width:20px;height:auto;}
.common_paging > ul > li.prev{margin-right:20px;}
.common_paging > ul > li.next{margin-left:20px;}

.common_paging > ul > li a.box{display:flex;justify-content:center;align-items:center;}
.common_text_list > ul > li.common_empty > a{padding:0;}

.common_paging > ul > li a[class^="ico_"]{border:1px solid #eeeeee;text-indent:-9999em;position:relative;}
/*.common_paging > ul > li a[class^="ico_"]:after{content:" ";position:absolute;top:50%;left:50%;border: solid #191919;border-width:0 2px 2px 0;display:inline-block;padding:2px;}*/

.common_paging .ico_prev,
.common_paging .ico_next {
    position: relative;
    float:left;
    border:1px solid #000;
}

.common_paging .ico_prev::after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
    width: 8px; /* 사이즈 */
    height: 8px; /* 사이즈 */
    border-top: 1px solid #191919; /* 선 두께 */
    border-right: 1px solid #191919; /* 선 두께 */
    transform: rotate(225deg); /* 각도 */
	margin-top:-4px;
	margin-left:-2px;
}

.common_paging .ico_next::after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
    width: 8px; /* 사이즈 */
    height: 8px; /* 사이즈 */
    border-top: 1px solid #191919; /* 선 두께 */
    border-right: 1px solid #191919; /* 선 두께 */
    transform: rotate(45deg); /* 각도 */
	margin-top:-4px;
	margin-left:-6px;
}

.news_list.sub .sub_tit{font-size:54px;font-weight:bold;display:block;padding-bottom:80px;}
.news_list.sub ul.news_ul > li:first-child{border-top:2px solid #191919;}

/* ✅ 데스크탑용 (769px 이상) */
@media screen and (min-width: 1500px) {
  .join_process .item:before {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  html {
    font-size: 10px;
  }
  .header .mobile_menu {
    display: none;
  }
  .header .web_menu {
    display: flex;
  }
  .mobile_link {
    display: none;
  }
  .join_process .mobile {
    display: none;
  }
  .join_process .web {
    display: block;
  }
  .container {
    padding: 0;
    max-width: 100%;
    min-width: auto;
  }
  .swiper-control div[class^="btn_"] {
    display: block;
  }
  .swiper-control div[class^="youtube_"] {
    display: block;
  }
  .header {
    height: 130px;
  }
  .header > .inner > .top_menu {
    border-bottom: 1px solid #e1e1e1;
    box-shadow: none;
    height: 130px;
    box-sizing: border-box;
    display: flex;
    text-align: center;
    justify-content: center;
    min-width: 1400px;
  }
  .header > .inner > .top_menu.scrolled{
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  }
  .header .ico_menu {
    display: none;
  }
  .header .name img {
    width: 90px;
    height: 90px;
  }
  .header .name {
    gap: 20px;
    left: 60px;
  }
  .header .open_menu {
    display: block;
  }

  .web_link_list {
    display: flex;
    align-items: center;
	padding-left:170px;
  }

  .web_link_list a {
    font-size: 2rem;
    color: #000;
    padding: 0 28px;
    position: relative;
    height: 130px;
    display: flex;
    align-items: center;
    text-decoration: none;
  }

  /* 밑줄 기본 상태 (숨김) */
  .web_link_list a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #0d988c;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease;
  }

  /* hover 시 밑줄이 중앙에서 좌우로 퍼짐 */
  .web_link_list a:hover {
    color: #0d988c;
  }

  .web_link_list a:hover::after {
    transform: scaleX(1);
  }

  /*.web_link_list{display:flex;align-items:center;}*/
  /*.web_link_list a{font-size:20px;color:#000;padding:0 40px;color:#000;position:relative;height: 100px;display: flex;align-items: center;}*/
  /*.web_link_list a:hover{color:#0D988C;}*/
  /*.web_link_list a:hover:after{display:block;content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#0D988C}*/
  .main_swiper .swiper-slide img {
    height: auto;
  }
  .main_swiper .text_box span {
    font-size: 1.34vw;
  }
  .main_swiper .text_box .big {
    font-size: 2.8vw;
  }

  .main_swiper .text_box {
    text-align: left;
    transform: translateY(-16vw);
    width: 100%;
    padding: 0;
    left: 160px;
  }
  .main_swiper {
    max-width: 2800px;
    margin-top: 60px;
  }

  .common_sub_tit {
    flex-direction: row;
  }
  .btn_more a {
    text-indent: initial;
    width: 100%;
    display: flex;
    align-items: center;
    width: 150px;
    height: 50px;
    box-sizing: border-box;
    border-radius: 28px;
    font-size: 1.8rem;
    color: #fff;
    background-position: 114px 50%;
    justify-content: center;
    padding-right: 20px;
  }

  .img_list .flex {
    display: flex;
  }
  .img_list .flex + .flex {
    margin-top: 40px;
  }
  .img_list li ~ li {
    margin: 0 0 0 40px;
  }

  .member_list {
    display: flex;
    gap: 40px;
  }
  .member_list li {
    flex: 1 0 0;
  }
  .member_list li ~ li {
    margin: 0;
  }

  .service_list .ico {
    width: 5vw;
    height: 5vw;
    flex-grow: 1;
    display: flex;
    flex: 0 0 5vw;
  }
  .service_list {
    margin-top: 40px;
    display: flex;
  }
  .service_list li {
    flex: 1 0 0;
    display: flex;
    align-items: center;
    gap: 1vw;
    text-align: left;
  }

  .service_list .text p {
    display: block;
    font-weight: bold;
  }

  .service_list .text {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .service_list .text strong {
    font-size: 20px;
    font-weight: normal; /* white-space: nowrap; */
  }
  .member_type {
    padding: 3.2rem 0 3.2rem 3.2rem;
  }
  .web_flex .grid_list {
    margin: 0;
    gap: 20px;
  }
  /*.web_flex{display:flex;gap:20px;}*/
  /*.web_flex > .item{flex: 0 0 50%;}*/

  .promo_swiper {
    position: relative;
  }
  .promo_swiper .swiper-control {
    margin: 0;
    height: 100px;
    display: flex;
    align-items: center;
    width: 260px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    border-radius: 0;
    left: auto;
  }
  .promo_swiper .swiper-control .btn_more.small {
    width: 100%;
    height: 64px;
    flex: 1 0 64px;
  }
  .promo_swiper .swiper-control .btn_more.small a {
    text-indent: -999em;
    padding: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-position: 50% 50%;
  }
  .section .inner {
    min-width: 1200px;
    max-width: 1400px;
    margin: 0 auto;
    gap: 13px;
  }

  .main_swiper .swiper-control {
    max-width: 360px;
  }
  .sub_swiper .swiper-control {
    min-height: 36px;
  }
  .web_flex {
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 10px));
    gap: 20px;
  }
  .web_flex > .item {
  }
  .sub_main_swiper .swiper-control {
    margin: 0;
    width: 260px;
    height: 100px;
    bottom: 0;
    position: absolute;
    right: 0;
    left: auto;
    background: #fff;
    border-radius: 0;
    padding: 0 0 0 16px;
    box-sizing: border-box;
    border-top-left-radius: 20px;
    overflow: visible;
  }
  .btn_more.small {
    width: 100%;
    height: 64px;
    display: flex !important;
    flex: 1 0 64px;
    margin-left: 10px;
  }
  .btn_more.small a {
    text-indent: -9999em;
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 100%;
    background-position: 50% 50%;
    /* margin-left: 14px; */
  }

  .sub_main_swiper .radius_cover:before {
    display: block;
    background: url("https://image.xgolf.com/file/2025/0623/202506235365639ljb2727.png")
      50% 50% no-repeat;
    content: "";
    width: 55px;
    height: 56px;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-100%);
    z-index: 10000;
    background-size: cover;
  }
  .sub_main_swiper .radius_cover:after {
    display: block;
    background: url("https://image.xgolf.com/file/2025/0623/202506235365639ljb2727.png")
      50% 50% no-repeat;
    content: "";
    width: 55px;
    height: 56px;
    position: absolute;
    bottom: -1px;
    left: 1px;
    transform: translateX(-100%);
    z-index: 10000;
    background-size: cover;
  }
  .epilogue_swiper .thum {
    width: 115px;
    height: 115px;
  }
  .epilogue_swiper .swiper-slide {
    width: 480px;
  }
  .epilogue_swiper .swiper-wrapper {
    transition-timing-function: linear;
  }
  .epilogue_swiper .swiper-slide.swiper-slide-active {
    transform: translateY(-2rem);
  }
  .grid_list .flex_row .img_box {
    width: auto;
    height: 280px;
    flex: 0 0 280px;
  }
  .grid_list .flex_row .img_box img {
    width: 100%;
    height: 100%;
  }
  .sub_main_swiper {
    height: 100%;
  }
  .sub_main_swiper .swiper-slide img {
    height: 100%;
    object-fit: cover;
  }
  .news_list > .inner {
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 10px));
    position: relative;
    gap: 20px;
  }
  .news_list > .inner .left,
  .news_list > .inner .right {
    flex: 1 0 50%; /* overflow: hidden; */ /* position: relative; */
  }
  .news_list > .inner .right {
    overflow: hidden;
  }
  .news_list > .inner .left {
    background: url("https://image.xgolf.com/file/2025/0623/202506235614355ljb2727.png")
      0 100% no-repeat;
  }
  .news_list .btn_more {
    position: absolute;
    top: -28px;
    right: 2rem;
    transform: translateY(-100%);
  }
  .section.news_list {
    padding: 200px 0;
    position: relative;
    background-image: url("https://image.xgolf.com/file/2025/0624/202506243769147ljb2727.png");
    background-size: cover;
    background-position: 50% 50%;
  }
  .news_list .common_sub_tit {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    position: static;
  }
  .web_text {
    display: block;
    line-height: 1.2;
    font-size: 1.2rem;
  }
  .news_list .web_text {
    margin-top: 0.4rem;
  }
  .youtube_swiper {
    display: none;
  }

  .youtube_list > .grid_col {
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 10px));
    position: relative;
    gap: 20px;
    min-width: 800px;
    padding: 0 2rem;
  }
  .youtube_list > .grid_col .left,
  .youtube_list > .grid_col .right {
    flex: 1 0 50%; /* overflow: hidden; */ /* position: relative; */
  }
  .youtube_list > .grid_col .right {
    overflow: hidden;
    border-radius: 20px;
  }

  .web_youtube.swiper-control {
    width: 100%;
    box-shadow: none;
    height: auto;
    padding: 0;
    position: absolute;
    bottom: 0;
    transform: none;
    left: 0;
  }
  .youtube_list .common_sub_tit {
    flex-direction: column;
    margin: 0;
    padding: 0;
  }
  .youtube_list .left {
    position: relative;
  }
  .youtube_list .common_sub_tit .btn_more {
    position: static;
    transform: none;
    margin-top: 100px;
  }
  .youtube_list {
    margin: 150px 0;
  }
  .youtube_list .web_text {
    margin-top: 0.4rem;
  }

  .web_youtube {
    display: flex;
  }
  .web_youtube_swiper {
    display: block;
  }
  .web_youtube_swiper iframe {
    width: 100%;
  }
  .btn_advice {
    background: none;
    padding: 0;
  }

  #request_layer .modal-dialog {
    width: 440px;
    position: fixed;
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto;
    height: auto;
    overflow: hidden;
    border-radius: 30px;
    background: none;
    padding: 0 !important;
    transform: translate(-50%, -50%);
  }
  #request_layer .modal-fullscreen {
    height: auto;
    /* width: 100%; */
    min-height: auto;
    letter-spacing: -1px;
  }
  .modal-fullscreen .modal-content {
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(4px);
  }
  .request_layer .btn_box .btn_s {
    position: relative;
  }

  .modal_inner .modal-dialog {
    width: auto;
    max-width: max-content;
    height: auto;
    max-height: max-content;
    position: fixed;
    right: auto;
    left: 50%;
    padding: 0 !important;
    top: 50%;
    transform: translate(-50%, -50%) !important;
  }
  .modal_inner .modal-dialog {
    min-height: auto;
    width: 440px;
    margin: 0;
  }
  .agree_list .input_box .btn_agree_more {
    cursor: pointer;
  }
  .request_layer {
    background: none;
  }

  .join_process .ico {
    width: 17vw;
    height: 17vw;
    max-width: 270px;
    max-height: 270px;
  }
  .join_process .item:before {
    top: calc(17vw / 2);
  }
  .join_process .ico img {
    height: 4.2vw;
  }
  .join_process .item:after {
    display: none;
  }

  .gray_grid_box {
    display: flex;
    padding: 4% 3%;
  }
  .gray_grid_box .item + .item {
    border: none;
    padding: 0;
    margin: 0;
    padding-left: 5%;
    border-left: 2px solid #fff;
  }
  .gray_grid_box dl + dl {
    margin-top: 0.8rem;
  }
  .gray_grid_box dl {
    display: flex;
    gap: 5px;
  }
  .call_info {
    padding: 76px 100px;
  }
  .call_info dt {
    font-size: 40px;
  }
  .call_info .ico_phone {
    font-size: 40px;
    background-size: 40px;
    padding-left: 50px;
  }

  .header .sub_link {
    /* display:none; */
    justify-content: center;
    position: fixed;
    top: 19px;
    left: 0;
    right: 0;
    background: #fff;
    transition-duration: 0.2s;
    transform: translateY(0);
    border-bottom: 1px solid #e1e1e1;
    z-index: 1000;
  }
  .header .sub_link.show {
    display: flex;
    transform: translateY(100%);
  }

  .header .sub_link ul {
    display: none;
    justify-content: center;
  }
  .header .sub_link ul.show {
    display: flex;
  }
  .header .sub_link ul li {
    display: flex;
    align-items: center;
    position: relative;
  }
  .header .sub_link ul li a {
    height: 80px;
    align-content: center;
    width: 250px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    position: relative;
  }
  .header .sub_link ul li a:hover {
    color: #0d988c;
  }
  /* 기본 상태: 가운데에서 scaleX(0)으로 가려진 선 */
  .header .sub_link ul li {
    position: relative;
  }

  .header .sub_link ul li::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background: #0d988c;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.2s ease;
  }

  /* 호버 시: 가로로 퍼지게 */
  .header .sub_link ul li:hover::after {
    transform: scaleX(1);
  }

  .common_tab {
    display: none;
  }

  .sub_youtube_list {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 40px;
    min-width: 1300px; /* overflow: auto; */
  }
  .sub_youtube_list .youtube + .youtube {
    margin: 0;
  }
  .sub_youtube_list .youtube iframe {
    height: 380px !important;
    width: 680px !important;
  }

  .room_menu ul {
    display: flex;
    gap: 0;
    background: #fff;
    border-bottom: 1px solid #dddddd;
    border-width: 0 0 1px 0;
  }
  .room_menu ul li {
    flex: 1 0 0;
    cursor: pointer;
    font-size: 20px;
    height: 80px;
  }
  .room_menu ul li.on:after {
    border-width: 0 0 2px 0;
  }
  .room_type {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 100px;
  }
  .room_type .sub_tit {
    margin: 0;
  }
  .room_type .flex {
    gap: 100px;
  }
  .room_info .img_box {
    /* height:56vmin; */ /* display: flex; */
  }
  .room_info .img_box img {
    vertical-align: middle;
    height: 56vmin;
    object-fit: cover;
  }

  .act_list ul {
    display: grid;
    grid-template-columns: repeat(2, auto);
    max-width: 1300px;
    gap: 40px;
    margin-top: 2rem;
  }
  .ev_wrap {
    margin-top: 6rem;
  }
  .act_list ul li {
    margin: 0 !important;
  }
  .ev_list ul {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 28px;
    max-width: 1300px;
  }
  .ev_list ul li + li {
    margin: 0;
  }
  .ev_list .img_box {
    height: auto;
  }
}

/* News List Modal (Bootstrap) */
.news_layer .modal-content {
  background: transparent;
  border: none;
  box-shadow: none;
  align-items: center;
}
.news_layer .modal-body {
  padding: 0;
  position: relative;
  display: inline-block; /* Content wrapper */
}
.news_layer img {
  max-width: 100%;
  max-height: 85vh;
}
.news_layer .btn_close {
  position: absolute;
  top: -30px;
  right: 30px;
  z-index: 100;
  width: 30px;
  height: 30px;
  /* Reuse existing btn_close background */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateX(100%);
}

.text_info_link .flex {
  display: flex;
  gap: 8rem;
  justify-content:space-between;
}
.text_info_link .flex .item {
  flex: 1 0 0;
  position: relative;
}
.text_info_link .flex .item .btn_more {
  position: absolute;
  bottom: 0;
  left: 0;
}
.text_info_link .flex .item .title {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  letter-spacing:-2px;
}
.text_info_link .flex .item .img_box{display:none;}
.text_info_link .flex .title {
  font-size: 5rem;
}
.text_info_link .title .main_color {
  color: #0d988c;
}
.text_info_link .flex .txt {
  font-size: 2.4rem;
  line-height: 1.6;
  padding-top: 2rem;
}
.text_info_link img {
  width: 100%;
}

.section.text_info_link.bg{background:#F9F9F9;padding-bottom:15rem;}
.section.text_info_link.bg li{padding-top:15rem;}

.section.text_info_link.bg > ul > li:nth-child(odd){}
.section.text_info_link.bg > ul > li:nth-child(odd) .item:first-child{
    order: 1;
}

.section.text_info_link{margin-top:15rem;}
.text_info_link .flex .item.map.mobile{display:none;}
.contents.sub .title{font-size:4rem;}
.contents.sub .txt{font-size:2rem;}


.gray_box{background:#F9F9F9;overflow:hidden;border-radius:20px;}
.gray_box strong{font-size:2.4rem;}
.gray_box p{font-size:2rem;}

.text_info_link .gray_box{padding:2rem;line-height: 1.8;margin-top: 1rem;}
.text_info_link .gray_box p{
    display: inline-block;
    padding-right: 0.5em;
}

.course_info{}
.course_info .flex{display:flex;gap: 8rem;}
.course_info .flex .item{flex:1 0 0;flex-direction: column;display: flex;}
.course_info .info1 .box{display:flex;}
.course_info .info1 .box + .box{margin-top:2.6rem;}
.course_info .info1 strong{font-size:4rem;font-weight:bold;line-height: 1;}
.course_info .info1 .par{border:1px solid #929292;border:1px solid #929292;/* display:inline-flex; */padding: 0.4em;align-self: end;color: #929292;margin-left: 1em;font-size:2rem;}
.course_info .info2{border-top:1px solid #BFBFBF;margin-top:3rem;padding-top:3rem;flex-grow: 1;justify-content: space-between;display: flex;flex-direction: column;}
.course_info .info2 p{font-size: 1.9rem;line-height:1.6;/* white-space: nowrap; */letter-spacing: -1px;}
.course_info .info2 img{align-self:start;}

.course_info .yard_info{display:flex;font-size:2rem;}
.course_info .yard_info li:not(:first-child){padding-left: 0.8em;margin-left: 0.8em;position:relative;}
.course_info .yard_info li:not(:first-child):after{display:block;content:"";position:absolute;top: 5px;bottom: 5px;width:1px;background:#CCCCCC;left: 0;}
.course_info .yard_info b{font-weight:normal;color:#888888;padding-right:0.2em;}

.tab_menu{border-bottom:1px solid #DDDDDD;display: flex;align-items: center;}
.tab_menu li{color:#888888;font-size:2rem;position:relative;height: 80px;display: flex;align-items: center;padding: 0 6rem;cursor: pointer;}
.tab_menu li.on{color:#0D988C;font-weight:bold;}
.tab_menu li.on:after{display:block;content:"";position:absolute;bottom:0px;left:0;right:0;width:100%;height:2px;background:#0D988C}
.tab_menu ul{
    display: flex;
}
.couse_list{display:none;}
.couse_list.show{display:block;}
.couse_list{margin-top:10rem;}
.couse_list > li + li{margin-top:15rem;}
.couse_list > li:nth-child(even) .item:first-child{order:1}

.ev_view{
    padding-bottom: 4rem;
    
}
/*.ev_view img{width:100%;height:auto;}*/
.ev_view img{max-width:100%;height:auto;width:auto;display:flex;align-items:center;margin:0 auto;}
.ev_view table{width:100%}

.ev_wrap{line-height:1.5}
.ev_wrap *{font-size:14px !important;}
.ev_wrap .ev_date{text-align:center;font-size:20px !important;color:#7D7D7D;display:block;padding-bottom:20px;}
.ev_wrap .ev_title{font-size: 40px !important;font-weight:bold;margin-bottom:100px;font-weight:bold;text-align:center;}
.ev_wrap .btn_box{text-align:center;margin-top:80px;}
.ev_wrap .btn_list{background:#917258;display:inline-flex;font-size:1.6rem;padding:0.4em 0.8em;color:#fff;border-radius:2rem;min-width:6em;justify-content:center;}
.ev_wrap .goTop{width:40px;height:40px;display:flex;margin:0 auto;border:2px solid #000;border-radius:100%;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;}
.ev_wrap .goTop svg{width:20px;height:20px;}

.top_menu.scrolled {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.club_house_flex{}
.club_house_flex .sub_tit{font-size:4rem;margin-bottom:3rem;font-weight:bold;}
.club_house_flex .txt{padding-top:0px !important;}
.club_house_flex > ul > li + li{margin-top:150px;}
.club_house_flex .main_color{color:#0D988C;}

.club_house_flex .sub_tit.web_hide{display:none;}

.btn_box{margin-top:80px;}
.btn_box .btn_s{font-size:18px !important;font-weight:bold;height:50px;color:#fff;width:170px;display:inline-flex;align-items:center;justify-content:center;text-align:center;background:#0D988C;overflow:hidden;border-radius:50px;}
/* 전체 폼 배경 및 정렬 (선택 사항: 화면 중앙 배치용) */
.admin_form {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
}

/* 컨테이너 상자 */
.admin_form .container {
    width: 350px;
    padding: 40px;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
    text-align: left;
}

/* 입력 필드 라벨 (ID, PW 글자) */
.admin_form .container {
    color: #444;
    font-size: 13px;
    font-weight: 600;
}

/* 입력창 공통 스타일 */
.admin_form input[type="text"], 
.admin_form input[type="password"] {
    width: 100%;
    height: 45px;
    margin-top: 8px;
    margin-bottom: 20px;
    padding: 0 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-sizing: border-box; /* 패딩 포함 크기 계산 */
    transition: all 0.3s ease;
    outline: none;
}

/* 입력창 포커스 효과 */
.admin_form input:focus {
    border-color: #4A90E2;
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
}

/* 로그인 버튼 (a 태그를 버튼처럼 디자인) */
.admin_form a[href*="javascript:login"] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    background-color: #2c3e50;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    border-radius: 6px;
    margin-top: 10px;
    transition: background-color 0.3s ease;
}

/* 로그인 버튼 호버 효과 */
.admin_form a[href*="javascript:login"]:hover {
    background-color: #1a252f;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* 로그인 버튼 클릭 효과 */
.admin_form a[href*="javascript:login"]:active {
    transform: translateY(1px);
}


/* 모바일 (767px 이하) */
@media screen and (max-width: 767px) {
.footer{margin-top:90px;}
	html,body{font-size:8px;}
	.mobile_hide{display:none !important;}
	.ev_wrap *{font-size:14px !important;}
.ev_wrap .ev_title{font-size: 18px !important;font-weight:bold;margin-bottom:20px;font-weight:bold;text-align:center;}
  .common_sub_tit strong{font-size:24px;}
  .news_list li{flex-direction:column;}
  .news_list li .date{font-size:12px;}
  .section.text_info_link{margin-top:60px;}
  .text_info_link .flex{flex-direction:column;}
  .text_info_link .flex .title{font-size:24px;}

  .section.text_info_link.bg > ul > li:nth-child(odd) .item:first-child{order:initial;}
  .text_info_link .flex .mobile_none{display:none !important;}
  .text_info_link .flex .txt{font-size:16px;}
  .text_info_link .flex .item .title{position:relative;}
  .text_info_link .flex .item .btn_more{left:auto;right:0;}

  .text_info_link .flex .item .img_box{margin-top:2rem;display:block;}
  .section.text_info_link.bg{padding-top:60px;padding-bottom:60px;}
  .section.text_info_link.bg li{padding-top:0;}
  .section.text_info_link.bg li + li{margin-top:40px;}
  .text_info_link .flex .item.map{display:none;}
  .text_info_link .flex .item.map.mobile{display:block;margin-top:20px;border-radius:20px;overflow:hidden;}

  .contents.sub .text_info_link .flex .txt{font-size:14px;letter-spacing:-1px;}

  .course_flex .mobile_flex{display:flex;flex-direction:column;;}
  .course_flex .mobile_flex .title{order:0;}
  .course_flex .mobile_flex .txt{order:1;}
  .course_flex .mobile_flex .img_box{order:2;}
  .course_flex .mobile_flex .gray_box{order:3;}
	
	.course_info .flex{flex-direction:column;position:relative;}
  .course_info .flex .item:first-child{order:1}
  .course_info .yard_info{font-size:14px;}
  .course_info .info1 .par{font-size:13px;}
  .course_info .info1 strong{font-size:24px;}
  .course_info .info2 p{font-size:14px;}
  .course_info .info2 img{position:absolute;top:0;right:0;height:64px;transform: translateY(-22px);}
  .gray_box strong{font-size:16px}
  .text_info_link .gray_box p{font-size:14px;letter-spacing:-1px;}
  .course_info .info2{margin-top:15px;padding-top:15px;}
  .course_info .flex{gap:20px;}
  .couse_list > li + li{margin-top:60px;}
  .course_info .yard_info li:not(:first-child):after{top:2px;bottom:2px;}

  
  .tab_menu {position:fixed;top:60px;background:#fff;left:0;right:0;z-index:999;}
  .tab_menu ul{width:100%;}
  .tab_menu li{height:60px;flex:1 0 0;}
  .contents{padding-top:60px;}
  
  .club_house_flex .sub_tit{display:none;}
  .club_house_flex.text_info_link .flex .item .img_box{margin-top:0px;}
  .club_house_flex.text_info_link .flex .txt .sub_tit{display:block;line-height:1;padding:20px 0;margin-bottom:0;font-size:14px;font-weight:bold;}
  .club_house_flex > ul > li + li{margin-top:60px;}
	.mobile_margin0{margin-top:0 !important;}
	.club_house_flex > ul > li.order .txt{margin-top:20px;}

	.news_list.sub{margin-top:0px;}

	.news_list > ul.news_ul > li a{flex-direction:column;gap:10px;}
	.common_paging{padding-top:40px;}
	.common_paging > ul > li a{font-size:16px;width:20px;height:20px;}
	.common_paging > ul > li a svg{width:16px;}
	.common_paging > ul > li.prev{margin-right:5px;}
	.common_paging > ul > li.next{margin-left:5px;}

	
	.ev_wrap .btn_box{margin-top:4rem;}
	.btn_box .btn_s{font-size:14px !important;color:#0D988C;height:56px;width:100%;box-sizing:border-box;border:1px solid #0D988C;border-radius:0;background:#fff;}
	
  
}


.admin_menu {
    display: flex;
    align-items: center; /* 세로 중앙 정렬 */
    gap: 0;
    padding: 10px;
}

/* 검색 라벨 내부 레이아웃 */
.admin_menu label {
    display: flex;
    align-items: stretch; /* 자식 요소 높이를 동일하게 확장 */
    gap: 0; /* 입력창과 버튼 사이 공백 제거(선택사항) */
}

/* 입력창 스타일 */
.admin_menu input[type="text"] {
    height: 36px; /* 기준 높이 설정 */
    padding: 0 10px;
    border: 1px solid #ccc;
    border-right: none; /* 검색 버튼과 붙어 보일 때 사용 */
    border-radius: 4px 0 0 4px; /* 왼쪽만 둥글게 */
    box-sizing: border-box; /* 패딩과 테두리를 높이에 포함 */
    outline: none;
    width: 100%;
}

/* 공통 버튼 스타일 (검색 & 신규작성) */
.admin_menu a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px; /* 입력창과 동일한 높이 */
    padding: 0 15px;
    text-decoration: none;
    font-size: 14px;
    box-sizing: border-box;
    white-space: nowrap; /* 텍스트 줄바꿈 방지 */
}

/* 검색 버튼 */
.admin_menu label a {
    background-color: #6c757d;
    color: white;
    border: 1px solid #6c757d;
    border-radius: 0 4px 4px 0; /* 오른쪽만 둥글게 */
}

/* 신규 생성 버튼 */
.admin_menu > a {
    background-color: #007bff;
    color: white;
    border-radius: 4px;
    margin-left: 10px; /* 검색창과 간격 */
}

/* 테이블 기본 리셋 */
.admin_editor table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

/* 전체 레이아웃 너비 제한 (선택사항: 중앙 정렬) */
.admin_editor {
    max-width: 1000px;
    margin: 20px auto;
    font-family: 'Noto Sans KR', sans-serif; /* 폰트 예시 */
}

/* ----------------------------------------------------
   입력 폼 테이블 스타일 (본문)
   ---------------------------------------------------- */

/* 테이블 테두리 및 간격 */
.admin_editor td {
    padding: 0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 14px;
    color: #333;
    vertical-align: middle;
}

.admin_editor .p5 td{padding:5px 10px;}
/* 라벨 컬럼 (Writer, Title 등) */
.admin_editor td.P-txt_1,
.admin_editor td[bgcolor="#f1f1f1"] {
    background-color: #f8f9fa !important; /* HTML의 bgcolor 무시 */
    font-weight: 600;
    color: #495057;
    border-right: 1px solid #e0e0e0;
    width: 140px; /* 라벨 너비 고정 */
    text-align: left; /* 텍스트 정렬 */
}

/* ----------------------------------------------------
   Input, Select, Checkbox 스타일
   ---------------------------------------------------- */

/* 텍스트 입력창 디자인 */
.admin_editor input[type="text"] {
    width: 98%; /* 셀 내부 꽉 차게 */
    height: 36px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box; /* 패딩 포함 크기 계산 */
    transition: border-color 0.2s;
}

.admin_editor input[type="text"]:focus {
    border-color: #007bff;
    outline: none;
}

/* 체크박스 및 라디오 라벨 정렬 */
.admin_editor label {
    display: inline-flex;
    align-items: center;
    margin-right: 15px;
    cursor: pointer;
    font-size: 13px;
}

.admin_editor input[type="checkbox"] {
    margin-right: 5px;
    transform: scale(1.1); /* 체크박스 크기 약간 확대 */
}

/* 기간 설정 영역 (date_select) */
.date_select {
    display: inline-block;
    margin-right: 10px;
    font-weight: bold;
    color: #555;
}

/* ----------------------------------------------------
   하단 버튼 영역
   ---------------------------------------------------- */

/* 버튼 공통 스타일 */
.admin_editor a.button {
    display: inline-block;
    min-width: 80px;
    height: 40px;
    line-height: 40px; /* 텍스트 수직 중앙 */
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    margin: 0 5px;
    padding: 0 20px;
    transition: background-color 0.2s;
}

/* 목록으로 (Go to List) - 회색 버튼 */
.admin_editor a.button[href="list.asp"] {
    background-color: #6c757d;
    color: white;
}
.admin_editor a.button[href="list.asp"]:hover {
    background-color: #5a6268;
}

/* 등록하기 (Regist) - 파란색 버튼 */
.admin_editor a.button[href^="javascript"] {
    background-color: #007bff;
    color: white;
}
.admin_editor a.button[href^="javascript"]:hover {
    background-color: #0056b3;
}

/* ----------------------------------------------------
   에디터(iframe) 영역 정리
   ---------------------------------------------------- */
.admin_editor iframe {
    border: 1px solid #ddd;
    border-radius: 2px;
    display: block; /* 하단 공백 제거 */
}
/* 날짜 입력창 스타일 */
.date_select input.datepicker {
    width: 120px;       /* 날짜 입력창 너비 */
    height: 36px;       /* 다른 입력창과 높이 통일 */
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center; /* 날짜 가운데 정렬 */
    cursor: pointer;    /* 클릭 가능 표시 */
    background: #fff url('https://cdn-icons-png.flaticon.com/512/2693/2693507.png') no-repeat right 10px center; /* 달력 아이콘 배경 (선택사항) */
    background-size: 16px; 
	text-align:left;
}

/* 물결(~) 기호 스타일 */
.date_select span {
    margin: 0 5px;
    font-weight: bold;
    color: #555;
}

/* jQuery UI 달력 폰트 사이즈 조정 (너무 크지 않게) */
.ui-datepicker {
    font-size: 13px;
}


#btn_up_scroll {
    position: fixed;
    bottom: 96px;
    right: 2rem;
    z-index: 1000;
    display: flex; /* 고정 */
    width: 38px;
    height: 38px;
    background: white;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.4));
    cursor: pointer;

    /* 페이드 효과 핵심 */
    opacity: 0;           /* 기본 투명 */
    visibility: hidden;    /* 기본 숨김(클릭 방지) */
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

/* show 클래스가 붙었을 때 선명하게 나타남 */
#btn_up_scroll.show {
    opacity: 1;
    visibility: visible;
}

#btn_up_scroll img {
    width: 12px;
    height: auto;
    filter: invert(46%) sepia(78%) saturate(450%) hue-rotate(126deg) brightness(88%) contrast(97%);
    object-fit: contain;
}

/*.fixed_bottom_menu{display:none;}*/
/*@media screen and (max-width: 768px) {*/
	/*.footer{padding-bottom:76px;}*/
  /*.fixed_bottom_menu{display:block;position:fixed;bottom:0;background:#fff;width: 100%;filter:drop-shadow(0px 6px 10px rgba(0,0,0,0.4));z-index:9999}*/
	/*.fixed_bottom_menu ul{display:flex;}*/
	/*.fixed_bottom_menu ul li{flex:1 0 0;}*/
	/*.fixed_bottom_menu ul li .link{display:flex;height:76px;flex-direction:column;justify-content: center;align-items: center;gap: 8px;}*/
	/*.fixed_bottom_menu ul li img{height:20px;}*/
	/*.fixed_bottom_menu ul li p{font-size:11px;font-weight:bold;letter-spacing:-1px;}*/
/*}*/



.club_hotel_flex{}
.club_hotel_flex .sub_tit{font-size:5.4rem;font-weight:bold;display:block;padding-bottom:4rem;}
.club_hotel_flex ul{display:flex;gap:8rem;flex-direction:column;}
.club_hotel_flex ul.grid2{display:grid;grid-template-columns:repeat(2, 1fr);}
.club_hotel_flex ul.grid2 li{display:flex;flex-direction:column;}
.club_hotel_flex ul > li .text_box{padding:20px 0;}
.club_hotel_flex ul > li strong{font-size:4rem;display:block;}
.club_hotel_flex ul > li .text_box p{font-size:2rem;padding-top:4px;letter-spacing:-1px;}

@media screen and (max-width: 767px) {
	.club_hotel_flex .sub_tit{font-size:20px;font-weight:bold;}
	.club_hotel_flex ul > li strong{font-size:14px;}
	.club_hotel_flex ul.grid2{display:grid;grid-template-columns:repeat(1, 1fr);}
	
	.club_hotel_flex ul.grid2 .img_box{order:-1}
	.club_hotel_flex ul > li .text_box p{font-size:12px;}
	.club_hotel_flex ul > li {display:flex;flex-direction:column;}
	.club_hotel_flex .img_box{order:-1}
}