@charset 'utf-8';

/* sub-top */
.sub-top { background-repeat:no-repeat; background-position:center; background-size:cover; height: 500px; display:flex; align-items:center; justify-content:center; padding:0 20px; }
.sub-top.sub-top--type01 { background-image:url('../img/contents/sub_top_visual01.jpg'); }
.sub-top.sub-top--type02 { background-image:url('../img/contents/sub_top_visual02.jpg'); }
.sub-top.sub-top--type03 { background-image:url('../img/contents/sub_top_visual03.jpg'); }
.sub-top.sub-top--type04 { background-image:url('../img/contents/sub_top_visual04.jpg'); }
.sub-top.sub-top--type05 { background-image:url('../img/contents/sub_top_visual05.jpg'); }
.sub-top.sub-top--type06 { background-image:url('../img/contents/sub_top_visual06.jpg'); }

.sub-top__inner { padding-top:100px; }
.sub-top__eyebrow { font-size:28px; color:#fff; text-align:center;  }
.sub-top__title { font-size:70px; color:#fff; text-align:center; line-height:1.1; }
.sub-top__title span { font-weight:400; }
.sub-top__title em { font-family: 'Montserrat', sans-serif; font-weight:700; font-style:normal; letter-spacing:-2px; }
.sub-top__desc { font-size:22px; line-height:1.35; color:#fff; text-align:center; margin-top:25px; min-height:71px; }

/* layout */
.container { min-height:calc(100vh - 882px); padding:0 20px; }
.sub-layout { max-width:1200px; margin:0 auto; }
.sub-contents { padding:60px 0 200px 0; }
.sub-contents.relative { position:relative; }
.conts-box { text-align:center; }
.conts-box img { display:inline-block; }

/* breadcrumb */
.breadcrumb { height:80px; display:flex; align-items:center; }
.breadcrumb .breadcrumb__home { display:block; width:16px; height:15px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_home.png');  background-size:100% auto; margin-right:18px; }
.breadcrumb .breadcrumb__item { font-size:18px; color:#111111; padding-right:18px; margin-right:10px; background-repeat:no-repeat; background-position:right center; background-image:url('../img/icons/ic_breadcrumb_arrow.png'); }
.breadcrumb .breadcrumb__item--current { font-weight:700; background:none; }

/* filter-tabs */
.filter-tabs { display:flex; gap:10px; margin-bottom:60px; }
.filter-tabs .filter-tabs__item { }
.filter-tabs .filter-tabs__button { display:flex; align-items:center; justify-content:center; width:100%; height:60px; font-size:20px; border-radius:60px; box-sizing:border-box; padding:0 38px; background-color:#f8f8f8; color:#8b8b8b; font-weight:600; }
.filter-tabs .filter-tabs__button.is-active { background-color:#eab334; color:#fff; }

/* filter-tabs */
.filter-tabs.type-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap:12px; margin-bottom:30px; }
.filter-tabs.type-grid .filter-tabs__button { border:1px solid #a6a6a6; padding:0; background-color:#fff; color:#111; font-weight:500; }
.filter-tabs.type-grid .filter-tabs__button.is-active { background-color:#eab334; color:#fff; border-color:#eab334; }

.filter-tabs.pension { display:grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); }

.filter-tabs-scroll { margin-bottom: 30px; }
.filter-tabs-scroll .filter-tabs__item { width:160px; }
.filter-tabs-scroll .filter-tabs__button { display:flex; align-items:center; justify-content:center; text-align:center; width:100%; height:60px; font-size:20px; line-height:1.1; border-radius:60px; box-sizing:border-box; border:1px solid #a6a6a6; padding:0; background-color:#fff; color:#111; font-weight:500; }
.filter-tabs-scroll .filter-tabs__button.is-active { background-color:#eab334; color:#fff; border-color:#eab334; }

.filter-tabs-scroll.pension .filter-tabs__button { background-color:#f8f8f8; color:#8b8b8b; border:0; }
.filter-tabs-scroll.pension .filter-tabs__button.is-active { background-color:#eab334; color:#fff; }

.filter-tabs-scroll.board .filter-tabs__button { background-color:#f8f8f8; color:#8b8b8b; border:0; }
.filter-tabs-scroll.board .filter-tabs__button.is-active { background-color:#eab334; color:#fff; }


/* 1. 베르아델
* * * * * * * * * * * * * * * * * * * */
/* 1-1. 대표 인사말 */
.ceo-intro { }
.ceo-intro .ceo__title { font-size:36px; font-weight:700; margin-bottom:40px; }
.ceo-intro .ceo-intro__content { display:grid; grid-template-columns:252px 1fr; gap:50px; }
.ceo-intro .ceo-intro__image-wrap { }
.ceo-intro .ceo-intro__text-wrap { font-size:20px; }

.ceo-intro .philosophy { background-color:#fcf8f4; display:grid; grid-template-columns:230px 1fr; padding:60px; margin-top:50px; }
.ceo-intro .philosophy dt { display:flex; align-items:center; font-size:22px; font-weight:700; }
.ceo-intro .philosophy dd { padding-left:14px; }
.ceo-intro .philosophy dd p { position:relative; font-size:20px; padding-left:12px; margin-bottom:4px; }
.ceo-intro .philosophy dd p:last-child { margin-bottom:0; }
.ceo-intro .philosophy dd p:before { content:""; display:block; width:4px; height:4px; background-color:#eab334; border-radius:4px; position:absolute; left:0; top:10px; }

.ceo-signature { display:flex; justify-content:flex-end; align-items:center; margin-top:50px; font-weight:500; gap:10px; }
.ceo-signature .ceo-signature__rank { font-size:20px; padding-top:2px; }
.ceo-signature .ceo-signature__name { font-size:30px; }

.ceo-profile { margin-top:90px; }
.ceo-profile .ceo__title { font-size:36px; font-weight:700; margin-bottom:40px; }
.ceo-profile__summary { margin-bottom:35px; }
.ceo-profile__summary li { position:relative; font-size:20px; padding-left:23px; }
.ceo-profile__summary li:before { content:""; display:block; width:7px; height:2px; background-color:#111111; position:absolute; left:0; top:10px; }

.ceo-profile__details { position:relative; display:grid; grid-template-columns:repeat(2, 1fr); gap:35px 120px; background-color:#f8f8f8; padding:55px 60px; }
.ceo-profile__details:after { content:""; position:absolute; left:50%; top:55px; bottom:55px; display:block; width:1px; background-color:#e2e2e2; }

.profile-card { }
.profile-card__title { font-size:22px; font-weight:600; }
.profile-card__list { margin-top:15px; }
.profile-card__list li { position:relative; font-size:18px; padding-left:10px; margin-top:5px; }
.profile-card__list li:last-child { margin-bottom:0; }
.profile-card__list li:before { content:""; display:block; width:3px; height:3px; background-color:#111; border-radius:3px; position:absolute; left:0; top:10px; }


/* 1-2. 베르아델승마클럽 */
.container { overflow-x:hidden; }
.club-intro { padding-bottom:0; }
.club-intro-header { }
.club-intro__title { font-size:48px; font-family: 'Montserrat', sans-serif; font-weight:700; text-transform:uppercase; text-align:center; letter-spacing:-1px; }
.club-intro__description { font-size:28px; text-align:center; margin-top:10px; }

.club-intro-services { position:relative; margin-top:70px; padding-bottom:10px; }
.club-intro-services:before { content:""; display:block; width:460px; height:490px; background-repeat:no-repeat; background-position:center; background-image:url('../img/contents/ic-beradel-club.png'); background-size:100% auto; margin:0 auto; }
.club-intro-services__item { position:absolute; max-width:180px; width:100%; }
.club-intro-services__item .club-intro-services__type { font-size:24px; text-align:center; padding-top:70px; background-repeat:no-repeat; background-position:center top; font-weight:600; }
.club-intro-services__item .club-intro-services__tags { font-size:20px; color:#8b8b8b; text-align:center; border-top:2px solid #111111; padding-top:10px; margin-top:7px; min-height:94px; letter-spacing:-1px; }

.club-intro-services__item.item01 { left:0; top:0; }
.club-intro-services__item.item02 { right:0; top:0; }
.club-intro-services__item.item03 { left:0; bottom:0; }
.club-intro-services__item.item04 { right:0; bottom:0; }

.club-intro-services__item.item01 .club-intro-services__type { background-image:url('../img/contents/ic-club01.png'); }
.club-intro-services__item.item02 .club-intro-services__type { background-image:url('../img/contents/ic-club02.png'); }
.club-intro-services__item.item03 .club-intro-services__type { background-image:url('../img/contents/ic-club03.png'); }
.club-intro-services__item.item04 .club-intro-services__type { background-image:url('../img/contents/ic-club04.png'); }

.club-intro-body { position:relative; background-color:#fafafa; padding:100px 0; margin-top:120px; }
.club-intro-body:after { content:""; position:absolute; left:-100%; right:-100%; top:0; bottom:0; display:block; background-color:#fafafa; }
.club-intro-body .club-intro-body__inner { position:relative; z-index:10; }
.club-intro-details { display:grid; grid-template-columns:repeat(4, 1fr); gap:40px; }
.club-intro-details li { overflow:hidden; }
.club-intro-details__img { border-radius:25px; overflow:hidden; }
.club-intro-details__img img { width:100%; }
.club-intro-details__info { margin-top:15px; }
.club-intro-details__info dt { font-size:22px; font-weight:600; }
.club-intro-details__info dd { font-size:16px; margin-top:10px; word-break:keep-all; }

.club-intro-footer-text { margin-top:75px; height:300px; background-repeat:no-repeat; background-position:center; background-image:url('../img/contents/bg-beradel-club.jpg'); display:flex; align-items:center; justify-content:center; border-radius:25px; }
.club-intro-footer-text__content { font-size:22px; color:#fff; text-align:center; }


/* 1-3. 운영철학 & 비젼 */
.detail-list { display:grid; grid-template-columns:repeat(1, 1fr); gap:60px; }
.detail-list > li { display:grid; grid-template-columns:160px 1fr; }
.detail-list .detail-label { position:relative; font-size:36px; font-weight:700; padding-top:20px; }
.detail-list .detail-label .en { display:block; font-size:20px; font-family: 'Montserrat', sans-serif; font-weight:400; margin-top:10px; }
.detail-list .detail-label:before { content:""; position:absolute; left:0; top:0; display:block; width:26px; height:2px; background-color:#111111; }
.detail-list .detail-con { border-radius:30px; background-color:#f8f8f8; padding:35px 40px; font-size:18px; }
.detail-list .detail-con p { font-size:18px; color:#8b8b8b; }

.vision-details .detail-list .sub-title { font-size:24px; font-weight:600; color:#111; margin-bottom:10px; }
.vision-details .detail-list .sub-title strong { color:#eab334; }
.vision-details .detail-list .sub-text-box { border-radius:15px; background-color:#fff; padding:25px 30px; font-size:20px; margin-top:20px; letter-spacing:-0.7px; }
.vision-details .detail-list .sub-text-box strong { color:#eab334; }
.vision-details .detail-list .sub-text-box i { position:relative; font-style:normal; }
.vision-details .detail-list .sub-text-box i:before { content:""; position:absolute; left:50%; top:-5px; display:block; width:3px; height:3px; border-radius:3px; background-color:#eab334; margin-left:-1px; }

.detail-con-sub-list { display:grid; grid-template-columns:repeat(4, 1fr); gap:30px; margin-top:30px; }
.detail-con-sub-list dl { border-radius:15px; background-color:#fff; padding:25px 30px; font-size:18px; color:#8b8b8b; }
.detail-con-sub-list dl dt { position:relative; font-size:22px; color:#111; font-weight:600; padding-top:85px; }
.detail-con-sub-list dl dt:before { content:""; position:absolute; left:50%; top:0; display:block; width:60px; height:60px; background-repeat:no-repeat; background-position:center; background-size:100% auto; transform:translateX(-50%); }
.detail-con-sub-list dl dd { margin-top:15px; font-weight:500; word-break:keep-all; letter-spacing:-1px; }

.strategy .detail-con-sub-list dl:nth-child(1) dt:before { background-image:url('../img/icons/ic-strategy01.png'); }
.strategy .detail-con-sub-list dl:nth-child(2) dt:before { background-image:url('../img/icons/ic-strategy02.png'); }
.strategy .detail-con-sub-list dl:nth-child(3) dt:before { background-image:url('../img/icons/ic-strategy03.png'); }
.strategy .detail-con-sub-list dl:nth-child(4) dt:before { background-image:url('../img/icons/ic-strategy04.png'); }

.tasks .detail-con-sub-list dl:nth-child(1) dt:before { background-image:url('../img/icons/ic-tasks01.png'); }
.tasks .detail-con-sub-list dl:nth-child(2) dt:before { background-image:url('../img/icons/ic-tasks02.png'); }
.tasks .detail-con-sub-list dl:nth-child(3) dt:before { background-image:url('../img/icons/ic-tasks03.png'); }
.tasks .detail-con-sub-list dl:nth-child(4) dt:before { background-image:url('../img/icons/ic-tasks04.png'); }


/* 1-4. 베르아델승마클럽 이용안내 */
.guide-process { }
.guide-process .guide-title { font-size:40px; text-align:center; }
.process-list { display:flex; flex-wrap:wrap; justify-content:center; margin-top:50px; }
.process-list li { position:relative; display:flex; align-items:center; justify-content:center; width:280px; aspect-ratio: 1 / 1; background-color:rgba(249, 241, 233, 0.7); mix-blend-mode: multiply; border-radius: 50%; font-size:24px; line-height:1.25; font-weight:600; margin:0 -20px; }
.process-list li:after { content:""; display:block; width:12px; height:20px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic-process-step-arrow.png'); background-size:100% auto; position:absolute; right:12px; top:50%; transform:translateY(-50%); z-index:1; }
.process-list li:last-child:after { display:none; }
.process-list li b { font-size:28px; font-weight:600; font-family: 'Montserrat', sans-serif; }
.process-list li p { text-align:center; }

.guide-banner { margin-top:80px; height:253px; border-radius:25px; overflow:hidden; background-repeat:no-repeat; background-position:center; background-image:url('../img/contents/bnr-guide.jpg'); background-size:cover; }

/* guide-details */
.guide-details { }
.guide-details .detail-list { margin-top:80px; }
.guide-details .detail-list > li { grid-template-columns:185px 1fr; }
.guide-details .detail-list .detail-con { padding:40px; }

.guide-details .detail-con .bullet-tit { position:relative; padding-left:15px; margin-bottom:5px; }
.guide-details .detail-con .bullet-tit:last-child { margin-bottom:0; }
.guide-details .detail-con .bullet-tit:before { content:"•"; position:absolute; left:0; top:0; }
.guide-details .detail-con .bullet-tit em { color:#eab334; font-style:normal; font-weight:600; }
.guide-details .detail-con .bullet-tit strong { color:#eab334; font-size:24px; font-weight:600; }

.guide-details .detail-con .sub-bullet { background-color:#fff; border-radius:15px; padding:20px 25px; margin:10px 0 20px 0; }
.guide-details .detail-con .sub-bullet > li { position:relative; padding-left:15px; margin-bottom:5px; color:#8b8b8b; }
.guide-details .detail-con .sub-bullet > li:last-child { margin-bottom:0; }
.guide-details .detail-con .sub-bullet > li:before { content:"-"; position:absolute; left:0; top:0; }
.guide-details .detail-con .sub-bullet > li em { color:#eab334; font-style:normal; font-weight:600; }

.guide-details .detail-con .contact-box { display:flex; align-items:center; background-color:#fff; border-radius:15px; padding:20px 30px; margin:25px 0 0 0; color:#8b8b8b; gap:5px; }
.guide-details .detail-con .contact-box .tit { position:relative; font-size:18px; padding-left:30px; }
.guide-details .detail-con .contact-box .tit:before { content:""; position:absolute; left:0; top:0; display:block; width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic-tel.png'); background-size:100% auto; }
.guide-details .detail-con .contact-box .tel { font-size:30px; color:#eab334; }


/* 1-5. 이용요금 & 멤버십 */
.section-title { font-size:40px; text-align:center; justify-content:center; margin-bottom:30px; }

.table-container { }
.data-table { }
.data-table th,
.data-table td { border-bottom:1px solid #d7d7d7; font-size:20px; padding:26px 10px; border-left:1px solid #ebebeb; text-align:center; }
.data-table th { font-weight:600; color:#111; }
.data-table td { color:#8b8b8b; }
.data-table thead th { border-bottom:1px solid #111111; border-top:1px solid #111111; }
.data-table thead th:first-child { border-left:0; }
.data-table tbody th { border-left:0; }

.data-table .cell-price { color:#eab334; }
.data-table .cell-fee { }
.data-table .cell-info-box { }
.data-table .cell-info-box .list-dot { text-align:left; padding-left:65px; }
.data-table .cell-info-box .list-dot li { position:relative; padding-left:15px; }
.data-table .cell-info-box .list-dot li:before { content:"•"; position:absolute; left:0; top:0; }

.cell-info-box .info-group { text-align:left; padding-left:40px; margin-bottom:20px; }
.cell-info-box .info-group:last-child { margin-bottom:0; }
.cell-info-box .info-group .info-tit { display:flex; align-items:center;}
.cell-info-box .info-group .info-tit span { display:flex; align-items:center; justify-content:center; font-size:20px; background-color:#f8f8f8; padding:0 30px; width:auto; border-radius:50px; height:50px; color:#111; font-weight:700; }

.cell-info-box .course-list { padding-left:25px; }
.cell-info-box .course-list dt { color:#111111; margin-top:10px; }
.cell-info-box .course-list dd { color:#8b8b8b; }
.cell-info-box .course-list em { color:#eab334 ; font-style:normal; }

.data-table .cell-entry-fee { color:#eab334; }

.membership-section { margin-top:60px; }


/* 1-6. 파트너 */
.partners__list { display:grid; grid-template-columns: repeat(4,1fr); gap:40px; }
.partners__list li { border:1px solid #e6e6e6; border-radius:30px; overflow:hidden; text-align:center; display:flex; align-items:center; justify-content:center; }
.partners__list li img { object-fit: contain; }


/* 1-7. 오시는 길 */
section.section--grid { }
section.section--grid .grid { display:grid; grid-template-columns:repeat(1, 1fr); gap:60px; }
section.section--grid .card { display:grid; grid-template-columns:300px 1fr; gap:20px; }
section.section--grid .card__header { }
section.section--grid .card__title { position:relative; font-size:36px; font-weight:700; line-height:1.1; padding-top:25px; }
section.section--grid .card__title:before { content:""; position:absolute; left:0; top:0; display:block; width:26px; height:2px; background-color:#111111; }
section.section--grid .card__desc { font-size:20px; font-weight:500; line-height:1.35; margin-top:10px; }
section.section--grid .card.card--hours { }
section.section--grid .card.card--location { }
section.section--grid .card__content { }

.hours-container { display:grid; grid-template-columns: 1fr minmax(420px, 1fr); gap:20px; }
.hours-container .hours-item__section { background-color:#ffffff; border:1px solid #d7d7d7; border-radius:30px; padding:40px 30px; }
.hours-container .hours-info-group { grid-row: 1 / span 2; padding-bottom:30px; }

.hours-info-group {  }
.hours-section { border-bottom:1px solid #e7e7e7; padding-bottom:35px; margin-bottom:35px; }
.hours-section:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0; } 
.hours-section .hours-section__title { display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:600; line-height:1.1; }

.hours-item-wrap { }

.hours-item-wrap { display:grid; grid-template-columns:repeat(1, 1fr); gap:19px; margin-top:25px; }
.hours-item-wrap:last-of-type .hours-section__title,
.hours-item-wrap:last-of-type .hours-item { border-bottom:0; }

.hours-item-wrap .hours-item { display:grid; grid-template-columns:80px 1fr; gap:10px; }
.hours-item-wrap .hours-item .hours-item__label { display:flex; align-items:center; justify-content:center; width:100%; background-color:#ebebeb; font-size:16px; padding:0 10px; border-radius:30px; height:30px; color:#8b8b8b; font-weight:500; }

.hours-item-wrap .hours-item .hours-item__time { }
.hours-item-wrap .hours-item .hours-item__time p { display:flex; align-items:center; gap:10px; }
.hours-item-wrap .hours-item .hours-item__time span { display:flex; align-items:center; gap:10px; font-family: 'Montserrat', sans-serif; }
.hours-item-wrap .hours-item .hours-item__time small { font-size:20px; line-height:1.0; letter-spacing:-1px; }
.hours-item-wrap .hours-item .hours-item__time b { font-size:32px; line-height:1.0; font-weight:300; }
.hours-item-wrap .hours-item .hours-item__time span.hours__divider { font-size:30px; }

.hours-item-wrap .hours-item .hours-note { position:relative; font-size:16px; color:#ea5614; padding-left:15px; font-weight:600; letter-spacing:-1px; margin-top:4px; }
.hours-item-wrap .hours-item .hours-note:before { content:"★"; position:absolute; left:0; top:4px; font-size:10px; vertical-align:middle; }

.hours__item--check { display:flex;     align-items: flex-end;justify-content:center; gap:10px; }
.hours__item--check dl { }
.hours__item--check dt { font-size:16px; display:flex; align-items:center; justify-content:center; color:#8b8b8b; }
.hours__item--check dt span { display:flex; align-items:center; justify-content:center; background-color:#ebebeb; padding:0 15px; height:30px; border-radius:30px; }
.hours__item--check dd { display:flex; align-items:center; gap:10px; font-family: 'Montserrat', sans-serif; margin-top:10px; }
.hours__item--check dd small { font-size:20px; line-height:1.0; letter-spacing:-1px; }
.hours__item--check dd b { font-size:32px; line-height:1.0; font-weight:300; }
.hours__item--check .hours__divider { font-size: 30px; }

.hours-item__section.hours-meta-group { padding-right:10px; }
.contact-info { position:relative; display:grid; grid-template-columns:repeat(1, 1fr); gap:15px; padding-left:55px; }
.contact-info:before { content:""; position:absolute; left:0; top:0; display:block; width:40px; height:40px; background-repeat:no-repeat; background-image: url('../img/icons/ic_tel.png'); background-size:100% auto; background-position:center; }
.contact-info dl.contact-item {  font-family: 'Montserrat', sans-serif; color:#ea5614; }
.contact-info dt { font-size:18px; line-height:1.0; letter-spacing:-1px; }
.contact-info dd { display:flex; align-items:center; gap:5px; font-size:32px; line-height:1.0; font-weight:300; margin-top:5px; }
.contact-info dd span { display:flex; align-items:center; gap:10px; }
.contact-info dd small { font-size:20px; }
.contact-info dd strong { font-size:32px; font-weight:700; }

.holiday-notice { margin-top:20px; }
.holiday-notice p { position:relative; padding-left:55px; font-size:20px; }
.holiday-notice p:before { content:""; position:absolute; left:0; top:0px; display:block; width:37px; height:40px; background-repeat:no-repeat; background-image: url('../img/icons/ic_calendar.png'); background-size:100% auto; background-position:center; }

.hours-item__section.guide-box { border:0; background-color:#f8f8f8; padding:35px 40px; }
.guide-box__content { }
.guide-box__content dt { color:#8b8b8b; font-size:16px; }
.guide-box__content dt span { display:inline-flex; height:30px; align-items:center; justify-content:center; background-color:#eaeaea; border-radius:30px; padding:0 10px; }
.guide-box__content dt span b { }
.guide-box__content dd { margin-top:10px; color:#111111; font-size:16px; }

.card__map { height:460px; border-radius:30px; overflow:hidden; }
.card__map .root_daum_roughmap { width:calc(100% + 2px) !important; height:calc(100% + 2px) !important; margin:-1px;  }
.card__map .root_daum_roughmap .wrap_map { height:100% !important; }
.card__info { margin-top:40px; display:flex; justify-content:space-between; }
.card__info .card__address { text-align:left; position:relative; padding-left:10px; }
.card__info .card__address:before { content:""; position:absolute; left:0; top:3px; display:block; width:1px; height:50px; background-color:#111111; }
.card__info .card__address p.card__address-text { font-size:24px; color:#111; line-height:1.2; }
.card__info .card__address p.card__address-text b { font-weight:700; font-family: 'Montserrat', sans-serif; } 

.card__info .card__actions { display:flex; gap:10px; }
.card__info .card__actions .card__link { display:flex; align-items:center; justify-content:center; font-size:20px; width:180px; height:60px; border-radius:60px; color:#fff; }
.card__info .card__actions .card__link span { position:relative; display:inline-block; padding-right:40px; }
.card__info .card__actions .card__link span:after { content:""; position:absolute; right:0; top:0; display:block; width:20px; height:24px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_place_n.png'); background-size:100% auto; } 
.card__info .card__actions .card__link.card__link--naver { background-color:#15c85f; }
.card__info .card__actions .card__link.card__link--kakao { background-color:#258fff; }



/* 2. 승마클럽
* * * * * * * * * * * * * * * * * * * */
/* 2-1.  골든돔 실내마장 */
.goldendome-intro { }
.riding-intro__header { margin-bottom:50px; }
.riding-intro__title { font-size:48px; font-weight:700; text-align:center; }
.riding-intro__subtitle { font-size:28px; text-align:center; font-weight:700; margin-top:5px; }
.riding-intro__subtitle span { font-weight:400; }

.riding-intro__content { display:grid; grid-template-columns:50% 1fr; gap:60px; }
.riding-intro__visual { border-radius:30px; overflow:hidden; }
.riding-intro__visual img { width:100%; height:auto; }
.riding-intro__text-box { }
.riding-intro__main-title { font-size:28px; font-weight:700;  }
.riding-intro__main-title span { font-family: 'Montserrat', sans-serif; }
.riding-intro__main-title span.en { font-size:24px; }
.riding-intro__main-title span.ch { font-size:24px; font-weight:400; }
.riding-intro__main-title strong { font-size:28px; color:#eab334; font-weight:600; margin-top:5px; }
.riding-intro__desc { font-size:20px; margin-top:20px; font-weight:500; line-height:1.5; }
.riding-intro__desc p { margin-bottom:10px; }

/* wide-section */
.wide-section { position: relative; width: 100vw; left: 50%; transform: translateX(-50%); background-color: #f8f8f8; padding:80px 20px 80px 20px; margin-bottom:-200px; margin-top:80px; }
.wide-section .wide-section__inner { max-width: 1200px; margin: 0 auto; }

/* riding-info__container */
.riding-info__container { display:grid; grid-template-columns:50% 1fr; gap:60px; }
.riding-info__content { }
.riding-info__img { display:block; height:408px; border-radius:30px; overflow:hidden; }

/* goldendome-info__list */
.goldendome-info__list { border-top:1px solid #111111; }
.goldendome-info__list dl { display:grid; grid-template-columns:100px 1fr; gap:40px; border-bottom:1px solid #d7d7d7; padding:17.5px 0; }
.goldendome-info__list dt { display:flex; align-items:center; justify-content:flex-end; font-size:18px; font-weight:500; }
.goldendome-info__list dd { font-size:18px; font-weight:500; }
.goldendome-info__list dd b { font-weight:700; font-family: 'Montserrat', sans-serif; }
.goldendome-info__list dd strong { font-size:26px; color:#eab334; font-family: 'Montserrat', sans-serif; }

/* ridingclub__slogan */
.ridingclub__slogan { display:flex; align-items:center; justify-content:center; height:300px; font-size:22px; line-height:1.55; color:#fff; background-repeat:no-repeat; background-position:center; background-position:center; background-size:cover; margin-top:80px; border-radius:30px; }
.ridingclub__slogan p { text-align:center; }
.ridingclub__slogan b { position:relative; font-weight:600; }
.ridingclub__slogan b:before { content:""; position:absolute; left:50%; top:-5px; display:block; width:3px; height:3px; border-radius:3px; background-color:#fff; margin-left:-1px; }
.goldendome__slogan { background-image:url('../img/contents/img-riding-goldendome-info-slogan.jpg');  }
.riding-outdoor__slogan { background-image:url('../img/contents/img-riding-outdoor-info-slogan.jpg');  }
.riding-experience__slogan { background-image:url('../img/contents/img-riding-experience__slogan.jpg');  }
.riding-leadership__slogan { background-image:url('../img/contents/img-riding-leadership__slogan.jpg');  }
.riding-lessons__slogan { background-image:url('../img/contents/img-riding-lessons__slogan.jpg');  }
.riding-safety__slogan { background-image:url('../img/contents/img-riding-safety__slogan.jpg');  }


/* 2-2.  야외 잔디 승마장 */
.riding-intro__recommend { margin-top:35px; }
.riding-intro__recommend-title { font-size:20px; font-weight:700; }
.riding-intro__recommend-title span { display:flex; align-items:center; justify-content:center; width:260px; height:60px; background-color:#f8f8f8; border-radius:60px; }
.riding-intro__recommend-list { margin-top:20px; }
.riding-intro__recommend-list p { position:relative; padding-left:30px; font-size:20px; margin-top:15px; font-weight:700; }
.riding-intro__recommend-list p:before { content:""; position:absolute; left:0; top:0; display:block; width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-position:center; background-image:url('../img/icons/ic-check.png'); background-size:100% auto; }

.riding-features { column-count: 2; /* 단의 개수 */ column-gap: 20px; /* 단 사이의 간격 */ }
.riding-features .riding-features__card { display: inline-block;  width: 100%; margin-bottom: 20px; padding: 35px 20px 35px 27px; border-radius: 30px;  background-color:#fff; font-weight:500; overflow:hidden; min-height:308px; }

.riding-features .riding-features__card--title { background-color:transparent; padding:0; border-radius:0; min-height:auto; }
.riding-features__title { position:relative; font-size:24px; padding-top:20px; }
.riding-features__title:before { content:""; position:absolute; left:0; top:0; display:block; width:25px; height:2px; background-color:#111; }

.riding-features__subject { display:block; font-size:22px; }
.riding-features__subtitle { display:block; font-size:18px; color:#eab334; font-style:normal; margin-top:10px; }
.riding-features__text { font-size:16px; line-height:1.45; color:#8b8b8b; margin-top:5px; word-break:keep-all; }
.riding-features__text-list { }
.riding-features__text-list li { position:relative; font-size:18px; margin-top:7px; word-break:keep-all; padding-left:10px; }
.riding-features__text-list li:before { content:"•"; position:absolute; left:0; top:0; } 
.riding-features__text-list li b { font-family: 'Montserrat', sans-serif; }
.riding-features__text-list li b.email { letter-spacing:-1px; font-size:17px; word-break: break-all; }
.riding-features__text-list li strong { font-family: 'Montserrat', sans-serif; color:#eab334; }
.riding-features__text-list li p { text-indent:-10px; padding-left:10px; }

.riding-features .riding-features__card--image { display:flex; align-items:center; justify-content:center; height:230px; min-height:auto; }
.riding-features .riding-features__card--small { height:230px; min-height:auto; }


/* 2-8. 승마 사전예약 */
.write-list.type-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:20px 60px; }
.write-row.full { grid-column: 1 / 3; }
.input-box.date-group,
.input-box.time-group { display:flex; gap:10px; align-items:center; }
.input-box.date-group .form-select,
.input-box.time-group .form-select { width:auto; }
.input-box.name-group { display:flex; gap:20px; }
.input-box.companion-group { display:flex; gap:10px; align-items:center; }
.input-box .tel {  font-size:30px; color:#eab334; font-family: 'Montserrat', sans-serif; padding-top:10px; }



/* 3. 클럽하우스
* * * * * * * * * * * * * * * * * * * */
.facility-intro { margin-bottom:80px; scroll-margin-top: 150px; }
.facility-intro__container { display:grid; grid-template-columns:58.4% 1fr; gap:60px; }
.facility-intro__content { }
.facility-intro__slogan { display:inline-flex; align-items:center; background-color:#f8f8f8; height:60px; border-radius:60px; padding:0 30px; font-size:20px; margin-bottom:25px; font-weight:500; }
.facility-intro__title { font-size:40px; font-weight:700; }
.facility-intro__title span { font-weight:400; }
.facility-intro__subtitle { font-size:28px; font-weight:600; margin-top:20px; }
.facility-intro__desc { font-size:20px; line-height:1.5; margin-top:10px; }
.facility-intro__visual { }
.facility-intro__img-grid { display:grid; grid-template-columns:repeat(1, 1fr); gap:20px; }
.facility-intro__img-item { border-radius:30px; }
.facility-intro__img-item img { width:100%; height:auto; }
.facility-intro__img-item--top { flex-grow: 1; }
.facility-intro__img-item--tail { display:grid; grid-template-columns:1.96fr 1fr; gap: 20px }
.facility-intro__img-item--tail1 { flex-grow: 0.7; }
.facility-intro__img-item--tail2 { flex-grow: 0.3; }

.facility-intro__action { margin-top:25px; }
.btn-reservation { display:inline-flex; align-items:center; background-color:#ea5614; height:60px; border-radius:60px; padding:0 30px; font-size:22px; font-weight:700; color:#fff; }
.btn-reservation span { position:relative; padding-right:90px; }
.btn-reservation span:after { content:""; position:absolute; right:0; top:50%; display:block; width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic-btn-reservation-arrow.png'); transform:translateY(-50%); }

.facility-intro--reverse { direction: rtl; }
.facility-intro--reverse .facility-intro__content { direction: ltr; }

.facility-intro__table-wrap { margin-top:60px; }
.facility-intro__table { }
.facility-intro__table th,
.facility-intro__table td { border-bottom:1px solid #d7d7d7; font-size:20px; padding:13px 0; text-align:center; height:60px; }
.facility-intro__table th span { font-weight:400; }
.facility-intro__table th .facility-intro__badge { display:inline-flex; align-items:center; justify-content:center; border-radius:32px; padding:0 20px; background-color:#111111; color:#fff; height:32px; font-size:16px; margin-left:10px; }
.facility-intro__table thead th { border-bottom:1px solid #111; border-top:1px solid #111; }

.facility-intro__table tbody td { font-weight:600; }
.facility-intro__table tbody td span.mtr { font-family: 'Montserrat', sans-serif; color:#111; }
.facility-intro__table tbody td span { color:#8b8b8b; }
.facility-intro__table tbody td span.ch { color:#111; font-weight:400;  }
.facility-intro__table tbody td.sem-v { background-color:#f8f8f8; }

.facility-intro#locker-shower { margin-bottom:0; }

/* 4. 펜션
* * * * * * * * * * * * * * * * * * * */
/* 베르아델 펜션 */
.pension-header { }
.pension-header__text-group { }
.pension-header__slogan { font-size:40px; text-align:center; }
.pension-header__desc { font-size:24px; text-align:center; }
.pension-header__visual { margin-top:50px; }
.pension-header__quote { position:relative; margin-top:20px; }
.pension-header__quote-title { font-size:28px; }
.pension-header__quote-text { font-size:16px; color:#8b8b8b; padding-right:270px; }
.pension-header__quote .btn-reservation { position:absolute; right:0; top:0; }

.pension-list-intro { position:relative; margin-top:80px; text-align:center; font-size:40px; font-weight:700; line-height:1.2; }
.pension-list-intro:after { content:""; position:absolute; left:50%; top:50%; display:block; width:700px; height:1px; background-color:#111; transform:translateX(-50%); }
.pension-list-intro span { padding:0 20px; background-color:#fff; display:inline-block; position:relative; z-index:1; }

.pension-intro { margin-top:80px; }
.pension-intro__container { display: grid; grid-template-columns: 58.4% 1fr; gap: 60px; }
.pension-intro.pension-intro--reverse { direction: rtl; }
.pension-intro__content { direction: ltr; }
.pension-intro__label { font-size:20px; font-weight:500; padding-top:25px; }
.pension-intro__title { position:relative; font-size:52px; padding-bottom:5px; font-family: 'Montserrat', sans-serif; font-weight:700; }
.pension-intro__title:after { content:""; position:absolute; left:0; bottom:0; display:block; width:100px; height:2px; background-color:#111; }
.pension-intro__subtitle { font-size:24px; font-weight:700; margin-top:25px; }
.pension-intro__desc { font-size:20px; margin-top:10px; }
.pension-intro__hashtag { font-size:20px; color:#8b8b8b; margin-top:15px; }
.pension-intro__action { margin-top:20px; }
.pension-intro__action .btn-view { font-size:20px; color:#eab334; }
.pension-intro__action .btn-view span { position:relative; padding-right:40px; background-repeat:no-repeat; background-position:center right; background-image:url('../img/icons/ic-view-arrow-yellow.png'); }

.pension-intro__visual { }
.pension-intro__visual img { width:100%; height:auto; }

.pension-footer-action { margin-top:80px; }
.btn-reservation-large { display:flex; width:100%; height:80px; color:#fff; align-items:center;  padding:0 40px; background-color:#eab334; font-size:24px; border-radius:15px; outline:none; cursor:pointer;  }
.btn-reservation-large span { display:block; width:100%; background-repeat:no-repeat; background-position:center right; background-image:url('../img/icons/ic-reservation-large.png'); }

.btn-reservation.btn-fixed { position:fixed; bottom:40px; right:50%; transform:translateX(600px); z-index:10; display:none; }
.btn-reservation.btn-fixed.show { display:flex; }
.btn-reservation.btn-fixed.absolutebottom { position:absolute; right:0; transform:none; }


/* 상세 */
.room-header { margin-bottom:30px; }
.room-title-wrap { text-align:center; }
.room-name { display:inline-block; font-size:40px; }
.room-badge { position:relative; display:inline-block; font-size:24px; padding-left:12px; margin-left:15px; }
.room-badge:before { content:""; position:absolute; left:0; top:50%; display:block; width:1px; height:22px; background-color:#111; transform:translateY(-50%); }
.room-badge b { font-family: 'Montserrat', sans-serif; }
.room-slogan { margin-top:10px; text-align:center; font-size:28px; }

.pension-slide { position:relative; }
.pension-slide .swiper { width: 100%; }
.pension-slide .swiper-slide { text-align: center; display: flex; justify-content: center; align-items: center; }
.pension-slide .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pension-slide .swiper.mySwiper2 { border-radius:15px; overflow:hidden; }
.pension-slide .thumbsSlider { position:relative; padding: 18px 85px ; margin-top:10px; background-color:#f8f8f8; border-radius:10px; }
.pension-slide .swiper.mySwiper { height: 60px; box-sizing: border-box; }
.pension-slide .swiper.mySwiper .swiper-slide { height: 100%; background-color:#000; border-radius:7px; overflow:hidden; cursor:pointer; }
.pension-slide .swiper.mySwiper .swiper-slide img { opacity:0.5; }
.pension-slide .swiper.mySwiper .swiper-slide-thumb-active img { opacity: 1; }
.pension-slide .swiper-button-next:after, .swiper-button-prev:after { display:none; }
.pension-slide .thumbsSlider .swiper-button-next,
.pension-slide .thumbsSlider .swiper-button-prev { background-repeat:no-repeat; background-position:center; background-size:17px auto; width:44px; }
.pension-slide .thumbsSlider .swiper-button-next { right:27px; background-image:url('../img/icons/ic-pension-next.png'); }
.pension-slide .thumbsSlider .swiper-button-prev { left:27px; background-image:url('../img/icons/ic-pension-prev.png'); }

.room-description { margin-top:35px; }
.desc-eng-title { font-size:28px; text-align:center; font-weight:700; }
.desc-text { font-size:16px; color:#8b8b8b; text-align:center; }

.info-section { margin-top:65px; }
.info-section .section-title { font-size:30px; text-align:left; }
.info-content-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:60px; }
.table-responsive { }
.info-table { border-top:1px solid #111111; }
.info-table th,
.info-table td { font-size:18px; border-bottom:1px solid #d7d7d7; padding:19px 10px; }
.info-table th { background-color:#f8f8f8; width:120px; text-align:center; font-weight:600; }
.info-table td { padding:19px 18px; word-break:keep-all; }
.info-table td b { font-family: 'Montserrat', sans-serif; }

.info-view-img { overflow:hidden; border-radius:30px; }
.info-view-img img { width:100%; }

.calendar-section { position:relative; margin-top:60px; padding-bottom:33px; }
.calendar-section .swiper { width:100%; }
.calendar-section .swiper-slide {width:min-content; }
.calendar-section .table-responsive { display:block; }
.calendar-table { border-top:1px solid #111111; table-layout:fixed; }
.calendar-table th,
.calendar-table td { width:190px; font-size:20px; border-bottom:1px solid #d7d7d7; text-align:center; padding:19px 10px;  }
.calendar-table th { border-bottom:1px solid #111111; background-color:#fcf8f4; }
.calendar-table th.sat { color:#3fb0ff; }
.calendar-table th.sun { color:#ea5614; }
.calendar-table td { color:#8b8b8b; }
.calendar-table td b { display:block; color:#111; font-family: 'Montserrat', sans-serif; }
.calendar-table td small { display:block;  font-size:16px; }
.calendar-section .swiper-scrollbar { width:100% !important; left:0 !important; }
.calendar-section .swiper-scrollbar-drag { background-color:#eab334; }




/* 5. 캠핑장
* * * * * * * * * * * * * * * * * * * */
.camping-intro__header { }
.camping-intro__summary { font-size:40px; font-weight:700; text-align:center; line-height:1.25; }
.camping-intro__description { font-size:24px; margin-top:15px; text-align:center; }

.camping-intro__img-grid { display:flex; flex-wrap:wrap; gap:20px; margin-top:70px; }
.camping-intro__img-item { border-radius:30px; }

.campsite-visual__view { border-radius:20px; overflow:hidden; }
.campsite-visual__map { position:relative; margin-top:40px; border-radius:20px; overflow:hidden; }

.camping-action-wrap { height:80px; }
.camping-action { display:grid; grid-template-columns:repeat(2, 1fr); gap:20px; margin-top:40px; }
.btn-reservation-large.type-line { background-color: #fff; border:1px solid #eab334; color:#eab334; font-weight:500; }
.btn-reservation-large.type-line span { background-image: url('../img/icons/ic-reservation-large-yellow.png'); }

.camping-action.fixedbottom { position:fixed; bottom:40px; width:100%; max-width:1200px; z-index:10; }
.camping-action.fixedbottom.absolutebottom { position:absolute; }

.facility-info { margin-top:90px; }
.facility-info__title { font-size:40px; text-align:center; }
.facility-list { display:grid; grid-template-columns:repeat(3, 1fr); gap:35px 60px; margin-top:30px; }
.facility-list li { }
.facility-list li .facility-list__img { border-radius:20px; overflow:hidden; }
.facility-list li .facility-list__text { margin-top:15px; }
.facility-list li .facility-list__name { font-size:24px; font-weight:500; }
.facility-list li .facility-list__desc { font-size:20px; color:#8b8b8b; letter-spacing:-0.5px; margin-top:5px; }

.campsite-details { margin-top:50px; }
.table-info { border-top:1px solid #111; }
.table-info th,
.table-info td { font-size:18px; padding:17px 15px; border-bottom:1px solid #d7d7d7; }
.table-info th { background-color:#f8f8f8; font-weight:500; }

/* 6. 커뮤니티
* * * * * * * * * * * * * * * * * * * */
.board-intro { background-color:#f8f8f8; padding:25px; text-align:center; margin-bottom:40px; }
.board-intro__text { font-size:26px; font-weight:600; }

/* gallery-list */
.gallery-list { display:grid; grid-template-columns: repeat(3, 1fr); gap:30px 45px; }
.gallery-list__item { }
.gallery-list__item.item-empty { grid-column: span 3; text-align:center; justify-content:center; padding:100px 0; font-size:21px; }
.gallery-list__thumb { overflow:hidden; aspect-ratio: 37 / 26; }
.gallery-list__thumb button { width:100%; height:100%; background-color:#f1f1f1; }
.gallery-list__thumb img { min-width:100%; min-height:100%; background-color:#f1f1f1; }
.gallery-list__trigger { position:relative; display:block; width: 100%; border: 0; padding: 0; background: none; cursor:pointer;  cursor: pointer; }
.gallery-list__trigger .gallery-list__overlay { position:absolute; inset: 0; background: rgba(0,0,0,0.5); color: #fff; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; }
.gallery-list__trigger .gallery-list__overlay .gallery-list__overlay-text { position:relative; padding-top:45px; background-repeat:no-repeat; background-position:center top;  background-image:url('../img/icons/ic-gallery-view.png'); font-size:11px; }
.gallery-list__trigger:hover .gallery-list__overlay { opacity: 1; }

.gallery-list__info { margin-top:15px; }
.gallery-list__category { font-size:20px; color:#8b8b8b; }
.gallery-list__title { font-size:24px; color:#111; font-weight:500; }

.pager { display:flex; align-items:center; justify-content:center; font-size:18px; color:#b4b4b4; gap:0; overflow:hidden; margin-top:60px; }
.pager a { font-size:16px; color:#111111; padding:0 5px; }
.pager a.current { color:#eab334; font-weight:700; } 
.pager .btn { display:block; width:27px; height:27px; background-repeat:no-repeat; background-position:center; }
.pager .btn.first { background-image:url('../img/icons/ic_page_first.png'); }
.pager .btn.prev { background-image:url('../img/icons/ic_page_prev.png');}
.pager .btn.next { background-image:url('../img/icons/ic_page_next.png'); }
.pager .btn.end { background-image:url('../img/icons/ic_page_end.png'); }
.pager .page-numbers { display:flex; padding:0 25px; gap:17px;  }


/* modal
* * * * * * * * * * * * * * * * * * * */
.modal { position: fixed; inset: 0;  display: none; z-index: 10001; }
.modal.is-open { display: block; }
.modal__overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.6); }
.modal__dialog { position: relative; max-width: 960px; margin: 60px auto; background-color: #f8f8f8; padding:60px 80px 80px 80px; overflow: hidden; }
.modal__header { margin-bottom:15px; }
.modal__header .modal__title {  display: flex; align-items: center; gap:25px; }
.modal__header #modalCategory { position:relative; font-size:20px; color:#8b8b8b; }
.modal__header #modalCategory:after { content:""; position:absolute; right:-15px; top:50%; display:block; width:3px; height:3px; border-radius:3px; background-color:#8b8b8b; }
.modal__header #modalTitle { font-size:24px; color:#111111; font-weight:600; }
.modal__header .modal__close { position:absolute; right:30px; top:30px; display:block; width:29px; height:29px; background-repeat:no-repeat; background-position:center; background-size:100% auto; background-image:url('../img/icons/ic-gallery-close.png'); }

.modal__body { position:relative; }
.gallery-slide { }
.swiper-wrapper { align-items:Center; }

/* swiper */
.modal__dialog .swiper { width: 100%; background-color:##f1f1f1; }
.modal__dialog .swiper-slide { text-align: center; display: flex; justify-content: center; align-items: center; }
.modal__dialog .swiper-slide img { display: block; width: 100%; height: 100%; max-height:570px; object-fit: contain; }
.modal__dialog .swiper.mySwiper2 { }

.modal__dialog .thumbsSlider { position:relative; padding: 0 60px ; margin-top:20px; }
.modal__dialog .thumbsSlider .swiper { height: 60px; box-sizing: border-box; }
.modal__dialog .thumbsSlider .swiper .swiper-slide { height: 100%; background-color:#000; cursor:pointer; }
.modal__dialog .thumbsSlider .swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.modal__dialog .thumbsSlider .swiper .swiper-slide-thumb-active img { opacity: 0.5; }

.modal__dialog .swiper-button-next:after, .swiper-button-prev:after { display:none; }
.modal__dialog .thumbsSlider .swiper-button-next,
.modal__dialog .thumbsSlider .swiper-button-prev { background-repeat:no-repeat; background-position:center; background-size:100% auto; width:42px; }
.modal__dialog .thumbsSlider .swiper-button-next { right:0; background-image:url('../img/icons/ic-gallery-next.png'); }
.modal__dialog .thumbsSlider .swiper-button-prev { left:0; background-image:url('../img/icons/ic-gallery-prev.png'); }

/* board-container */
.board-container {  }
.board-table { }
.board-table th,
.board-table td { font-size:20px; border-bottom:1px solid #d7d7d7; padding:20px 10px; height:80px; }

.board-thead { }
.board-thead th { border-bottom:1px solid #111; border-top:1px solid #111; font-weight:500; height:60px; }
.col-no { width:85px; font-family: 'Montserrat', sans-serif; color:#8b8b8b; }
.col-title { }
.col-date { width:175px; }
.col-author { width:195px; }

.board-tbody { }
.cell-no { font-family: 'Montserrat', sans-serif; color:#8b8b8b; text-align:center; }
.cell-title { font-weight:500; }
.cell-date { font-family: 'Montserrat', sans-serif; text-align:center; }
.cell-author { font-family: 'Montserrat', sans-serif; color:#8b8b8b; text-align:center; }
.link-title { position:relative; }

.board-table .cell-empty { font-size:20px; padding:100px 0; text-align:center; }

.row-notice { }
.row-notice:hover { background-color:#f8f8f8; }
.badge-notice { display:inline-block; width:70px; height:40px; line-height:40px; border-radius:40px; background-color:#111; color:#fff; text-align:center; font-size:16px; font-weight:400; vertical-align:middle; margin-right:2px; }

.row-item { }
.row-item:hover { background-color:#f8f8f8; }

.replay-item { }
.replay-item .cell-title { position:relative; padding-left:30px; }
.replay-item .cell-title:before { content:""; display:block; width:21px; height:27px; background-repeat:no-repeat; background-position:center; background-image:url('../img/contents/line-replay.png'); background-size:100% auto; position:absolute; left:0; top:15px; }
.replay-item .link-title { padding-left:80px; }
.replay-item .link-title:before { content:"답변"; display:flex; align-items:center; justify-content:center;  width:70px; height:40px; border-radius:40px; background-color:#eab334; color:#fff; position:absolute; left:0; top:-8px; }

/* board-table-m */
.board-table-m { border-top:1px solid #a0a0a0; }
.board-table-m li { position:relative; border-bottom:1px solid #efefef; text-align:left; }
.board-table-m .link-title { display:block; padding:1.0rem 1.2rem; }
.board-table-m .badge-notice { font-size:0.819rem; width:3.8rem; height:2.0rem; line-height:2.0rem; }
.board-table-m .cell-title { margin-top:0.5rem; font-size:1.065rem; }
.board-table-m .cell-info { display:flex; gap:1.0rem; font-size:1.065rem; margin-top:0.5rem; }
.board-table-m .cell-date { }
.board-table-m .cell-author { }
.board-table-m .replay-item .cell-title { padding-left:0; }
.board-table-m .replay-item .link-title:before { position:static; font-size:0.819rem; width:3.8rem; height:2.0rem; }
.board-table-m .replay-item .cell-title:before { left:-1.5rem; top:-2.6rem; width:min(1.1rem, 21px); height:min(1.3rem, 27px); }


/* board-view-container */
.board-view-container { }
.view-header { border-top:1px solid #111; border-bottom:1px solid #d7d7d7; padding:40px; }
.view-title { font-size:30px; font-weight:700; }
.view-info { margin-top:15px; display:flex; gap:20px; }
.view-date { font-size:16px;  font-family: 'Montserrat', sans-serif; }
.view-author { position:relative; font-size:16px; color:#8b8b8b; font-family: 'Montserrat', sans-serif; }
.view-author:before { content:""; position:absolute; left:-10px; top:5px; display:block; width:1px; height:12px; background-color:#d7d7d7; }
.view-content { font-size:20px; padding:50px 40px; min-height:340px; }
.view-navigation { border-top:1px solid #111111; border-bottom:1px solid #111111; padding:25px 0; }
.view-navigation .nav-item { display:grid; grid-template-columns:110px 1fr; padding:10px 0; }
.view-navigation .nav-label { display:flex; align-items:center; justify-content:center; font-size:20px; color:#8b8b8b; font-weight:500; }
.view-navigation .nav-subject { font-size:20px; color:#8b8b8b; font-weight:500; }
.view-navigation .nav-link { color:#111; }
.view-navigation .nav-item.prev { }
.view-navigation .nav-item.next { }

.view-footer { margin-top:40px; }
.view-footer .btn-group { display:flex; align-items:center; justify-content:center; gap:10px; }
.view-footer .btn-group .btn { display:flex; align-items:center; justify-content:center; width:110px; height:60px; color:#fff; background-color:#8b8b8b; font-size:20px; font-weight:500; border-radius:60px; cursor:pointer; }
.view-footer .btn-group .btn.btn-list { width:150px; }
.view-footer .btn-group .btn.btn-submit { background-color:#eab334; }
.view-footer .btn-group .btn.btn-check { background-color:#eab334; width:150px; }


/* faq__list */
.faq__list { border-top: 2px solid #111; }
.faq__list dl.faq__item { border-bottom: 1px solid #d7d7d7; }

.faq__list dt.faq__question,
.faq__list dd.faq__answer { position:relative; font-size:20px; }
.faq__list dt.faq__question { }
.faq__list dt.faq__question:after { content:""; display:block; width:23px; height:23px; background-repeat:no-repeat; background-position:center; background-position:center; background-image:url('../img/icons/ic-faq-open.png'); position:absolute; right:40px; top:50%; transform:translateY(-50%); }
.faq__list dt.faq__question button { position:relative; display:block; width:100%; cursor:pointer; border:0; outline:none; text-align:left; padding: 35px 20px 35px 100px; z-index:1; }
.faq__list dt.faq__question button:before { content:"Q"; position:absolute; left:20px; top:20px; color: #111111; width:60px; height:60px; background-color:#fff; border-radius:60px; display:flex; align-items:center; justify-content:center; font-size:30px; font-family: 'Montserrat', sans-serif;  font-weight:700; }

.faq__list dd.faq__answer { max-height: 0; transition: max-height 0.3s ease-out; overflow: hidden; color:#666; }
.faq__list dd.faq__answer .textarea { position:relative; padding: 20px 20px 40px 100px; word-break:keep-all; }
.faq__list dd.faq__answer .textarea:before { content:"A"; position:absolute; left:20px; top:0px; color: #fff; width:60px; height:60px; background-color:#eab334; border-radius:60px; display:flex; align-items:center; justify-content:center; font-size:30px; font-family: 'Montserrat', sans-serif; font-weight:700; }

.faq__list dl.faq__item.show dt.faq__question:after { background-image:url('../img/icons/ic-faq-close.png'); }
.faq__list dl.faq__item.show dt.faq__question button:before { background-color:#f8f8f8; }
.faq__list dl.faq__item.show dd.faq__answer { max-height: 500px; /* 답변 내용보다 충분히 큰 값 */ }

/* 이벤트 게시판 */
.board-top { width:100%; overflow:hidden; margin-bottom:60px; }
.board-top .board-top__right { float:right; display:flex; align-items:center; justify-content:center; gap:10px; }
.board-top .btn { display:flex; align-items:center; justify-content:center; background-color:#f8f8f8; font-size:20px; color:#8b8b8b; height:60px; padding:0 40px; border-radius:60px; font-weight:600; }
.board-top .btn.btn-write { background-color:#eab334; color:#fff; }
.board-top .btn.btn-list { }

/* board-search-wrap */
.board-search-wrap { margin-top: 50px; text-align: center; /* 중앙 정렬 */ }
.board-search-wrap fieldset { border:0; }
.search-inner { display: inline-flex; gap: 10px; align-items: center; }
.search-select, .search-input { position:relative; display:flex; height: 60px; padding: 0 20px; border: 1px solid #ddd; border-radius: 7px; outline: none; font-size:18px; }
.search-select { width: 130px; background-color: #fff; color:#b5b5b5; cursor:pointer; background-image:url('../img/icons/ic-select.png'); background-position:right center; background-repeat:no-repeat; }
.search-input { width: 300px; }
.btn-search { height: 60px; padding: 0 40px; background-color: #8b8b8b; color: #fff; border: none; border-radius:60px; cursor: pointer; font-weight: 500; font-size:20px; }
.btn-search:hover { background-color: #000; }
.blind { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; }/* 숨김 처리 (접근성) */

.view-add-file { display:flex; gap:10px; margin-top:25px; flex-wrap:wrap; }
.view-add-file .btn-download { display:flex; align-items:center; justify-content:center; height:54px; background-color:#f8f8f8; border-radius:54px; padding:0 30px; color:#ea5614; font-family: 'Montserrat', sans-serif; font-size:16px; } 
.view-add-file .btn-download span { position:relative; padding-right:45px; background-image:url('../img/icons/ic-download.png'); background-position:right center; background-repeat:no-repeat; }


/* 글작성 */
.write-list { display:grid; grid-template-columns:repeat(1, 1fr); gap:20px; border-top: 1px solid #111111; padding:20px 0; }
.write-row { display: flex; align-items: flex-start; }
.write-row .label { position:relative; width: 130px; padding-top: 18px; font-weight: bold; color: #444; font-size:18px; padding-left:40px; box-sizing:border-box; }
.write-row .label span { position:relative; padding-left:10px; }
.write-row .label span:before { content:""; display:block; width:4px; height:4px; border-radius:4px; background-color:#eab334; position:absolute; left:0; top:10px; }
.write-row .input-box { flex: 1; font-size:18px; }
/* 필수 표시 */
.required:before { /* position:absolute; left:30px; top:20px; color: #eab334; width:4px; height:4px; */ }
/* 입력창 공통 */
.form-input, .form-select { display:flex; width:100%; height: 60px; max-width:270px; padding: 0 20px; border: 1px solid #dedede; border-radius: 7px; font-size:18px; outline:none; }
.form-input::placeholder { opacity:0.5; }
.form-input.full, .form-select.full { max-width:100%; }
.form-textarea { width: 100%; height: 300px; padding: 15px; border: 1px solid #dedede; border-radius: 7px; resize: none; font-size:18px; outline:none; }
.form-select { cursor:pointer; background-image:url('../img/icons/ic-select.png'); background-position:right center; background-repeat:no-repeat; padding-right:50px; }
.form-select .hide { display:none; }

/* 이메일 그룹 */
.email-group { display: flex; align-items: center; gap: 10px; }
.email-group .at { font-size:18px; color:#898989; }
.email-group .form-input.email2 { max-width:140px; }
.email-group .form-select { width:auto; }

.radio-group { display:flex; gap:25px; align-items:center; min-height:60px; }
.radio-group label { font-size:18px; cursor:pointer; display:inline-block; font-weight:700; }
.radio-group label input { }
.radio-group label span { position:relative; padding-left:40px; padding-top:4px; display:inline-block; }
.radio-group label span:before { content:""; position:absolute; left:0; top:0; display:block; background-repeat:no-repeat; background-position:center; background-size:100% auto; background-image:url('../img/icons/ic-radio-off.png'); width:30px; height:30px; }
.radio-group label input:checked + span:before { background-image:url('../img/icons/ic-radio-on.png'); }

.file-box { position:relative; display:flex; gap:10px; max-width:758px; }
.file-box input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.file-box label { display:flex; align-items:center; justify-content:center; width:150px; height:60px; color: #fff; background-color: #8b8b8b; cursor: pointer; border-radius:60px; font-size:20px; }
.file-box .file-wrap { position:relative; width:100%; display:flex; gap:10px; border:1px solid #dedede; border-radius:7px; overflow:hidden; }
.file-box .file-wrap .upload-name { display: flex; align-items:center; justify-content:center; width:100%; height:60px; padding:0 20px; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:18px; }
.file-box .file-wrap .unit { font-size:18px; color:#b5b5b5; padding:0 15px; display:flex; align-items:center; justify-content:flex-end; width:140px; }

.write-row .input-box.password-group { display:flex; gap:20px; align-items:center; }
.guide-text { font-size:18px; color:#eab334; }

.privacy-wrap { }
.privacy-box { background-color:#f8f8f8; padding:40px 20px 40px 40px; border-radius:15px; }
.privacy-title { font-size:24px; color:#111; margin-bottom:20px; }
.privacy-content { font-size:16px; color:#8b8b8b; height:180px; overflow-y:auto; line-height:1.65; padding-left:10px; }
.privacy-content b { color:#111; font-weight:500; }

.privacy-agree { position:relative; margin-top:20px; display:flex; gap:10px; align-items:center; }
.privacy-agree label { font-size:16px; cursor:pointer; display:inline-block; }
.privacy-agree label input { }
.privacy-agree label span { position:relative; padding-left:32px; padding-top:2px; display:inline-block; }
.privacy-agree label span:before { content:""; position:absolute; left:0; top:0; display:block; background-repeat:no-repeat; background-position:center; background-size:100% auto; background-image:url('../img/icons/ic-check-off.png'); width:24px; height:24px; }
.privacy-agree label input:checked + span:before { background-image:url('../img/icons/ic-check-on.png'); }
.privacy-agree .privacy-guide { margin-left: auto; font-size: 18px; color: #eab334; }


/* 6-5. 채용공고 */
.recruit-intro { }
.recruit-intro .intro-title { font-size:40px; text-align:center; }
.recruit-intro .intro-desc { font-size:28px; text-align:center; margin-top:20px; }

.recruit-details { margin-top:90px; }
.recruit-details .recruit-details-main-title { position:relative; text-align:center; }
.recruit-details .recruit-details-main-title:after { content:""; display:block; width:330px; height:1px; background-color:#111; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.recruit-details .recruit-details-main-title span { position:Relative; display:inline-block; padding: 0 20px; font-size:36px; font-weight:700; background-color:#fff; z-index:1; }

.recruit-details .recruit-spec-container { display:grid; grid-template-columns:repeat(2, 1fr); gap:55px 40px; margin-top:50px; }
.recruit-item-group { display:flex; gap:20px; align-items:center; }
.recruit-item-group .item-label { display:flex; align-items:center; justify-content:center; width:240px; height:240px; border-radius:240px; font-size:24px; font-weight:600; background-color:#f8f8f8; text-align:center; }
.recruit-item-group .item-content { flex:1; }
.recruit-item-group .dot-list { }
.recruit-item-group .dot-list li { position:relative; font-size:20px; padding-left:12px; font-weight:500; margin-bottom:5px; letter-spacing:-1px; }
.recruit-item-group .dot-list li:last-child { margin-bottom:0; }
.recruit-item-group .dot-list li:before { content:""; position:absolute; left:0; top:10px; display:block; width:4px; height:4px; border-radius:4px; background-color:#111; }
.recruit-item-group .guide-text { font-size:16px; margin-top:10px; font-weight:500;  }

.recruit-item-group.contact { grid-column: 1 / 3; }
.recruit-item-group.contact .dot-list li { font-family: 'Montserrat', sans-serif; }
.recruit-item-group.contact .dot-list li.address { text-indent:-45px; padding-left:57px; font-family: "Pretendard Variable", Pretendard, sans-serif; }


/* 7-1. 이용약관 */
.policy { border:1px solid #ddd; padding:40px;  }
.policy .policy__title { font-size:18px; font-weight:700; text-align:left; margin-bottom:20px; }
.policy .policy__content { font-size:17px; line-height:1.45; }