@charset "utf-8";
@import url('pagination.css');

/* NotoSans */
@font-face{font-family:noto; font-weight:100;
    src:url('/font/v1/NotoSans-Light.eot'); src:local(※),
url('/font/v1/NotoSans-Light.woff') format('woff'),
url('/font/v1/NotoSans-Light.ttf') format('truetype')
}
@font-face{font-family:noto; font-weight:200;
    src:url('/font/v1/NotoSans-DemiLight.eot'); src:local(※),
url('/font/v1/NotoSans-DemiLight.woff') format('woff'),
url('/font/v1/NotoSans-DemiLight.ttf') format('truetype')}
@font-face{font-family:noto; font-weight:400;
    src:url('/font/v1/NotoSans-Regular.eot'); src:local(※),
url('/font/v1/NotoSans-Regular.woff') format('woff'),
url('/font/v1/NotoSans-Regular.ttf') format('truetype')}
@font-face{font-family:noto; font-weight:700;
    src:url('/font/v1/NotoSans-Medium.eot'); src:local(※),
url('/font/v1/NotoSans-Medium.woff') format('woff'),
url('/font/v1/NotoSans-Medium.ttf') format('truetype')}
@font-face{font-family:noto; font-weight:800;
    src:url('/font/v1/NotoSans-Bold.eot'); src:local(※),
url('/font/v1/NotoSans-Bold.woff') format('woff'),
url('/font/v1/NotoSans-Bold.ttf') format('truetype')}
@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-style: normal;
    src: url('/font/v2/woff2/Pretendard-Thin.woff2') format('woff2');
    src: url('/font/v2/woff/Pretendard-Thin.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-style: normal;
    src: url('/font/v2/woff2/Pretendard-ExtraLight.woff2') format('woff2');
    src: url('/font/v2/woff/Pretendard-ExtraLight.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    src: url('/font/v2/woff2/Pretendard-Light.woff2') format('woff2');
    src: url('/font/v2/woff/Pretendard-Light.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('/font/v2/woff2/Pretendard-Regular.woff2') format('woff2');
    src: url('/font/v2/woff/Pretendard-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('/font/v2/woff2/Pretendard-Medium.woff2') format('woff2');
    src: url('/font/v2/woff/Pretendard-Medium.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('/font/v2/woff2/Pretendard-SemiBold.woff2') format('woff2');
    src: url('/font/v2/woff/Pretendard-SemiBold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('/font/v2/woff2/Pretendard-Bold.woff2') format('woff2');
    src: url('/font/v2/woff/Pretendard-Bold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    src: url('/font/v2/woff2/Pretendard-ExtraBold.woff2') format('woff2');
    src: url('/font/v2/woff/Pretendard-ExtraBold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    src: url('/font/v2/woff2/Pretendard-Black.woff2') format('woff2');
    src: url('/font/v2/woff/Pretendard-Black.woff') format('woff');
    font-display: swap;
}

:root {
    /* Color */
    --color-orange: #FF7F37;
    --color-red: #FF3B30;
    --color-blue: #2C72FF;
    --color-green: #47C168;
    --color-blue-dark: #0C0823;
    --color-medium-grey: #767676;
    --color-grey: #8E8E93;
    --color-right-grey: #C0C0C0;
    --color-background-grey: #F7F7F7;
    --color-border-grey1: #CCCCCC;
    --color-border-grey2: #E1E1E1;

    /* Font Size */
    --size-strong: 3rem;
    --size-big: 2.2rem;
    --size-large: 1.875rem;
    --size-medium: 1.5rem;
    --size-moreNormal: 1.25rem;
    --size-normal: 1rem;
    --size-small: 0.875rem;
    --size-minimal: 0.75rem;

    /* Font Weight */
    --weight-thin: 100;
    --weight-extra-light: 200;
    --weight-light: 300;
    --weight-ragular: 400;
    --weight-medium: 500;
    --weight-semi-bold: 600;
    --weight-bold: 700;
    --weight-extra-bold: 800;
    --weight-black: 900;
}
/* style reset */
* {margin:0; padding:0; outline:none; -webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}

html {width:100%; height:100%}
body {width:100%; background:url('https://image.eloomgolf.com/manager/v1/bg_leftarea.jpg') repeat-y 0 0; color:#767676; word-break:keep-all; word-wrap:break-word; font-size:1.3rem}
ul, ol, li {list-style:none}
a {cursor:pointer; color:#767676; text-decoration:none}
em, address, i {font-style:normal}
caption {visibility:hidden; width:0; height:0; overflow:hidden; font-size:0}
hr {display:none}
select {border-radius:0; color:#767676; -webkit-appearance:none; -moz-appearance:none; appearance:none}
select::-ms-expand {display:none}
button {cursor:pointer; background:transparent; border:0; vertical-align:middle; color: var(--color-blue-dark);}
pre {white-space:pre-line; word-break:break-all}
img {border:0}
input.txt {display:block; padding:0; background:#fff; border:0; border-radius:0; color:#767676}
input.file {display:block; padding:0; background:#fff; border:0; border-radius:0; color:#767676}
input.radio {vertical-align:middle}
input.checkbox {vertical-align:middle}
input::-ms-clear {display:none}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--color-grey) !important;
    -webkit-box-shadow: 0 0 0 1000px white inset;
    transition: background-color 5000s ease-in-out 0s;
}
input.txt::-webkit-input-placeholder {color:#767676; font-size:1.2rem; font-weight:100}
input.txt:-moz-placeholder {color:#767676; font-size:1.2rem; font-weight:100}
input.txt::-moz-placeholder {color:#767676; font-size:1.2rem; font-weight:100}
input.txt:-ms-input-placeholder {color:#767676; font-size:1.2rem; font-weight:100}
textarea {overflow-x:hidden; overflow-y:auto; resize:none; background:#fff; color:#767676}
textarea::-webkit-input-placeholder {color:#767676; font-weight:100}
textarea.txt:-moz-placeholder {color:#767676; font-weight:100}
textarea.txt::-moz-placeholder {color:#767676; font-weight:100}
textarea.txt:-ms-input-placeholder {color:#767676; font-weight:100}
img, input, button, select, textarea {vertical-align:middle}
fieldset {margin:0; padding:0; border:0; background:0}
fieldset legend {display:none; visibility:hidden; width:0; height:0; font-size:0; line-height:0}
table {border-collapse:collapse}
.pull-left {float:left !important; clear:none !important}
.pull-right {float:right !important; clear:none !important}
.pull-none {float:none !important; width:auto !important; overflow:hidden}
.hide {overflow:hidden; position:absolute; left:-1000%; top:0; width:0; height:0; font-size:0.1%; line-height:0.1%}
.nocontents {width:100%; padding:5rem; text-align:center; font-size:1.6rem}
.blocklink {display:block; width:100%}
.txt-none {margin-top:1rem; padding:6rem 0 3rem; background:#f7f7f7 url('https://image.eloomgolf.com/manager/v1/icon_nodata.gif') no-repeat 50% 3rem; text-align:center}
body, ul, li, ol, span, p, div, td, tr, button, input, em, dl, dt, dd, textarea, select, i, a, pre {font-family: noto, Dotum, Arial, sans-serif}

/* global css */
.txt-orange {color:#ff9e19 !important}
.txt-blue {color:#5f504e !important}
.txt-black {color:#767676 !important}
.txt-green-check {color:#00b479 !important}
.txt-red {color:#ce3000}

.mt20 {margin-top:2rem !important}
.mt100 {margin-top:10.0rem !important}

.onclick {background:#fff4e4; cursor:pointer}
.link_action {background:#fff4e4; cursor:pointer} /* 2020.04.06 개발 css 추가 요청 */
.bg-gray {background:#fbf9f8 !important}
.bg-link {background:#fff4e4; cursor:pointer}/* 2020.04.06 개발 css 추가 요청 */
.bg-red {background:red; cursor:pointer; color:white !important;} /* 2020.04.06 개발 css 추가 요청 */

/* Video.js 플레이어 반응형 */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.video-container .video-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Slick Slider */
.slick-slider {position:relative; display:block; height:100%; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list {position:relative; display:block; overflow:hidden; width:100%; height:100%; margin:0; padding:0}
.slick-list.dragging {cursor:pointer}
.slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.slick-track {position:relative; top:0; left:0; display:block; width:100%; height:100%}
.slick-track:before,.slick-track:after {display:table; content:''}
.slick-track:after {clear:both}
.slick-loading .slick-track {visibility:hidden}
.slick-slide {display:none;float:left; width:100%; height:100%;min-height:1px}
[dir='rtl'] .slick-slide {float:right}
.slick-slide img {display:block}
.slick-slide.slick-loading img {display:none}
.slick-slide.dragging img {pointer-events:none}
.slick-initialized .slick-slide {display:block}
.slick-loading .slick-slide {visibility:hidden}
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent}
.slick-arrow.slick-hidden {display:none}

/* Datepicker */
.ui-datepicker {display:none; width:280px; height:235px; overflow:hidden; padding:0; background:#fff; border-radius:0; box-shadow:2px 2px 2px 0 rgba(0,0,0,0.1), 0 -1px 2px 0 rgba(0,0,0,0.1)}
.ui-datepicker .ui-icon {display:block; width:100%; height:100%; text-indent:-99999px; overflow:hidden; border-radius:3px}
.ui-datepicker .ui-icon-circle-triangle-w {background:url('https://image.eloomgolf.com/manager/v1/icon_calendar_prev.png') no-repeat 50% 50%}
.ui-datepicker .ui-icon-circle-triangle-e {background:url('https://image.eloomgolf.com/manager/v1/icon_calendar_next.png') no-repeat 50% 50%}
.ui-datepicker .ui-datepicker-prev {position:absolute; top:8px; left:10px; width:20px; height:20px}
.ui-datepicker .ui-datepicker-next {position:absolute; top:8px; right:10px; width:20px; height:20px}
.ui-datepicker .ui-datepicker-title {margin:0; line-height:1.8em; text-align:center; font-size:13px; color:#383838}
.ui-datepicker .ui-datepicker-title span {color:#404141}
.ui-datepicker .ui-datepicker-title select {font-size:1em; margin:1px 0}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {display:inline-block;  height:20px; padding:0 10px; background:none; border:0; text-align:center; vertical-align:middle; line-height:20px; color:#fff}
.ui-datepicker select.ui-datepicker-month option, .ui-datepicker select.ui-datepicker-year option {color:#666}
.ui-datepicker select.ui-datepicker-year {width:60px}
.ui-datepicker select.ui-datepicker-month {width:50px}
.ui-datepicker table {width:98%; border-collapse:collapse; margin:7px auto 0}
.ui-datepicker table th {padding:2px 0 6px 0; text-align:center; border:0; font-size:12px; color:#383838}
.ui-datepicker table th span {font-size:12px; color:#666; font-weight:400}
.ui-datepicker table td {padding:1px; text-align:center; font-size:12px}
.ui-datepicker table td a {font-size:12px; font-weight:400}
.ui-datepicker td a {display:block; width:100%; height:24px; text-align:center; color:#666; line-height:24px}
.ui-datepicker td a:hover {background:#54bb1c; text-decoration:none; color:#fff}
.ui-datepicker td.ui-datepicker-today a {background:#fff; color:#f6862b}
.ui-datepicker td a.ui-state-active {background:#f6862b; color:#fff}
.ui-datepicker-row-break {clear:both; width:100%; font-size:0}
.ui-datepicker.ui-widget {font-family:verdana; font-size:1.1em}
.ui-datepicker.ui-widget .ui-widget {font-size:1em}
.ui-datepicker.ui-widget input, .ui-datepicker.ui-widget select, .ui-datepicker.ui-widget textarea, .ui-datepicker.ui-widget button {font-family:Arial,sans-serif; font-size:1em}
.ui-datepicker .ui-widget-content a {color:#222}
.ui-datepicker .ui-widget-header {position:relative; width:100%; height:32px; padding:4px 0 0 0; margin:0; background:#5f504e; border-radius:0 !important; color:#fff !important; font-size:13px}
.ui-datepicker .ui-widget-header .ui-datepicker-title {margin-top:0; font-size:2rem; color:#fff !important; font-weight: 500; word-spacing:-1px}
.ui-datepicker .ui-widget-header .ui-datepicker-title span {color:#fff !important; font-size:13px}

/* layout */
#wrap {width:100%; min-width:1280px; opacity:0}

/* layout */
.toparea {
    position:fixed;
    left:0;
    top:0;
    z-index:50;
    width:100%;
    min-width:1280px;
    height:7rem;
    background:#fff;
    box-shadow:inset 0 -2px 0 0 rgba(0,0,0,0.06);
}
.toparea .innerbox {height:100%}
.toparea h1 {float:left; width:22rem; height:7rem; background:#675957}
.toparea h1 a {
    display:block;
    width:100%;
    max-width: 120px;
    height:100%;
    margin: 0 auto;
    background:url('https://image.eloomgolf.com/manager/v1/logo_w_v1.png') no-repeat 50%;
    background-size: contain;
    font-size:0;
    text-indent:-99999rem;
}
.toparea ul {float:left; height:100%; padding:0 3rem}
.toparea ul li {float:left; height:100%; margin-left:3.8rem; line-height:7rem}
.toparea ul li a {display:block; width:100%; height:100%; padding:0 2rem; font-size:1.4rem; font-weight:700}
.toparea ul li a:hover {color:#ff9e19}
.toparea ul li.on a {border-bottom:4px solid #ff9e19; color:#ff9e19}
.toparea .welcome {
    position:absolute;
    right: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 3px;
}
.toparea .welcome p {float:left; height:3.2rem; color:#999; font-size:1.5rem; color:#999; line-height:3.2rem}
.toparea .welcome p strong {color:#ff9e19}
.toparea .welcome .btnset {float:left; margin-left:2rem}
.toparea .welcome .btnset button {height:3.2rem; margin:0 0 0 1rem; line-height:3.2rem}
.toparea .welcome .cart {position: relative;}
.toparea .welcome .cart span.num {
    z-index: 1;
    display: block;
    position: absolute;
    top: -4px;
    right: -3px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    letter-spacing: -0.5px;
    background-color: var(--color-orange);
}
.toparea .welcome img.cart {width: 20px; object-fit: cover;}

.midarea {clear:both; overflow:hidden; min-width:1280px}

.leftarea {float:left; width:22rem; padding:13rem 3rem 10rem 3rem}
.leftarea .bannerwrap {clear:both; margin-bottom:4rem}
.leftarea .bannerwrap .banner {overflow:hidden; width:16rem; height:8rem; margin:0 auto; margin-top:1rem; background:#857777}
.leftarea .bannerwrap .banner:first-child {margin-top:0}
.leftarea .bannerwrap .banner img {max-width:100%}
.leftarea .loginbox {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin-top:3rem;
    padding:0 2rem;
    font-size:0;
}
.leftarea .loginbox > * {
    display:inline-block;
    width:48%;
    height:3rem;
    text-align:center;
    border-radius:2px;
    line-height:3rem;
    font-size:1.3rem
}

.lockerlist > strong {display:block; margin:0 auto; text-align:center; color:rgba(255,255,255,0.4); font-size:1.6rem}
.lockerlist > strong:before {display:inline-block; width:1rem; height:0.1rem; padding-right:0.9rem; background:url('https://image.eloomgolf.com/manager/v1/bg_bar_01.png') no-repeat 50%; vertical-align:middle; content:""}
.lockerlist > strong:after {display:inline-block; width:1rem; height:0.1rem; padding-left:0.9rem; background:url('https://image.eloomgolf.com/manager/v1/bg_bar_01.png') no-repeat 50%; vertical-align:middle; content:""}
.lockerlist dl {width:100%; height:11.7rem; margin-top:1rem; padding:1.5rem; background:rgba(255,255,255,0.05); border:1px solid #6f6160; border-radius:6px}
.lockerlist dl dt {color:#fff; font-size:18px; font-weight:700}
.lockerlist dl dd > p {color:#fff; font-size:12px}
.lockerlist dl dd > p.state {margin-top:5px; text-align:right; color:#ff9e19; font-size:12px}

.lockerlist.mobile {display:none}

.contentsarea {
    float:none;
    padding:7rem 6rem 6rem;
    background:#fff;
    overflow:hidden;
}
.contentsarea > div {margin-top:6rem}
.contentsarea > div > h2 {margin:0 0 3rem 0}
.contentsarea > div > h2 strong {font-size:2.4rem; color:#333}
.contentsarea > div > h2 span {margin-left:1rem; font-size:1.3rem; color:#767676; font-weight:100}
.contentsarea .topmenu {height:7.4rem; border-bottom:1px solid #f7f5f4}
.contentsarea .topmenu ul {height:100%; padding:0 3rem; border-bottom:1px solid #f2f0ef}
.contentsarea .topmenu ul li {float:left; height:100%; margin-left:5.8rem; line-height:7.4rem}
.contentsarea .topmenu ul li a {display:block; width:100%; height:100%; font-size:1.4rem; font-weight:700}
.contentsarea .topmenu ul li a:hover {color:#ff9e19}
.contentsarea .topmenu ul li.on a {border-bottom:4px solid #ff9e19; color:#ff9e19}
.contentsarea .contentsbox {padding:6rem}
.contentsarea .contentsbox h3 {color:#333; font-size:1.6rem; font-weight:700}

.contentsarea ul.pagenavi li {float:left; height:2rem; padding:0 0.8rem 0 1.4rem; background:url('https://image.eloomgolf.com/manager/v1/icon_pagenavi.png') no-repeat 0 55%; color:#767676; font-size:1.3rem; line-height:2rem; font-weight:100}
.contentsarea ul.pagenavi li:first-child {padding-left:0; background:0}

/* common */
input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
input[type="radio"] + label {display:inline-block; position:relative; padding-left:3rem; vertical-align:middle; line-height:2.2rem; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; color:#767676; font-size:14px; font-weight:100}
input[type="radio"] + label:before {content:''; display:block; position:absolute; left:0; top:0; width:2rem; height:2rem; text-align:center; border:1px solid #e1e1e1; border-radius:50%;}
input[type="radio"]:checked + label:before {background:url('https://image.eloomgolf.com/manager/v1/bg_iradio_on.png') no-repeat 50%; border-color:#ff9e19}

input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
input[type="checkbox"] + label {display:inline-block; position:relative; padding-left:3rem; vertical-align:middle; line-height:2rem; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; color:#767676; font-size:14px; font-weight:100}
input[type="checkbox"] + label:before {content:''; display:block; position:absolute; left:0; top:0; width:2rem; height:2rem; text-align:center; border:1px solid #d3d1d1}
input[type="checkbox"]:checked + label:before {background:url('https://image.eloomgolf.com/manager/v1/bg_checkbox_on.png') no-repeat 50%; border-color:#ff9e19}

.inpbox {display:inline-block; z-index:1; overflow:hidden; position:relative; height:4.4rem; background:#fff; border:1px solid #e1e1e1; vertical-align:middle}
.inpbox input.txt {display:block; width:100%; height:100%;  padding:0 1rem 0 0.3rem; color:rgba(118,118,118,0.8); font-weight:100}
.inpbox input.txt.txt-orange {font-weight:600}
.inpbox input.txt:disabled {background:#e1e1e1}
.inpbox input[type="text"]:disabled {-webkit-text-fill-color: rgba(118,118,118,0.8);opacity: 1; /* required on iOS */ color: rgba(118,118,118,0.8);}

.optionbox {display:inline-block; z-index:1; overflow:hidden; position:relative; height:4.4rem; vertical-align:middle}
.optionbox select {width:100%; height:100%; padding:0 2.5rem 0 1rem; border:1px solid #e1e1e1; background:url('https://image.eloomgolf.com/manager/v1/icon_selectarr.png') no-repeat 100% 50%; color:#767676; font-weight:200; font-size:1.2rem}
.optionbox option {color:#767676; font-weight:200; font-size:1.2rem}

.datebox {display:inline-block; z-index:1; width:15rem; height:3.2rem; border:1px solid #dfdfdf; border-radius:2px; vertical-align:middle}
.datebox input.txt_date {display:block; width:100%; height:100%; padding:0 4rem 0 1rem; border:0; background:url('https://image.eloomgolf.com/manager/v1/icon_calendar_02.png') #fff no-repeat 100% 50%; font-size:1.2rem; color:#767676; cursor:pointer}
p.datebox {display:block; width:100%}

input[type="file"] {overflow:hidden; display:block; width:0; height:0; padding:0; margin:0; border:0; clip:rect(0,0,0,0)}

.filebox {position:relative}
.filebox .ipfile {display:inline-block; width:7.5rem; height:3rem; vertical-align:middle; font-size:0}
.filebox .ipfile label {display:block; width:100%; height:100%; background:#333; border-radius:0.5rem; text-align:center; line-height:3rem; color:#fff; font-size:14px; font-weight:400; cursor:pointer}
.filebox .filetxt {margin-left:1rem; font-size:14px}

.attachmentbox {position:relative; padding:0 8.8rem 0 0; margin-top:0.8rem}
.attachmentbox:first-of-type {margin-top:0}
.attachmentbox input[type="text"] {width:100%; height:3rem; padding:0 1rem; border:1px solid #e1e1e1; color:#767676; font-size:1.2rem}
.attachmentbox .btnbox {position:absolute; bottom:0; right:0}
.attachmentbox .btnbox .btn-filesch {display:inline-block; width:7.8rem; height:3rem; border:1px solid #dfdfdf; background:#f7f7f7; text-align:center; line-height:30px; color:#767676; font-size:12px; font-weight:bold; cursor:pointer}
.attachmentbox .btnbox button {position:absolute; width:7.8rem; height:3rem; margin-left:1rem}

.textareabox {display:block; position:relative; width:100%; border:1px solid #eee}
.textareabox textarea {display:block; width:100%; height:100%; padding:1.5rem 2rem; border:0}

.btncenter {clear:both; overflow:hidden; display:block; width:100%; text-align:center}
.btncenter button {margin:0 0.5rem}
.btnright {clear:both; overflow:hidden; display:block; width:100%; text-align:right}
.btnright button {margin:0 0 0 0.5rem}
.btnright button:first-child {margin-left:0}
.btnjustify {clear:both; overflow:hidden; width:100%; position:relative; text-align:left}
.btnjustify span {position:absolute; right:0; top:0}

.btn-large {height:6rem; padding:0 3.5rem; line-height:6rem; border-radius:3px; font-weight:400; font-size:1.5rem}
.btn-normal {height:4rem; padding:0 1.5rem; line-height:4rem; border-radius:2px; font-weight:200; font-size:1.3rem}

.btn-black {display:inline-block; min-width:8rem; background:#333; vertical-align:middle; color:#fff}
.btn-red {display:inline-block; min-width:8rem; height:4rem; padding:0 1.5rem; background:#ed1a3c; border-radius:2px; vertical-align:middle; line-height:4rem; color:#fff; font-size:1.3rem; font-weight:200}
.btn-orange {display:inline-block; min-width:8rem; background:#ff9e19; vertical-align:middle; color:#fff}
.btn-navy {display:inline-block; min-width:8rem; background:#5f504e; vertical-align:middle; color:#fff}
.btn-white {display:inline-block; min-width:8rem; background:#fff; border:1px solid #eaeaea; vertical-align:middle; color:#767676}
.btn-lightgray {display:inline-block; min-width:8rem; height:4rem; padding:0 1.5rem; background:#f7f7f7; border:1px solid #dfdfdf; border-radius:0; vertical-align:middle; line-height:4rem; color:#767676; font-size:1.3rem; font-weight:400}
.btn-border-orange {display:inline-block; min-width:8rem; height:4rem; padding:0 1.5rem; background:#fff; border:1px solid #ff9e19; border-radius:0; vertical-align:middle; line-height:4rem; color:#ff9e19; font-size:1.3rem; font-weight:200}
.btn-sort {position:relative; padding-right:2rem}
.btn-sort:after {content:""; display:block; position:absolute; top:50%; right:0; width:0.9rem; height:0.5rem; margin-top:-0.25rem; background:url('https://image.eloomgolf.com/manager/v1/icon_selectarr.png') no-repeat 0 0}
.btn-sort.on:after {transform:rotate(180deg)}

button em.download {display:inline-block; padding:0 2rem 0 0; background:url('https://image.eloomgolf.com/manager/v1/icon_download.png') no-repeat 100% 50%}

.btn-listview {height:3rem}
.btn-listview:after {content:""; display:block; clear:both; overflow:hidden}
.btn-listview button {float:left; height:3rem; margin:0 0 0 0.9rem; padding:0 1.6rem; text-align:left; background-color:#fff; border:1px solid #e1e1e1; border-radius:2px; color:#999; font-size:1.3rem; font-weight:600}
.btn-listview button:first-child {margin:0}
.btn-listview button em {display:inline-block; height:2rem; padding-left:2rem; background-repeat:no-repeat; background-position:0 50%; line-height:2rem}
.btn-listview button:hover, .btn-listview button.on {background-color:#ff9e19; border-color:#ff9e19; color:#fff}
.btn-listview button.btn-view-calendar em {background-image:url('https://image.eloomgolf.com/manager/v1/icon_view_calendar.png')}
.btn-listview button.btn-view-calendar.on em, .btn-listview button.btn-view-calendar:hover em {background-image:url('https://image.eloomgolf.com/manager/v1/icon_view_calendar_on.png')}
.btn-listview button.btn-view-list em {background-image:url('https://image.eloomgolf.com/manager/v1/icon_view_list.png')}
.btn-listview button.btn-view-list.on em, .btn-listview button.btn-view-list:hover em {background-image:url('https://image.eloomgolf.com/manager/v1/icon_view_list_on.png')}
.btn-listview button.seat em {
    background: url('https://image.eloomgolf.com/manager/v1/icon_main_link_02_off.png') no-repeat;
    background-position: 0 50%;
    background-size: 1.7rem;
}
.btn-listview button.seat.on em, .menu-revervation .btn-listview button.seat:hover em{
    color:#fff;
    background: url('https://image.eloomgolf.com/manager/v1/icon_main_link_02_on.png') no-repeat #f6962b;
    background-position: 0 50%;
    background-size: 1.7rem;
}

.paging {clear:both; overflow:hidden; position:relative; height:3.2rem; margin-top:2rem; text-align:center}
.paging p * {vertical-align:middle}
.paging p button {display:inline-block; width:3.2rem; height:3.2rem; border:1px solid #eaeaea; border-radius:3px; font-size:0; text-indent:-99999rem}
.paging p button.btn-paging-prev {background:url('https://image.eloomgolf.com/manager/v1/icon_paging_prev.png') no-repeat 50%}
.paging p button.btn-paging-next {margin-left:0.6rem; background:url('https://image.eloomgolf.com/manager/v1/icon_paging_next.png') no-repeat 50%}
.paging p span {display:inline-block; height:3.2rem; font-size:0}
.paging p span a {display:inline-block; width:3.2rem; height:3.2rem; margin:0 0 0 0.6rem; text-align:center; border:1px solid #eaeaea; border-radius:3px; line-height:3rem; color:#999; font-size:1.3rem}
.paging p span a:hover {background:#333; color:#fff}
.paging p span a.on {background:#333; color:#fff}
.paging .btnright {display:inline-block; position:absolute; right:0; top:0; width:auto; font-size:0}
.paging .btnright button {height:3.2rem; padding:0 1rem; margin-left:1rem; line-height:3.2rem}
.paging .btnright button:first-child {margin-left:0}
.paginationjs {text-align:center; line-height:normal}
.paginationjs .paginationjs-pages {float:none}
.paginationjs .paginationjs-pages ul {float:none}
.paginationjs .paginationjs-pages ul li {display:inline-block; float:none; overflow:hidden; margin-left:0.6rem; border:1px solid #eaeaea; border-radius:3px}
.paginationjs .paginationjs-pages ul li a {width:3rem; height:3rem; line-height:3rem}
.paginationjs .paginationjs-pages li > a:hover {background:#333; color:#fff}
.paginationjs .paginationjs-pages li.disabled > a:hover {color:inherit}
.paginationjs .paginationjs-pages li.active {border:1px solid #333}
.paginationjs .paginationjs-pages li.active > a {height:3rem; background:#333; line-height:3rem; color:#fff}
.paginationjs .paginationjs-pages li:first-child, .paginationjs .paginationjs-pages li:first-child > a {margin-left:0; border-radius:3px}
.paginationjs .paginationjs-pages li:last-child {border:1px solid #eaeaea; border-radius:3px}

.loading {z-index:999; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.7)} /* 2020.04.06 개발 수정 */
.loading .pic {position:absolute; top:50%; left:50%; width:60px; height:60px; margin:-30px 0 0 -30px; font-size:0}
.loading .pic img {width:100%; height:100%}

.date-controlbox {float:right; font-size:0}
.date-controlbox strong.current {display:inline-block; vertical-align:middle; color:#666; font-size:1.4rem; font-weight:400}
.date-controlbox .inpbox {width:8.4rem; height:3rem}
.date-controlbox .inpbox .txt_date {display:block; width:100%; height:100%; border:0; text-align:center; color:#767676; font-size:1.3rem; cursor:pointer}
.date-controlbox .btn-prev {width:0.7rem; height:2.4rem; margin-right:1rem; background:url('https://image.eloomgolf.com/manager/v1/icon_arr_prev.png') no-repeat 50%; vertical-align:middle; font-size:0}
.date-controlbox .btn-next {width:0.7rem; height:2.4rem; margin-left:1rem; background:url('https://image.eloomgolf.com/manager/v1/icon_arr_next.png') no-repeat 50%; vertical-align:middle; font-size:0}
.date-controlbox .btn-white {width:6.8rem; height:3rem; margin-left:1rem}
.date-controlbox.center {float:none; margin:0 auto 1rem; text-align:center}
.date-controlbox.center strong.current {color:#333; font-size:2.8rem}
.date-controlbox.center .btn-prev {margin-right:4rem}
.date-controlbox.center .btn-next {margin-left:4rem}

.sortbox {clear:both}
.sortbox > button {margin-left:1rem}


ul.form-insert {clear:both;}
ul.form-insert li {clear:both; overflow:hidden; margin:0 0 1rem 0}
ul.form-insert li > label {display:block; height:3.2rem; color:#333; font-size:1.4rem; font-weight:700; line-height:3.2rem}
ul.form-insert li > label.ess {position:relative; }
ul.form-insert li > label.ess:before {position:absolute; top:0; left:-1.1rem; width:0.7rem; height:0.7rem; background:url('https://image.eloomgolf.com/manager/v1/icon_essential.png') no-repeat 0 20%; content:""}
ul.form-insert li > div {float:none; overflow:hidden}
ul.form-insert li .inpbox {display:block}
ul.form-insert li p.inpbox {clear:both; overflow:hidden}
ul.form-insert li span.inpbox {float:left}
ul.form-insert li .inpbox input {width:100%}
ul.form-insert li p.optionbox, ul.form-insert li div.optionbox {display:block; line-height:0}
ul.form-insert li span.optionbox {float:left; width:12.5rem; margin:0 0 0 0.8rem}
ul.form-insert li span.optionbox:first-child {margin:0}
ul.form-insert li .txt-blue {display:block; color:#5f504e; font-size:1.3rem; font-weight:100}
ul.form-insert li .txt-black {display:block; margin-top:0.8rem; color:#767676; font-size:1.3rem; font-weight:100}
ul.form-insert li .txt-green-check {display:block; margin-top:0.8rem; padding-left:1.8rem; background:url('https://image.eloomgolf.com/manager/v1/icon_msg_checked.png') no-repeat 0 50%; color:#00b479; font-size:1.3rem; font-weight:100}
ul.form-insert li .txt-red {display:block; margin-top:0.8rem; padding-left:1.8rem; background:url('https://image.eloomgolf.com/manager/v1/icon_msg_error.png') no-repeat 0 50%; color:#ce3000; font-size:1.3rem; font-weight:100}
ul.form-insert li .hy {float:left; margin:0 0.6rem; font-size:1.4rem; line-height:4.4rem}
ul.form-insert li.orchoice {margin-bottom:1rem}
ul.form-insert li.orchoice > label {float:left; width:12rem}
ul.form-insert li.orchoice div {float:none; overflow:hidden; height:3.2rem}
ul.form-insert li.orchoice div span {float:left; position:relative; height:3.2rem; margin-left:4rem; line-height:3.2rem;}
ul.form-insert li.orchoice div span:first-child {margin:0}
ul.form-insert li.cellphone button {float:left; width:8rem; height:4.4rem; margin:0 0 0 0.8rem}
ul.form-insert li.cellphone .inpbox {width:12.5rem; margin:0 0 0 0.8rem}
ul.form-insert li.email .inpbox {width:15.7rem; margin:0 0 0 0.8rem}
ul.form-insert li.email .inpbox:first-child {width:13.5rem; margin:0}
ul.form-insert li.email .optionbox {width:15.4rem; margin:0 2% 0 0}
ul.form-insert li.email .inpbox:last-child {display:block; float:none; overflow:hidden; width:auto}
ul.form-insert li.authnumber .inpbox { width:12.5rem; margin:0}
ul.form-insert li.authnumber button {float:left; width:8rem; height:4.4rem; margin:0 2rem}
ul.form-insert li.authnumber .timer {float:left; margin-left:1rem; font-weight:100; line-height:4.4rem}
ul.form-insert li.authnumber .txt-blue {float:left; line-height:4.4rem}
ul.form-insert li.authnumber > label {color:#999}
ul.form-insert li.birth .optionbox {width:15.4rem}
ul.form-insert li.birth .optionbox:first-child {width:15.5rem}
ul.form-insert li.birth .optionbox:last-child {display:block; float:none; overflow:hidden; width:auto; padding-left:2%}
ul.form-insert li.address span.inpbox {width:39rem; margin:0 1rem 0 0}
ul.form-insert li.address button {height:4.4rem}
ul.form-insert li.address p.inpbox {margin-top:0.5rem}

ul.form-insert li.profile .pic {display:block; float:left; width:10.2rem; height:10.2rem; margin-right:1rem}
ul.form-insert li.profile .pic img {display:block; width:100%}
ul.form-insert li.profile .attachmentbox {margin:4.3rem 0 0 0}
ul.form-insert li.profile .attachmentbox > label {display:block; margin-bottom:1rem; color:#666; font-size:1.3rem}

body#member {background:#fbf9f8}
body#member .toparea {position:fixed; left:0; top:0; z-index:50; width:100%; height:7.2rem}
body#member .toparea h1 {position:absolute; left:4rem; top:2.8rem; width:14.7rem; height:1.6rem; background:#fff}
body#member .toparea h1 a {display:block; width:100%; height:100%; background:url('https://image.eloomgolf.com/manager/v1/logo_v1.png') no-repeat 0 0; font-size:0; text-indent:-99999rem}
body#member .midarea {padding-top:7.2rem}
body#member .contentsarea {background:#fbf9f8; padding:6rem 0 11rem}
body#member .contentsarea > div {margin-top:4rem}
body#member .contentsarea h2 {width:56rem; margin:0 auto 4rem; text-align:center}
body#member .contentsarea h2 strong {display:block; font-size:2.8rem; color:#333; font-size:2.4rem; font-weight:800}
body#member .contentsarea h2 span {display:block; margin-top:1rem; color:#767676; font-size:1.3rem; font-weight:100}

.member-joinbox {width:56rem; margin:0 auto; background:#fff}
.member-joinbox ul.join-step {width:100%; height:6rem; background:url('https://image.eloomgolf.com/manager/v1/bg_tabbox.jpg') repeat-x 0 100%}
.member-joinbox ul.join-step li {float:left; width:33.3%; height:6rem; text-align:center; line-height:6rem}
.member-joinbox ul.join-step li span {display:block; width:100%; height:100%; color:#999; font-size:1.6rem; font-weight:400}
.member-joinbox ul.join-step li.on span {background:#ff9e19; color:#fff; font-weight:600}
.member-joinbox .join-contents {clear:both; overflow:hidden; padding:4.5rem 4rem}
.member-joinbox .join-contents.step2 {padding-bottom:5rem}
.member-joinbox .join-contents.step2 ul.form-insert {padding-bottom:2rem}
.member-joinbox .join-contents ul.form-insert {margin-bottom:4rem; padding-bottom:1rem; border-bottom:1px solid #eaeaea}
.member-joinbox .join-complete {width:100%; margin:1rem 0 4rem 0; padding:8.8rem 0 4rem 0; text-align:center; background:url('https://image.eloomgolf.com/manager/v1/logo_03.png') no-repeat 50% 0; border-bottom:1px solid #eaeaea}
.member-joinbox .join-complete p {color:#333; font-size:2.2rem}
.member-joinbox .join-complete span {display:block; margin-top:0.5rem; font-size:1.4rem}

.member-clause {width:82rem; margin:0 auto 6rem;}
.member-clause .join-clause {width:100%; margin-bottom:3.5rem; background:#fff}
.member-clause .join-clause > dl {overflow:hidden; width:100%; height:45rem}
.member-clause .join-clause > dl > dt {padding:2.5rem 0; border-bottom:1px solid #eaeaea; text-align:center; color:#333; font-size:1.6rem; font-weight:600}
.member-clause .join-clause > dl > dd {overflow-x:hidden; height:37rem}
.member-clause .join-clause > dl > dd > .text-box {padding:4rem; font-size:1.3rem; font-weight:200; line-height:1.769}
.member-clause .join-clause > dl > dd > .text-box > span {display:block; margin-bottom:2.5rem}
.member-clause .join-clause > dl > dd > .text-box > dl {margin-bottom:2.5rem}
.member-clause .join-clause > dl > dd > .text-box > dl > dt {color:#333; font-weight:600}
.member-clause .join-clause > dl > dd > .text-box > dl > dt:before {content:"■"; padding-right:0.5rem}
.member-clause .join-clause > dl > dd > .text-box > dl > dd > ul li:before {content:"·"; padding-right:0.5rem}
.member-clause .join-clausebox {width:48rem; margin:0 auto; text-align:center}
.member-clause .join-clausebox .consent {padding-bottom:3rem; margin-bottom:3rem; border-bottom:1px solid #eaeaea}

.maincontents {
    float:none;
    position: relative;
    padding:0;
    margin:0;
    background:#f5f4f5;
    overflow:hidden;
}
.maincontents.pro {background:#fff;}
.maincontents .mainTopArea {
    display:flex;
    flex-direction: column;
    padding: 1.3rem 1.3rem 0.8rem;
    background: url('https://image.eloomgolf.com/manager/v1/bg_mainArea.jpg') repeat;
    background-size: 100%;
    box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, .1);
}
.maincontents .mainTopArea > div {
    flex:1;
    flex-basis: 100%;
}
.maincontents .mainTopArea .advertisingbox {
    position: relative;
    width:100%;
    margin-bottom:1rem;
}
.maincontents .mainTopArea .advertisingbox ul {
    display:flex;
    flex-direction: row;
    width: 100%;
    overflow: hidden;
}
.maincontents .mainTopArea .advertisingbox ul li {
    flex: none;
    position: relative;
    flex-basis: 100%;
    min-height: 8.3rem;
    border-radius: 1rem;
    background-color: #4f2d16;
}
.maincontents .mainTopArea .advertisingbox ul li img {
    width:100%;
    border-radius: 1rem;
    background-color: #4f2d16;
}

.maincontents .mainTopArea .advertisingbox ul li p.txt {
    z-index: 1;
    position:absolute;
    top:50.5%;
    left:0;
    width: 100%;
    padding: 0 5%;
    line-height:5.2vw;
    color:#fff;
    font-size:4.2vw;
    font-weight:300;
    text-align:left;
    transform:translateY(-50%);
}
.maincontents .mainTopArea .advertisingbox ul li p.txt.center {
    text-align: center;
}
.maincontents .mainTopArea .advertisingbox ul li p.txt.right {
    text-align:right;
}
.maincontents .mainTopArea .advertisingbox .txt strong {
    color:#eff13e;
    font-size: 5.6vw;
    font-weight:500;
}
.maincontents .mainTopArea .advertisingbox span.num {
    z-index:1;
    position:absolute;
    display: inline-block;
    bottom: 0.5rem;
    right:0.5rem;
    padding:0 0.5rem 0.1rem 0.7rem;
    border-radius: 0.4rem;
    color:#fff;
    line-height:1.6rem;
    font-family: AppleGothic, noto, Dotum, Arial, sans-serif;
    font-size: 0.8rem;
    letter-spacing: 0.3rem;
    background-color: rgba(0,0,0,0.4);
}
.maincontents .mainTopArea .advertisingbox .swiper-cardImg {
    overflow: hidden;
}
.maincontents .mainTopArea .advertisingbox .swiper-cardImg .swiper-slide img {
    width: 100%;
    border-radius: 5px;
    box-sizing: border-box;
}
.maincontents .mainTopArea .advertisingbox .swiper-cardImg .swiper-pagination {
    z-index: 1;
    bottom: 15px;
    width: 100%;
    height: 10px;
    padding: 0 7px 0 0;
    text-align: right;
}
.maincontents .mainTopArea .advertisingbox .swiper-pagination-bullet {
    background-color: #fff;
    opacity: .8;
    margin: 0 3px;
}
.maincontents .mainTopArea .advertisingbox .swiper-pagination-bullet-active {
    background: var(--color-orange);
    opacity: 1;
}

.maincontents .mainTopArea .nowBranch {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.4rem 1rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    background-color: #f5f4f5;
    box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, .1);
}
.maincontents .mainTopArea .nowBranch h2 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0.3rem;
    flex: 1;
    flex-basis: 50%;
    min-height: 3rem;
    color: #310e3a;
    line-height: 3rem;
}
.maincontents .mainTopArea .nowBranch h2 b.name {
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -0.5px;
    cursor: pointer;
}
.maincontents .mainTopArea .nowBranch h2 .home {
    position: relative;
    top: -2px;
    width: 18px;
}
.maincontents .mainTopArea .nowBranch h2 .home img {
    width: 100%;
    object-fit: cover;
}
.maincontents .mainTopArea .nowBranch h2 span.num {
    position: absolute;
    top: 5px;
    right: -3px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    color: #fff;
    font-size: 1.1rem;
    text-align: center;
    background-color: var(--color-orange);
}
.maincontents .mainTopArea .nowBranch span.icon {
    display: inline-block;
    width:3rem;
    min-height: 2rem;
    background: url('https://image.eloomgolf.com/manager/v1/icon_nowBranch.png') no-repeat;
    background-size: contain;
}
.maincontents .mainTopArea .nowBranch p.msg {
    flex:1;
    flex-basis: auto;
    font-size: 1.2rem;
    text-align: right;
    color: #310e3a;
}
.maincontents .mainTopArea .nowBranch p.msg.off {
    border-radius: 0.4rem;
    color:#fff;
    font-weight: 500;
    text-align: center;
    background-color: #eb5e09;
}
.maincontents .mainTopArea .nowBranch ul.shop-list {
    z-index: 2;
    position: absolute;
    top: 3.7rem;
    left: 2.5rem;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    background-color: var(--color-background-grey);
    box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, .3);
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.maincontents .mainTopArea .nowBranch ul.shop-list li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 1.5rem 1.6rem;
    border-bottom: 1px solid var(--color-border-grey2);
    text-align: center;
    cursor: pointer;
    letter-spacing: -0.5px;
}
.maincontents .mainTopArea .nowBranch ul.shop-list li:hover,
.maincontents .mainTopArea .nowBranch ul.shop-list li:active,
.maincontents .mainTopArea .nowBranch ul.shop-list li:focus {
    background-color: #fff;
}
.maincontents .mainTopArea .nowBranch ul.shop-list li:last-child {
    border-bottom: none;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.maincontents .mainTopArea .nowBranch ul.shop-list li button {
    padding: 0.1rem 0.5rem 0.3rem 0.4rem;
    border-radius: 0.3rem;
    font-size: 1rem;
    color: #fff;
    background-color: var(--color-green);
}
.maincontents .mainTopArea .quickBtns ul {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}
.maincontents .mainTopArea .quickBtns ul li {
    flex: 1;
    flex-basis: calc(25% - 1.6rem);
    max-width: 24%;
    min-height: 7rem;
    padding: 6rem 0 0.5rem;
    margin: 0 0.2rem 0.6rem;
    border-radius: 1.6rem;
    text-align: center;
    font-size: 1.3rem;
    color: #310e3a;
    font-weight: 600;
    background-color: #f5f4f5;
    cursor: pointer;
    box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, .1);
    letter-spacing: -0.5px;
}
.maincontents .mainTopArea .quickBtns.six ul li {
    flex-basis: calc(33% - 1.6rem);
    max-width: 33%;
    min-height: 60px;
    padding: 55px 0 5px;
}
.maincontents .mainTopArea .quickBtns ul li.event {
    position: relative;
    min-height: 0;
    padding: 50px 0 0;
    border: 4px solid var(--color-red);
}
.maincontents .mainTopArea .quickBtns ul li.event span.label {
    z-index: 1;
    position: absolute;
    top: -8px;
    right: -5px;
    display: block;
    width: 67px;
    height: 20px;
    padding-bottom: 6px;
    color: #fff;
    font-size: 12px;
    background: url('https://image.eloomgolf.com/manager/v1/label_new.png') no-repeat;
    background-size: contain;
    transform: rotate(3deg);
}
.maincontents .mainTopArea .quickBtns ul li.qr {
    background:url('https://image.eloomgolf.com/manager/v1/icon_main_qr_v2.png') no-repeat #f5f4f5 50% calc(50% - 3px);
    background-size: 60px;
}
.maincontents .mainTopArea .quickBtns ul li.seat {
    background:url('https://image.eloomgolf.com/manager/v1/icon_main_golfClub_v2.png') no-repeat #f5f4f5 calc(50% - -2px) calc(50% - 7px);
    background-size: 50px;
}
.maincontents .mainTopArea .quickBtns ul li.buy {
    background:url('https://image.eloomgolf.com/manager/v1/icon_main_cash.png') no-repeat #f5f4f5 calc(50% - 0px) calc(50% - 1px);
    background-size: 70px;
}
.maincontents .mainTopArea .quickBtns ul li.shop {
    background:url('https://image.eloomgolf.com/manager/v1/icon_main_shopby.png') no-repeat #f5f4f5 calc(50% - 3px) calc(50% - 5px);
    background-size: 58px;
}
.maincontents .mainTopArea .quickBtns ul li.resv {
    background:url('https://image.eloomgolf.com/manager/v1/icon_main_golfCar_v2.png') no-repeat #f5f4f5 calc(50% - 0.2rem) calc(50% - 4px);
    background-size: 60px;
}
.maincontents .mainTopArea .quickBtns ul li.resv-list {
    background:url('https://image.eloomgolf.com/manager/v1/icon_main_field_v2.png') no-repeat #f5f4f5 calc(50% - -0.1rem) calc(50% - 0.5rem);
    background-size: 55px;
}
.maincontents .mainTopArea .quickBtns ul li.list {
    display: block;
    padding: 6rem 0 0.5rem !important;
    background:url('https://image.eloomgolf.com/manager/v1/icon_main_pinBall_v2.png') no-repeat #f5f4f5 calc(50% - 0rem) calc(50% - 5px);
    background-size: 40px;
}
.maincontents .mainTopArea .quickBtns ul li.ticket {
    background:url('https://image.eloomgolf.com/manager/v1/icon_main_ticket_v2.png') no-repeat #f5f4f5 calc(50% - 0rem) calc(50% - 0.2rem);
    background-size: 78px;
}
.maincontents .mainTopArea .quickBtns ul li.pro {
    background:url('https://image.eloomgolf.com/manager/v1/icon_main_glove_v2.png') no-repeat #f5f4f5 calc(50% - 0rem) calc(50% - 0.6rem);
    background-size: 46px;
}
.maincontents .mainTopArea .quickBtns ul li.my {
    background:url('https://image.eloomgolf.com/manager/v1/icon_main_clothes_v2.png') no-repeat #f5f4f5 calc(50% - -0.1rem) calc(50% - 0.5rem);
    background-size: 50px;
}
.maincontents .mainTopArea .quickBtns ul li.playzone {
    background:url('https://image.eloomgolf.com/manager/v1/icon_main_bunker.png') no-repeat #f5f4f5 calc(50% - -0.1rem) calc(50% - 0.5rem);
    background-size: 54px;
}

/* 메인 입장현황  */
.maincontents .mainMiddleArea {
    display:flex;
    flex-direction: column;
    justify-content: space-around;
}
.maincontents.pro .mainMiddleArea {
    flex-flow: row wrap;
}
.maincontents .mainMiddleArea .panelbox {
    flex: 1;
    position:relative;
    width: 100%;
    padding:1rem;
    margin: 2rem 0 0;
    min-height: 16rem;
    background-color: #fff;
}
.maincontents .mainMiddleArea .panelbox:last-child {padding-bottom: 5rem; margin: 2rem 0 4rem;}
.maincontents .mainMiddleArea .entry-history .ui-datepicker-inline {width:100%; margin:0; box-shadow:none}
.maincontents .mainMiddleArea .entry-history .ui-datepicker-header {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: center;
    width: 15rem;
    padding:0 3.2rem;
    margin:0 auto;
    background: none;
}
.maincontents .mainMiddleArea .entry-history .ui-widget-header .ui-datepicker-title {line-height:3.2rem; text-align: center;}
.maincontents .mainMiddleArea .entry-history .ui-widget-header .ui-datepicker-title span {color:#310e3a !important; font-size:2rem}
.maincontents .mainMiddleArea .entry-history .ui-datepicker td > * {display:block; width:3.2rem; height:3.2rem; margin:0 auto; line-height:3.2rem}
.maincontents .mainMiddleArea .entry-history .ui-datepicker td a.ui-state-active {border-radius:1rem;}
.maincontents .mainMiddleArea .entry-history .ui-datepicker td a.ui-state-hover {border-radius:1rem;}
.maincontents .mainMiddleArea .entry-history .ui-datepicker .ui-datepicker-prev {top:0; left:0; width:3.2rem; height:3.2rem; margin-right: auto;}
.maincontents .mainMiddleArea .entry-history .ui-datepicker .ui-datepicker-next {top:0; right:0; width:3.2rem; height:3.2rem; margin-left: auto;}
.maincontents .mainMiddleArea .entry-history .ui-datepicker .ui-icon-circle-triangle-w {
    background:url('https://image.eloomgolf.com/manager/v1/icon_arr_prev_l.png') no-repeat 50% 50%;
    background-size: 30%;
}
.maincontents .mainMiddleArea .entry-history .ui-datepicker .ui-icon-circle-triangle-e {
    background:url('https://image.eloomgolf.com/manager/v1/icon_arr_next_l.png') no-repeat 36% 50%;
    background-size: 30%;
}
.maincontents .lesson .btn-white {height:3rem}
.maincontents .cardbox {height:auto}
.maincontents .cardbox dl {margin-bottom:0}

.panelbox {clear:both}
.panelbox .panel-title {
    position:relative;
    padding: 0 0 0.6rem 1rem;
    margin:0 0 1.5rem 0;
    border-bottom: 1px solid #f5f4f5;
}
.panelbox .panel-title strong {color:#310e3a; font-size: 1.8rem; font-weight: 800;}
.panelbox .panel-title .btnset {position:absolute; right:1.5rem; top:0.8rem; width:3rem; height:1.2rem; font-size:0}
.panelbox .panel-title .btnset button {width:0.7rem; height:1.2rem; font-size:0; text-indent:-99999rem}
.panelbox .panel-title .btnset .slick-prev {float:left; background:url('https://image.eloomgolf.com/manager/v1/icon_arr_prev.png') no-repeat 50%}
.panelbox .panel-title .btnset .slick-next {float:right; background:url('https://image.eloomgolf.com/manager/v1/icon_arr_next.png') no-repeat 50%}
.panelbox .panel-contents {margin:3.7rem 0}
.panelbox .panel-contents .boardlist {border-bottom:0}
.panelbox .panel-contents .boardlist table {margin:0}

.maincontents .mainMiddleArea .panel-title {display: flex; flex-direction: row; align-content: center;}
.maincontents .mainMiddleArea .panel-title button {
    flex: 0;
    flex-basis: 3rem;
    margin-left: auto;
    background: url('https://image.eloomgolf.com/manager/v1/icon_arr_next_l.png') no-repeat 50% 50%;
    background-size: 30%;
}
.maincontents .mainMiddleArea .panel-contents {padding:0 0.7rem; margin:0 0 1rem;}

.entrance-history {margin-right:-1.5rem}
.entrance-history ul li {float:left; height:4.8rem; text-align:center; margin-right:1.5rem; border:1px solid #dfdfdf; border-radius:4px; color:#999; line-height:4.7rem; font-weight:600}
.entrance-history ul li:hover {background:#ff9e19; border-color:#ff9e19; box-shadow:6px 6px 8px rgba(0,0,0,0.08); color:#fff}

.locker-history {margin-bottom:1.5rem; margin-right:-1.5rem}
.cardbox {clear:both; height:16rem}
.cardbox ul li {float:left; margin-right:1.5rem}
.cardbox dl {width:100%; height:14rem; margin:0 0 2rem 0; border:1px solid #dfdfdf; border-radius:3px}
.cardbox dl dt {height:4rem; padding:0 1rem 0 2.2rem; background:#f7f7f7; border-radius:3px 3px 0 0; color:#333; font-weight:600; line-height:4rem}
.cardbox dl dd {position:relative; height:10rem; padding:1.8rem 2.2rem; border-radius:0 0 7px 7px}
.cardbox dl dd p {color:#999; font-size:1.2rem; line-height:2rem}
.cardbox dl dd strong {position:absolute; right:1.2rem; bottom:1.2rem; opacity:0; color:#ff9e19; font-size:1.2rem; font-weight:600}
.cardbox dl:hover {border:0; box-shadow:6px 6px 8px rgba(0,0,0,0.08)}
.cardbox dl:hover dt {padding-top:0.8rem; background:#5f504e; color:#fff; font-size:2.1rem; font-weight:800; line-height:2}
.cardbox dl:hover dd {background:#5f504e}
.cardbox dl:hover dd p {color:#fff}
.cardbox dl:hover dd strong {opacity:1}

fieldset.sortview:after {content:""; display:block; clear:both; overflow:hidden}
fieldset.sortview > :last-child {margin-right:0}
fieldset.sortview .optionbox {float:left; width:13.5rem; height:3rem; margin:0 0.9rem 2rem 0}
fieldset.sortview .optionbox {margin-bottom:0}
fieldset.sortview .schbox {float:left; position:relative; width:15rem; height:3rem; border:1px solid #e1e1e1}
fieldset.sortview .schbox button {z-index:1; position:absolute; right:0; top:0; width:2.8rem; height:2.8rem; background:url('https://image.eloomgolf.com/manager/v1/icon_search_01.png') no-repeat 50%; font-size:0; text-indent:-99999rem}
fieldset.sortview .schbox .inpbox {height:2.8rem; border:0}
fieldset.sortview > button {margin-left:1rem; height:3rem}
fieldset.sortview > button:first-child {margin-left:0}

.boardlist {clear:both; width:100%; border-top:1px solid #d3d1d1}
.boardlist table {width:100%}
.boardlist table thead th {padding:1rem 0 1rem 0; border-bottom:1px solid #d3d1d1; border-left:1px solid #d3d1d1; color:#666; font-size:1.3rem}
.boardlist table thead th:first-child {border-left:0}
.boardlist table tbody th {border-top:1px solid #d3d1d1}
.boardlist table tbody td {padding:0.6rem 0; border-top:1px solid #d3d1d1; border-left:1px solid #d3d1d1; text-align:center; color:#767676; font-size:1.3rem}
.boardlist table tbody tr:first-child > * {border-top:0}
.boardlist table tbody tr:last-child > * {border-bottom:1px solid #d3d1d1}
.boardlist table tbody tr > *:first-child {border-left:0}
.boardlist table tbody tr.on td,
.boardlist table tbody tr.on th {background:#ff9e19; color:#fff}
.boardlist table tbody tr.notice td {background:#f9f4ed}
.boardlist table .txt-left {padding:0.6rem; text-align:left}
.boardlist table .txt-right {padding:0.6rem; text-align:right}
.boardlist table .del {text-decoration:line-through}

.boardlist dl {margin-top:1.5rem; border:1px solid #e1e1e1; border-radius:7px}
.boardlist dl dt {padding:1.3rem; background-color:#fef5e9; border-radius:7px 7px 0 0}
.boardlist dl dt div {margin-bottom:0.5rem; color:#666; font-size:1.1rem; font-weight:200}
.boardlist dl dt div:after {content:""; display:block; clear:both}
.boardlist dl dt div span {float:left}
.boardlist dl dt div strong {float:right}
.boardlist dl dt p {display:-webkit-box; overflow:hidden; color:#e33000; font-size:1.4rem; font-weight:800; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.boardlist dl dd {padding:1.3rem; border-top:1px solid #e1e1e1}
.boardlist dl dd.flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}
.boardlist dl dd.flex .info {flex-grow: 1;}
.boardlist dl dd.flex .btnset {flex-basis: 35%;}
.boardlist dl dd.flex .btnset button.orange {
    width: 100%;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 13px;
    background-color: var(--color-orange);
    color: #fff;
}
.boardlist dl dd p {font-size:1.2rem}
.boardlist dl dd ul li {display:inline-block; position:relative; padding-left:1rem; margin-left:1rem; color:#333; font-size:1.2rem}
.boardlist dl dd ul li:after {content:""; display:block; position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background-color:#767676}
.boardlist dl dd ul li:first-child {padding-left:0; margin-left:0}
.boardlist dl dd ul li:first-child:after {display:none}
.boardlist dl dd ul.info {margin-top:1rem}
.boardlist dl dd ul.info li {display:block; position:relative; margin:0; padding-left:1rem; color:#666; font-size:1.4rem}
.boardlist dl dd ul.info li:after {content:""; display:inline-block; position:absolute; top:50%; left:0; width:2px; height:2px; margin-top:-1px; background:#000; border-radius:50%}

.boardview {clear:both; overflow:hidden; width:100%; border-top:1px solid #333}
.boardview table {width:100%}
.boardview table thead th {padding:0.8rem 2rem; vertical-align:top; text-align:left; border-left:1px solid #eaeaea; border-bottom:1px solid #eaeaea}
.boardview table thead th:first-child {border-left:0}
.boardview table thead th strong {float:left; margin-right:2rem; color:#666; font-weight:600}
.boardview table thead th span {float:none; overflow:hidden; display:block; color:rgba(118,118,118,0.8); font-weight:100}
.boardview table thead th span.iradio {float:left; margin-left:0.8rem}
.boardview table thead th span.iradio:first-of-type {margin-left:0}
.boardview table tbody tr > * {border-left:1px solid #eaeaea; border-bottom:1px solid #eaeaea}
.boardview table tbody tr > *:first-child {border-left:0}
.boardview table td.txt-contents {padding:4rem 2rem; border-bottom:1px solid #eaeaea}
.boardview table td.txt-contents strong {display:block; margin:0 0 1.5rem 0; color:#666; font-weight:600}
.boardview table td.txt-contents strong.txt-coaching {color:#ff9e19}
.boardview table td pre {color:rgba(118,118,118,0.8); font-weight:100; line-height:1.769}
.boardview.correct table tbody tr > * {text-align:left}
.boardview.correct table th {padding:2rem}
.boardview.correct table td {padding:2rem}
.boardview.correct table td.txt-contents {padding:2rem 0}
.boardview.correct table td.txt-contents strong {margin-left:2rem}
.boardview.correct table td.txt-contents textarea {width:100%; height:20rem; padding:2rem 3rem;border:1px solid #e3e3e3; background-color:#fbf9f8}

.menu-modify {padding:6rem 0; margin:0 -6rem -6rem !important; background:#fcfbfa}
.menu-modify .member-joinbox {background:#fff}
.menu-modify .member-joinbox .join-contents.step2 {padding:4rem}
.menu-modify .member-joinbox .join-contents.step2 ul.form-insert li {padding-left:0}
.menu-modify .member-joinbox .join-contents.step2 ul.form-insert li > label {padding:0; background:0; font-size:1.3rem; color:#666}
.menu-modify .member-joinbox .join-contents.step2 ul.form-insert li > div {margin-left:0}
.menu-modify h2 {width:56rem; margin:0 auto 4rem !important; text-align:center}
.menu-modify h2 strong {display:block; font-size:2.8rem; color:#333; font-weight:800}
.menu-modify h2 span {display:block; margin-top:1rem; font-size:1.3rem; color:#767676; font-weight:100}

.during-date {position:relative; width:30rem; height:4rem; margin:0 auto 1.5rem; text-align:center; padding:0 4rem}
.during-date span {color:#333; font-size:2.8rem}
.during-date button {position:absolute; top:0; width:4rem; height:4rem; font-size:0; text-indent:-99999rem}
.during-date button.btn-prev {left:0; background:url('https://image.eloomgolf.com/manager/v1/icon_arr_prev.png') no-repeat 50%}
.during-date button.btn-next {right:0; background:url('https://image.eloomgolf.com/manager/v1/icon_arr_next.png') no-repeat 50%}

.rev-header {position:relative; margin:0 0 2rem 0}
.rev-header:after {content:""; display:block; clear:both; overflow:hidden}
.rev-header fieldset.sortview {float:left}
.rev-header .btn-listview {float:right; margin-left:1.5rem}
.rev-header .during-date {width:42rem}
.rev-header .datesch {float:left}
.rev-header .datesch .btn-sch {height:3rem; margin-left:0.5rem}
.rev-header .datesch .datebox {height:3rem}
.rev-header .datesch .datebox + em {display:inline-block; width:3rem; text-align:center}
.rev-header .rightbox {float:right}
.rev-header .rightbox:after {content:""; display:block; clear:both; overflow:hidden}
.rev-header .legend:after {content:""; display:block; clear:both; overflow:hidden}
.rev-header .legend li {float:left; margin-left:2rem; color:#767676; font-size:1.2rem}
.rev-header .legend li:first-child {margin-left:0}
.rev-header .legend li:before {content:""; display:inline-block; width:3.6rem; height:3rem; margin-right:0.5rem; border:1px solid #eaeaea; vertical-align:middle}
.rev-header .legend li:nth-child(1):before {background:#3788d8}
.rev-header .legend li:nth-child(2):before {background:#d2d2d2}
.rev-header .legend li:nth-child(3):before {background:#ff9e19; opacity:0.5}
.rev-header .legend li:nth-child(4):before {background:#fff}
.rev-header .legend.lesson li:nth-child(1):before {background:#fff3e3}
.rev-header .legend.lesson li:nth-child(2):before {background:#ccc}

.menu-lessonstatus {clear:both; overflow:hidden; width:100%; margin-bottom: 5rem;}
.menu-lessonstatus .calendarbox {clear:both; position:relative; width:100%; margin-top:2rem}
.menu-lessonstatus .calendarbox > .sortview {position:absolute; top:1rem; right:0}
.menu-lessonstatus .calendarbox #calendar {position:relative; width:100%; margin:0 auto 4rem}
.menu-lessonstatus .calendarbox .fc-toolbar h2 {color:#333; font-size:2.8rem; font-weight:400}
.menu-lessonstatus .calendarbox .fc-scroller.fc-day-grid-container {height:660px !important}
.menu-lessonstatus .calendarbox .fc-row.fc-week.fc-widget-content {height:110px !important}
.menu-lessonstatus .calendarbox .fc-head-container.fc-widget-header {padding:20px 0; border:0; border-top:1px solid #d3d1d1}
.menu-lessonstatus .calendarbox .fc th {border:0 !important}
.menu-lessonstatus .calendarbox .fc-body .fc-widget-content:first-child {border-left:0 !important}
.menu-lessonstatus .calendarbox .fc-body .fc-widget-content:last-child {border-right:0 !important}
.menu-lessonstatus .calendarbox .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {float:left !important; width:2.7rem; height:2.7rem; margin:0.6rem 0 0 0.8rem; padding:0 !important; text-align:center; line-height:2.7rem}
.menu-lessonstatus .calendarbox .fc-sun span {color:#bf5a3b}
.menu-lessonstatus .calendarbox .fc-unthemed td.fc-today {background:none !important}
.menu-lessonstatus .calendarbox .fc-today span.fc-day-number { background:#ff9e19; border-radius:50%;  color:#fff}
.menu-lessonstatus .calendarbox .btnset {position:absolute; top:0; left:50%; width:40rem; margin:0 0 0 -20rem}
.menu-lessonstatus .calendarbox .btnset .btn-prev {float:left; width:3rem; height:4.1rem; border:0; background:url('https://image.eloomgolf.com/manager/v1/icon_arr_prev.png') no-repeat 50%; vertical-align:middle; font-size:0}
.menu-lessonstatus .calendarbox .btnset .btn-next {float:right; width:3rem; height:4.1rem; border:0; background:url('https://image.eloomgolf.com/manager/v1/icon_arr_next.png') no-repeat 50%; vertical-align:middle; font-size:0}
.menu-lessonstatus .calendarbox .fc-event, .fc-event-dot {border:0 !important; border-radius:0; font-size:1.3rem}
.menu-lessonstatus .calendarbox .fc-day-grid-event .fc-time {font-size:1.2rem}
.menu-lessonstatus .calendarbox .fc-event:hover {color:#767676}
.menu-lessonstatus .boardlist .btn-white {height:3rem}
.menu-lessonstatus .lesson-sheet .btnleft,
.menu-lessonstatus .lesson-sheet .btnright  {margin-top:3rem}
.menu-lessonstatus .lesson-sheet .btnleft button {height:4rem; padding:0 1.5rem}
.menu-lessonstatus .lesson-sheet .btnright button {height:3rem; padding:0 1.5rem}
.menu-lessonstatus .lesson-sheet .btn-right {float:right}

.menu-revervation {
    padding-bottom: 4rem;
}
.menu-revervation h2 {
    text-align: center;
}
.menu-revervation h2 .nowBranch {
    display: inline-block;
    padding: 0.4rem;
    cursor: pointer;
}
.menu-revervation .calendarbox {clear:both; width:100%}
.menu-revervation .calendarbox #calendar {position:relative; width:100%; margin:0 auto 4rem}
.menu-revervation .calendarbox .btnset {position:absolute; top:0; left:50%; width:40rem; margin:0 0 0 -20rem}
.menu-revervation .calendarbox .btnset .btn-prev {float:left; width:3rem; height:4.1rem; border:0; background:url('https://image.eloomgolf.com/manager/v1/icon_arr_prev.png') no-repeat 50%; vertical-align:middle; font-size:0}
.menu-revervation .calendarbox .btnset .btn-next {float:right; width:3rem; height:4.1rem; border:0; background:url('https://image.eloomgolf.com/manager/v1/icon_arr_next.png') no-repeat 50%; vertical-align:middle; font-size:0}
.menu-revervation .calendarbox .fc-toolbar h2 {height:4.1rem; color:#333; font-size:2.8rem; font-weight:400}
.menu-revervation .calendarbox .txt-none {display:flex; height:40rem; background-position:50% 40%; justify-content:center; align-items:center}
.menu-revervation .fc-scroller.fc-time-grid-container {height:auto !important}
.menu-revervation .fc-head {border-color:#d3d1d1}
.menu-revervation .fc .fc-widget-header {height:5.3rem; border-left:0; border-right:0; line-height:5.3rem; color:#333; font-size:1.3rem}
.menu-revervation .fc-row.fc-widget-header {border-bottom:1px solid #d3d1d1 !important}
.menu-revervation .fc .fc-axis {padding:0 11px !important; color:#333; font-size:1.3rem}
.menu-revervation .fc-body {border-top:2px solid #eaeaea !important}
.menu-revervation .fc-body .fc-widget-content {border-left:0}
.menu-revervation .fc-body .fc-widget-content:last-child {border-right:0}
.menu-revervation .fc-time-grid .fc-slats td {height:4rem !important} /* 풀캘린더 시간 행 높이값 */
.menu-revervation .fc-time-grid-event.fc-event {padding:0; margin:0 0 0.5rem 0; border-color:transparent; font-size:1.3rem}
.menu-revervation .fc-time-grid-event.fc-event .fc-time > span {font-size:1.2rem}
.menu-revervation .fc-time-grid-event .fc-title {display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap}
.menu-revervation .fc-today {background: transparent !important}
.menu-revervation .fc-bgevent {background:rgba(255, 158, 25, 0.5) !important} /* 풀캘린더 bg컬러 */
.menu-revervation .ui-datepicker table td.event { color:#111}
.menu-revervation .ui-datepicker table td.event > * {display:inline-block; width:2.5rem; height:2.5rem; border-radius:50%; background:#3788d8; color:#fff}
.menu-revervation .ui-datepicker table td.norsv > * {display:inline-block; width:2.5rem; height:2.5rem; border-radius:50%; background:#d2d2d2; color:#fff}
.menu-revervation .ui-datepicker table td.noshow > * {display:inline-block; width:2.5rem; height:2.5rem; border-radius:50%; background: #ffffff; color:#ffffff !important;}

.menu-revervation .boardlist dl dt div {margin-bottom:0; color:#000}
.menu-revervation .boardlist dl dt div > span {float:left; font-size:1.4rem; font-weight:400}
.menu-revervation .boardlist dl dt div > strong {float:right; font-size:1.4rem; font-weight:400}
.menu-revervation .boardlist dl dd {position:relative;}
.menu-revervation .boardlist dl dd > p {color:#000; font-size:1.4rem}
.menu-revervation .boardlist dl dd > button {position:absolute; bottom:1.3rem; right:1.3rem; height:30px}
.menu-revervation .boardlist dl.state-cancel dt {background:#f8cbac}
.menu-revervation .boardlist dl.state-wait dt {background:#bdd7ee}
.menu-revervation .boardlist dl.state-success dt {background:#c5e0b5}

.menu-revervation .boardlist dl.nothing dt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    min-height: 20rem;
    border-radius: 3px;
    background-color: #f5f4f5;
}
.menu-revervation .boardlist dl.nothing img.icon {
    width: 30px;
    object-fit: cover;
}

/* 2023-09-11 레슨예약과 타석예약 같이되는 기능 추가 */
.seat-together {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    width: 100%;
    margin-top: 30px;
}
.seat-together .line {
    width: 96%;
    height: 1px;
    background: #E1E1E1;
}
.seat-together .step {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.seat-together .step .seat-group {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    width: 100%;
    max-height: 0;
    margin-top: 2rem;
    margin-bottom: 2rem;
    overflow: hidden;
    transition: max-height 0.3s ease-out;

}
.seat-together .step .step-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2rem;
    width: 100%;
}
.seat-together .step .step-box h3 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.4rem;
    color: var(--color-blue-dark);
    letter-spacing: -0.5px;
}
.seat-together .step .step-box h3 img {
    position: relative;
    top: 1px;
    width: 18px;
}
.seat-together .step .step-box h3 img.grid {
    top: 0px;
    width: 16px;
}
.seat-together .step .step-box .selectBox {
    display: flex;
    width: 100%;
    height: 49px;
    padding: 15px 6px 15px 0px;
    align-items: center;
    gap: 210px;
    flex-shrink: 0;
    border-radius: 3px;
    border: 1px solid var(--color-border-grey2);
    background: var(--color-background-grey);
}
.seat-together .selectBox select {
    font-size: 1.3rem;
}
.seat-together .selectBox select option {
    color: var(--color-grey);
    font-size: 16px;
    font-weight: 400;
}

.seat-together .step .click-area,
.seat-together .step .step-box p.choice {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    letter-spacing: -0.5px;
    color: var(--color-blue-dark);
}
.seat-together .step .click-area {
    margin: 2rem 0 1.2rem 0;
}
.seat-together .step .click-area label {
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--color-blue-dark);
}
.seat-together .step .step-box p.choice {
    gap: 0.5rem;
    font-weight: 500;
}
.seat-together .step .step-box p.choice b {
    color: var(--color-orange);
    font-weight: 700;
}
.seat-together .step .click-area input[type="checkbox"]+label::before {
    border: 0;
    color: var(--color-blue-dark);
    background: url('https://image.eloomgolf.com/manager/v1/bg_checkbox_bg.png') no-repeat;
    background-size: 20px 20px;
}
.seat-together .step .click-area input[type="checkbox"]:checked+label::before,
.seat-together .step .click-area input[type="checkbox"]+label::after {
    border: 0;
    background: url('https://image.eloomgolf.com/manager/v1/bg_checkbox_checked.png') no-repeat;
    background-size: 20px 20px;
}

body#etc {background:#fbf9f8}
body#etc .toparea {position:fixed; left:0; top:0; z-index:50; width:100%; height:7.2rem}
body#etc .toparea h1 {position:absolute; left:4rem; top:2.8rem; width:14.7rem; height:1.6rem; background:#fff}
body#etc .toparea h1 a {display:block; width:100%; height:100%; background:url('https://image.eloomgolf.com/manager/v1/logo_v1.png') no-repeat 0 0; font-size:0; text-indent:-99999rem}
body#etc .contentsarea {background:#fbf9f8; padding:13.2rem 0 11rem}
body#etc .contentsarea > div {margin-top:4rem}
body#etc .contentsarea h2 {width:56rem; margin:0 auto 4rem; text-align:center}
body#etc .contentsarea h2 strong {display:block; font-size:2.8rem; color:#333; font-size:2.4rem; font-weight:800}
body#etc .contentsarea h2 span {display:block; margin-top:1rem; color:#767676; font-weight:100}

.menu-privacyrule {clear:both; position:relative; width:82rem; margin:4rem auto 0}
.menu-privacyrule ul.pagenavi {position:absolute; top:-6rem; right:0}
.menu-privacyrule .rulebox {padding:5rem 4rem;  background:#fff}
.menu-privacyrule .rulebox h3 {margin:0 0 3rem 0; font-weight:100; font-size:1.3rem; line-height:1.769}
.menu-privacyrule .rulebox h3 span {display:block; margin-top:3rem}
.menu-privacyrule .rulebox > dl {clear:both; overflow:hidden; margin:0 0 2.5rem}
.menu-privacyrule .rulebox > dl dt {margin-bottom:0.7rem; font-weight:600; color:#333}
.menu-privacyrule .rulebox > dl dd {line-height:1.769; font-weight:100}
.menu-privacyrule .rulebox > dl dd a {line-height:1.769; font-weight:100}
.menu-privacyrule .rulebox > dl dd a:hover {text-decoration:underline}
.menu-privacyrule .rulebox ul {clear:both; overflow:hidden}
.menu-privacyrule .rulebox ul li {float:left; width:33.3%; margin-top:3rem; line-height:1.769; font-weight:100}
.menu-privacyrule .rulebox ul li a {line-height:1.769; font-weight:100}
.menu-privacyrule .rulebox ul li a:hover {text-decoration:underline}
.menu-privacyrule .rulebox ul li dt {margin:0 0 1rem 0; font-weight:600; color:#333}

.menu-emailreject {clear:both; position:relative; width:82rem; margin:4rem auto 0}
.menu-emailreject ul.pagenavi {position:absolute; top:-6rem; right:0}
.menu-emailreject dl {clear:both; overflow:hidden; padding:5rem 4rem 6.5rem 21.5rem; background:url('https://image.eloomgolf.com/manager/v1/bg_emailreject.png') #fff no-repeat 4rem 5.5rem}
.menu-emailreject dl dt {margin-bottom:0.7rem; font-weight:600; color:#333}
.menu-emailreject dl dd {line-height:1.769; font-weight:100}

.menu-login {clear:both; position:relative; width:45rem; margin:4rem auto 0}
.menu-login h3 {width:100%; margin:0 0 2rem; text-align:center; color:#333; font-size:1.4rem}
.menu-login .idlist {padding:4rem 5rem; background:#fff}
.menu-login .idlist .boardlist table tr > * {text-align:center}
.menu-login .idlist .btncenter {margin-top:2rem}
.menu-login .pwedit {padding:4rem 5rem; background:#fff}
.menu-login .pwedit .boardlist table tr > * {text-align:center}
.menu-login .pwedit .btncenter {margin-top:2rem}
.menu-login input[type="radio"] + label {width:2.2rem; height:2.2rem; padding-left:0}

.menu-notice .boardview {margin-top:2rem}
.menu-notice .boardview table thead th strong {word-break:break-all}
.menu-notice .boardview table thead th span {word-break:break-all}
.menu-notice .commentbox {margin-top:8rem}
.menu-notice .commentbox .writebox {border-top:1px solid #333}
.menu-notice .commentbox .writebox li {padding:0.8rem 2rem; border-bottom:1px solid #eaeaea; font-size:0}
.menu-notice .commentbox .writebox li:after {content:""; display:block; clear:both}
.menu-notice .commentbox .writebox li.comment-write {background:#f4f4f4}
.menu-notice .commentbox .writebox li strong {float:left; color:#666; font-size:1.3rem; font-weight:600}
.menu-notice .commentbox .writebox li em {float:right; font-size:1.3rem; font-weight:200}
.menu-notice .commentbox .writebox li .textareabox {display:inline-block; width:calc(100% - 9rem); height:7rem}
.menu-notice .commentbox .writebox li button {display:inline-block; width:8rem; height:7rem; margin-left:1rem; vertical-align:top;}
.menu-notice .commentbox .comment-list {padding:2rem 0}
.menu-notice .commentbox .comment-list li {padding:0 0 3rem 0; margin-top:4rem; border-bottom:1px solid #eaeaea}
.menu-notice .commentbox .comment-list li:first-child {margin-top:0}
.menu-notice .commentbox .comment-list li .comment-header {padding:1rem 2rem; background:#8f8f8f}
.menu-notice .commentbox .comment-list strong {display:inline-block; color:#fff; font-size:1.3rem; vertical-align:middle}
.menu-notice .commentbox .comment-list span {display:inline-block; position:relative; padding-left:0.2rem; color:#fff; font-size:1.3rem; font-weight:100; vertical-align:middle}
.menu-notice .commentbox .comment-list button {min-width:5.6rem; height:2.5rem; padding:0 2rem; margin-left:1rem; vertical-align:middle}
.menu-notice .commentbox .comment-list .comment-text {padding:0 2rem; margin-top:1.5rem}

.menu-notice .btnright {clear:both; margin-top:2rem}
.menu-notice .btnright button {min-width:8.6rem; height:3.2rem; padding:0 2rem}


/* 2020.03.06 프로관리자 메인 */
.maincontents.pro .labelbox {
    grid-area: btn;
    position:relative;
}
.maincontents.pro .labelbox ul {
    display: flex;
    align-items: stretch;
    justify-content:stretch;
    flex-flow: row wrap;
    height: 100%;
}
.maincontents.pro .labelbox ul:after {content:""; display:block; clear:both}
.maincontents.pro .labelbox ul li {
    flex:1 1 auto;
    flex-basis:49%;
    padding: 3% 1%;
    margin:0.5%;
    border:1px solid #dfdfdf;
    border-radius:1rem;
    color:#666;
    font-size:1.6rem;
    text-align:center;
    line-height:2.4rem;
}
.maincontents.pro .labelbox ul li strong {display:block; color:#333; font-size:1.8rem}
.maincontents.pro .labelbox ul li strong em {font-size:2.4rem}

.page-pro .controls {flex:0; position:relative; padding:0 3rem; margin-left: auto;}
.page-pro .controls .current {color:#310e3a; font-weight:400; font-size:1.6rem;}
.page-pro .controls .bind {position:absolute; top:0.1rem}
.page-pro .controls .bind.prev {left:0}
.page-pro .controls .bind.next {right:0}
.page-pro .controls .bind > * {
    min-width:2.2rem;
    height:2.2rem;
    color:Transparent;
    background:url('https://image.eloomgolf.com/manager/v1/icon_arr_next_l.png') no-repeat;
}
.page-pro .controls .bind.prev > * {background-image:url('https://image.eloomgolf.com/manager/v1/icon_arr_prev_l.png')}
.page-pro .controls .btn-today {height:2.6rem; margin-left:1rem; padding:0 1rem}
.page-pro .panelbox .panel-title:after {content:""; display:block; clear:both}
.page-pro .boardlist {overflow-x:auto}
.page-pro .boardlist table thead tr.tbl-head th {background:#fbf9f8}
.page-pro .boardlist table tbody td {padding:1rem}
.page-pro .boardlist table tbody td.point {background:#f9f4ed}
.page-pro .boardlist table tbody td .txt-label {display:inline-block; min-width:10.6rem; height:3rem; padding:0 1.5rem; background-color:#ff9e19; border-radius:2px; line-height:3rem; color:#fff}
.page-pro .boardlist table tbody td.txt-expire {color:#e00000}

/* 사용자 신규 페이지 */
.menu-lessonstatus .calbox {position:relative}
.menu-lessonstatus .calbox:after {content:""; display:block; clear:both}
.menu-lessonstatus .calbox .sortview {position:absolute; top:0; right:0; width:29%; max-width:13.5rem}
.menu-lessonstatus .calendar {float:left; width:48.7301%; height:49rem}
.menu-lessonstatus .calendar .hasDatepicker {padding:0 2.5rem; background-color:#fbf9f8}
.menu-lessonstatus .calendar .ui-datepicker-inline {width:100%; height:100%; margin:0; box-shadow:none; background-color:#fbf9f8}
.menu-lessonstatus .calendar .ui-datepicker .ui-icon-circle-triangle-w {background-image:url('https://image.eloomgolf.com/manager/v1/icon_arr_prev.png')}
.menu-lessonstatus .calendar .ui-datepicker .ui-icon-circle-triangle-e {background-image:url('https://image.eloomgolf.com/manager/v1/icon_arr_next.png')}
.menu-lessonstatus .calendar .ui-datepicker .ui-widget-header {width:19.5rem; height:7.5rem; padding:3rem 0 2rem; margin:0 auto; background-color:#fbf9f8}
.menu-lessonstatus .calendar .ui-datepicker .ui-widget-header .ui-datepicker-title span {color:#333 !important; font-size:2.8rem}
.menu-lessonstatus .calendar .ui-datepicker .ui-datepicker-prev {top:3.3rem; left:0}
.menu-lessonstatus .calendar .ui-datepicker .ui-datepicker-next {top:3.3rem; right:0}
.menu-lessonstatus .calendar .ui-datepicker table {width:100%; height:41.8rem; margin:0; background-color:#fbf9f8}
.menu-lessonstatus .calendar .ui-datepicker table thead tr {padding:0 2.5rem}
.menu-lessonstatus .calendar .ui-datepicker table thead th {padding:1.2rem 0; border-top:1px solid #d3d1d1; border-bottom:1px solid #d3d1d1}
.menu-lessonstatus .calendar .ui-datepicker table thead th span {font-weight:bold}
.menu-lessonstatus .calendar .ui-datepicker table thead th.ui-datepicker-week-end:first-child span {color:#bf5a3b}
.menu-lessonstatus .calendar .ui-datepicker td > * {display:inline-block; width:2.5rem; height:2.5rem; margin:0 auto; border-radius:50%; font-size:1.3rem}
.menu-lessonstatus .calendar .ui-datepicker td a.ui-state-active {border-radius:50%}
.menu-lessonstatus .calendar .ui-datepicker td.ui-datepicker-week-end:first-child a {color:#bf5a3b}
.menu-lessonstatus .calendar .ui-datepicker td.ui-state-disabled span {color:#b3b3b3}
.menu-lessonstatus .calendar .ui-datepicker td.ui-state-disabled.ui-datepicker-week-end:first-child span {color:#e2a290}
.menu-lessonstatus .calendar .ui-datepicker table td.event { color:#111}
.menu-lessonstatus .calendar .ui-datepicker table td.event > * {display:inline-block; width:2.5rem; height:2.5rem; border-radius:50%; background:#3788d8; color:#fff}

.menu-lessonstatus .time {float:right; width:48.7301%}
.menu-lessonstatus .time .title {padding:2.5rem 0; border-top:1px solid #d3d1d1; border-bottom:1px solid #d3d1d1; background-color:#fbf9f8; text-align:center; color:#333; font-size:2rem}
.menu-lessonstatus .time .time-list table {width:100%; margin-top:1rem; text-align:center; font-size:1.3rem}
.menu-lessonstatus .time .time-list table thead {border-top:1px solid #d3d1d1; border-bottom:1px solid #d3d1d1}
.menu-lessonstatus .time .time-list table thead th {padding:2rem 0}
.menu-lessonstatus .time .time-list table tbody tr {border-bottom:1px solid #d3d1d1}
.menu-lessonstatus .time .time-list table tbody td {padding:1.5rem 0.5rem}
.menu-lessonstatus .time .time-list table button {height:3rem; padding:0 0.8rem; line-height:3rem}




/* Media Query */
@media screen and (min-width:1440px){ /* 1440px 이상 */
    html {font-size:10px}
    body {font-size:1.3rem}
    .pc-only {display:block}
    .mobile-only {display:none}
    table .pc-only {display:table-cell}

    .maincontents .mainMiddleArea .panelbox {min-height: 33rem;}
    .maincontents .mainMiddleArea .panelbox.lesson-history {width: 100%; min-height:18rem;}
    .maincontents.pro .labelbox ul li {padding-top: 7%;}
    .maincontents .mainTopArea > div {flex-basis: auto;}
    .maincontents .mainTopArea .advertisingbox {grid-area: ad;}
    .maincontents .mainTopArea .nowBranch {grid-area: title;}
    .maincontents .mainTopArea .quickBtns {grid-area: btn;}
    .maincontents .mainTopArea {
        display: grid;
        grid-template-areas:
		'title title'
		'ad btn';
        grid-template-columns: 70% auto;
        gap: 0.4rem 0.8rem;
        margin-top: 7rem;
    }
    .maincontents .mainTopArea .nowBranch h2 {flex:0; flex-basis: 50%;}
    .maincontents .mainTopArea .nowBranch p.msg {flex-basis: 15rem; flex-grow: 1;}
    .maincontents .mainTopArea .advertisingbox ul li p.txt {font-size: 1.8rem; line-height: 2.7rem;}
    .maincontents .mainTopArea .advertisingbox ul li p.txt strong {font-size: 3.4rem;}
    .maincontents .mainTopArea .quickBtns ul {align-items: stretch; height: 100%;}
    .maincontents .mainTopArea .quickBtns ul li {
        padding: 22% 0 1%;
        margin: 0 1% 1.5%;
        background-position: 50% 50%;
    }
    .maincontents .mainTopArea .quickBtns ul li:nth-child(1) {
        background-position: calc(50% - 0%) calc(50% - 5px);
    }
    .maincontents .mainTopArea .quickBtns ul li:nth-child(2) {
        background-position: calc(50% - 0%) calc(50% - 6px);
    }
    .maincontents .mainTopArea .quickBtns ul li:nth-child(3) {
        background-position: calc(50% - 0%) calc(50% - 1px);
    }
    .maincontents .mainTopArea .quickBtns ul li:nth-child(4) {
        background-position: calc(50% - 0%) calc(50% - 5px);
    }
    .maincontents .mainTopArea .quickBtns ul li:nth-child(5) {
        background-position: calc(50% - 0%) calc(50% - 3px);
    }
    .maincontents .mainTopArea .quickBtns ul li:nth-child(6) {
        background-position: calc(50% - 0%) calc(50% - 5px);
    }
    .maincontents .mainTopArea .quickBtns ul li:nth-child(7) {
        background-position: calc(50% - -5%) calc(50% - 0px);
    }
    .maincontents .mainTopArea .quickBtns ul li:nth-child(8) {
        background-position: calc(50% - 0%) calc(50% - 5px);
    }
    .maincontents .mainTopArea .quickBtns ul li:nth-child(9) {
        background-position: calc(50% - 0%) calc(50% - 5px);
    }
    .maincontents .mainMiddleArea {flex-direction: row; justify-content: space-between;}
    .maincontents .mainMiddleArea .panelbox {
        min-height: 30rem;
    }
}

@media screen and (min-width:1044px) and (max-width:1439px){ /* 1044px ~ 1439px */
    html {font-size:10px}
    body {font-size:1.3rem}
    .pc-only {display:block}
    .mobile-only {display:none}
    #wrap {width:100%; min-width:1280px; opacity:0}
    table .pc-only {display:table-cell}
}

@media screen and (max-width:1044px) { /* 1044px 이하 */
    html {font-size:70%}
    body {font-size:1.4rem; background:#fff}
    body.device {overflow-x:hidden}
    body.device #wrap {overflow-x:hidden}
    .pc-only {display:none}
    .mobile-only {display:block}
    #wrap {min-width:720px; transition:margin 0.5s}

    .inpbox {height:6rem}
    .optionbox {height:6rem}
    .filebox .filetxt {display:inline-block; overflow:hidden; width:70%; height:3rem; line-height:3rem; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap}
    .ui-datepicker {height:auto}

    .toparea {min-width:720px; height:9.5rem; transition:left 0.5s}
    .toparea h1 {float:none; position:absolute; left:50%; top:50%; width:14rem; height:4.5rem; margin:-2rem 0 0 -7rem; background:none}
    .toparea h1 a {background:url('https://image.eloomgolf.com/manager/v1/logo.jpg') no-repeat 50%; background-size:100px;}
    .toparea ul {display:none}
    .toparea .welcome {margin-top:3rem; margin-right:3rem}
    .toparea .welcome .btnset {display:none}
    .toparea .btn-category {position:absolute; left:0; top:0; width:11rem; height:9rem; background:url('https://image.eloomgolf.com/manager/v1/icon_category_m.png') no-repeat 50%; font-size:0; text-indent:-99999rem}
    .toparea .btn-category.menuClose {background:url('https://image.eloomgolf.com/manager/v1/icon_lnbclose.png') no-repeat 50%}

    .leftarea {overflow-y:auto; position:fixed; left:-22.5rem; top:0; z-index:60; width:22.5rem; height:100vh; padding:0 0 4rem 0; background:#5f504e; transition:left 0.5s}
    .leftarea h1 {width:100%; height:6rem; padding:0 0 0 2rem; background:#675957}
    .leftarea h1 a {
        display:block;
        width:100%;
        height:100%;
        margin-left: 5px;
        background:url('https://image.eloomgolf.com/manager/v1/logo_w_v1.png') no-repeat 0 50% / 16rem auto;
        background-size: 8rem;
        font-size:0;
        text-indent:-99999rem;
    }
    .leftarea .leftmenu {clear:both; overflow:hidden; margin-bottom:6rem}
    .leftarea .leftmenu ul {margin:2rem 3.5rem 0 3.5rem}
    .leftarea .leftmenu ul li {padding:3rem 0 0 0; border-bottom:1px solid #675957}
    .leftarea .leftmenu ul li:first-child {padding-top:0}
    .leftarea .leftmenu ul li a {display:inline-block; height:4rem; color:#fff; font-size:2rem; font-weight:700}
    .leftarea .leftmenu ul li.on a {color:#ff9e19; border-bottom:2px solid #ff9e19}
    .leftarea .bannerwrap {margin:0 2rem 4rem}
    .leftarea .bannerwrap .banner {width:100%}
    .leftarea .lockerlist {margin:0 2rem}

    #wrap.expand {overflow:hidden; margin-left:22.5rem}
    #wrap.expand .toparea {left:22.5rem !important}
    #wrap.expand .leftarea {left:0}

    .midarea {min-width:720px; padding-top:9.5rem}

    .contentsarea {padding:5.5rem 3.5rem 5.5rem 3.5rem}
    .contentsarea > div {margin-top:0}
    .contentsarea > div > h2 {margin-bottom:1rem}

    .panelbox .panel-contents {margin-bottom:3rem}
    .panelbox .panel-title .btnset {right:1.6rem; top:0.5rem; width:4rem; height:1.7rem}
    .panelbox .panel-title .btnset button {width:1rem; height:1.7rem}
    .panelbox .panel-title .btnset .slick-prev {background:url('https://image.eloomgolf.com/manager/v1/icon_arr_prev_m.png') no-repeat 50%}
    .panelbox .panel-title .btnset .slick-next {background:url('https://image.eloomgolf.com/manager/v1/icon_arr_next_m.png') no-repeat 50%}

    ul.form-insert li.address {font-size:0}
    ul.form-insert li.address span.inpbox {display:inline-block; float:none; width:50%; margin-right:1%}
    ul.form-insert li.address button {height:6rem}

    .entrance-history {margin-right:-1.8rem}
    .entrance-history ul li {margin-right:1.8rem}

    .locker-history {margin-bottom:0; margin-right:-1.8rem}

    .cardbox ul li {float:left; margin-right:1.8rem}
    .cardbox dl {height:12.5rem}
    .cardbox dl dt {height:3.5rem; padding:0 1.5rem; line-height:3.5rem}
    .cardbox dl dd {height:9rem; padding:1.5rem}
    .cardbox dl:hover dt {padding-top:0.5rem}

    .boardview table thead th {padding:0.7rem 1.5rem}
    .boardview table td.txt-contents {padding:3rem 0}
    .boardview ul li {padding:0.5rem 1rem; border-bottom:1px solid #ececec}
    .boardview ul li span.th {display:block; float:left; width:10rem; color:#666; font-weight:600}
    .boardview ul li div.td {float:none; overflow:hidden}
    .boardview ul li.full {padding:3rem 1rem}
    .boardview ul li.full span.th {float:none; width:100%; margin-bottom:1rem}
    .boardview ul li .iradio {display:inline-block; width:10rem; margin-left:0.5%}
    .boardview ul.correct li textarea {width:100%; height:20rem; padding:1.5rem;border:1px solid #e3e3e3; background-color:#fbf9f8}
    .boardview ul.correct li.filebox span.th {height:3rem; line-height:3rem}
    .boardview ul.correct li.filebox div.td {position:relative}

    .rev-header fieldset.sortview {float:none}
    .rev-header .btn-listview {clear:both; float:none; margin:0 0 1rem 0}
    .rev-header .btn-listview > * {width:49%; margin:0 0 0 2%; padding:0 0.8rem; text-align:center}
    .rev-header .btn-listview > *:first-child {margin-left:0}
    .rev-header .datesch {float:none; width:100%; margin-bottom:1rem; font-size:0}
    .rev-header .datesch .datebox {width:34%}
    .rev-header .datesch .datebox + em {width:5%; vertical-align:middle; font-size:1.2rem}
    .rev-header .datesch .btn-sch {width:25%; min-width:auto; margin-left:2%}
    .rev-header .rightbox {clear:both; float:none}
    .rev-header .legend {margin-top:2rem}

    fieldset.sortview  > p {margin-top:1rem}
    fieldset.sortview  > p:first-of-type {margin-top:0}
    fieldset.sortview  > p:after {content:""; display:block; clear:both; overflow:hidden}
    fieldset.sortview  > p label {display:block; float:left; width:10rem; line-height:3rem; font-size:1.3rem; font-weight:600}
    fieldset.sortview  > p .optionbox {display:block; float:none; overflow:hidden; width:auto; margin:0 0 0 2%}

    .sortbox {clear:both; margin:0 0 1.5rem -1rem; font-size:0}
    .sortbox .btn-sort { padding-right:1rem; margin-left:1rem; font-size:1.3rem}

    body#member {background:#fbf9f8}
    body#member .toparea {height:9.5rem; background:#fff}
    body#member .toparea h1 {float:none; position:absolute; left:50%; top:50%; width:13rem; height:3rem; margin:-1.5rem 0 0 -6.5rem; background:none}
    body#member .toparea h1 a {background:url('https://image.eloomgolf.com/manager/v1/logo.jpg') no-repeat 50%}
    body#member .midarea {padding-top:9.5rem}

    .menu-revervation .boardlist.large-padding {overflow-x:scroll}
    .menu-revervation .boardlist.large-padding table {white-space:nowrap}
    .menu-revervation .boardlist.large-padding table tbody td {padding:1.1rem}

    .menu-revervation .calendar {width:100%}
    .menu-revervation .calendar .hasDatepicker {padding:0; background-color:#fff}
    .menu-revervation .calendar .ui-datepicker-inline {width:100%; height:100%; margin:0; box-shadow:none; background-color:#fff}
    .menu-revervation .calendar .ui-datepicker .ui-icon-circle-triangle-w {background-image:url('https://image.eloomgolf.com/manager/v1/icon_arr_prev.png')}
    .menu-revervation .calendar .ui-datepicker .ui-icon-circle-triangle-e {background-image:url('https://image.eloomgolf.com/manager/v1/icon_arr_next.png')}
    .menu-revervation .calendar .ui-datepicker .ui-widget-header {width:11.5rem; height:auto; padding:0 0 1.6rem; margin:0 auto; background-color:#fff}
    .menu-revervation .calendar .ui-datepicker .ui-widget-header .ui-datepicker-title span {color:#333 !important; font-size:1.7rem}
    .menu-revervation .calendar .ui-datepicker .ui-datepicker-prev {left:0}
    .menu-revervation .calendar .ui-datepicker .ui-datepicker-next {right:0}
    .menu-revervation .calendar .ui-datepicker table {width:100%; margin:0; background-color:#fff}
    .menu-revervation .calendar .ui-datepicker table thead tr {padding:0 2.5rem}
    .menu-revervation .calendar .ui-datepicker table thead th {padding:1.2rem 0; border-top:1px solid #d3d1d1; border-bottom:1px solid #d3d1d1}
    .menu-revervation .calendar .ui-datepicker table thead th span {font-weight:bold}
    .menu-revervation .calendar .ui-datepicker table thead th.ui-datepicker-week-end:first-child span {color:#bf5a3b}
    .menu-revervation .calendar .ui-datepicker td {height:5rem}
    .menu-revervation .calendar .ui-datepicker td > * {display:block; width:2.5rem; height:2.5rem; margin:0 auto; border-radius:50%; font-size:1.3rem; line-height: 2.5rem}
    .menu-revervation .calendar .ui-datepicker td a.ui-state-active {border-radius:50%}
    .menu-revervation .calendar .ui-datepicker td.ui-datepicker-week-end:first-child a {color:#bf5a3b}
    .menu-revervation .calendar .ui-datepicker td.ui-state-disabled span {color:#bdbdbd;background: none;}
    .menu-revervation .calendar .ui-datepicker td.ui-state-disabled.ui-datepicker-week-end:first-child span {color:#f4b2a0}

    .menu-revervation .time {width:100%; height:auto; margin-top:3.5rem}
    .menu-revervation .time .title {position:relative; padding:1.5rem 0; border-top:1px solid #d3d1d1; border-bottom:1px solid #d3d1d1; background-color:#fbf9f8; text-align:center; color:#333; font-size:1.2rem}
    .menu-revervation .time .title .btn-refresh {position:absolute; top:50%; right:1rem; height:2.5rem; margin-top:-1.25rem}
    .menu-revervation .timelist {margin:0 0 0 -2%; font-size:0}
    .menu-revervation .timelist > button {width:23%; height:3.2rem; margin:1rem 0 0 2%; border:1px solid #eaeaea; background:#fff; color:#767676; font-size:1.2rem}
    .menu-revervation .timelist > button.on {background:#ff9e19; color:#fff}
    .menu-revervation .timelist > button:hover {background:#ff9e19; color:#fff}
    .menu-revervation .timelist > button:disabled {background:#999; color:#767676; cursor:default}
    .menu-revervation .calbox .btncenter {margin-top:1rem; padding-top:2rem; border-top:1px solid #eaeaea; font-size:0}
    .menu-revervation .calbox .btncenter > * {width:49%; margin:0 0 0 2%}
    .menu-revervation .calbox .btncenter > *:first-child {margin-left:0}

    .menu-lessonstatus .boardlist.large-padding {overflow-x:scroll}
    .menu-lessonstatus .boardlist.large-padding table {white-space:nowrap}
    .menu-lessonstatus .boardlist.large-padding table tbody td {padding:1.1rem}
    .menu-lessonstatus .paging {height:auto; padding-bottom:4.5rem}
    .menu-lessonstatus .paging .btnright {top:auto; bottom:0}

    body#etc {background:#fbf9f8}
    body#etc .toparea {height:9.5rem; background:#fff}
    body#etc .toparea h1 {float:none; position:absolute; left:50%; top:50%; width:13rem; height:3rem; margin:-1.5rem 0 0 -6.5rem; background:none}
    body#etc .toparea h1 a {background:url('https://image.eloomgolf.com/manager/v1/logo.jpg') no-repeat 50%}
    body#etc .midarea {padding-top:9.5rem}
    body#etc .contentsarea {padding-top:6rem}
    .menu-privacyrule {width:90%; margin:0 auto}
    .menu-emailreject {width:90%; margin:0 auto}

    .menu-modify {margin-top:-5.5rem !important}
    .menu-modify.identi {margin-bottom:-5.5rem !important}

    .menu-notice .commentbox .writebox li {padding:0.7rem 1.5rem}

    /* 사용자 메인 수정 */
    .proudct-history .boardlist {border-top:0}

    .menu-lessonstatus .calendar {width:100%; height:auto}
    .menu-lessonstatus .calendar .hasDatepicker {padding:0; background-color:#fff}
    .menu-lessonstatus .calendar .ui-datepicker-inline {background-color:#fff}
    .menu-lessonstatus .calendar .ui-datepicker .ui-widget-header {width:11.5rem; height:auto; padding:0 0 1.6rem; background-color:#fff}
    .menu-lessonstatus .calendar .ui-datepicker .ui-datepicker-next {top:1rem}
    .menu-lessonstatus .calendar .ui-datepicker .ui-datepicker-prev {top:1rem}
    .menu-lessonstatus .calendar .ui-datepicker table {height:auto; background-color:#fff}
    .menu-lessonstatus .calendar .ui-datepicker table td {height:5rem}

    .menu-lessonstatus .calendar .ui-datepicker .ui-widget-header .ui-datepicker-title span {font-size:1.7rem}
    .menu-lessonstatus .time {width:100%; height:auto; margin-top:3.5rem}
    .menu-lessonstatus .time .title {padding:1.5rem 0; font-size:1.2rem}
    .menu-lessonstatus .time .time-list table {font-size:1.2rem}
    .menu-lessonstatus .time .time-list table thead th {padding:1rem 0}
    .menu-lessonstatus .time .time-list table tbody td {padding:0.5rem}
    .menu-lessonstatus .time .time-list table button {font-size:1.2rem}
}

@media screen and (max-width:768px) { /* 768px 이하 */
    html {font-size:62.5%}
    body {font-size:1.4rem}
    .pc-only {display:none}
    .mobile-only {display:block}
    #wrap {min-width:320px; max-width:100%}

    .toparea {min-width:320px; height:6rem}
    .toparea h1 {width:9rem; height:3rem; margin:-1.5rem 0 0 -4.5rem; background:none}
    .toparea h1 a {background-size:100% auto}
    .toparea ul {display:none}
    .toparea .welcome {margin-top:1.5rem; margin-right:1.5rem}
    .toparea .welcome .btnset {display:none}
    .toparea .btn-category {width:6rem; height:6rem; background-size:2rem auto}
    .toparea .btn-category.menuClose {background-size:2rem auto}

    .midarea {min-width:320px; padding-top:6rem}

    .contentsarea {padding:2.5rem 5% 2.5rem 5%}
    .contentsarea > div > h2 span {display:none}

    .maincontents .entry-history {float:none; width:100%; height:auto; margin-left:0}

    .panelbox .panel-title .btnset {right:1.6rem; width:3.5rem; height:1.2rem}
    .panelbox .panel-title .btnset button {width:0.8rem; height:1.2rem}
    .panelbox .panel-title .btnset .slick-prev {background-size:0.8rem auto}
    .panelbox .panel-title .btnset .slick-next {background-size:0.8rem auto}

    .paging p button {width:3rem; height:3rem}
    .paging p span {height:3rem}
    .paging p span a {width:3rem; height:3rem; margin-left:0.2rem}

    fieldset.sortview {width:100%; margin-top:1rem}
    fieldset.sortview > .optionbox {width:49%; margin:0 0 0 2%}
    fieldset.sortview:not(.sch) > .optionbox:only-of-type {width:100%}
    fieldset.sortview > .optionbox:first-of-type {margin-left:0}
    fieldset.sortview .schbox {width:49%; margin-left:2%}

    .rev-header .legend {margin-top:2rem}
    .rev-header .legend li {margin-left:1rem}
    .rev-header .legend li:before {width:1.8rem; height:1.5rem}


    .entrance-history {margin-right:-1.8rem}
    .entrance-history ul li {margin-right:1.8rem}

    .locker-history {margin-bottom:4rem; margin-right:-1.8rem}
    .locker-history .panel-contents {margin-bottom:0}

    .cardbox ul li {float:left; margin-right:1.8rem}

    .boardview table thead th strong {float:none; display:block}

    ul.form-insert {margin:0 0 2rem 0; border-bottom:1px solid #e1e1e1}
    ul.form-insert li .inpbox {height:4rem}
    ul.form-insert li span.optionbox {float:left; width:25%; height:4rem; margin:0 0 0 2%}
    ul.form-insert li span.optionbox:first-child {margin:0}
    ul.form-insert li.cellphone .inpbox {float:left; width:25%; margin:0 0 0 2%}
    ul.form-insert li.cellphone button {width:19%; min-width:auto; height:4rem; padding:0; margin-left:2%}
    ul.form-insert li.email .inpbox:first-child {width:27%}
    ul.form-insert li.email .inpbox:first-child + em {width:5%; line-height:4rem}
    ul.form-insert li.email .optionbox {width:30%}
    ul.form-insert li.authnumber .inpbox {width:57%}
    ul.form-insert li.authnumber .timer {width:20%; height:4rem; margin:0 0 0 2%; line-height:4rem}
    ul.form-insert li.authnumber button {width:19%; min-width:auto; height:4rem; padding:0; margin:0 0 0 2%}
    ul.form-insert li.authnumber .txt-blue {display:block; float:none; clear:both; line-height:4rem}
    ul.form-insert li.address span.inpbox {width:50%}
    ul.form-insert li.address button {height:4rem}
    ul.form-insert li.birth .optionbox {width:32%; margin-left:2%}
    ul.form-insert li.birth .optionbox:first-child {width:32%; margin-left:0}

    body#member .toparea {height:6rem}
    body#member .toparea h1 {width:9rem; height:3rem; margin:-1.5rem 0 0 -4.5rem}
    body#member .toparea h1 a {background-size:100% auto}
    body#member .midarea {padding-top:6rem}
    body#member .contentsarea h2 {width:100%}

    .member-joinbox {width:90%; max-width:56rem}
    .member-joinbox .join-contents {padding:4rem 3rem}

    /* s: 2020.02.26추가*/
    .member-clause {width:90%}
    .member-clause .join-clausebox {width:70%}
    /* e: 2020.02.26추가*/

    body#etc .toparea {height:6rem}
    body#etc .toparea h1 {width:9rem; height:3rem; margin:-1.5rem 0 0 -4.5rem}
    body#etc .toparea h1 a {background-size:100% auto}
    body#etc .midarea {padding-top:6rem}
    body#etc .contentsarea h2 {width:100%}
    body#etc .contentsarea h2 span {font-size:1.6rem}

    .menu-privacyrule ul.pagenavi {top:-3rem}
    .menu-privacyrule .rulebox h3 {font-size:1.4rem}
    .menu-privacyrule .rulebox ul li {float:none; width:100%; margin-top:1.5rem}
    .menu-privacyrule .rulebox ul li dt {margin-bottom:0.5rem}

    .menu-emailreject ul.pagenavi {top:-3rem}
    .menu-emailreject dl {padding:14rem 4rem 6.5rem; background-position:50% 4rem; background-size:9rem auto}

    .menu-revervation .paging .btnright button {display:none}
    .menu-revervation .calendarbox .fc-toolbar h2 {line-height:4.1rem; font-size:2rem}
    .menu-revervation .calendarbox .btnset {left:0; width:100%; margin:0}

    .calendarbox {max-width:100%; overflow-x:auto}
    .calendarbox .fc-view-container {width:170%}

    .menu-lessonstatus .rev-header {height:auto; margin:2rem 0 1.5rem 0}

    .menu-modify {margin-top:-2.5rem !important}
    .menu-modify.identi {margin-bottom:-2.5rem !important}

    .mylesson-calendar {max-width:100%; overflow-x:auto}
    .mylesson-calendar table {width:102.4rem}
    .mylesson-calendar table thead th {padding:1rem 0}
    .mylesson-calendar table tbody td {height:auto; min-height:auto}
    .mylesson-calendar table tbody td > span {height:3rem; padding:0 1rem; line-height:3rem}
    .mylesson-calendar table tbody td > span.today em {width:2.4rem; height:2.4rem; line-height:2.4rem}

    /* 2020.03.06 프로사용자 메인 */
    .maincontents.pro .labelbox ul li div {font-size:1.5rem}
    .maincontents.pro .labelbox ul li strong {font-size:1.6rem}
    .maincontents.pro .labelbox ul li strong em {font-size:2rem}

    .menu-lessonstatus .time-list > ul > li.head strong {font-size:1.2rem}
    .menu-lessonstatus .time-list > ul > li > div p {font-size:1.2rem}

    .menu-login {width:95%; max-width:45rem}
}

@media screen and (max-width:480px) { /* 480px 이하 */
    body {background:#fff}

    .toparea {height:5rem}
    .toparea .btn-category {width:5rem; height:5rem}
    .toparea h1 {width: 8rem; height: 4.5rem; margin-left:-4rem; top: 38%; background-size:7rem auto}
    .toparea .welcome {margin:1rem 1.5rem 0}
    .toparea .welcome p {height:3rem; font-size:1rem}

    .midarea {padding-top:5rem}

    .contentsarea {padding:3rem 1.5rem 2rem}
    .contentsarea > div {margin-top:0}
    .contentsarea > div > h2 strong {font-size:2rem}

    .leftarea h1 {height:5rem; padding-left:2rem}
    /* .leftarea h1 a {background-size:8rem auto} */
    .leftarea .leftmenu ul {margin:2rem 2rem 0 2rem}
    .leftarea > dl {margin-left:2rem; margin-right:2rem}

    .maincontents .left-contents {padding:2rem 1.5rem}
    .maincontents .right-contents {padding:2rem 1.5rem}

    .boardlist table thead th {font-size:1.3rem}
    .boardlist table tbody td {font-size:1.3rem}

    .boardview table thead th {padding:0.4rem 0.5rem}

    .paging p button {width:2rem; height:2rem}
    .paging p span {height:2rem}
    .paging p span a {width:2rem; height:2rem; line-height:2rem; margin-left:0.3rem}

    .entrance-history {margin-right:-0.5rem}
    .entrance-history ul li {height:5rem; margin-right:0.5rem; line-height:1.769}

    .locker-history {margin-right:-0.5rem}
    .cardbox ul li {margin-right:0.5rem}
    .cardbox dl dd {padding:0.5rem}

    ul.form-insert li.orchoice div span {margin-left:2rem}

    body#member .toparea {height:5rem}
    body#member .toparea h1 {width:7.4rem; height:3rem; margin-left:-3.7rem}
    body#member .midarea {padding-top:5rem}
    body#member .contentsarea {padding:3rem 1.5rem 6rem}
    body#member .contentsarea h2 strong {font-size:2rem}
    .member-joinbox {width:100%}
    .member-joinbox .join-contents {padding:2rem 1.5rem}
    .member-joinbox ul.join-step li span {font-size:1.4rem}
    .member-joinbox .btncenter {font-size:0}
    .member-joinbox .btncenter button {width:49%; margin:0 0 0 2%; padding:0; height:4rem; line-height:4rem}
    .member-joinbox .btncenter button:first-child {margin-left:0}
    .member-joinbox .join-complete p {font-size:1.8rem}
    .member-joinbox .join-complete span {font-size:1.3rem}

    body#etc .toparea {height:5rem}
    body#etc .toparea h1 {width:7.4rem; height:3rem; margin-left:-3.7rem}
    body#etc .contentsarea h2 strong {font-size:2rem}
    body#etc .pagenavi {display:none}
    body#etc .midarea {padding-top:5rem}
    body#etc .contentsarea {padding:3rem 1.5rem 6rem}
    .menu-privacyrule {width:100%; margin-top:4rem}
    .menu-privacyrule .rulebox {padding:2.5rem 2rem}
    .menu-emailreject {width:100%; margin-top:4rem}
    .menu-emailreject dl {padding:14rem 2rem 2.5rem}

    .menu-modify {margin:-3rem -1.5rem !important; padding:3rem 1.5rem 6rem}
    .menu-modify h2 {width:100%}
    .menu-modify .member-joinbox .join-contents.step2 {padding:2rem 1.5rem 2.9rem}

    .menu-revervation .during-date button.btn-prev {width:3rem; height:3rem; background-size:0.5rem auto}
    .menu-revervation .during-date button.btn-next {width:3rem; height:3rem; background-size:0.5rem auto}
    /* .menu-revervation .boardlist dl dt > div span {display:block; clear:both; float:none}
    .menu-revervation .boardlist dl dt > div strong {display:block; clear:both; float:none} */

    .menu-modify.identi {margin-bottom:-2rem !important}
    .menu-login .idlist {padding:2rem 1rem}
}

@media screen and (max-width:391px) { /* 391px 이하 */
    .maincontents .mainTopArea .advertisingbox .swiper-cardImg .swiper-pagination {
        bottom: 12px;
        padding: 0 5px 0 0;
    }
    .maincontents .mainTopArea .advertisingbox .swiper-pagination-bullet {
        margin: 0 2px;
    }
}
@media screen and (max-width:374px) { /* 375px 이하 */
    html {font-size:9px}
    .maincontents .mainTopArea .nowBranch h2 b.name {
        font-size: 3.5vw;
    }
}

/* 타석현황 S:2022.04.13 */
.contentsarea {padding: 1.3rem 1.3rem 7rem;}
.contentsarea > div > h2 {position:relative; margin-bottom: 0.5rem;}
.contentsarea > div > h2 strong {font-size:1.75rem; color:#310e3a;}
.contentsarea h2 button.prev {
    position: absolute;
    top:0.2rem;
    left:0.6rem;
    width: 2.275rem;
    height: 3.3rem;
    background:url(https://image.eloomgolf.com/manager/v1/icon_arr_prev_big.png) no-repeat;
    background-size: contain;
    background-position: 0 0.8rem;
    text-indent: -9999rem;
}
.contentsarea h2 button.prev.light {
    background:url(https://image.eloomgolf.com/manager/v1/icon_arr_prev_light.png) no-repeat;
    background-size: contain;
    background-position: 0 0.8rem;
}
.contentsarea h2 .pageTitle {text-align: center;}
.contentsarea h2 .pageTitle strong {font-size: 1.9rem; line-height:3.3rem;}
.contentsarea h2 .pageTitle strong p.line {
    display:none;
    margin-right: 0.8rem;
    border-left: 3px solid #f87a13;
    text-indent: -9999px;
    line-height: 1.8rem;
}

.seat-status {position:relative; text-align: center;}
.seat-status h2 {position:relative; text-align:center; color:#310e3a;}
.seat-status ul li {display:inline-block;}
.seat-status h2 .nowBranch {display:inline-block; padding: 0.4rem; cursor: pointer;}
.seat-status h2 .nowBranch strong {display:inline-block;}
.seat-status h2 .nowBranch button.drop {
    position:relative;
    top:0.1rem;
    width:1.5rem;
    height:3rem;
    margin-left:0.1rem;
    background:url(https://image.eloomgolf.com/manager/v1/icon_arr_drop.png) no-repeat 50% 50%;
    background-size: contain;
    text-indent: -9999rem;
}
.seat-status .nowBranch .otherBranch {
    display: none;
    z-index:9999;
    position:absolute;
    top:3.8rem;
    left:50%;
    width:14rem;
    background:#fff;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    box-shadow: #999 0rem 0.4rem 0.5rem;
    transform: translate(-50%, 0%);
}
.seat-status .nowBranch .otherBranch ul li {position:relative; width:100%;}
.seat-status .nowBranch .otherBranch ul li a {
    display: inline-block;
    width: 100%;
    padding: 1rem 1rem;
    font-size: 1.5rem;
    text-align: center;
    border-bottom: 0.1rem solid #f5f4f5;
}
.seat-status .nowBranch .otherBranch ul li a:hover {background-color: #f5f4f5;}
.seat-status .nowBranch .otherBranch ul li:last-child a {
    border-bottom: none;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
}
.seat-status h2 .nowBranch:hover .otherBranch {display:block;}

.seat-status .time_sort {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    gap: 1.5rem;
    width: 90%;
    margin: 1rem auto 1.5rem;
}
.seat-status .time_sort button.seat-resv {
    width: 20%;
    padding: 0.8rem 1rem 0.5rem;
    border-radius: 10px;
    color: var(--color-blue-dark);
    font-size: 1.2rem;
    font-weight: 700;
    background: #F3F2F3;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
}
.seat-status .time_sort button.seat-resv img {
    width: 90%;
    max-width: 50px;
    object-fit: contain;
}
@media screen and (max-width: 380px) {
    .seat-status .time_sort {
        width: 94%;
        gap: 1rem;
    }
    .seat-status .time_sort button.seat-resv {
        padding: 0.8rem 0.5rem 0.5rem;
    }
    .seat-status .time_sort button.seat-resv img {
        width: 80%;
    }
}
@media screen and (max-width: 320px) {
    .seat-status .time_sort button.seat-resv {
        border-radius: 5px;;
        font-size: 1.1rem;
    }
}
.seat-status .timelist {
    position:relative;
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 80%;
    margin:1rem auto 0;
    border-radius: 1rem;
    background-color:#f5f4f5;
}
.seat-status .timelist button {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 50%;
    padding: 0.6rem 1rem;
    border-radius: 0.8rem;
    font-size:1.4rem;
    font-weight:normal;
    color:#310e3a;
    background-color:#f5f4f5;
}
.seat-status .timelist button.on, .seat-status .timelist button:hover {
    color:#fff;
    font-weight:500;
    background-color:#f6962b;
}
.seat-status .line {width:95%; margin:0 auto; border-bottom: 1px solid #f5f4f5;}

.seat-status .btns {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.seat-status .btns button {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 47%;
    min-height: 3rem;
    padding: 0.5rem 0;
    margin: 0.4rem 0.4rem 1rem;
    border-radius: 0.2rem;
    border: 1px solid #e8e6e8;
    background-color:#fff;
}
.seat-status .btns button em {
    padding-left:1.9rem;
    font-weight:500;
    font-size:1.375rem;
    color:#8a8a8a;
}
.seat-status .btns button.seat em {
    background: url('https://image.eloomgolf.com/manager/v1/icon_main_link_02_off.png') no-repeat;
    background-position: 0 50%;
    background-size: 1.7rem;
}
.seat-status .btns button.resv em {
    background: url('https://image.eloomgolf.com/manager/v1/icon_main_link_10_off.png') no-repeat;
    background-position: 0 50%;
    background-size: 1.5rem;
}
.seat-status .btns button.on, .seat-status .btns button:hover {
    border: 1px solid #f6962b;
    background-color: #f6962b;
}
.seat-status .btns button.seat.on em, .seat-status .btns button.seat:hover em{
    color:#fff;
    background: url('https://image.eloomgolf.com/manager/v1/icon_main_link_02_on.png') no-repeat #f6962b;
    background-position: 0 50%;
    background-size: 1.7rem;
}
.seat-status .btns button.resv.on em, .seat-status .btns button.resv:hover em{
    color:#fff;
    background: url('https://image.eloomgolf.com/manager/v1/icon_main_link_10_on.png') no-repeat #f6962b;
    background-position: 0 50%;
    background-size: 1.5rem;
}

.seat-status .seat-list {position:relative;margin-bottom:3rem;}
.seat-status .seat-list ul {
    display:flex;
    flex-direction: row;
    flex-wrap : wrap;
    align-items: center;
    width: 100%;
}
.seat-status .seat-list ul li {
    flex:1;
    flex-grow: 0;
    flex-basis:30.3%;
    margin: 0.5rem;
}
.seat-status .seat-list ul li .box {
    display:flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-width: 8.4rem;
    min-height: 10.2rem;
    padding: 0.8rem 1rem 0.5rem;
    border-radius: 2.3rem;
    font-size: 1.375rem;
    line-height: 1.65rem;
    color:#310e3a;
    vertical-align: top;
    background-color:#f5f4f5;
}
.seat-status .seat-list ul li.join .box {
    text-align: center;
    color:#fff;
    background: url(https://image.eloomgolf.com/manager/v1/icon_ball_pin.png) #54bb1c no-repeat 50% 56%;
    background-size: 2.25rem;
    box-shadow: inset 0 -0.2rem 0 rgba(0, 0, 0, .3);
}
.seat-status .seat-list ul li .box span {display:inline-block; width:100%; line-height:1.65rem;}
.seat-status .seat-list ul li .box span.num {padding: 0.4rem 0; border-radius: 1.375rem; color:#fff; background-color:#b8b8b8;}
.seat-status .seat-list ul li .box span.state {margin:0.4rem 0 0; font-weight: 600;}
.seat-status .seat-list ul li .box span.minute {width:auto; font-size:1.375rem; color: #54bb1c;}
.seat-status .seat-list ul li .box span.max {color: #f6862b;}
.seat-status .seat-list ul li .box span.wait {display:inline; margin-left:0.125rem; font-size:1.125rem;}
.seat-status .seat-list ul li .box span.time {width:auto; margin-left:0.3rem; font-size:1.375rem; color:#310e3a;}
.seat-status .seat-list ul li .normal span.time {width:100%;}
.seat-status .seat-list ul li .box span.btn {
    display: inline-block;
    width: 84%;
    padding: 0.2rem 0.5rem 0.3rem;
    margin-top: 0.4rem;
    border-radius: 0.8rem;
    color: #fff;
    background-color: #54bb1c;
    box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, .3);
}
.seat-status .seat-list ul li .box span.max span.btn {background-color: #f6862b;}
.seat-status .seat-list ul li.join .box span.num {background-color: #418c18;}
.seat-status .seat-list ul li.join .box span.state {margin:4.3rem 0 0;}
.seat-status .seat-list ul li .normal span {line-height:1.7rem;}
.seat-status .seat-list ul li .normal span.state {margin:0.8rem 0 0;}
.seat-status .seat-list ul li .normal span.time {margin:0;}

@media screen and (max-width: 320px) {
    .seat-status .seat-list ul li {flex-basis: 31.5%; width:auto; margin:0.4rem 0.3rem;}
}
@media screen and (max-width: 359px) {
    .seat-status .seat-list ul li .box {
        min-width: 8.2rem;
        min-height: 9.5rem;
        padding: 0.6rem;
        border-radius: 1.8rem;
    }
    .seat-status .seat-list ul li .box span.btn {width: 80%; padding: 0.1rem 0.5rem;  margin-top: 0.2rem;}
    .seat-status .seat-list ul li.join .box span.state {margin:4.2rem 0 0;}
    .seat-status .seat-list ul li .normal span.state {margin:0.6rem 0 0;}

    .seat-status .seat-list.four ul li {flex-basis: 23.3%; width:auto; margin:0.4rem 0.3rem;}
    .seat-status .seat-list.four ul li .box {
        min-width: 7.7rem;
        min-height: 8.75rem;
        padding: 0.5rem 0.4rem 0;
        border-radius: 1.4rem;
    }
    .seat-status .seat-list.four ul li .box span.num {width:98%; padding:0.2rem 0; border-radius: 1rem;}
    .seat-status .seat-list.four ul li .box span.state {margin:0.45rem 0 0;}
    .seat-status .seat-list.four ul li .box span.minute {font-size:1rem;}
    .seat-status .seat-list.four ul li .box span.wait {margin-left:0.1rem;}
    .seat-status .seat-list.four ul li .box span.time {font-size: 1rem;}
    .seat-status .seat-list.four ul li .box span.btn {width:86%; padding: 0.1rem 0.5rem;  margin-top: 0rem;}
    .seat-status .seat-list.four ul li.join .box {background-size: 1.9rem;}
    .seat-status .seat-list.four ul li.join .box span.state {margin:4rem 0 0; line-height:1.375rem;}

    .seat-status .seat-list.five ul li {flex-basis: 18.8%; width:auto; margin:0.4rem 0.2rem;}
    .seat-status .seat-list.five ul li .box {
        min-width: 5.8rem;
        min-height: 7.6rem;
        padding: 0.45rem 0.2rem 0;
        border-radius: 1.2rem;
        font-size: 1.125rem;
        line-height: 1.3125rem;
    }
    .seat-status .seat-list.five ul li .box span {line-height: 1.2rem;}
    .seat-status .seat-list.five ul li .box span.num {width:93%; padding:0.3rem 0; border-radius: 1rem;}
    .seat-status .seat-list.five ul li .box span.state {margin:0.5rem 0 0;}
    .seat-status .seat-list.five ul li .box span.minute {font-size:0.875rem;}
    .seat-status .seat-list.five ul li .box span.wait {margin-left:0rem; font-size:1rem;}
    .seat-status .seat-list.five ul li .box span.time {font-size:1rem;}
    .seat-status .seat-list.five ul li .box span.btn {width:86%; padding: 0.1rem 0.5rem;  margin-top: 0.35rem;}
    .seat-status .seat-list.five ul li.join .box {background-size: 1.75rem; background-position: 50% 54%;}
    .seat-status .seat-list.five ul li.join .box span.state {margin:3.5rem 0 0; line-height:1rem;}
}
@media screen and (min-width:360px) and (max-width: 768px) {
    .seat-status .seat-list.four ul li .box span {line-height: 1.5rem;}
    .seat-status .seat-list.four ul li {flex-basis: 23.3%; width:auto; margin:0.4rem 0.3rem;}
    .seat-status .seat-list.four ul li .box {
        min-width: 8.2rem;
        min-height: 9rem;
        padding: 0.6rem;
        border-radius: 1.6rem;
        font-size: 1.3rem;
        line-height: 1.6rem;
        background-size: 1rem;
        background-position: 50% 50%;
    }
    .seat-status .seat-list.four ul li .box span.num {padding:0.3rem 0; border-radius: 1.25rem;}
    .seat-status .seat-list.four ul li .box span.state {margin:0.3rem 0 0;}
    .seat-status .seat-list.four ul li .box span.wait {margin-left:0.1rem; font-size:1rem;}
    .seat-status .seat-list.four ul li .box span.time {font-size:1.25rem;}
    .seat-status .seat-list.four ul li .box span.btn {width:89%; padding: 0.2rem 0.5rem 0.3rem; margin-top: 0.3rem;}
    .seat-status .seat-list.four ul li.join .box {
        background-size: 1.7rem;
    }
    .seat-status .seat-list.four ul li.join .box span.state {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-height: 1.8rem;
        margin:3.0rem 0 0;
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.3rem;
    }

    .seat-status .seat-list.five ul li {flex-basis: 18.8%; width:auto; margin:0.4rem 0.2rem;}
    .seat-status .seat-list.five ul li .box {
        min-width: 6.5rem;
        min-height: 7.2rem;
        padding: 0.45rem 0.2rem 0;
        border-radius: 1.2rem;
        font-size: 1.125rem;
        line-height: 1.3125rem;
    }
    .seat-status .seat-list.five ul li .box span {line-height: 1.2rem;}
    .seat-status .seat-list.five ul li .box span.num {width:93%; padding:0.2rem 0; border-radius: 1rem;}
    .seat-status .seat-list.five ul li .box span.state {margin:0.5rem 0 0; font-weight: 400;}
    .seat-status .seat-list.five ul li .box span.minute {font-size:1rem;}
    .seat-status .seat-list.five ul li .box span.wait {margin-left:0rem; font-size:0.7rem;}
    .seat-status .seat-list.five ul li .box span.time {font-size:1rem;}
    .seat-status .seat-list.five ul li .box span.btn {padding: 0.1rem 0.5rem; margin-top: 0.2rem; font-size:1rem;}
    .seat-status .seat-list.five ul li.join .box {background-size: 1.5rem; background-position: 50% 54%;}
    .seat-status .seat-list.five ul li.join .box span.state {margin:3.4rem 0 0; line-height:1rem;}
}
@media screen and (min-width: 768px) and (max-width: 1044px) {
    .seat-status h2 button.prev {top:1rem;}
    .seat-status .seat-list ul li {flex-basis: 24.1%; width:auto; margin:0.5rem 0.3rem;}
    .seat-status .seat-list ul li.join .box span.state {margin:4.5rem 0 0;}
}
@media screen and (min-width: 1044px) and (max-width: 1439px) {
    h2 button.prev {display:none;}
    .contentsarea > div {margin-top: 8rem;}
    .contentsarea > div > h2 {margin: 0 0 1rem 0;}
    .seat-status .seat-list ul li {flex-basis: 10%; width:auto; margin:0.5rem 0.3rem;}
    .seat-status .seat-list ul li.join .box span.state {margin:4.5rem 0 0;}
}
@media screen and (min-width: 1440px) {
    h2 button.prev {display:none;}
    .contentsarea > div {margin-top: 8rem;}
    .contentsarea > div > h2 {margin: 0 0 1rem 0;}
    .seat-status .seat-list ul li {flex-basis: 10%; width:auto; margin:0.5rem 0.3rem;}
    .seat-status .seat-list ul li.join .box span.state {margin:4.5rem 0 0;}
}
/* 타석현황 E: 2022.04.13 */

/* 강사 소개 S: 2022.04.16 */
.teaching-pro {position:relative;}
.teaching-pro .pro-list {position:relative; margin-top:1rem; overflow: hidden;}
.teaching-pro .pro-list ul li {
    position: relative;
    display:flex;
    padding: 1rem 0;
    margin-bottom:1rem;
    border-radius: 2rem;
    background-color: #f5f4f5;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.teaching-pro .pro-list ul li.new {
    border: 5px solid #ffb284;
}
.teaching-pro .pro-list ul li.new img.new {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 73px;
    object-fit: cover;
}
.teaching-pro .pro-list ul li .img {
    display: flex;
    align-items: center;
    width:40%;
    justify-content: center;
}
.teaching-pro .pro-list ul li .img img {
    max-width: 12rem;
    max-height: 12rem;
    width:90%;
    border-radius: 12rem;
    background-color: #fff;
    object-fit: cover;
}
.teaching-pro .pro-list ul li .profile {width:58%; color: #23062a;}
.teaching-pro .pro-list ul li .profile h2 {margin-top:0.5rem; font-size:1.9rem; font-weight: 700; line-height: 3rem;}
.teaching-pro .pro-list ul li .profile p {
    padding-right:1rem;
    margin-top:0.4rem;
    font-size:1.3rem;
    line-height: 1.4rem;
    word-break:break-all;
}
.teaching-pro .pro-list ul li .profile span {margin-right:0.4rem;}
.teaching-pro .pro-list ul li .profile span.golf {color:#f87a13;}
.teaching-pro .pro-list ul li .profile span.pilates {color:#ba6b16;}
.teaching-pro .pro-list ul li .profile span.weight {color:#1863d3;}
.teaching-pro .pro-list ul li .profile span.btn {
    display:flex;
    margin-top:0.8rem;
    justify-content: flex-start;
    flex-direction: row;
}
.teaching-pro .pro-list ul li .profile span.btn button {
    width:48%;
    padding: 1rem 1%;
    margin-right: 0.3rem;
    border-radius: 1.2rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    box-shadow: inset 0 -0.2rem 0 rgba(0, 0, 0, .2);
}
.teaching-pro .pro-list ul li .profile span.btn button.detail {background-color: #f6862b;}
.teaching-pro .pro-list ul li .profile span.btn button.resv {background-color: #54bb1c;}

.teaching-pro .history {margin-top: 1rem; padding: 0 1rem;}
.teaching-pro .history ul li {
    padding: 0.1rem 0 0.1rem 0.8rem;
    margin:0.4rem 0;
    line-height:1.7rem;
    font-size: 1.3rem;
    font-weight:200;
    color:#887c88;
}
.teaching-pro .history ul li:nth-child(odd) {background:url('https://image.eloomgolf.com/manager/v1/bg_line_02.jpg') no-repeat 0 0.3rem; background-size: 2px 13px;}
.teaching-pro .history ul li:nth-child(even) {background:url('https://image.eloomgolf.com/manager/v1/bg_line_03.jpg') no-repeat 0 0.3rem; background-size: 2px 13px;}

.teaching-pro .schedule {
    position: relative;
    padding: 1rem;
    margin:1.6rem 0;
    border-radius: 2rem;
    background-color: #f5f4f5;
}
.teaching-pro .schedule ul li {
    display:flex;
    position:relative;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.teaching-pro .schedule ul li span {
    flex: 1;
    position: relative;
    width: 20%;
    padding: 0.7rem 0;
    margin: 0.2rem;
    border-radius: 1rem;
    background-color: #f68a29;
    color: #fff;
    font-size: 1.37rem;
    font-weight: 400;
    text-align: center;
}
.teaching-pro .schedule ul li.today span {background-color: #54bb1c;}
.teaching-pro .schedule ul li.off span {background-color: #b5aba3;}
.teaching-pro .schedule ul li span.day {min-width: 4rem; max-width: 4rem;}
.teaching-pro .schedule ul li span.ask {
    z-index: 9999;
    position: absolute;
    top: -0.36rem;
    right: 0.2rem;
    width: auto;
    padding: 0.1rem 0.7rem;
    margin: 0 0 0 0.4rem;
    border-radius: 0.6rem;
    font-size: 0.8rem;
    line-height: 1.4rem;
    background-color: #b53300;
    cursor: pointer;
}


@media screen and (max-width: 359px) {
    .teaching-pro .pro-list ul li .img img {
        width: 11rem;
        height: 11rem;
        border-radius: 11rem;
    }
    .teaching-pro .pro-list ul li .profile p {min-height:2.5rem;}
    .teaching-pro .pro-list ul li .profile span.btn button {padding: 0.8rem 1.3rem;}
    .teaching-pro .pro-list ul li .profile span.btn button:first-child {margin-right: 0.5rem;}
}
@media screen and (max-width: 430px) {
    .teaching-pro .pro-list ul li.new img.new {
        width: 60px;
    }
}
@media screen and (min-width: 1044px) {
    .contentsarea h2 .pageTitle {padding:0 1.6rem; text-align: left;}
    .contentsarea h2 .pageTitle strong {padding-left:1rem;}
    .contentsarea h2 .pageTitle strong p.line {display:inline-block;}

    .teaching-pro .history {max-width: 73%; padding: 0 1rem 0 2rem;}
    .teaching-pro .history ul li {margin:0.6rem 0; font-size: 1.4rem;}
    .teaching-pro .schedule {max-width: 73%;}
    .teaching-pro .schedule ul li span {font-size: 1.7rem;}
}
@media screen and (min-width: 768px) and (max-width: 1439px) {
    .teaching-pro .pro-list ul {
        display:flex;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .teaching-pro .pro-list ul li {
        flex-basis: 48%;
        padding: 1rem 0;
        margin:0 1% 1rem;
    }
}
@media screen and (min-width: 1440px) {
    .teaching-pro .pro-list ul {
        display:flex;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .teaching-pro .pro-list ul li {
        flex-basis: 32%;
        padding: 1rem 0;
        margin:0 0.5% 1rem;
    }
}
/* 강사 소개 E: 2022.04.18 */