@charset "UTF-8";
 body:not(.logged-in) #wpadminbar {
display: none !important;
} body:not(.logged-in) {
margin-top: 0px !important;
}
html:not(.logged-in) {
margin-top: 0px !important;
}
:root {
--color-main-green : #0F763B;
--color-light-green : #F2FBF6;
--color-orange : #F87F22;
--font-pretendard : 'Pretendard', sans-serif;
--pc-inner : 1600px;
}
body {
width: 100%;
box-sizing: border-box;
overflow-x: hidden;
}  a {color: #000; font-family: var(--font-pretendard);}
p {padding: 0; margin: 0;}
img {vertical-align: top; max-width: 100%;}
ul {list-style: none; padding: 0;}
ol {padding-left:1.25rem; display: flex; flex-direction: column; gap: 0.5rem; font-size: 17px;}
ol ul {margin-top: 0.25rem;}
.hidden {display: none !important;}
ul li {position: relative; padding-left: 1rem;}
ul li:before {content: '•'; position: absolute; left: 0; top: -1px; color: #000;}
ul li small {color:#666;}
ul li .link {font-weight: 600; color:var(--color-main-green);}
.refer_mark {display: flex; flex-direction: column; gap: 0.5rem;}
.refer_mark li {position: relative; padding-left: 1.25rem; font-size:17px;font-weight: 400;}
.refer_mark li:before {content: '※'; position: absolute; left: 0; top: 0; color: var(--color-main-green); }
.list-line li {position: relative; padding-left: 1rem;}
.list-line li:before {content: '-'; position: absolute; left: 0; top: -1px; }
.list-bull ul {display: flex; flex-direction: column; gap: 0.5rem;}
table {width: 100%; table-layout: fixed; border-radius: 10px 10px 0 0; overflow: hidden; box-shadow: inset 0 0 0 1px #ddd;}
table td, table th {vertical-align: middle; text-align: center; font-weight: 500; font-size:17px;font-weight: 500; border-color:#ddd;}
table th.bd-r {border-color:#fff;}
table thead th {background: var(--color-main-green); color:#fff; font-size: 17px; border-left: none; border-right: none;}
table thead th.bd-r {border-right: 1px solid #fff;}
table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th {
border-block-start:none;
}
table tbody tr:hover>td, table tbody tr:hover>th, table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {background:transparent;}
table button {border-radius: 5px !important;}
.wp-switch-editor {height: 40px !important; margin: 0 !important;}
.wp-core-ui .attachment::before { display: none; }
input[type=checkbox], input[type=radio] {width:15px;height:15px;margin:0 8px 0 0;border:1px solid #ddd;background-color:#fff;appearance:none;cursor:pointer; vertical-align: middle; }
input[type=checkbox]:focus, input[type=radio]:focus {outline:5px solid #F8F4FF;}
input[type=checkbox] {border-radius:100%;}
input[type=checkbox]:checked {border:4px solid var(--color-main-green);}
input[type=radio] {border-radius:5rem;}
input[type=radio]:checked {border:4px solid var(--color-main-green);}
input[type=file] {border:none; border-radius: 0;}
input[type=file]:hover {border:none;}
select {appearance: none; background: url(//uoracamp.com/wp-content/themes/hello-theme-child-master/custorm/img/icon-dropdown.svg) calc(100% - 1rem) center / 16px no-repeat;} ::-webkit-scrollbar {width: 6px; height: 6px;}
::-webkit-scrollbar-thumb {background: #cacaca;border-radius: 10px;}
::-webkit-scrollbar-track {background: #fff;} .btn-link {position: relative; transition: 0.2s all linear; word-break: keep-all; letter-spacing: -0.5px;}
.btn-link:after {content:''; width: 12px; height: 11px; background: url(//uoracamp.com/wp-content/uploads/2026/04/icon-arrow.png) center / contain no-repeat; display: inline-block; vertical-align: middle; margin-left: 10px; transition: 0.2s all linear;} header .elementor-nav-menu--main .elementor-nav-menu > .menu-item {position: relative; padding-left: 0;}
header .elementor-nav-menu--main .elementor-nav-menu > .menu-item:before {display: none;}
header .elementor-nav-menu--main .elementor-nav-menu > .menu-item > a {padding:15px 40px 30px !important;}
header .elementor-nav-menu .sub-arrow {display: none;}
header .elementor-nav-menu--main .menu-item .sub-menu {position:absolute; left: 50% !important; transform: translateX(-50%) !important; top: 2.5rem !important; width: auto !important;  min-width: 10em !important; }
header .elementor-nav-menu--main .menu-item .sub-menu .elementor-sub-item {padding: 0.75rem 1rem; justify-content: center; border: none; color: #fff; font-weight: 500;background: none !important;} 
header .elementor-nav-menu--main .menu-item .sub-menu .elementor-sub-item:hover { color: var(--color-main-green) !important;}
header .elementor-nav-menu li:before {display: none;} 
header .elementor-item.elementor-item-active {color: #fff !important;}
header .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>.scroll-down, .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>.scroll-up, .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>ul {    inset-inline-start: 50% !important;}  header {height: 100px; z-index: 999; background:transparent; transition: 0.5s;}
header.hover:before {content:''; width: 100%; height:1px; background: #ddd; position: absolute;left: 0; top: 100px; z-index: 999;} 
header.fixed h6, header.hover h6 {color: #000 !important; font-weight: 500 !important;}
header.fixed {position: fixed;  box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.1); transition: 0.2s all linear;}
header.fixed .header-inner {background: #fff; height: 100%;}
header.fixed .gnb .elementor-item {color: #000 !important;}
header:after {display: none;content:''; width:100%; height:100px; position: absolute;left: 0;top: 0;background: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent); }
header.fixed:after, .page-slug-main header:after {display: none;}
.page-slug-main header h6 {color:#000 !important;}
.page-slug-main header .elementor-menu-toggle svg, .page-slug-main header .elementor-menu-toggle:hover svg {fill:var(--color-main-green) !important;}
#logo {padding-top: 5px;}
header nav {margin-right: -40px;}
header.hover {height:380px; background:#fff; transition: 0.5s; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
header.hover .sub-menu {height: 280px !important; transition:0.3s height linear;}
header.hover .header-inner {background: #fff; height: 100%;}
header.hover:after {display: none;}
header ul li {
padding-left: 0;   
}
header ul li:before {
display: none;
}
header.hover .header-inner .menu-item > a {
color: #000 !important;
display: block;
}
header .header-inner .menu-item > a:before, header .header-inner .menu-item > a:after {
display: inline-block;
opacity: 0;
transition: transform 0.3s, opacity 0.2s;
}
header .header-inner .menu-item > a:before {
margin-right: 10px;
content: '[';
transform: translateX(20px);
}
header .header-inner .menu-item > a:after {
margin-left: 10px;
content: ']';
transform: translateX(-20px);
}
header .header-inner #nav .gnb-menu-list > .menu-item.current-menu > a {
color: var(--color-main-green) !important;
}
header .header-inner #nav .gnb-menu-list > .menu-item.current-menu > a:before, header .header-inner #nav .gnb-menu-list > .menu-item.current-menu > a:after {
opacity: 1;
transform: translateX(0px);
}
header .header-inner nav .menu-item .sub-menu {
position: absolute;
top: 65px !important;
left: 0;
display: none;
width: 100% !important;
padding: 20px 0;
background: none;
}
header.hover .header-inner nav .menu-item .sub-menu {
opacity: 1 !important;
}
header .header-inner nav .menu-item .sub-menu .menu-item {
width: 100%;
text-align: center;
}
header .header-inner nav .menu-item .sub-menu .menu-item > a {
width: 100%;
font-size: 16px;
text-align: center;
transition: 0.5s;
color: #fff;
}
header .header-inner nav .menu-item .sub-menu .menu-item a:hover {
text-decoration: underline;
}
header .header-inner #nav *, header .header-inner #m-nav * {
letter-spacing: -0.025em;
}
header .header-inner #nav .gnb-menu-list {
display: flex;
flex-flow: row wrap;
padding: 0;
}
header .header-inner #nav .gnb-menu-list .menu-item {
list-style: none;
}
header .header-inner #nav .gnb-menu-list .menu-item .sub-menu {
padding: 0;
}
header .header-inner #nav .gnb-menu-list > .menu-item {
position: relative;
}
header .header-inner #nav .gnb-menu-list > .menu-item > a {
display: block; font-size: 20px;
font-weight: 600;
text-align: center;
line-height: 52px;
padding: 0 25px 13px;
transition: 0.5s;
}
.page-slug-main header .header-inner #nav .gnb-menu-list > .menu-item > a {
color: #000;
}
header .header-inner #nav .gnb-menu-list > .menu-item > .sub-menu {
position: absolute;
top: 100%;
left: 0;
display: none;
width: 100%;
padding: 32px 0;
}
header .header-inner #nav .gnb-menu-list > .menu-item > .sub-menu > .menu-item {
width: 100%;
text-align: center;
}
header .header-inner #nav .gnb-menu-list > .menu-item > .sub-menu > .menu-item + .menu-item {
margin-top: 20px;
}
header .header-inner #nav .gnb-menu-list > .menu-item > .sub-menu > .menu-item > a {
width: 100%;
font-size: 16px;
text-align: center;
transition: 0.5s;
font-weight: 500;
}
header .header-inner #nav .gnb-menu-list > .menu-item > .sub-menu > .menu-item > a:hover {
text-decoration: underline;
color: var(--color-main-green) !important;
}
header .header-inner #m-nav {
display: none;
}
header.fixed .header-inner #nav .gnb-menu-list > .menu-item > a {
color: #000;
}
header .header-sns {padding-right: 1.25rem;}
header .header-sns:after {content:''; width: 1px; height: 10px; background: var(--color-main-green); position: absolute; right: 0; top:50%; transform: translateY(-50%);}
header .header-sns .elementor-social-icons-wrapper .elementor-grid-item:last-child:hover .elementor-social-icon svg path:first-child {fill:var(--color-main-green);} .elementor-icon-list-item:before {display: none;}
.btnTop { position: fixed; right:2rem; bottom:0; width:52px; height:52px; opacity: 0; background: var(--color-main-green) url(//uoracamp.com/wp-content/uploads/2026/06/btn-top.png) center / 16px no-repeat; text-indent: -99999px; cursor: pointer; transition: opacity 0.2s linear;}
.btnTop.show { opacity: 1; transition: opacity 0.2s linear; } .main-slide-wrap {position: relative;}
.main-visual {position: relative;}
.main-visual .main-visual-side {position: absolute; }
.main-visual .main-visual-side .main-visual-info {position: absolute; bottom: 26rem; z-index: 10; left: 50%; width: 1600px; transform: translateX(-50%);}
.main-visual .main-visual-side .main-visual-bg-wrap {z-index: 0;position: absolute; left: 50%; bottom: 14.75rem; width: 1600px; transform: translateX(-50%);}
.main-visual .main-visual-side .main-visual-bg {}
.main-visual .main-visual-side .main-visual-bg .visual-icon {position: absolute;}
.main-visual .main-visual-side .main-visual-bg.slide01 .visual-icon { width:90px; left: 13rem; top: -3.5rem; animation:bounceCute 1.8s infinite ease-in-out; transform-origin:center bottom;} .main-visual .main-visual-side .main-visual-bg.slide02 .visual-icon {width:90px; left: 14rem; top: -0.5rem;  animation: rollingBall 4s linear infinite;}
.main-visual .main-visual-side .main-visual-bg.slide03 .visual-icon {width:140px; right: 40rem; top: -4rem; animation: orangeWiper 2s ease-in-out infinite; transform-origin: center bottom;}
.main-visual .main-visual-side .main-visual-bg .visual-character {text-align: right; position: relative;}
.main-visual .main-visual-side .main-visual-bg .visual-character svg {position: absolute; right:9rem; bottom:2.5rem; z-index: -1;}
.main-visual .main-visual-side .main-visual-bg.slide03 .visual-character {position: relative;}
.main-visual .main-visual-side .main-visual-bg.slide03 .visual-character .icon-orange {position: absolute; bottom: 0.25rem; right: 37rem; animation: bounce 0.6s ease-in-out infinite;}
.main-visual .main-visual-side .main-visual-bg.slide01 .visual-character .character {animation: moveLeftRight 2s ease-in-out infinite;}
.main-visual .main-visual-side .main-visual-bg.slide02 .visual-character .character {animation: characterBounce 1.3s ease-in-out infinite;}
@keyframes bounceCute{
0%,100%{
transform:translateY(0) scale(1);
}
8%{
transform:translateY(0) scaleY(.95) scaleX(1.05);
}
20%{
transform:translateY(-18px) scaleY(1.05);
}
35%{
transform:translateY(0) scaleY(.95) scaleX(1.03);
}
45%{
transform:translateY(-8px);
}
55%{
transform:translateY(0);
}
}
@keyframes bounce {
0%, 100% {
transform: translateY(0) scale(1, 1);
}
50% {
transform: translateY(-20px) scale(0.95, 1.05); }
}
@keyframes characterBounce {
0% {
transform: translateY(0) scale(1, 1);
}
50% {
transform: translateY(-20px) rotate(5deg) scale(1, 1); 
}
100% {
transform: translateY(0)  rotate(0deg) scale(1, 1);
}
}
@keyframes rollingBall{
0%{
transform:translate(0,0) rotate(0deg);
}
25%{
transform:translate(60px,-30px) rotate(360deg);
}
50%{
transform:translate(120px,0) rotate(720deg);
}
75%{
transform:translate(60px,-30px) rotate(1080deg);
}
100%{
transform:translate(0,0) rotate(1440deg);
}
}
@keyframes orangeWiper {
0%,100% {
transform: rotate(-20deg) translateX(-8px);
}
50% {
transform: rotate(20deg) translateX(8px);
}
}
@keyframes moveLeftRight {
0%,100% {
transform: translate(0px, -15px);
}
50% {
transform: translate(-30px, 0px);
}
}
.main-visual .swiper-pagination {position: absolute; left: calc(((100% - 1600px) / 2) + 16px); width: 100px; background: rgba(0, 0, 0, 0.3); top: 65vh;}
.main-visual .elementor-swiper-button, .main-slide-wrap #slideBtn, .main-slide-wrap #slideCnt {position: absolute; top:65.0125vh !important; width: 20px; height: 20px;}
.main-visual .elementor-swiper-button svg {display: none;}
.main-visual .elementor-swiper-button.elementor-swiper-button-prev {left: calc(((100% - 1600px) / 2) + 180px + 16px) !important; background:url(//uoracamp.com/wp-content/uploads/2026/05/icon-prev.png) center / 6px no-repeat; filter: invert(1);}
.main-visual .elementor-swiper-button.elementor-swiper-button-next {left: calc(((100% - 1600px) / 2) + 240px + 16px) !important; background:url(//uoracamp.com/wp-content/uploads/2026/05/icon-next.png) center / 6px no-repeat;filter: invert(1);}
.main-slide-wrap #slideBtn {top: 64vh !important; left: calc(((100% - 1600px) / 2) + 210px + 16px); text-indent: -99999px; background: url(//uoracamp.com/wp-content/uploads/2026/05/icon-stop.png) center / 8px no-repeat; z-index: 9; margin: 0; padding: 0;filter: invert(1);}
.main-slide-wrap #slideCnt {top: 63.75vh !important; width:auto; height: auto; left: calc(((100% - 1600px) / 2) + 125px + 16px); z-index: 9; margin: 0; padding: 0; letter-spacing: 2px;}
.main-slide-wrap #slideCnt span {}
.main-btn-link {position: relative; transition: 0.2s all linear; word-break: keep-all; letter-spacing: -0.5px;}
.main-btn-link:after {content:''; width: 12px; height: 11px; background: url(//uoracamp.com/wp-content/uploads/2026/05/icon-arrow2-bk.png) center / contain no-repeat; display: inline-block; vertical-align: middle; margin-left: 10px; transition: 0.2s all linear;}
.main-section .main-btn-link.wh:after {background-image: url(//uoracamp.com/wp-content/uploads/2026/05/icon-arrow2-wh.png);}
.main-section .main-btn-link:hover:after {background-image: url(//uoracamp.com/wp-content/uploads/2026/05/icon-arrow2-wh.png);}
.main-section.main-banner {width: var(--pc-inner); margin-left: auto; margin-right: auto;}
.main-section.main-banner .main-btn-link:after {background-image: url(//uoracamp.com/wp-content/uploads/2026/05/icon-arrow2-wh.png);}
.main-section.main-banner .main-btn-link:hover:after {background-image: url(//uoracamp.com/wp-content/uploads/2026/05/icon-arrow2-org.png);}
.space-section {border:1px solid #022304; border-left: none; border-right: none;}
.more-all {}
.more-all:after {content:''; width: 46px; height: 46px; background: url(//uoracamp.com/wp-content/themes/hello-theme-child-master/custorm/img/icon-big-more.svg) center / contain no-repeat; display: inline-block; vertical-align: middle; margin-left: 10px; transition: 0.2s all linear;}
.space-section .inner {position: relative; border-left: 1px solid #022304;}
.space-section .inner:before, .carousel-slide:before {content:''; position: absolute; width: 441px; height: 498px; background: url(//uoracamp.com/wp-content/uploads/2026/05/space-bg01.png) center / contain no-repeat;}
.space-section .inner:before{left: -8.5rem; top: 4rem; transform: rotate(180deg);}
.space-section .inner .more-all {position: absolute; right: 0; top: calc(120px + 70px);}
.carousel-slide {position: relative;}
.carousel-slide:before {right: 0%; top: 50%; transform: translateY(-50%);}
.carousel-slide .elementor-swiper-button {position: absolute; top: auto !important; background: url(//uoracamp.com/wp-content/uploads/2026/05/icon-big-more.png) center / contain no-repeat;width: 50px; height: 50px;}
.carousel-slide .elementor-swiper-button svg {display: none;}
.carousel-slide .elementor-swiper-button.elementor-swiper-button-prev {transform: rotate(-180deg) !important; bottom: 0 !important; right: 60px !important; left: auto !important; }
.carousel-slide .elementor-swiper-button.elementor-swiper-button-next {bottom: -1.625rem !important;}
.main-reservation-wrap {position: absolute; left:50%; bottom:2rem; background-image: url(//uoracamp.com/wp-content/uploads/2026/06/main-reserve-symbol-1.png); background-position: left center; background-repeat: no-repeat; z-index: 99; transform: translateX(-50%);}
.main-reservation-wrap .main-reserve-item {box-sizing: border-box; padding: 1.5rem 2rem; transition: 0.2s all linear; border:2px solid #fff;}
.main-reservation-wrap .main-reserve-item img {transition: 0.2s all linear;}
.main-reservation-wrap .main-reserve-item:hover {background: var(--color-main-green); color: #fff !important; transition: 0.2s all linear;}
.main-reservation-wrap .main-reserve-item:hover .elementor-widget-text-editor {color: #fff !important; transition: 0.2s all linear;}
.main-reservation-wrap .main-reserve-item:hover img {transform: scale(1.1) rotate(10deg); filter:brightness(0) invert(1); transition: 0.2s all linear;}
.main-reservation-wrap .main-reserve-item {position: relative;}
.main-reservation-wrap .main-reserve-item:before {
content: '';
display: block;
width: 0px;
height: 86%;
position: absolute;
top: 7%;
left: 0%;
opacity: 0;
background: white;
box-shadow: 0 0 15px 5px white;
-webkit-transform: skewX(-20deg);
-moz-transform: skewX(-20deg);
-ms-transform: skewX(-20deg);
-o-transform: skewX(-20deg);
transform: skewX(-20deg);
}
.main-reservation-wrap .main-reserve-item:hover:before {
animation: shine 0.5s 0s linear;
}
@keyframes shine {
from {
opacity: 0;
left: 0%;
}
50% {
opacity: 1;
}
to {
opacity: 0;
left: 100%;
}
} #kboard-main-program .main-board-item .kboard-latest-title {width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
body:not(.logged-in) .kboard-default-write{
opacity:.5;
}
.main-tab {position: relative; min-height: 572px;}
.main-tab .more-all {position: absolute; right: 0; top: -97px;}
.kboard-main-board {background: transparent; border: none;}
.main-board-wrap {display: flex; align-items: center; gap: 24px;}
.main-board-wrap .main-board-item {background: #fff; width: calc((100% - (24px * 3)) / 4); border-radius: 10px;}
.kboard-main-club .club-info a {box-sizing: border-box; padding: 2.5rem; min-height: 205px; display: block;} 
.kboard-main-club .club-info .club-category {display: flex; align-items: center; color: #666; font-weight: 500;}
.kboard-main-club .club-info .club-category p:after {content:'·'; display: inline-block; vertical-align: middle; margin: 0 5px; margin-top: -3px;}
.kboard-main-club .club-info .club-category p:last-child:after {display: none;}
.kboard-main-club .club-info .club-tit {font-size: 20px; font-weight: 600; margin-top: 0.5rem; line-height: 1.5; word-break: keep-all;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; height: 5.625rem;}
.kboard-main-club a:hover .club-category {color: #333;}
.kboard-main-club a:hover .club-tit {color: var(--color-main-green);} .kboard-main-notice {}
.kboard-main-notice a {background: #f9f9f9;box-sizing: border-box; padding: 2.5rem; display: block;}
.kboard-main-notice .notice-tit {font-size: 23px; line-height: 1.5; color: #1F2937; font-weight: 500; word-break: keep-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; height: 6.625rem;}
.kboard-main-notice .notice-date {margin-top: 2rem; color: #666;}
.kboard-main-notice .notice-date .ico-time {width: 20px; height: 20px; background: url(//uoracamp.com/wp-content/uploads/2026/05/icon-time.png) center / contain no-repeat; display: inline-block; vertical-align: middle; margin-right: 5px;} .main-story-item {position: relative; border-radius: 10px; overflow: hidden; }
.main-story-item .elementor-widget-image {position: relative;}
.main-story-item .elementor-widget-image:before {content:''; width: 100%; height: 70%; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); position: absolute; left: 0; bottom: 0;}
.main-story-item .elementor-widget-image img {aspect-ratio: 515 / 380; width: 100%; height: 100%; object-fit: cover;}
.main-story-item .story-icon {position: absolute; right:2rem; top:2rem;}
.main-story-item .story-info {position: absolute; left: 2.5rem; bottom: 2.5rem; box-sizing: border-box; width: calc(100% - 5rem); gap: 16px;}
.main-story-item .story-info .story-tit {}
.main-story-item .story-info .story-desc {}
.main-story-item .story-info .story-more {transition: 0.2s all linear; z-index: 0;} .main-story-item .story-info .story-more:before {content:''; width: 0%; height: 100%; background: transparent; position: absolute;left: 0; top:0; z-index: -1; transition: 0.2s all linear;}
.main-story-item .story-info .story-more:hover:before {width: 100%; background: var(--color-main-green); transition: 0.2s all linear;} .main-membership {width: 100%;}
.membership_list {display: flex; align-items: center; gap:26px;}
.membership_list .mb-item {width: calc((100% - (26px * 2)) / 3); box-sizing: border-box; padding: 2.75rem 3rem 2rem; position: relative; box-sizing: border-box; border: 1px solid transparent; border-top-width: 2px; border-bottom-width: 10px; border-radius: 10px; overflow: hidden; min-height:345px;}
.membership_list .mb-item:first-child {background: rgba(234,100,8,0.05) url(//uoracamp.com/wp-content/uploads/2026/06/main-symbol-org.png) calc(100% - 2rem) calc(100% - 1rem) no-repeat; border-color:var(--color-orange);}
.membership_list .mb-item:nth-child(2) {background: rgba(15,118,59,0.05) url(//uoracamp.com/wp-content/uploads/2026/06/main-symbol-grn.png) calc(100% - 2rem) calc(100% - 1rem) no-repeat; border-color:var(--color-main-green);}
.membership_list .mb-item:nth-child(3) {background: #0F763B url(//uoracamp.com/wp-content/uploads/2026/06/main-symbol-wh.png) calc(100% - 2rem) calc(100% - 1rem) no-repeat; border-color:#003724; color: #fff;}
.membership_list .mb-item .mb-icon {position: absolute; right: 2rem; top:2rem;}
.membership_list .mb-item .mb-info {}
.membership_list .mb-item .mb-info .mb-tit {font-weight: 500; font-size: clamp(24px, 2.5vw, 38px); letter-spacing: -0.5px; line-height: 1;}
.membership_list .mb-item .mb-info .mb-desc {font-size: clamp(16px, 1.5vw, 20px); margin: 1.5rem 0 1.75rem; color: #000;} 
.membership_list .mb-item:nth-child(3) .mb-info .mb-desc {color:#fff;}
.membership_list .mb-item .mb-info .mb-benefit {display: flex; flex-direction: column; gap: 8px;}
.membership_list .mb-item .mb-info .mb-benefit li {position: relative; padding-left: 1.75rem;}
.membership_list .mb-item .mb-info .mb-benefit li:before {content: ''; position: absolute; left: 0; top: 5px; width: 16px; height: 16px; background: url(//uoracamp.com/wp-content/uploads/2026/06/icon-check-org.png) center / contain no-repeat;}
.membership_list .mb-item:nth-child(2) .mb-info .mb-benefit li:before {background-image: url(//uoracamp.com/wp-content/uploads/2026/06/icon-check-grn.png);}
.membership_list .mb-item:nth-child(3) .mb-info .mb-benefit li:before {background-image: url(//uoracamp.com/wp-content/uploads/2026/06/icon-check-wh.png);}
.benefit {display: flex; align-items: center; gap: 2rem; margin-top:1.5rem }
.benefit .benefit-item {flex:1; text-align: center; display: flex; gap:1rem; flex-direction: column; background: var(--color-light-green); padding: 2rem 1rem; border-radius: 10px;}
.benefit .benefit-item .benefit-img img {width:50px;}
.benefit .benefit-item .benefit-tit {font-weight: 500; font-size: 1.125rem;}  .sub-visual-wrap {}
.sub-visual-wrap .e-con>.elementor-widget {height: 100%;}
.sub-vs-title {top: 45% !important; height: auto !important; }
.sub-vs-title h1 { color: #000 !important; text-shadow: none !important;}
.breadcrumbs {width:100%; max-width: 1600px !important; margin: 0 auto;}
.uc-breadcrumbs-list {}
.uc-breadcrumbs-list .uc-breadcrumb-item:first-child .uc-item-title-inner {width: 20px; height: 20px; background: url(//uoracamp.com/wp-content/uploads/2026/05/icon-home.png) center / contain no-repeat; text-indent: -99999px; }
.uc-breadcrumbs-list .uc-breadcrumb-current {font-weight: 600;}
.uc-breadcrumbs-list .uc-breadcrumb-separator {width: 8px; height: 10px; background: url(//uoracamp.com/wp-content/uploads/2026/05/icon-next.png) center / contain no-repeat; text-indent: -99999px; filter: invert(1);}
.uc-breadcrumbs-list li {padding-left: 0;}
.uc-breadcrumbs-list li:before {display: none;}
.pc-inner {max-width: var(--pc-inner) !important; margin-left:auto; margin-right:auto;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.sub-sec-tit {font-size: 36px; font-weight: 600; font-family: var(--font-family); position: relative; padding-left: 3rem;}
.sub-sec-tit:before {content:''; width: 32px; height: 32px; background: url(//uoracamp.com/wp-content/uploads/2026/06/symbol.png) center / contain no-repeat; position: absolute; left: 0; top:6px;}   .sub-tab-wrap {}
.sub-tab-wrap nav {}
.sub-tab-wrap .elementor-nav-menu li:before {display: none;}
.sub-tab-wrap .elementor-nav-menu {display: flex; width: 100%; gap: 1rem;}
.sub-tab-wrap .elementor-nav-menu li {flex: 1; text-align: center; border-radius: 3rem; overflow: hidden;}
.sub-tab-wrap .elementor-nav-menu li a {display: block; text-align: center; background: #f5f5f5;}
.sub-tab-wrap .elementor-nav-menu li a, .sub-tab-wrap .elementor-nav-menu li a:hover {padding: 1.125rem 1rem; }
.sub-tab-wrap .elementor-nav-menu li a:hover, .sub-tab-wrap .elementor-nav-menu li.current_page_item a {background: var(--color-main-green); color: #fff; }
.program-desc {word-break: keep-all;}
.wp-editor-container button:hover, .wp-editor-tabs button:hover {    background-color: transparent; color: inherit;}
.mce-container, .mce-container iframe {font-family: var(--font-pretendard) !important;} .space-info-list {box-sizing: border-box; display: flex; flex-wrap: wrap;  flex-direction: column; color: #fff; font-size: 1.375rem; gap: 1.5rem 3.75rem; padding: 0 5% 3rem; margin: 0 auto;}
.space-info-list .space-info-item {width: 600px; display: flex; gap: 1rem; }
.space-info-list .space-info-item:nth-child(2n) {width: 300px;}
.space-info-list .space-info-item .num {width: 34px; height: 34px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; color: #215441; font-weight: 600; transition: 0.2s all linear;}
.space-info-list .space-info-item .desc {display: flex; flex-direction: column; gap: 0.25rem; transition: 0.2s all linear;}
.space-info-list .space-info-item .desc p {display: flex; }
.space-info-list .space-info-item .desc p span {display: block; width: 40px;}
.space-info-list .space-info-item.active .desc {color: #fff564; transition: 0.2s all linear; font-weight: 500;}
.space-info-list .space-info-item.active .num {background: #fff564; transition: 0.2s all linear;}
.space-info-map {position: relative;}
.space-info-map .space-info-num-wrap {position: absolute;width: 100%; height: 100%;}
.space-info-map .space-num {position: absolute; width: 6%; height: 6%; text-indent: -999999px; }
.space-info-map .space-num.num1 {left: 13.5%; top: 68%;}
.space-info-map .space-num.num2 {left: 17.5%; top: 42%;}
.space-info-map .space-num.num3 {left: 36.5%; top: 42%;}
.space-info-map .space-num.num4 {left: 56%; top: 42%;}
.space-info-map .space-num.num5 {left: 23%; top: 18%;}
.space-info-map .space-num.num6 {left: 39%; top: 21%;}
.space-info-map .space-num.num7 {left: 69.5%; top: 49%;}
.space-info-map .space-num.num8 {left: 83.5%; top: 46.5%;}
.space-info-map .space-num.num9 {left: 72%; top: 73.5%;}
.btn-instagram p {color:#fff;}
.btn-instagram img {filter: brightness(0) invert(1);}
.btn-instagram img, .btn-instagram p, .btn-instagram:hover img, .btn-instagram:hover p {transition: 0.2s all linear;}
.btn-instagram:hover img {filter: none;}
.btn-instagram:hover p {color:#000;} .step-list {margin-top: 1rem; display: flex; align-items: center;justify-content: center; gap: 3.75rem; position: relative;}
.step-list:before {content:''; width: 90%; height: 1rem; background: var(--color-light-green); position: absolute; left: 50%; top:calc(50% - 15px); transform:translateX(-50%); z-index: -1;}
.step-list .step-item {display: flex; flex-direction: column; gap: 1rem; align-items: center; width: calc((100% - (3.75rem * 4)) / 5);}
.step-list .step-num {font-weight: 600; color: var(--color-main-green);}
.step-list .step-icon {}
.step-list .step-tit {text-align: center; line-height:1.3; font-weight: 500;}
.step-list .step-tit .p_br {display: block;} .profile-grid {display: grid; grid-template-columns: repeat(3, 1fr); align-items: stretch; gap:4rem; width: 100%;}
.profile-card {background-color: rgba(234,100,8,0.05); border: 1px solid var(--color-orange); border-bottom-width:5px; border-radius: 20px; padding: 2.5rem; display: flex; flex-direction: column; position: relative; transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, border-radius 0.1s linear;}
.profile-card.director {background: rgba(15, 118, 59, 0.05); border: 2px solid var(--color-main-green); box-shadow: 0 12px 40px rgba(15, 118, 59, 0.12); margin-top: -15px; padding: 3rem; border-bottom-width:8px; transition:transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, border-radius 0.2s linear, border-radius 0.2s linear; }
.profile-card:hover { transform: translateY(-8px); border-radius:0; transition:0.2s all linear; } .profile-card.director:hover { transform: translateY(-15px); box-shadow: 0 16px 50px rgba(15, 118, 59, 0.2);  border:2px solid transparent; border-bottom-width:8px; border-radius:0px; background: linear-gradient(#f3f8f5,#f3f8f5) padding-box, linear-gradient(90deg,#D7DF23,#92C83E,#0DB14B) border-box;}
.profile-card .profile-header {margin-bottom: 2rem; border-bottom: 1px solid rgba(234,100,8,0.2); padding-bottom: 1.25rem; display: flex; gap: 0.75rem; align-items: baseline;}
.profile-card.director .profile-header {border-color:rgba(15, 118, 59, 0.2)}
.profile-card .profile-header .profile-name {font-size: 2rem; font-weight: 600; color: var(--text-primary); margin-bottom: 6px;}
.profile-card.director .profile-header .profile-name {font-size: 2.25rem; font-weight: 700;}
.profile-card .profile-header .profile-birth {font-size: 1rem; color: #666;}
.profile-card.director .profile-header .profile-birth {color: var(--color-main-green);}
.highlight-tags { display: flex; flex-direction: column; gap: 8px; margin-bottom: 2rem;}
.profile-card .highlight-tags .tag {background: rgba(15, 118, 59, 0.05); border: 1px solid rgba(15, 118, 59, 0.4); font-size: 14px; padding: 0.5rem 1rem; border-radius: 8px; font-weight: 600; color: var(--color-main-green); }
.profile-card .highlight-tags .tag img {margin-right:0.25rem;}
.profile-card .career-section {}
.profile-card .career-section .career-title {font-size: 1.125rem; font-weight: 600; margin-bottom: 0.75rem; position: relative; padding-left:1.625rem;}
.profile-card .career-section .career-title:before {content: ""; position: absolute; left: 0; top: 50%; width: 18px; height: 18px; background: url(/wp-content/themes/hello-theme-child-master/custorm/img/icon-symbol.svg) center / contain no-repeat;  transform: translateY(-50%);}
.profile-card .career-section .career-list {list-style: none; display: flex; flex-direction: column; gap: 0.25rem;}
.career-list li { position: relative; padding-left: 1.5rem; }
.career-list li::before {content: ""; position: absolute; left: 6px; top: 9px; width: 5px; height: 5px; background: var(--color-orange); border-radius: 50%;}
.director .career-list li::before {background: var(--color-main-green);} .brand-tit {padding-left: 3rem; position: relative;}
.brand-tit:before {content:''; width: 6px; height: 100%; background: linear-gradient(to bottom, var(--color-orange), var(--color-main-green)); position: absolute; left: 0; top:0; border-radius: 10px;}
.greeting {padding: 0 3rem; box-sizing: border-box;} 
.greeting .greeting-txt {display: flex; flex-direction: column; gap: 1rem;}
.greeting .greeting-txt p {font-size: 19px; line-height: 1.8;}
.greeting .greeting-txt .p-br {display: block;}
.greeting .greeting-txt b {color: var(--color-main-green);}
.info-txt .tb_br {}
.goal-box {position: relative; box-shadow: 0 0 15px rgba(15,118,59,0.1); width: calc((100% - 50px) / 2);}
.goal-box .goal-num {position: absolute; top: 1rem; right: 2rem; color: var(--color-main-green); opacity: 0.3;}
.goal-box .goal-tit {}
.goal-box .goal-tit-sub {}
.goal-box .goal-desc {}
.goal-box.bg-green .goal-desc ul li:before {color: #fff;}
.brand-goal-desc {}
.brand-goal-desc p + p {margin-top: 0.75rem;}
.anchor-list {display: flex; flex-direction: column; gap: 1.5rem; position: fixed; left: 2rem; top: 50%; transform: translateY(-50%); opacity: 0; transition: 0.2s all linear;}
.anchor-list.show {opacity: 1; transition: 0.2s all linear;}
.anchor-list a {position: relative; padding-left: 1.5rem; text-indent: -99999px;}
.anchor-list a:before {content:''; width: 16px; height: 16px; background: var(--color-main-green); opacity: 0.3; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);  transition:0.2s all linear;}
.anchor-list a:after {content:''; width: 8px; height: 8px; background: var(--color-main-green); border-radius: 50%; position: absolute; left: 4px; top: 50%; transform: translateY(-50%);  transition:0.2s all linear;}
.anchor-list a:hover::before, .anchor-list a:hover::after,
.anchor-list a.active:before, .anchor-list a.active:after {background: var(--color-orange); transition:0.2s all linear;}
.history {position: relative;}
.company-history {display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; }
.company-history .history-title{width: 500px; padding-right: 20px; position: sticky; top: 15vh; display: flex; align-items: center; flex-shrink: 0;}
.history-title .year { max-width: 356px; word-break: break-all; top: 123px; font-weight: 600; } 
.history-title .text-year { font-size: clamp(24px, 9vw, 105px); font-style: normal; font-weight: 700; line-height: 100%; letter-spacing: -0.02em; text-transform: capitalize; background: var(--color-main-green); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; overflow: hidden; }
.company-history .mo { display: none }
.history-wrap { position: relative; width: 600px; }
.history-cont { position: relative; margin-top: -120px }
.history-cont ul { padding-top: 150px; position: relative; }
.history-cont ul.page-section:first-child {padding-top: 170px;}
.history-cont ul.list-line { padding-top: 10px; }
.history-cont ul:last-child { padding-bottom: 10px; }
.history-cont ul.active h2 { opacity: 1; transition: all .2s; }
.history-cont ul.active ul { opacity: 1; transition: all .2s; }
.history-cont ul li { display: flex; flex-wrap: nowrap; align-items: flex-start; margin-bottom: 20px; flex-direction: column; font-size: 20px; }
.history-cont ul.page-section > li:before {display: none;}
.history-cont ul li:last-child { margin-bottom: 0; }
.history-cont ul li h2 { text-align: left; font-size: clamp(28px, 3vw, 34px); font-weight: 600; opacity: .5; color:var(--color-orange); margin-bottom: 1.5rem;}
.history-cont ul.list-line {opacity: 0.5;}
.history:before, .history:after {content:''; position: absolute; z-index: -1; }
.history.fix:before, .history.fix:after {position: fixed;}
.history:before {width: 558px;height: 558px; background: url(//uoracamp.com/wp-content/uploads/2026/06/circle-1.png) center / contain no-repeat; left:0; top:calc(100vh - 558px);}
.history:after {width: 468px; height: 468px; background: url(//uoracamp.com/wp-content/uploads/2026/06/circle-2.png) center / contain no-repeat; right: 0; top:-50px;} .elementor-widget-n-accordion .e-n-accordion-item-title {justify-content: space-between !important; border-radius: 10px;} .mp_wrapper textarea:focus-visible, .mp_wrapper select:focus-visible, .mp_wrapper input[type="text"]:focus-visible, .mp_wrapper input[type="url"]:focus-visible, .mp_wrapper input[type="email"]:focus-visible, .mp_wrapper input[type="tel"]:focus-visible, .mp_wrapper input[type="number"]:focus-visible, .mp_wrapper input[type="password"]:focus-visible, .mp_wrapper .iti__selected-flag:focus-visible {border:1px solid var(--color-main-green);}
.mp_wrapper textarea, .mp_wrapper select, .mp_wrapper input[type="text"], .mp_wrapper input[type="url"], .mp_wrapper input[type="email"], .mp_wrapper input[type="tel"], .mp_wrapper input[type="number"], .mp_wrapper input[type="password"] {border-radius: 10px;}
.mp_login_form input[type=submit], #mepr_forgot_password_form input[type=submit] { width:100%; padding: 0.75rem 1rem !important; background: #0f763b; border: 1px solid #0f763b; border-radius: 10px; color: #fff !important; cursor: pointer; font-size: 1rem; margin-top: 1rem; font-weight: 600 !important; }
.mp_login_form input[type=submit]:hover {border-radius: 10px;}
.mp_login_form input[type=submit]:hover, .mp_login_form input[type=submit]:active, .mp_login_form input[type=submit]:focus-visible {border-color:var(--color-main-green);}
.mp_login_form input[type=submit]:hover,
.mp_login_form input[type=submit]:active,
.mp_login_form input[type=submit]:focus-visible { background: #fff !important; border-color: #0f763b; color: #0f763b !important; }
.mp_login_form input[type=submit]:focus-visible { outline: dashed #0f763b; }
.mp_wrapper .mp-form-row label { margin-bottom: 0.75rem; display: block !important; }
.mp_wrapper .mp-form-row.mepr_password {margin-bottom: 1rem;}
.mepr-login-actions a { font-weight: 500; color: #666; border-bottom: 1px solid transparent; padding-bottom: 0.125rem;transition: 0.2s all linear;}
.mepr-login-actions a:hover {color: var(--color-main-green); border-color: var(--color-main-green); transition: 0.2s all linear;}
.mepr-login-actions a + a {margin-left: 1.5rem;} .mp_wrapper { max-width: 600px; margin: 0 auto 2rem; }
.mp_wrapper > h3 {display: none;}
.mp_wrapper textarea:focus-visible, .mp_wrapper select:focus-visible, .mp_wrapper input[type=text]:focus-visible, .mp_wrapper input[type=url]:focus-visible, .mp_wrapper input[type=email]:focus-visible, .mp_wrapper input[type=tel]:focus-visible, .mp_wrapper input[type=number]:focus-visible, .mp_wrapper input[type=password]:focus-visible, .mp_wrapper .iti__selected-flag:focus-visible { border-color: #0f763b; }
.mp_wrapper input[type=checkbox]:focus-visible, .mp_wrapper input[type=radio]:focus-visible { outline: 2px solid #0f763b; }
.mp_wrapper input[type=file]:focus-visible { border: 2px solid #0f763b; }
.mp_wrapper .mp-form-row { width: 100% !important; margin-bottom: 0; }
.mp_wrapper .mp-form-row + .mp-form-row { margin-top:1.75rem; }
#mepr_forgot_password_form {background: var(--color-light-green); padding: 3rem 2.5rem; border-radius: 1rem;}
#mepr_forgot_password_form input[type=submit]:hover {background-color: #fff; color: var(--color-main-green) !important; }
.mp_wrapper #mepr_forgot_password_form .mp-form-row label {margin-bottom: 1rem;}
.mp_wrapper.mepr_password_reset_requested {background: var(--color-light-green); padding: 2rem; text-align: center; line-height: 2; border-radius: 1rem;} .mepr_error, .mepr_updated {border-radius: 10px; padding:11px 5px 5px 15px !important;}
.mepr_error {background-color: #ffdcdd !important; border: 1px solid #ff0000 !important;}
.page-slug-individual-member .mp_wrapper {max-width: 100%;}
.mp_wrapper .mp-form-row.mepr_price {display: none;}
.mp_wrapper .mp-form-row.mepr_first_name {margin-top: 0;}
.mp_wrapper .mp-form-row.mepr_username {margin-top: 1.75rem;}
.term-wr {box-sizing: border-box; border: 1px solid #ddd; padding: 1.5rem; margin-bottom: 1rem; border-radius: 1rem;}
.term-wr .term {height: 300px; overflow-y: scroll; padding-right: 1rem;}
.powered-by-bookly {display: none;}
.join-btn-login, .join-btn-main {transition: 0.2s all linear; box-sizing: border-box;}
.join-btn-login:hover {background: #003724 !important;transition: 0.2s all linear;}
.join-btn-main:hover {background: var(--color-main-green) !important; color: #fff !important;transition: 0.2s all linear;}
.mepr_custom_field .mepr-radios-field {display: flex !important; align-items: center; gap: 2rem; margin-bottom: 0 !important;}
.mepr_custom_field .mepr-radios-field .mepr-radios-field-row {display: flex !important; align-items: center; gap: 0.25rem;}
.mepr_custom_field .mepr-radios-field .mepr-radios-field-row label {margin-bottom: 0; max-width: inherit !important; min-width: auto !important; width: auto !important; }
.page-slug-individual-member .mp-form-submit {text-align: center; margin-top: 3rem;}
.page-slug-individual-member .mp-form-submit input[type=submit] {color: #fff !important; background:var(--color-main-green); border-radius: 10px; padding: 10px 24px; min-width: 200px;}
.page-slug-individual-member .mp-form-submit input[type=submit]:hover {color: var(--color-main-green) !important; background: #fff;}
.mepr_custom_field .mepr-checkboxes-field {box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.2); padding: 1.25rem; border-radius: 10px; display: flex !important; flex-direction: column; gap: 15px; }
.mepr_custom_field .mepr-checkboxes-field .mepr-checkboxes-field-row {display: flex !important; }
.mepr_custom_field .mepr-checkboxes-field .mepr-checkboxes-field-row label {margin-bottom: 0;} .member-guide {display: flex; justify-content: center; gap: 3rem;}
.member-guide li {padding-left: 0;}
.member-guide li::before {display: none;}
.member-guide li img {height: 120px;}
.member-guide li a{transition: 0.15s ease;display: flex; flex-direction: column; align-items: center; gap: 2.5rem; border: 8px solid var(--color-light-green); padding: 3rem 2rem; box-sizing: border-box; border-radius: 1.5rem;}
.member-guide li span {font-size: 1.125rem; font-family: var(--font-pretendard); color: #fff; background: var(--color-main-green); border-radius: 3rem; padding: 0.75rem 3rem;}
.member-guide li:hover a{background: var(--color-light-green); }
.member-guide li a.btn-identification{width:300px; height: 100%;} .coat-item {border-radius: 1.5rem; overflow: hidden; box-shadow: 0 0 15px rgba(15,118,59,0.1); transition: 0.2s all linear; position: relative; cursor: pointer;}
.coat-item:before {content: ''; position: absolute; left: 0; top: 50%; background: linear-gradient(to bottom, transparent, #000); width: 100%; height: 50%; opacity: 0.6; }
.coat-item-info {position: absolute; left: 2rem; bottom:2rem; width: calc(100% - 4rem); color: #fff !important;}
.coat-item-data {display: flex; flex-direction: column; gap: 0.375rem; height:0; overflow: hidden; transition: 0.2s all linear; }
.coat-item-data dl {display: flex; align-items: baseline; gap: 1rem;}
.coat-item-data dl dt { width: 150px;}
.coat-item-data dl dt:before {content:''; width:16px; height:16px; background: url(//uoracamp.com/wp-content/themes/hello-theme-child-master/custorm/img/icon-symbol.svg) center / contain no-repeat; display: inline-block; vertical-align: middle; margin-right: 0.5rem; margin-top:-3px;}
.coat-item-data dl dd { width:calc(100% - 150px - 1rem); margin-left: 0;}
.coat-item-data dl dd a {color:#fff; border-bottom:1px solid transparent; transition: 0.2s all linear;}
.coat-item:hover:before {height: 100%; top: 0; opacity: 1;transition: 0.2s all linear;}
.coat-item:hover .coat-item-data {height: 138px; overflow: visible; transition: 0.2s all linear; margin-top: 1.125rem;}
.coat-item:hover .coat-item-data.data2{height: 138px;}
.coat-item-data dl dd a:hover {border-color:#fff; transition: 0.2s all linear;} .info-slide-image {box-sizing: border-box; border-radius: 1.5rem; overflow: hidden; box-shadow: 0 0 15px rgba(15,118,59,0.1); transition: 0.2s all linear;}
.facilities-img-list {display: flex; gap: 2rem;}
.facilities-img-list .facilities-img {width:calc((100% - 6rem) / 4);}
.page-slug-parking .coat-item:hover, .page-slug-restroom .coat-item:hover {cursor: default;}
.page-slug-parking .coat-item:hover:before, .page-slug-restroom .coat-item:hover:before {height: 50%; top:50%; opacity: 0.6;}
.page-slug-parking .coat-item.last, .page-slug-restroom .coat-item.last {max-width: calc((100% - 3rem) / 2);} .membership_list.sub_membership {gap: 4rem;}
.membership_list.sub_membership .mb-item { width: calc((100% - (4rem * 2)) / 3); text-align: center; min-height: 600px;}
.membership_list.sub_membership .mb-item .mb-icon {position: inherit; right: auto; top:auto; margin: 0 auto 2.5rem;}
.membership_list.sub_membership .mb-item .mb-info .mb-tit {font-size: clamp(24px, 2.5vw, 36px);}
.membership_list.sub_membership .mb-item .mb-info .mb-desc {font-size: clamp(16px, 1.5vw, 18px); margin: 3rem 0 0; display: inline-block;  padding: 6px 2rem; border-radius: 2rem;}
.membership_list.sub_membership .mb-item:nth-child(1) .mb-info .mb-desc {background: #ff8e38; color: #fff;}
.membership_list.sub_membership .mb-item:nth-child(2) .mb-info .mb-desc {background: #36a867; color: #fff;}
.membership_list.sub_membership .mb-item:nth-child(3) .mb-info .mb-desc {background: #fff; color: #003724;}
.membership_list.sub_membership .mb-item .mb-info .mb-benefit {padding: 2rem; margin-top: -1.25rem; border-radius: 1rem; min-height: 185px; align-items: center; justify-content: center;}
.membership_list.sub_membership .mb-item .mb-info .mb-benefit li:first-child {margin-top: 1rem;}
.membership_list.sub_membership .mb-item:nth-child(1) .mb-info .mb-benefit { background: #ffefe3;}
.membership_list.sub_membership .mb-item:nth-child(2) .mb-info .mb-benefit { background: #d2ecdd;}
.membership_list.sub_membership .mb-item:nth-child(3) .mb-info .mb-benefit { background: #38ac6a;} .bookly-tags-form-container .bookly-services-service-mark {flex: 1;}
.bi-grid-3x3-gap-fill::before {content:'' !important; width: 30px; height: 36px; background: url(//uoracamp.com/wp-content/themes/hello-theme-child-master/custorm/img/icon-racket.svg) center / contain no-repeat;}
.bi-credit-card::before {content:'' !important; width: 30px; height: 36px; background: url(//uoracamp.com/wp-content/themes/hello-theme-child-master/custorm/img/icon-card.svg) center 62% / contain no-repeat;}
.bi-person-lines-fill::before {content:'' !important; width: 28px; height: 36px; background: url(//uoracamp.com/wp-content/themes/hello-theme-child-master/custorm/img/icon-profile.svg) center 62% / contain no-repeat;}
.page-slug-lesson-reservation .bi-grid-3x3-gap-fill::before {background: url(//uoracamp.com/wp-content/themes/hello-theme-child-master/custorm/img/icon-racket-org.svg) center / contain no-repeat;}
.page-slug-lesson-reservation .bi-credit-card::before {background: url(//uoracamp.com/wp-content/themes/hello-theme-child-master/custorm/img/icon-card-org.svg) center 62% / contain no-repeat;}
.page-slug-lesson-reservation .bi-person-lines-fill::before {background: url(//uoracamp.com/wp-content/themes/hello-theme-child-master/custorm/img/icon-profile-org.svg) center 62% / contain no-repeat;}
.bookly-css-root .bookly-service-card-mark {width: calc((100% - (15px * 4)) / 5) !important; min-width: calc((100% - (15px * 4)) / 5) !important;}
.bookly-css-root .bookly-service-card-mark .bookly\:-mb-4 { margin-bottom: 0 !important; }
.bookly-css-root .bookly\:rounded {border-radius: 0.5rem !important;}
.bookly-css-root .bookly\:mb-4 {margin-bottom: 0 !important;}
.bookly-css-root .bookly-search-form-right {padding-top: 1.75rem !important;}
.bookly-css-root .bookly-search-form-right > .bookly\:mx-4 { margin-inline: 0 !important; display: none; }
.bookly-css-root .bookly-search-form-right .bookly\:flex {gap: 15px;}
.bookly-css-root .bookly-service-card-mark .bookly\:flex {gap: 0px;}
.bookly-css-root .bookly-service-card-mark .bookly\:me-2 { margin-inline-end: 0.75rem !important; margin-left: 0.25rem;}
.bookly-css-root .bookly-service-card-mark .bi-person-lines-fill.bookly\:me-2 {margin-left: 0.375rem;}
.bookly-css-root .bookly-service-card-mark.bookly\:me-3 { margin-inline-end: 0 !important; }
.bookly-css-root .bookly-service-card-mark.bookly\:mb-3 { margin-bottom: 0 !important; }
.bookly-css-root .bookly-service-card-mark.bookly\:border-default-border {transition: 0.2s linear; }
.bookly-css-root .bookly-service-card-mark:hover.bookly\:border-default-border { border-color: var(--color-main-green) !important; transition: 0.2s linear; }
.page-slug-lesson-reservation .bookly-css-root .bookly-service-card-mark:hover.bookly\:border-default-border { border-color: var(--color-orange) !important; transition: 0.2s linear; }
.bookly-modal-header-mark, .bookly-modal-body-mark {padding: 1rem;}
.bookly-modal-header-mark .bookly\:md\:mb-4 {margin-bottom: 0 !important;}
.bookly-modal-body-mark {padding: 0 1rem 1rem;}
.bookly-summary-row-mark .bookly\:font-semibold {margin-bottom: 0.5rem;}
.bookly-summary-row-mark .bookly\:flex-1 {padding-bottom: 1.5rem;} .bookly-modal-footer-mark .bookly\:text-slate-600{color:#333 !important;}
.bookly-modal-footer-mark .bookly\:border-slate-600 {border-color:#333 !important;}
.bookly-modal-body-mark .bookly\:hover\:bg-gray-400:hover, .bookly-modal-footer-mark .bookly\:hover\:bg-gray-400:hover {background-color: var(--color-main-green) !important;}
.bookly-modal-footer-mark .bookly\:hover\:border-gray-400:hover, .bookly-modal-footer-mark .bookly-css-root .bookly\:text-slate-600 {border-color:var(--color-orange) !important;}
.page-slug-lesson-reservation .bookly-modal-body-mark .bookly\:hover\:bg-gray-400:hover, 
.page-slug-lesson-reservation .bookly-modal-footer-mark .bookly\:hover\:bg-gray-400:hover {background-color: var(--color-orange) !important;}
.page-slug-lesson-reservation .bookly-modal-footer-mark .bookly\:hover\:border-gray-400:hover, 
.page-slug-lesson-reservation .bookly-modal-footer-mark .bookly-css-root .bookly\:text-slate-600  {background-color: var(--color-orange) !important;}
.bookly-done-step-body-mark {padding: 2rem 0 0.5rem;}
.bookly-done-step-body-mark .bookly-done-step-text-mark {display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2rem !important;}
.bookly-done-step-body-mark .bookly-done-step-text-mark .bookly\:text-3xl { font-size: 1.75rem !important;}
.bookly-done-step-secondary-text-mark .reservation-info {font-size: 1rem;}
.pay-info-wrap {background: var(--color-light-green); box-sizing: border-box; margin: 1.5rem auto; border-radius: 1rem; padding: 1.5rem; display: flex; flex-direction: column; gap: 1.5em; max-width: 700px;}
.pay-info {display: flex; flex-direction: column; gap: 1.25rem; background: #fff; border-radius: 0.5rem; padding: 1.5rem;}
.pay-info p {display: flex; flex-direction: column; gap: 0.25rem; color: #222; font-family: var(--font-family); font-weight: 500;}
.pay-info p b {color: var(--color-main-green);}
.page-slug-lesson-reservation .pay-info p b {color: var(--color-orange);}
.pay-notice {text-align: left;}
.pay-notice li {padding-left: 1rem; font-size: 15px;}
.uora-bookly-time-staff {box-sizing: border-box; border-top: 1px solid #ebe6e7; padding: 1.5rem 0; font-size: 15px;}
.uora-bookly-time-staff .staff-tit {font-weight: 600; margin-bottom: 0.5rem; display: none;}
.uora-bookly-time-staff .temp {display: flex; gap: 1.5rem;}
.uora-bookly-time-staff .temp .staff-card {flex: 1; background: #fffbf7; border-radius: 0.5rem; padding: 1rem 1.25rem; border: 1px solid #ffead5;}
.uora-bookly-time-staff .staff-name {font-weight: 500; color: #000; margin-bottom: 0.5rem; font-size: 17px;}
.uora-bookly-time-staff .staff-info {word-break: keep-all; letter-spacing: -0.5px;} .sub-tab-wrap .e-n-tabs-heading button {min-width: 250px; border-radius: 3rem;}
.my-reservation-pagination { padding: 40px 0 60px; margin-top: 40px; text-align: center; display: flex; justify-content: center; gap: calc(1rem + 4px);}
.my-reservation-pagination .current, .my-reservation-pagination a {display: flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 8px; border-radius: 5px; background: #fff; border: 1px solid var(--kboard-border); font-size: 14px; color: var(--kboard-text); box-shadow: none; transition: 0.2s all linear;}
.my-reservation-pagination .current {background: var(--kboard-primary); color: #fff; border-color: var(--kboard-primary);}
.my-reservation-pagination a:hover {background: var(--kboard-primary); color: #fff; border-color: var(--kboard-primary); transition: 0.2s all linear;}
#mepr-account-nav {display: none;}
.page-slug-account .mp_wrapper {margin-bottom: 0;}
.page-slug-account .btn-wrap {display: flex; justify-content: space-between; align-items: center; transition: 0.2s all linear;}
.page-slug-account .btn-wrap.flex-end {justify-content: flex-end; gap: 5px;}
.page-slug-account .btn-wrap .btn-delete {color: #666; text-decoration: underline; text-underline-offset : 5px;}
.page-slug-account .btn-wrap .btn-delete:hover {color: #000; transition: 0.2s all linear;}
.page-slug-account .btn-wrap .btn {padding: 0 1rem; background: var(--color-main-green); color: #fff; font-weight: 500; border-radius: 0.5rem !important;  border: 1px solid var(--color-main-green); height: 38px; line-height: 38px; display: inline-block; vertical-align: middle; transition: 0.2s all linear;}
.page-slug-account .btn-wrap .btn.btn-modify {background: #fff; color: var(--color-main-green);}
.page-slug-account .btn-wrap .btn:hover {background: #000; border-color:#000; transition: 0.2s all linear;}
.page-slug-account .btn-wrap .btn.btn-modify:hover {background: var(--color-main-green); border-color:var(--color-main-green); color: #fff; transition: 0.2s all linear;} 
.alert.alert-info {border-bottom: 2px solid var(--color-main-green); padding-bottom: 0.5rem; margin-bottom: 2.5rem; text-align: right;} .popup-wrap {position: fixed; left: 50%; top: 50%; transform:translate(-50%,-50%); background: #fff;  width: 600px;  z-index: 9999; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); box-sizing:border-box; border-radius:1rem; overflow: hidden;}
.popup-wrap .popup-top{background: var(--color-main-green); padding: 0.875rem 2rem; color: #fff; display: flex; align-items: center; justify-content: space-between; }
.popup-wrap .popup-title {font-size: 1.125rem;}
.popup-wrap .popup-close {cursor: pointer; width: 16px; height: 16px; background: url(/wp-content/themes/hello-theme-child-master/custorm/img/icon-close.svg) center / contain no-repeat; text-indent: -999999px;
filter: invert(1);}
.popup-wrap .popup-bot {padding:1.5rem 2rem;}
.popup-wrap .popup-data{display: flex; flex-direction: column; gap: 1.5rem;}
.popup-wrap .popup-data .popup-data-item {}
.popup-wrap .popup-data .popup-data-item .popup-data-tit {font-weight: 600; margin-bottom: 0.25rem; color: var(--color-main-green); font-size: clamp(15px, 2.5vw, 17px);}
.popup-wrap .popup-data .popup-data-item ul {}
.popup-wrap .popup-data .popup-notice {position: relative; padding-left:1rem; margin-top:0.5rem; font-size:90%; color:#666}
.popup-wrap .popup-data .popup-notice:before {content:'※'; position: absolute; left: 0; top: 0;}
.popup-wrap .btn {padding: 0.75rem 1.5rem; border-radius: 8px; display: inline-block; width: 200px; margin: 1rem 0 0.5rem; border:1px solid var(--color-main-green);transition: 0.2s all linear; color:var(--color-main-green); font-weight: 600;}
.popup-wrap .btn:hover {background: #0f763b; color: #fff; transition: 0.2s all linear;} .inquiry-top {}
.inquiry-wrap {display: flex; align-items: start; gap: 2rem; justify-content: space-between; background: #fff; padding: 3rem; border-radius: 1rem; box-shadow: 0 0 12px rgba(15, 118, 59, 0.1);}
.inquiry-wrap.phone .left {width: 56%;}
.inquiry-wrap.phone .right {width: 350px;}
.inquiry-wrap {background: #fff url(//uoracamp.com/wp-content/themes/hello-theme-child-master/custorm/img/uora-character.svg) calc(100% - 3rem) calc(100% - 3rem) / 200px no-repeat;}
.inquiry-wrap.kakaoch, .inquiry-wrap.map {background: #fff;} 
.inquiry-wrap .info-top {display: flex; gap: 1rem; align-items: center; margin-bottom:1rem}
.inquiry-wrap .info-top .info-icon {width: 60px;}
.inquiry-wrap .info-top .info-tit {font-size: 1.75rem; font-weight: 600;}
.inquiry-wrap .info-bot {margin-top: 1.5rem; font-size: 1.125rem;}
.inquiry-wrap .info-bot .info-desc {word-break: keep-all;}
.inquiry-wrap .info-bot .info-check {margin: 2rem auto; padding: 1.75rem 2.5rem; display: flex; flex-direction: column; gap: 1rem; background: #f9ffef; border-radius: 1rem;}
.inquiry-wrap .info-bot .info-check li {padding-left:2rem;}
.inquiry-wrap .info-bot .info-check li:before {width:20px; height:20px; background: url(//uoracamp.com/wp-content/uploads/2026/06/icon-check-grn.png) center / contain no-repeat;     content: ''; top: 4px;}
.inquiry-wrap.phone .info-bot .info-text {}
.inquiry-wrap.phone .info-bot .info-text:before {content:''; width: 20px; height: 20px; background: url(//uoracamp.com/wp-content/uploads/2026/06/icon-information.png) center / contain no-repeat; display: inline-block; vertical-align: middle; margin-top:-3px; margin-right:0.5rem; }
.inquiry-wrap .inquiry-tel {box-sizing: border-box; border: 1px solid var(--color-main-green); background: #f6fffa; padding: 2.5rem 2rem; border-radius: 12px;}
.inquiry-wrap .inquiry-tel .tit {font-weight: 500; font-size: 1.125rem; color: var(--color-main-green);}
.inquiry-wrap .inquiry-tel .tel { font-size: 2.5rem; font-weight: 700; letter-spacing: -2px; color: var(--color-main-green);}
.inquiry-wrap .inquiry-tel .time-list {border-top:1px dashed rgba(15,118,59,0.3); margin-top:1rem; padding-top:2rem; display: flex; flex-direction: column; gap: 0.5rem;}
.inquiry-wrap .inquiry-tel .time-list dl {display: flex; justify-content: space-between; align-items: center; font-size: 1.125rem;}
.inquiry-wrap .inquiry-tel .time-list dl dt {color:#666;}
.inquiry-wrap .inquiry-tel .time-list dl dd {}
.inquiry-wrap.kakaoch {box-shadow: 0 0 12px rgba(255, 212, 17, 0.2);}
.inquiry-wrap.kakaoch .info-bot .info-check {background: #fffcf1;}
.inquiry-wrap.kakaoch .info-bot .info-check li:before {background-image: url(//uoracamp.com/wp-content/uploads/2026/06/icon-check-org.png);}
.inquiry-wrap.kakaoch .banner {background: #FCD411; border-radius: 1.25rem; display: flex; justify-content: center; padding: 1.5rem 0 1rem;}
.inquiry-wrap.map {}
.inquiry-wrap.map .info-box {margin: 1.5rem auto; box-sizing: border-box; background: #f6fffa; border:1px solid var(--color-main-green); padding: 2rem 3rem; border-radius: 1rem; display: flex; flex-direction: column; gap:0.875rem;}
.inquiry-wrap.map .info-box dl {display: flex; align-items: start; }
.inquiry-wrap.map .info-box dl dt {width: 80px; font-weight: 600; color: var(--color-main-green);}
.inquiry-wrap.map .info-box dl dd {width: calc(100% - 80px);}
.inquiry-wrap .inquiry-map iframe {width: 100%; min-height: 450px; border-radius: 1rem;}
.login-noti-box {max-width: 1200px; margin: 0 auto; display: flex;gap: 2rem;  background: #fff; padding: 5rem 3rem 3.75rem; border-radius: 1rem; box-shadow: 0 0 12px rgba(15, 118, 59, 0.1); justify-content: center; align-items: center; flex-direction: column;}
.login-noti-box .login-tit {font-weight: 600; font-size: 1.75rem;}
.login-noti-box .login-desc {font-size: 1.125rem; line-height: 1.7;}
.login-noti-box .btn-wrap {margin-top: 1rem;}
.login-noti-box .btn-wrap .btn {padding: 0.75rem 1.5rem; border-radius: 8px; display: inline-block; width: 200px; margin: 1rem 0 0.5rem; border:1px solid var(--color-main-green);transition: 0.2s all linear; color:var(--color-main-green); font-weight: 600; text-align: center;}
.login-noti-box .btn-wrap .btn:hover {background: #0f763b; color: #fff; transition: 0.2s all linear;}
#kboard-contact-form-editor .kboard-control {justify-content: center !important;} .uora-prd-desc {position: relative; padding-left: 2.5rem;}
.uora-prd-desc:before {content:''; width: 6px; height: 100%; background: var(--color-main-green); border-radius: 1rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.box-img-wrap {position: relative;border-radius: 1rem; overflow: hidden; box-sizing:border-box;}
.box-img-wrap:before {content:''; width: 100%; height: 50%; background: linear-gradient(to top, #000, transparent); position: absolute; left: 0; top: 50%;}
.box-img-wrap .box-img {width: 100%; height: 100%; object-fit: cover; aspect-ratio: 760 / 615;}
.box-img-wrap .box-data {position: absolute; left: 0; bottom:0; width: 100%; padding: 2rem 2.5rem; color: #fff; display: flex; flex-direction: column; gap: 0.75rem;}
.box-img-wrap .box-data .box-tit {font-size: 34px; font-weight: 600;}
.box-img-wrap .box-data .box-desc {line-height: 1.6;}
.purchase_btn {transition: 0.2s all linear !important; line-height: 64px;}
.purchase_btn:hover {transition: 0.2s all linear !important; border-radius: 3rem !important;}
.purchase_btn:before {content:''; width: 24px; height: 24px; background: url(/wp-content/themes/hello-theme-child-master/custorm/img/icon-cart.svg) center / contain no-repeat; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 0.75rem; filter: invert(1);} .citrus-img-box {position: relative; overflow: hidden;}
.citrus-img-box:before {content:''; width: 100%; height: 50%; background: linear-gradient(to top, #000, transparent); position: absolute; left: 0; top: 50%; opacity: 0.8;}
.citrus-img-box .citrus-img {}
.citrus-img-box .citrus-img-tit {} @media (max-width:1632px) { 
.breadcrumbs.sub-full {padding:0 16px;}
}
@media (max-width:1600px) { .main-visual .swiper-pagination {left: 16px; }
.main-visual .elementor-swiper-button.elementor-swiper-button-prev {left: calc(16px + 180px) !important;  }
.main-visual .elementor-swiper-button.elementor-swiper-button-next {left: calc(16px + 240px) !important; }
.main-slide-wrap #slideBtn {left: calc(16px + 210px); }
.main-slide-wrap #slideCnt {left: calc(16px + 125px); }
.main-reservation-wrap {max-width: calc(100% - 32px) !important; margin: 0 !important;}
.membership_list .mb-item {background-size: 140px !important; background-position-x: calc(100% - 1rem) !important; }
.membership_list .mb-item .mb-icon {width: 120px;}
.main-visual .main-visual-side .main-visual-info, .main-visual .main-visual-side .main-visual-bg-wrap  {width: calc(100% - 32px);  }
}
@media (max-width:1400px) { header .header-inner #nav .gnb-menu-list > .menu-item > a {padding: 0 15px 13px;} .main-visual-tit {font-size: 60px !important;}
.elementor .e-4d26741-8c36153 { inset-block-start: 80px; inset-inline-start: 80px;} .space-info-list {width: 90%; font-size: 1.125rem;  gap: 1.5rem 0; padding: 0 0 2rem;}
.space-info-list .space-info-item {width: 65%;}
.space-info-list .space-info-item:nth-child(2n) {width: 35%;}
.space-info-list .space-info-item .num { width: 30px; height: 30px; font-size: 1rem;} .bookly-css-root .bookly-service-card-mark {width: calc((100% - (15px * 3)) / 4) !important; min-width: calc((100% - (15px * 3)) / 4) !important;} .coat-item:hover .coat-item-data{height: 162px;} .profile-card .profile-header {gap: 0; flex-direction: column;}
}
@media (max-width:1200px) { .elementor .e-4d26741-8c36153 { inset-block-start: 60px; inset-inline-start: 60px;}
.elementor-435 .elementor-element.elementor-element-dc02f15 { margin: 1.5rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem; font-size: 40px; line-height: 54px;}
.elementor-435 .elementor-element.elementor-element-ea2e76a { margin: 1.25rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem; font-size: 18px; line-height: 28px;}
.elementor .e-07733f4-8d62a12 { margin-block-start: 2.5rem;}
.elementor .e-fdad338-2168609 { width: 130px; padding-block-start: 2px; gap: 6px;}
.elementor-435 .elementor-element.elementor-element-a663314 {font-size: 14px;} .main-visual-tit {font-size: clamp(24px, 7vw, 42px) !important;}
.main-visual-desc {font-size: clamp(16px, 2vw, 26px) !important; line-height: 1.5 !important;}
.main-visual .main-visual-side .main-visual-info {bottom: 52vh;}
.main-visual .main-visual-side .main-visual-bg-wrap {top: -43rem;}
.main-visual .main-visual-side .main-visual-bg .visual-character {padding-right:1rem;}
.main-visual .main-visual-side .main-visual-bg.slide01 .visual-character img {width:35%;}
.main-visual .main-visual-side .main-visual-bg.slide02 .visual-character img {width:30%;}
.main-visual .main-visual-side .main-visual-bg.slide03 .visual-character img {width:37%;}
.main-visual .main-visual-side .main-visual-bg.slide03 .visual-character img.icon-orange {width:6%; right:44%;}
.main-visual .main-visual-side .main-visual-bg .visual-character svg { right: 5rem; bottom: 1.5rem; width: 37%; }
.main-visual .main-visual-side .main-visual-bg .visual-icon {display: none;}
.main-visual .swiper-pagination {top:62vh;}
.main-slide-wrap #slideCnt { top: 60.75vh !important;}
.main-slide-wrap #slideBtn { top: 61vh !important;}
.main-visual .elementor-swiper-button { position: absolute; top: 62.0125vh !important;}
.kboard-main-club .club-info a {padding: 2rem;}
.membership_list .mb-item {padding: 2.5rem 2rem 2rem; min-height: 315px;}
.membership_list .mb-item .mb-info .mb-benefit li {font-size: 15px;}
.main-story-item .story-info {left: 2rem; bottom: 2rem; width: calc(100% - 4rem); gap: 10px;}
.story-info .story-tit h2 {font-size: clamp(20px, 2vw, 32px) !important;}
.story-info .story-desc p {font-size: clamp(14px, 2vw, 16px) !important;}
.main-story-item .story-icon { right: 1.5rem; top: 1.5rem; width: 50px; }
.main-story-item .story-info .story-more {margin-top: 8px !important;}
.main-story-item .story-info .story-more a {padding: 8px 16px 8px 16px !important; font-size: 13px !important;} .company-history .history-title {width: 350px;}
.history-wrap {width: 500px;} .membership_list.sub_membership {gap: 2rem;}
.membership_list.sub_membership .mb-item { width: calc((100% - (2rem * 2)) / 3); min-height: 560px;} .bookly-css-root .bookly-service-card-mark {width: calc((100% - (15px * 2)) / 3) !important; min-width: calc((100% - (15px * 2)) / 3) !important;}
.uora-bookly-time-staff .temp {gap: 1rem;} .coat-item-data dl { align-items: baseline;}
.coat-item:hover .coat-item-data { height: 135px;}
.facilities-img-list {gap: 1rem;}
.facilities-img-list .facilities-img {width:calc((100% - 3rem) / 4);} .profile-grid { gap: 2rem; }
.profile-card.director {padding:2.5rem;} .inquiry-wrap.phone .right { width: 320px; }
.inquiry-wrap .inquiry-tel .tel { font-size: 2.25rem;}
}
@media (max-width:1024px) {
body {width:100%; overflow-x: hidden;}
table thead th, table th, table td {font-size:16px}
table td, table th {padding:10px;}
.breadcrumbs.sub-full {padding:0;}
.sub-sec-tit {font-size: 26px; padding-left: 2rem;}
.sub-sec-tit:before {width: 22px; height:22px; top:5px;} header {height: 75px; }
header:after {height: 75px;}
.elementor-menu-toggle {background: transparent;}
header.fixed .elementor-menu-toggle svg {fill:var(--color-main-green) !important;}
.gnb .elementor-nav-menu li {border-bottom: 1px solid #ddd;}
.elementor-109 .elementor-element.elementor-element-99ca47d .elementor-nav-menu--dropdown a.elementor-item-active {background-color: var(--color-light-green); color: var(--color-main-green) !important;}
header nav {border-top:1px solid #ddd;}
.elementor-nav-menu--stretch .elementor-nav-menu__container.elementor-nav-menu--dropdown {top: 59px !important; margin-top: 0;}
header.hover:before {display: none;}
header.fixed {background: #fff;}
.elementor-element.elementor-element-99ca47d .elementor-nav-menu--dropdown a.highlighted {color: #fff !important;}
.elementor-element.elementor-element-99ca47d .elementor-nav-menu--dropdown a:hover {color: #fff !important;} .main-visual .swiper-pagination {left: 5%; }
.main-visual .elementor-swiper-button.elementor-swiper-button-prev {left: calc(5% + 180px) !important;  }
.main-visual .elementor-swiper-button.elementor-swiper-button-next {left: calc(5% + 240px) !important; }
.main-slide-wrap #slideBtn {left: calc(5% + 210px); }
.main-slide-wrap #slideCnt {left: calc(5% + 125px); }
.elementor .e-36894b6-9ecf0aa { inset-block-start: 60px; inset-inline-start: 60px;}
.main-reservation-wrap {max-width: 90% !important; bottom:1.5rem;} .main-visual .main-visual-side .main-visual-info { bottom: 56vh; }
.main-visual .swiper-pagination {top:55vh;}
.main-slide-wrap #slideCnt { top: 53.75vh !important;}
.main-slide-wrap #slideBtn { top: 54vh !important;}
.main-visual .elementor-swiper-button { position: absolute; top: 55.0125vh !important;}
.space-section .inner .more-all {top: 58px;}
.space-section .inner .more-all:after {width: 38px; height: 38px;}
.carousel-slide .elementor-swiper-button {width: 42px; height: 42px;}
.carousel-slide .elementor-swiper-button.elementor-swiper-button-next { bottom: -1.375rem !important; }
.carousel-slide .elementor-swiper-button.elementor-swiper-button-prev { right: 52px !important;}
.space-section .inner:before { left: -4.5rem; top: 3rem; }
.space-section .inner:before, .carousel-slide:before { width: 300px; height: 339px;}
.carousel-slide:before {transform: none;}
.main-tab {min-height: 430px;}
.main-board-wrap {gap: 20px;}
.main-board-wrap .main-board-item:nth-child(4) {display: none;}
.main-board-wrap .main-board-item { width: calc((100% - (20px * 2)) / 3);}
.kboard-main-club .club-info a {min-height: 180px;}
.kboard-main-club .club-info .club-tit {font-size: 18px; height: 5rem;}
.kboard-main-club .club-info .club-category {font-size: 14px;}
.elementor .e-773a427-cda6f42 {justify-content: flex-start;}
.main-tab .more-all {top: -78px;}
.more-all:after {width: 38px; height: 38px;}
.kboard-main-notice .notice-tit {font-size: 20px; height: 5.625rem;}
.kboard-main-notice a {padding: 2rem;}
.kboard-main-notice .notice-date .ico-time { width: 18px; height: 18px;margin-top:-2px;}
.kboard-main-notice .notice-date {font-size: 15px}
.membership_list {gap: 20px;}
.membership_list .mb-item {padding: 2rem;}
.membership_list .mb-item .mb-icon { display: none; }
.membership_list .mb-item .mb-info .mb-desc {margin: 1.25rem 0 1.5rem;}
.kboard-main-review .club-info { left: 1.5rem; bottom: 1.5rem; width: calc(100% - 3rem);}
.kboard-latest-rating .star-display .star-on, .kboard-latest-rating .star-display .star-off { font-size: 18px; }
.kboard-main-review .club-info .kboard-latest-desc {font-size: 14px;}
.main-story-item .story-info {left: 1.5rem; bottom: 1.5rem; width: calc(100% - 3rem); gap: 8px;}
.story-info .story-tit h2 {font-size: clamp(18px, 2vw, 32px) !important;}
.story-info .story-desc p {font-size: clamp(13px, 1.5vw, 16px) !important;}
.main-story-item .story-icon { right: 1.25rem; top: 1.25rem; width: 40px; }
.main-story-item .story-info .story-more {margin-top: 5px !important;}
.main-story-item .story-info .story-more a {font-size: 12px !important;} .width-full {width: 112%; margin-left: -6%; max-width: 112% !important; overflow: hidden;}
.width-full > * {max-width:90%; margin-left:auto; margin-right:auto;}
.section_tit {position:relative; padding-left: 1.75rem; border-bottom: 1px solid #ddd; padding-bottom: 0.75rem;}
.section_tit:before {content:''; width: 20px; height: 20px; background:url(//uoracamp.com/wp-content/uploads/2026/06/symbol.png) center/contain no-repeat; position: absolute; left:0; top:0.375rem;} .sub-tab-wrap .elementor-nav-menu li a, .sub-tab-wrap .elementor-nav-menu li a:hover {padding: 1rem;} .space-info {padding: 0;}
.space-info-list .space-info-item {width: 100%;}
.space-info-list .space-info-item:nth-child(2n) {width: 100%;} .step-list {align-items: baseline; gap:1.5rem;}
.step-list .step-item {width: calc((100% - (1.5rem * 4)) / 5);}
.step-list .step-tit {font-size: 15px; letter-spacing: -1px;} .info-txt .tb_br {display: block;}
.brand-tit {padding-left: 0;}
.brand-tit:before {display: none;}
.greeting {padding: 0;}
.greeting .greeting-txt p {font-size: 17px;}
.brand-goal-desc p + p {margin-top: 0.5rem;} .company-history .history-title { width: 260px; }
.history-wrap { width: calc(100% - 240px); }
.history-cont ul li {font-size: 18px;} .membership_list.sub_membership {flex-direction: column;}
.membership_list.sub_membership .mb-item { width: 100%; flex-direction: row; display: flex; gap: 2rem; min-height: auto; max-width: 680px;}
.membership_list.sub_membership .mb-item .mb-icon {display: block;}
.membership_list.sub_membership .mb-item .mb-info { width: calc(100% - 200px - 2rem); text-align: left;}
.membership_list.sub_membership .mb-item:nth-child(1) .mb-info .mb-desc, .membership_list.sub_membership .mb-item:nth-child(2) .mb-info .mb-desc, .membership_list.sub_membership .mb-item:nth-child(3) .mb-info .mb-desc {background: none; color: inherit; padding: 0;}
.membership_list.sub_membership .mb-item:nth-child(1) .mb-info .mb-benefit, .membership_list.sub_membership .mb-item:nth-child(2) .mb-info .mb-benefit, .membership_list.sub_membership .mb-item:nth-child(3) .mb-info .mb-benefit {background: none; padding: 0; margin-top: 0; min-height: auto; justify-content: center; align-items: baseline;}
.membership_list.sub_membership .mb-item .mb-info .mb-desc { font-size: clamp(16px, 1.5vw, 20px); margin: 1.5rem 0;}
.membership_list.sub_membership .mb-item .mb-info .mb-benefit li:first-child {margin-top: 0;}
.benefit {gap: 1.5rem; }
.benefit .benefit-item {gap: 0.75rem; padding: 1.5rem 1rem;}
.benefit .benefit-item .benefit-img img { width: 46px; }
.benefit .benefit-item .benefit-tit {font-size: 1rem;} .sub-tab-wrap .e-n-tabs-heading button {min-width: 200px; padding: 1rem;} .bookly-css-root .bookly-service-card-mark {width: calc((100% - 15px) / 2) !important; min-width: calc((100% - 15px) / 2) !important;}
.bookly-css-root .bookly\:text-lg { font-size: 1rem !important;}
.bi-grid-3x3-gap-fill::before { width: 26px; height: 34px;}
.bi-credit-card::before { width: 26px; height: 34px; background-position-y: 55%;}
.bi-person-lines-fill::before { width: 24px; height: 34px; background-position-y: 55%;}
.uora-bookly-time-staff .temp {gap: 1rem; flex-wrap: wrap;}
.uora-bookly-time-staff .temp .staff-card {flex:none; width:calc((100% - 1rem) / 2);}
.uora-bookly-time-staff .staff-name {font-size: 16px; font-weight: 600;} .coat-item:hover .coat-item-data {font-size: 15px; height:152px;}
.coat-item-data dl dt { width: 135px; }
.coat-item-data dl dd { width: calc(100% - 135px - 1rem); } .facilities-img-list .e-con-inner {display: flex; gap: 2rem; flex-wrap: wrap;}
.facilities-img-list .facilities-img {width:calc((100% - 2rem) / 2);}
.page-slug-parking .coat-item.last, .page-slug-restroom .coat-item.last {max-width: 100%;} .profile-grid { gap:2.5rem; display: flex; flex-direction: column; width: 680px; margin: 0 auto; }
.profile-card .profile-header {flex-direction: row; gap:0.5rem}
.profile-card .profile-header .profile-name {font-size: 1.875rem;}
.profile-card.director .profile-header .profile-name {font-size: 2.125rem;} .inquiry-wrap {flex-direction: column; padding:2.5rem;}
.inquiry-wrap {background: #fff;}
.inquiry-wrap .info-top .info-icon {width:50px;}
.inquiry-wrap .info-top .info-tit { font-size: 1.5rem;}
.inquiry-wrap .info-bot {font-size: 1rem;}
.inquiry-wrap.phone .left, .inquiry-wrap.phone .right {width: 100%;}
.inquiry-wrap .info-bot .info-check { margin: 1.5rem auto; padding: 1.75rem 2rem; gap: 0.875rem; }
.login-noti-box .login-icon img {width: 100px;} .uora-prd-desc:before {display: none;}
.purchase_btn {line-height: 52px;}
}
@media (max-width:768px) {
table thead th, table th, table td {font-size:15px}
.refer_mark, .list-bull ul {gap:0.375rem;}
.refer_mark li {font-size: 16px; line-height: 1.3;}
ol {font-size: 16px;}
.sub-sec-tit {font-size: 22px; padding-left: 1.75rem;}
.sub-sec-tit:before {width: 18px; height:18px; top:4px;} header {height: 65px; }
header:after {height: 65px;}
.elementor-nav-menu--stretch .elementor-nav-menu__container.elementor-nav-menu--dropdown { top: 49px !important;} .btnTop {bottom: 2.25rem; width: 44px; height: 44px;} .main-visual .swiper-pagination {left: 5%; }
.main-visual .elementor-swiper-button.elementor-swiper-button-prev {left: calc(5% + 180px) !important;  }
.main-visual .elementor-swiper-button.elementor-swiper-button-next {left: calc(5% + 240px) !important; }
.main-slide-wrap #slideBtn {left: calc(5% + 210px); }
.main-slide-wrap #slideCnt {left: calc(5% + 125px); }
.main-visual .main-visual-tit-sm, .main-visual  .main-visual-desc {font-size: clamp(14px, 7vw, 16px) !important;}
.main-visual .main-visual-tit {font-size: clamp(24px, 5.5vw, 40px) !important; word-break: keep-all; line-height: 1.3;} .main-visual .main-visual-side .main-visual-info { bottom: 74vh; }
.main-visual .main-visual-side .main-visual-bg.slide01 .visual-character img {width: 45%;}
.main-visual .main-visual-side .main-visual-bg.slide02 .visual-character img {width: 38%;}
.main-visual .main-visual-side .main-visual-bg.slide03 .visual-character img {width: 45%;}
.main-visual .main-visual-side .main-visual-bg.slide03 .visual-character img.icon-orange {right: 53%;}
.main-visual .main-visual-side .main-visual-bg .visual-character svg { right: 5rem; bottom: -1rem; width: 50%; }
.main-reservation-wrap .main-reserve-item {padding:1rem;}
.main-visual .swiper-pagination {top:56vh;}
.main-slide-wrap #slideCnt { top: 54.75vh !important;}
.main-slide-wrap #slideBtn { top: 55vh !important;}
.main-visual .elementor-swiper-button { position: absolute; top: 56.0125vh !important;}
.space-section .inner {border-left: none;}
.space-section .inner .more-all { top: 48px; text-indent: -99999px; }
.space-section .inner .more-all:after { width: 32px; height: 32px; }
.carousel-slide .elementor-swiper-button { width: 36px; height: 36px; }
.carousel-slide .elementor-swiper-button.elementor-swiper-button-prev { right: 44px !important; }
.carousel-slide .elementor-swiper-button.elementor-swiper-button-next { bottom: -82px !important; }
.carousel-slide .elementor-swiper-button.elementor-swiper-button-prev { bottom: -4rem !important;}
.space-section .inner:before {left: -4%; top: 1.5rem;}
.space-section .inner:before, .carousel-slide:before { width: 200px; height: 226px;}
.carousel-slide:before {top: auto; bottom: -100px;}
.main-board-wrap .main-board-item { width: calc((100% - 20px) / 2);}
.main-board-wrap .main-board-item:last-child {display: block;}
.main-tab .more-all {top:-70px; text-indent: -99999px;}
.main-tab .more-all:after {width: 32px; height: 32px;}
.kboard-main-notice .notice-tit { font-size: 18px; height: 4.5rem; line-height: 1.3; }
.kboard-main-notice .notice-date {margin-top: 1.5rem; font-size: 14px;}
.kboard-main-notice .notice-date .ico-time { width: 16px; height: 16px; margin-right: 2px; }
.elementor .e-a650c73-2975668, .elementor-435 .elementor-element.elementor-element-610b69d {word-break: keep-all;}
.membership_list {flex-direction: column;}
.membership_list .mb-item { padding: 2rem 2.5rem 3rem; min-height: auto; width: 100%; }
.membership_list .mb-item .mb-icon { display: block; width: 100px; top: 1.5rem; right: 1.5rem;}
#kboard-main-program .main-board-item .kboard-latest-title {font-size: 18px;}
#kboard-main-program .main-board-item .kboard-latest-content {padding: 1.5rem;}
#kboard-main-program .main-board-item .kboard-latest-desc {font-size: 15px;}
#kboard-main-program .main-board-item .kboard-latest-info { padding-bottom: 1.25rem; margin-bottom: 1.125rem; }
#kboard-main-program .main-board-item .program-link {font-size: 15px;}
#kboard-main-product .main-board-item .kboard-latest-content {padding: 1.5rem;}
#kboard-main-product .main-board-item .kboard-latest-title {font-size: 20px;}
.main-story-item .story-info {left: 2rem; bottom: 2rem; width: calc(100% - 4rem); gap: 10px;}
.story-info .story-tit h2 {font-size: clamp(20px, 2vw, 32px) !important;}
.story-info .story-desc p {font-size: clamp(14px, 2vw, 16px) !important;}
.main-story-item .story-icon { right: 1.5rem; top: 1.5rem; width: 50px; }
.main-story-item .story-info .story-more {margin-top: 8px !important;}
.main-story-item .story-info .story-more a {padding: 10px 16px 10px 16px !important; font-size: 13px !important;} .section_tit {padding-left: 1.5rem; }
.section_tit:before {width: 16px; height: 16px; top:0.375rem;} .sub-tab-wrap .elementor-nav-menu li {flex:none; width: calc((100% - 1rem) / 2);}
.sub-tab-wrap .elementor-nav-menu li a, .sub-tab-wrap .elementor-nav-menu li a:hover {padding: 0.875rem 1rem;} .space-info-list {font-size: 1rem;}
.space-info-list .space-info-item .num { width: 26px; height: 25px; font-size: 14px; } .step-list {flex-wrap:wrap; gap:2.5rem; margin-top: 0;}
.step-list .step-item {width: calc((100% - (2.5rem * 2)) / 3); position: relative;}
.step-list:before {display: none;}
.step-list .step-item:after {content:''; width: 12px; height:11px; background: url(//uoracamp.com/wp-content/uploads/2026/05/icon-arrow-bk.png) center / contain no-repeat; position: absolute; right:calc((-2.5rem - 12px) / 2); top:50%; transform:translateY(-50%);}
.step-list .step-item:nth-child(3):after {display: none;}
.step-list .step-item:nth-child(4):after, .step-list .step-item:last-child:after {right:auto; left:calc((-2.5rem - 12px) / 2);} .brand-tit {line-height: 1.5;}
.goal-box .goal-num {right:1rem; top:1rem; line-height: 1;}
.goal-box {width:100%;}
.greeting .greeting-txt p {font-size: 15px;} .history-wrap {width: 100%;}
.company-history {width: 100%;}
.company-history .mo {display: block;}
.company-history .mo .history-title {color: var(--color-main-green);        font-weight: 600; font-size: 32px;}
.company-history > .history-title {display: none;}
.history .elementor-widget {width: 100% !important;}
.history-cont ul.page-section:first-child { padding-top: 130px; }
.history-cont ul {padding-top: 60px;}
.history-cont ul li h2 {margin-bottom: 1rem; font-size: 22px;}
.history-cont ul li { font-size: 17px; margin-bottom: 12px; }
.history:before { width: 400px; height: 400px; top: calc(100vh - 400px); left: 50px;}
.history:after { width: 350px; height: 350px; top:0;} .membership_list.sub_membership .mb-item .mb-icon {width: 140px;}
.membership_list.sub_membership .mb-item .mb-info { width: calc(100% - 200px - 2rem);}
.benefit .benefit-item .benefit-img img {width: 40px;}
.benefit .benefit-item .benefit-tit {font-size: 15px;} .sub-tab-wrap .e-n-tabs-heading button {min-width: 180px; padding:0.875rem 1rem; line-height: 20px;}
.my-reservation-pagination { gap: calc(0.25rem + 4px); padding: 20px 0; margin-bottom: 20px; }
.my-reservation-pagination .current, .my-reservation-pagination a { min-width: 30px; height: 30px; padding: 0 5px; font-size: 13px; }
table button {font-size: 13px !important; padding: 3px 0.75rem !important;}
.page-slug-account .btn-wrap .btn {font-size: 14px; height: 36px; line-height: 36px;}
.page-slug-account .btn-wrap .btn-delete {font-size: 14px;}
.alert.alert-info {font-size: 14px;}
.bookly-done-step-body-mark .bookly-done-step-text-mark .bookly\:text-3xl { font-size: 1.5rem !important;}
.bookly-done-step-secondary-text-mark .reservation-info {font-size: 15px;}
.pay-notice li {font-size: 14px; padding-left: 0.875rem;} #kboard-contact-form-latest {
border-top: 2px solid var(--color-main-green);
border-radius: 0;
margin: 0;
}
.page-slug-inquiry-history .elementor-widget-shortcode {
width: 100%;
}
.kboard-icon-lock {
margin-top: -3px;
}
#kboard-contact-form-latest table,
#kboard-contact-form-latest tbody,
#kboard-contact-form-latest tr,
#kboard-contact-form-latest td {
display: block;
width: 100%;
}
#kboard-contact-form-latest tbody tr {
display: block;
border-bottom: 1px solid #ddd;
}
#kboard-contact-form-latest tbody tr:last-child {
border-bottom: 1px solid #ddd;
}
#kboard-contact-form-latest td.kboard-latest-uid {
display: none;
} .bookly-search-form {flex-direction: column;}
.bookly-search-form-calendar {display: flex; justify-content: center;}
.bookly-css-root .bookly\:min-w-2xs { min-width: 100% !important;}
.bookly-css-root .bookly\:max-w-lg { max-width: 100% !important; }
.bookly-css-root .bookly\:border-y-1 {border-width: 0 !important;}
.bookly-summary-row-mark .bookly\:flex-1 { padding-bottom: 0; }
.bookly-modal-header-mark, .bookly-modal-body-mark { padding: 1rem 1rem 0; }
.uora-bookly-time-staff {border: none; padding: 0; font-size: 14px;} .coat-item:hover .coat-item-data { height: 105px; }
.coat-item:hover .coat-item-data.data2 { height: 130px; }
.facilities-img-list .e-con-inner {gap: 1rem;}
.facilities-img-list .facilities-img {width:calc((100% - 1rem) / 2);} .profile-grid {width:100%;}
.profile-card, .profile-card.director {padding:2rem;}
.profile-card .profile-header .profile-name {font-size: 1.25rem;}
.profile-card.director .profile-header .profile-name {font-size: 1.375rem;}
.profile-card .profile-header .profile-birth {font-size: 14px;}
.profile-card .profile-header { padding-bottom: 0.875rem; margin-bottom: 1.75rem; }
.profile-card .highlight-tags .tag {font-size: 13px; padding: 0.5rem 0.875rem;}
.profile-card .highlight-tags .tag img {width:16px;}
.profile-card .career-section .career-title {font-size: 16px;}
.career-list li {font-size: 14px; }
.career-list li::before {top:8px} .popup-wrap {width:90%; max-width: 600px;}
.popup-wrap .popup-title {font-size: 1rem;}
.popup-wrap .popup-data .popup-data-item ul {font-size:14px;} .inquiry-wrap { padding: 2rem 2.5rem; }
.inquiry-wrap .info-top .info-icon {width:40px;}
.inquiry-wrap .info-top .info-tit { font-size: 1.35rem;}
.inquiry-wrap .info-bot {font-size: 15px;}
.inquiry-wrap.phone .left, .inquiry-wrap.phone .right {width: 100%;}
.inquiry-wrap .info-bot .info-check { margin: 1.5rem auto; padding: 1.5rem 1.75rem; gap: 0.75rem; }
.inquiry-wrap .info-bot .info-check li { padding-left: 1.75rem; }
.inquiry-wrap .info-bot .info-check li:before { width: 16px; height: 16px;}
.inquiry-wrap .inquiry-tel { padding: 1.5rem 2rem;}
.inquiry-wrap .inquiry-tel .tit {font-size: 1rem;}
.inquiry-wrap .inquiry-tel .tel {font-size: 2rem;}
.inquiry-wrap .inquiry-tel .time-list {padding-top:1.5rem;}
.inquiry-wrap .inquiry-tel .time-list dl {font-size: 1rem;}
.inquiry-wrap.map .info-box {padding: 1.5rem 2rem;}
.inquiry-wrap.map .info-box dl dd {margin-left: 0;}
.inquiry-wrap .inquiry-map iframe {min-height: 320px;}
.login-noti-box {padding: 3.75rem 2rem 3.25rem;}
.login-noti-box .login-tit {font-size: 1.5rem;}
.login-noti-box .login-desc {font-size: 1rem; line-height: 1.6;}
.login-noti-box .btn-wrap {margin-top: 0;} .box-img-wrap .box-data .box-tit { font-size: 24px;}
.box-img-wrap .box-data .box-desc {font-size: 14px;}
.box-img-wrap:before {height: 70%; top:30%;}
.purchase_btn {line-height: 46px;}
}
@container main (width < 42rem) {
.bookly-css-root .bookly\:\@max-2xl\/main\:m-4 {
margin: 0 !important;
}
}
@media (max-width:640px) {
.main-visual .swiper-pagination {top:55vh;}
.main-slide-wrap #slideCnt { top: 53.75vh !important;}
.main-slide-wrap #slideBtn { top: 54vh !important;}
.main-visual .elementor-swiper-button { position: absolute; top: 55.0125vh !important;}
.main-visual .main-visual-side .main-visual-bg-wrap { top: auto; bottom: 22rem; }
.main-visual .main-visual-side .main-visual-bg.slide01 .visual-character img {width: 50%;}
.main-visual .main-visual-side .main-visual-bg.slide02 .visual-character img {width: 46%;}
.main-visual .main-visual-side .main-visual-bg.slide03 .visual-character img {width: 50%;}
.main-visual .main-visual-side .main-visual-bg.slide03 .visual-character img.icon-orange {width: 7%;}
.main-visual .main-visual-side .main-visual-bg .visual-character svg { right: 4rem; bottom: -2rem; width: 60%; } .info-txt {word-break: keep-all;}
.info-txt .tb_br {display: inline-block;} .bookly-css-root .bookly-service-card-mark { width: 100% !important; min-width: 100% !important; }
.bookly-css-root .bookly\:py-1 {padding-block: 0 !important;} .coat-item:hover .coat-item-data { font-size: 14px; height: 120px; }
.coat-item-data dl dt { width: 125px; }
.coat-item-data dl dd { width: calc(100% - 125px - 1rem); line-height: 1.3; } .popup-wrap .popup-top { padding: 0.75rem 1.5rem;}
.popup-wrap .popup-bot {padding:1.5rem;}
.popup-wrap .btn { width:160px; padding: 0.625rem 1rem; font-size: 15px;} .benefit {gap:1rem; flex-direction: column;}
.benefit .benefit-item { width:100%; gap: 0.5rem; padding: 1.25rem 1rem; }
}
@media (max-width:480px) {
body {font-size: 15px;}
.table-wrap {overflow-x: scroll;}
.table-wrap table {width:500px;}
table td, table th { padding: 8px 6px; }
table thead th, table th {word-break: keep-all;}
table thead th, table th, table td {font-size:14px}
.refer_mark, .list-bull li {gap:0.375rem;}
.refer_mark li {font-size: 15px; padding-left:1.125rem;}
ol {font-size: 15px;}   .main-visual .main-visual-side .main-visual-info { bottom:77vh;}
.main-visual .main-visual-side .main-visual-bg-wrap { bottom:22.5rem; }
.main-visual .main-visual-side .main-visual-bg .visual-character {padding-right: 0;}
.main-visual .main-visual-side .main-visual-bg .visual-character svg { right: 3rem; bottom: -6.5rem; width: 67%; }
.main-visual .main-visual-tit-sm, .main-visual .main-visual-desc { font-size: clamp(14px, 4vw, 16px) !important; }
.main-visual .swiper-pagination { top:28vh; width: 60px;}
.main-visual .elementor-swiper-button{ top: 28.25vh !important; }
.main-visual .elementor-swiper-button.elementor-swiper-button-prev {left: calc(5% + 130px) !important;  }
.main-visual .elementor-swiper-button.elementor-swiper-button-next {left: calc(5% + 190px) !important; }
.main-slide-wrap #slideBtn { top: 27vh !important; left: calc(5% + 160px);}
.main-slide-wrap #slideCnt { top: 26.875vh !important; left: calc(5% + 80px);}
.main-visual .main-visual-side .main-visual-bg.slide01 .visual-character img {width: 62%;}
.main-visual .main-visual-side .main-visual-bg.slide02 .visual-character img {width: 52%;}
.main-visual .main-visual-side .main-visual-bg.slide03 .visual-character img {width: 60%;}
.main-visual .main-visual-side .main-visual-bg.slide03 .visual-character img.icon-orange {width: 9%; right:68%;}
.main-reservation-wrap .main-reserve-item {padding: 1rem 0.5rem;}
.main-reserve-txt p {letter-spacing: -0.5px !important; word-break: keep-all;}
.elementor .e-36894b6-9ecf0aa { inset-block-start: 35px; inset-inline-start: 35px;}
.main-tab { min-height: 38vh; }
.main-board-wrap { gap: 16px; }
.main-board-wrap .main-board-item { width: calc((100% - 16px) / 2); }
.main-tab .more-all { top: -61px; }
.kboard-main-club .club-info a { padding: 1.5rem; min-height: auto;}
.kboard-main-club .club-info .club-tit { font-size: 16px; height: 4rem; line-height: 1.3; }
.kboard-main-club .club-info .club-category p:after {margin: 0 3px;}
.kboard-main-notice a {padding:1.5rem;}
.kboard-main-notice .notice-tit { font-size: 16px; height: 4rem;  }
.kboard-main-notice .notice-date {margin-top: 1rem; font-size: 13px;}
.kboard-main-notice .notice-date .ico-time {width: 15px; height: 15px;}
.membership_list .mb-item { padding: 1.75rem 1.75rem 2rem; border-bottom-width: 8px;}
.membership_list .mb-item .mb-info .mb-tit {font-size: 20px;}
.membership_list .mb-item .mb-info .mb-desc { margin: 1rem 0 1.125rem; color: #333; font-size: 15px;}
.membership_list .mb-item .mb-info .mb-benefit li { font-size: 14px;     padding-left: 1.5rem;}
.membership_list .mb-item .mb-info .mb-benefit li:before { top: 3px; width: 15px; height: 15px;}
.membership_list .mb-item .mb-icon { width: 90px;}
#kboard-main-program .main-board-item .kboard-latest-title {font-size: 15px;}
#kboard-main-program .main-board-item .kboard-latest-content {padding: 1rem;}
#kboard-main-program .main-board-item .kboard-latest-desc {font-size: 14px;margin-top: 0.5rem; height: 2.5rem;}
#kboard-main-program .main-board-item .kboard-latest-info { padding-bottom: 0.75rem; margin-bottom: 0.75rem; }
#kboard-main-program .main-board-item .program-link {font-size: 14px;}
#kboard-main-product .main-board-item .kboard-latest-title {font-size: 15px;}
#kboard-main-product .main-board-item .kboard-latest-content {padding: 1rem;}
#kboard-main-product .main-board-item .kboard-latest-desc {font-size: 14px; margin-top: 0.5rem;height: 2.5rem;}
#kboard-main-product .main-board-item .kboard-latest-thumbnail {padding: 5px 5px 0;}
.kboard-main-review .club-info { left: 1rem; bottom: 1rem; width: calc(100% - 2rem);}
.kboard-latest-rating .star-display .star-on, .kboard-latest-rating .star-display .star-off { font-size: 16px; }
.kboard-main-review .club-info .kboard-latest-desc {font-size: 13px;line-height: 1.4; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; height: 4.2em;}
.main-story-item .story-info {left: 1.5rem; bottom: 1.5rem; width: calc(100% - 3rem); gap: 8px;}
.story-info .story-tit h2 {font-size: clamp(18px, 2vw, 32px) !important;}
.story-info .story-desc p {font-size: clamp(13px, 1.5vw, 16px) !important;}
.main-story-item .story-icon { right: 1rem; top: 1rem; width: 40px; }
.main-story-item .story-info .story-more {margin-top: 6px !important;}
.main-story-item .story-info .story-more a {padding: 8px 14px 8px 14px !important; font-size: 12px !important;} .page-slug-free-board .elementor-widget-image.sub-visual-img img,
.page-slug-recruiting-club-members .elementor-widget-image.sub-visual-img img,
.page-slug-second-hand-trading .elementor-widget-image.sub-visual-img img,
.page-slug-reviews  .elementor-widget-image.sub-visual-img img {object-position: bottom right;} .sub-tab-wrap .elementor-nav-menu {gap: 0.75rem;}
.sub-tab-wrap .elementor-nav-menu li { width: calc((100% - 0.75rem) / 2);}
.sub-tab-wrap .elementor-nav-menu li a, .sub-tab-wrap .elementor-nav-menu li a:hover {padding: 0.75rem 0.875rem;}
.sub-page-tit .elementor-heading-title {font-size: 22px !important;} .space-info-list {gap: 1rem;}
.space-info-list .space-info-item .desc {width: calc(100% - 26px - 1rem); word-break: keep-all;}
.space-info-list .space-info-item .desc p span {width: 30px;} .step-list {gap:5rem;}
.step-list .step-item {width: 100%;}
.step-list .step-tit .p_br {display: inline-block;}
.step-list .step-item:after, .step-list .step-item:nth-child(3):after, .step-list .step-item:nth-child(4):after {left:50%; right:auto; display: block; top:auto; bottom:calc((-5rem - 12px) / 2); transform:translateX(-50%) rotate(90deg);}
.step-list .step-item:last-child:after {display: none;} .goal-box .goal-num {font-size: 40px !important; right: 1.25rem; top: 1.25rem; opacity: 0.2;} .company-history .mo .history-title {font-size: 26px;}
.history-cont ul {padding-top: 40px;}
.history-cont ul.page-section:first-child {padding-top: 120px;}
.history-cont ul li h2 {margin-bottom: 0.5rem; font-size: 20px;}
.history-cont ul li { font-size: 15px; margin-bottom: 10px; } .membership_list.sub_membership .mb-item {flex-direction: column; padding: 2rem 1.5rem 2.5rem;}
.membership_list.sub_membership .mb-item .mb-info {width: 100%; text-align: center;}
.membership_list.sub_membership .mb-item .mb-icon {margin: 0 auto;}
.membership_list.sub_membership .mb-item .mb-icon img {height: 80px;}
.membership_list.sub_membership .mb-item:nth-child(1) .mb-info .mb-desc, .membership_list.sub_membership .mb-item:nth-child(2) .mb-info .mb-desc, .membership_list.sub_membership .mb-item:nth-child(3) .mb-info .mb-desc {padding: 4px 1.5rem;}
.membership_list.sub_membership .mb-item:nth-child(1) .mb-info .mb-benefit, .membership_list.sub_membership .mb-item:nth-child(2) .mb-info .mb-benefit, .membership_list.sub_membership .mb-item:nth-child(3) .mb-info .mb-benefit {align-items: center; padding: 1.5rem 1rem; margin-top: -2.5rem; margin-bottom: 2rem;}
.membership_list.sub_membership .mb-item .mb-info .mb-desc { font-size: clamp(15px, 1.5vw, 20px); margin: 2rem 0 1.5rem;}
.membership_list.sub_membership .mb-item:nth-child(1) .mb-info .mb-desc {background: #ff8e38; color: #fff;}
.membership_list.sub_membership .mb-item:nth-child(2) .mb-info .mb-desc {background: #36a867; color: #fff;}
.membership_list.sub_membership .mb-item:nth-child(3) .mb-info .mb-desc {background: #fff; color: #003724;}
.membership_list.sub_membership .mb-item .mb-info .mb-benefit li:first-child {margin-top: 1rem;}
.membership_list.sub_membership .mb-item:nth-child(1) .mb-info .mb-benefit { background: #ffefe3;}
.membership_list.sub_membership .mb-item:nth-child(2) .mb-info .mb-benefit { background: #d2ecdd;}
.membership_list.sub_membership .mb-item:nth-child(3) .mb-info .mb-benefit { background: #38ac6a;}
.benefit .benefit-item .benefit-img img { width: 36px; } .sub-tab-wrap .e-n-tabs-heading button {min-width: calc((100% - 0.75rem) / 2); padding: 0.75rem 0.875rem;}
.bookly-done-step-body-mark {padding: 1rem 0 0;}
.bookly-done-step-body-mark .bookly-done-step-text-mark {gap: 0.75rem; margin-bottom: 1.5rem !important; }
.bookly-done-step-body-mark .bookly-done-step-text-mark .bookly\:text-3xl { font-size: 1.25rem !important;}
.bookly-done-step-secondary-text-mark .reservation-info {font-size: 14px;}
.pay-notice li {font-size: 13px; padding-left: 0.75rem; letter-spacing: -0.5px;}
.pay-info-wrap { margin: 1rem auto; padding: 1rem; gap: 1rem;}
.pay-info { gap: 1rem; padding: 1rem; word-break: keep-all; } #kboard-contact-form-latest td.kboard-latest-title {font-size: 15px; padding-top: 12px;}
#kboard-contact-form-latest td.kboard-latest-date {color: #666;padding-top: 0px; padding-bottom: 12px;} .mp_wrapper .mp-form-row label {font-size: 14px;}
.mp_wrapper textarea, .mp_wrapper select, .mp_wrapper input[type="text"], .mp_wrapper input[type="url"], .mp_wrapper input[type="email"], .mp_wrapper input[type="tel"], .mp_wrapper input[type="number"], .mp_wrapper input[type="password"] {font-size: 14px;}
.page-slug-individual-member .mp-form-submit input[type=submit] {font-size: 14px;}
.term-wr {font-size: 14px; padding: 1rem;}
.check-wr {font-size: 14px;}
.mepr_error {font-size: 14px;} .member-guide li img { height: 100px; }
.member-guide li span {font-size: 1rem; padding: 0.625rem 3rem;}
.member-guide li a.btn-identification { width: 260px;} .coat-item-info { left: 1rem; bottom: 1rem; width: calc(100% - 2rem);}
.coat-item-info h3 {font-size: 20px !important;}
.coat-item:hover .coat-item-data {margin-top: 0.625rem; }
.coat-item:hover .coat-item-data { height: 140px; }
.coat-item:hover .coat-item-data.data2 {height: 155px;}
.coat-item:hover .coat-item-data.data3 {height: 140px;}
.coat-item-data {gap: 0.125rem}
.coat-item-data dl dt:before { width: 15px; margin-right: 0.375rem;}
.coat-item-data dl dt, .coat-item-data dl dd {letter-spacing: -0.5px;}
.coat-item-data dl dt {width: 120px;}
.coat-item-data dl dd {width: calc(100% - 120px - 1rem);}
.coat-item > img {height: 220px;}
.facilities-img-list .facilities-img {width:100%;} .profile-grid {gap:2rem;}
.profile-card, .profile-card.director {padding:1.5rem 1.75rem;}
.profile-card.director .profile-header .profile-name {font-size: 1.25rem;}
.profile-card .career-section .career-title {font-size: 15px;}
.uora-bookly-time-staff .temp .staff-card {width: 100%;}
.uora-bookly-time-staff .staff-name {font-size: 15px;} .popup-wrap .popup-data {gap:1rem;}
.popup-wrap .popup-data .popup-notice {font-size: 14px;}
.popup-wrap .popup-title {font-size: 15px}
.popup-wrap .popup-close {width:15px; height:15px;}
.popup-wrap { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border-radius: 0.75rem;}
.popup-wrap .btn { width: 150px; font-size: 14px; } .inquiry-wrap { padding: 1.75rem 1.5rem; }
.inquiry-wrap .info-top .info-icon {width:30px;}
.inquiry-wrap .info-top .info-tit { font-size: 1.25rem;}
.inquiry-wrap .info-bot {font-size: 14px;}
.inquiry-wrap .info-bot .info-check { margin: 1.375rem auto; padding: 1.25rem 1.5rem; gap: 0.5rem; }
.inquiry-wrap .info-bot .info-check li:before { top: 3px;}
.inquiry-wrap .inquiry-tel { padding: 1.5rem;}
.inquiry-wrap .inquiry-tel .tit {font-size: 15px;}
.inquiry-wrap .inquiry-tel .tel {font-size: 1.75rem;}
.inquiry-wrap .inquiry-tel .time-list {padding-top:1.25rem; gap:0.25rem;}
.inquiry-wrap .inquiry-tel .time-list dl {font-size: 14px;}
.inquiry-wrap.phone .info-bot .info-text:before { width: 16px; height: 16px;margin-top: -2px;}
.inquiry-wrap.kakaoch {gap: 1rem;}
.inquiry-wrap.map .info-box {padding: 1.5rem; gap: 1rem;}  
.inquiry-wrap.map .info-box dl {flex-direction: column; gap: 0.25rem;}
.inquiry-wrap.map .info-box dl dt, .inquiry-wrap.map .info-box dl dd {width: 100%;}
.inquiry-wrap .inquiry-map iframe { min-height: 250px; }
.login-noti-box {padding: 3rem 1rem 2.5rem;}
.login-noti-box .login-tit {font-size: 1.25rem;}
.login-noti-box .login-desc {font-size: 14px; line-height: 1.6; letter-spacing: -0.5px; text-align: center; word-break: keep-all;}
.login-noti-box .btn-wrap .btn { width: 150px; font-size: 14px; margin-bottom: 0; }
.login-noti-box .login-icon img {width: 80px;} .bong-juice-tit {font-size: 17px !important; letter-spacing: -0.5px;}
.brand-goal-desc {word-break: keep-all;}
.box-img-wrap:before {display: none;}
.box-img-wrap .box-data { padding: 1.5rem 0;  position: inherit; text-align: center; color: inherit;}
.box-img-wrap .box-data .box-tit {font-size: 18px;}
.box-img-wrap .box-data .box-desc {letter-spacing: -0.5px; word-break: keep-all;}
.purchase_btn:before { width: 18px; height: 18px; margin-right: 0.5rem;}
}