@charset "utf-8";

/* popup */
.modalpop {
    display: none;
    z-index: 120;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(var(--vh, 1vh) * 100);
}
.transparents-layer {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    background: #000;
    opacity: 0.5;
    -ms-filter: alpha(opacity=50);
    filter: alpha(opacity=50)
}
.popupwrap {
    z-index: 2;
    position: absolute;
    left: -99999rem;
    top: -99999rem;
    background: #fff
}
.popupwrap .btn-close {
    position: absolute;
    right: 1.4rem;
    top: 1.4rem;
    width: 3rem;
    height: 3rem;
    background: url('https://image.eloomgolf.com/manager/v1/icon_layerclose.png') no-repeat 50%;
    font-size: 0;
    text-indent: -99999rem
}
.popupwrap h1 {
    height: 6rem;
    padding: 0 2.5rem;
    background: #5f504e;
    line-height: 6rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff
}
.popupwrap .popcontents {
    padding: 1rem;
    overflow: hidden;
    clear: both;
}
.popupwrap ul.form-insert {margin: 0 0 2rem 0;border-bottom: 1px solid #e1e1e1}
.popupwrap ul.form-insert li .inpbox {height: 3rem}
.popupwrap ul.form-insert li .optionbox {
    float: left;
    width: 32%;
    height: 3.2rem;
    margin: 0 0 0 2%
}
.popupwrap ul.form-insert li .optionbox:first-child {margin: 0}
.popupwrap ul.form-insert li.cellphone .inpbox {
    float: left;
    width: 32%;
    margin: 0 0 0 2%
}
.popupwrap ul.form-insert li.email .inpbox:first-child {width: 27%}
.popupwrap ul.form-insert li.email .inpbox:first-child+em {width: 5%; line-height: 3rem}
.popupwrap ul.form-insert li.email .inpbox:last-child {width: 32%}
.popupwrap ul.form-insert li.email .optionbox {width: 30%; margin: 0 2% 0 0}
.popupwrap .msgbox {overflow: hidden; text-align: center}
.popupwrap .msgbox p {
    margin: 0 0 2rem 0;
    padding: 0 0 2rem 0;
    border-bottom: 1px solid #e1e1e1;
    color: #767676;
    word-spacing: -0.05rem
}
.popupwrap .msgbox strong {color: #ff9e19}
.popupwrap .msgbox span {color: #333}
.popupwrap.pop-memberstatus {width: 91rem}
.popupwrap.pop-memberstatus .panel-contents {max-height: 24rem; overflow-y: auto}
.popupwrap.pop-memberstatus .panelbox.pull-left {width: 57%}
.popupwrap.pop-memberstatus .panelbox.pull-right {width: 38%}
.popupwrap.pop-idsch {width: 41rem}
.popupwrap.pop-pwsch {width: 41rem}
.popupwrap.pop-alertmsg {width: 27.5rem}
.popupwrap.pop-alertmsg .btncenter button {width: 13rem}
.popupwrap.pop-pwedit {width: 41rem}
.popupwrap.pop-pwedit h2 {
    margin: 0 0 1rem;
    text-align: center;
    color: #333;
    font-size: 1.6rem
}
.popupwrap.pop-pwedit ul.form-insert li:first-child {margin-bottom: 1rem}
.popupwrap.pop-pwedit .btncenter {margin-top: 2rem}
.popupwrap.pop-lessonrev {width: 46rem}
.popupwrap.pop-lessonrev ul.form-insert li>label {float: left; width: 35%}
.popupwrap.pop-lessonrev ul.form-insert li>div {line-height: 3.2rem}
.popupwrap.pop-lessonrev ul.form-insert li .timelist {margin: 0 0 0 -2%; font-size: 0}
.popupwrap.pop-lessonrev ul.form-insert li .timelist>button {
    width: 23%;
    height: 3.2rem;
    margin: 1rem 0 0 2%;
    border: 1px solid #eaeaea;
    background: #fff;
    color: #767676;
    font-size: 1.4rem
}
.popupwrap.pop-lessonrev ul.form-insert li .timelist>button.on {color: #fff; background: #ff9e19;}
.popupwrap.pop-lessonrev ul.form-insert li .timelist>button:hover {color: #fff; background: #ff9e19;}
.popupwrap.pop-lessonrev ul.form-insert li .timelist>button:disabled {
    background: #999;
    color: #767676;
    cursor: default
}
.popupwrap.pop-lessonrev ul.form-insert li .optionbox {width: 100%}
.popupwrap.pop-lessonrev ul.form-insert li.time {position: relative}
.popupwrap.pop-lessonrev ul.form-insert li.time>label {float: none; width: 100%}
.popupwrap.pop-lessonrev ul.form-insert li.time>div>button {
    position: absolute;
    top: 0;
    right: 0;
    width: 7.8rem;
    height: 3rem;
    border-radius: 3px;
    background-color: #333;
    line-height: 3rem;
    color: #fff
}
.popupwrap.pop-confirm {width: 35rem}
.popupwrap.pop-confirm .btncenter {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #e1e1e1
}
.popupwrap.pop-confirm .btncenter>button {height: 40px}
.popupwrap.pop-confirm .txt-center {text-align: center}
.popupwrap.pop-alert {z-index:121; width: 35rem}
.popupwrap.pop-alert .btncenter {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #e1e1e1
}
.popupwrap.pop-alert .btncenter>button {height: 40px}
.popupwrap.pop-alert .txt-center {text-align: center}
.popupwrap.pop-satisfaction {width: 35rem;}
.popupwrap.pop-satisfaction .txt-center {text-align: center; line-height: 1.714}
.popupwrap.pop-satisfaction .txt-center strong {
    color: #222;
    font-size: 1.6rem;
    font-weight: 700
}
.popupwrap.pop-satisfaction .txt-center span {font-size: 1.3rem; font-weight: 400}
.popupwrap.pop-satisfaction .surveybox {margin-top: 2rem; text-align: center}
.popupwrap.pop-satisfaction .surveybox .iradio {margin-left: 1rem}
.popupwrap.pop-satisfaction .surveybox .iradio:first-child {margin-left: 0}
.popupwrap.pop-satisfaction .surveybox .iradio label {font-size: 1.5rem; font-weight: 400}
.popupwrap.pop-satisfaction .btncenter {margin-top: 2rem}
.popupwrap.pop-bnr {z-index: 1;}
.popupwrap.pop-bnr h1 {height: 5rem;line-height: 5rem;}
.popupwrap.pop-bnr .btn-close {top: 1rem;}
.popupwrap.pop-bnr .popcontents {min-height: 30rem;}
.popupwrap.pop-bnr .popcontents img.bnr {
    width: 100%;
    object-fit: cover;
}
.popupwrap.pop-bnr .popcontents .btncenter {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: stretch;
    gap: 0.5rem;
    width: 100%;
    margin-top: 0.5rem;
}
.popupwrap.pop-bnr .popcontents .btncenter button {
    padding: 0.7rem 0.5rem;
    border-radius: 0.2rem;
    width: 50%;
    margin: 0;
}

/* 공통: 2022.04.21 */
.popcontents select {
    width: auto;
    padding: 0.6rem 2.4rem 0.6rem 0.6rem;
    border: 1px solid #e8e6e8;
    border-radius: 0.5rem;
    background: url(https://image.eloomgolf.com/manager/v1/icon_arr_drop.png) #f5f4f5 no-repeat;
    background-position: calc(100% - 0.8rem) 50%;
    background-size: 1rem;
    color: #310e3a;
    font-weight: 200;
    font-size: 1.4rem;
    line-height: 1.4rem;
}

/* 하단에 고정된 홈버튼 메뉴 */
nav.tab-bar {
    z-index: 51;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0.5rem 0 0;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
nav.tab-bar ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 1rem;
    max-height: 6.25rem;
}
nav.tab-bar ul li {
    position: relative;
}
nav.tab-bar ul li button {
    z-index: 2;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.2rem;
    min-width: 100px;
    min-height: 4rem;
    padding: 1rem;
    border-radius: 10px;
    font-size: 1rem;
    color: #8E776B;
}
nav.tab-bar ul li button.home {
    top: -30px;
    box-shadow: none;
}
nav.tab-bar ul li button img {
    width: 100%;
    max-width: 22px;
    object-fit: cover;
}
nav.tab-bar ul li button.home img {
    max-width: 80px;
}

/* QR 코드: 2022.04.24 */
.qrcodeContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 3rem 0 0;
}
.qrcodeContainer div {
    flex: 1;
    flex-basis: 100%;
    color: #fff;
    text-align: center;
}
.qrcodeContainer .main_title {position: relative; width: 100%;}
.qrcodeContainer .main_title h2 {font-size: 2.4rem;}
.qrcodeContainer .main_title button {
    position: absolute;
    top: 0;
    left: 5%;
    width: 3rem;
    height: 3rem;
    background: url('https://image.eloomgolf.com/manager/v1/icon_arr_prev_w.png') no-repeat 50% calc(50% - -0.3rem);
    background-size: 90%;
    text-indent: -9999;
    overflow: hidden;
}
.qrcodeContainer .middleArea {
    position: relative;
    padding: 3rem;
    margin: 10rem 2rem 0;
    border-radius: 3rem;
    background-color: #fff;
}
.qrcodeContainer .middleArea .timer {
    margin: 2rem 0;
    font-size: 2rem;
    font-weight: 800;
    color: #310e3a;
}
.qrcodeContainer .middleArea .timer .timer_area {color: #ff0000;}
.qrcodeContainer .middleArea .qr_image {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    min-width: 29rem;
    min-height: 34rem;
    background: url('https://image.eloomgolf.com/manager/v1/bg_qrcode.png') no-repeat 50% 50%;
    background-size: 100%;
}
.qrcodeContainer .middleArea .qr_image img {width: 90%;}

/* 예약관리에서 코치 select-box: 230215 */
.rev-header fieldset.sortview p.flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
/* 예약관리에서 추가되는 말풍선 도움말 */
.balloon {
    display: none;
    z-index: 2;
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translateX(-32%);
    width: 69vw;
    padding: 1.5rem;
    border-radius: 1.5rem;
    text-align: center;
    color: #fff;
    background-color: #555;
}
.balloon .balloon-inner {
    position: relative;
    width: 100%;
    background: url(https://image.eloomgolf.com/manager/v1/icon_information_w.png) no-repeat left 0;
    background-size: 20px 20px;
}
.balloon .balloon-inner .triangle {
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 15px solid #555;
}
.balloon .balloon-inner p.txt {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.8rem;
    margin-left: 24px;
    text-align: left;
    line-height: 125%;
}
.balloon .balloon-inner p.txt span {
    word-break: break-all;
}

.ms-dd {width: auto !important; flex-grow: 1;}
.ms-dd .ms-header-middle-content,
.ms-dd .ms-middle {align-items: center !important;}
.ms-dd .ms-dd-option-image,
.ms-dd .ms-dd-selected-img {max-width: 50px !important; border-radius: 3px;}

/* 로그인 */
body#login {
    height: 100%;
    background: #fff url('https://image.eloomgolf.com/manager/v1/bg_login.jpg') no-repeat 100% 0;
    background-size: auto 78.8rem;
}
.loginwrap {position: relative; padding: 17rem 0 0 25rem}
.loginwrap h1 {
    position: absolute;
    top: 6rem;
    left: 5rem;
    width: 3.4rem
}
.loginwrap h1 img {
    display: block;
    width: 100%;
    height: auto
}
.loginwrap .loginbox {width: 38rem}
.loginwrap .loginbox h3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    text-align: center;
    color: #222;
    font-size: 1.0625rem;
    font-weight: 300;
}
.loginwrap .loginbox h3 p {font-size: 1.4rem; color: var(--color-blue-dark);}
.loginwrap .loginbox h3 img {
    width: 100%;
    min-width: 10rem;
    max-width: 18.75rem;
}
.loginwrap .loginbox h3 img.shopby {
    width: 80%;
    max-width: 400px;
}
.loginwrap ul.membertype {
    margin: 4rem 0;
    text-align: center;
    font-size: 0
}
.loginwrap ul.membertype li {display: inline-block; margin-left: 4rem}
.loginwrap ul.membertype li:first-child {margin-left: 0}
.loginwrap ul.membertype li label {
    color: #999;
    font-size: 1.6rem;
    letter-spacing: -0.5px;
}
.loginwrap fieldset .ickbox {margin: 3rem 0}
.loginwrap fieldset .ickbox label {color: #767676; font-size: 1.6rem}
.loginwrap fieldset button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 5.5rem;
    margin-top: 1.25rem;
    border-radius: 5px;
    font-size: 1.8rem;
    color: #fff;
    background: var(--color-orange);
}
.loginwrap fieldset .inpbox {
    display: block;
    height: 5.3rem;
    margin-top: 2rem;
    border: 0
}
.loginwrap fieldset .inpbox.id {
    background: url('https://image.eloomgolf.com/manager/v1/icon_id.png') no-repeat 1rem 50%;
    background-size: 22px 22px;
}
.loginwrap fieldset .inpbox.password {
    background: url('https://image.eloomgolf.com/manager/v1/icon_pw.png') no-repeat 1.2rem 50%;
    background-size: 17px 22.67px;
}
.loginwrap fieldset .inpbox.id,
.loginwrap fieldset .inpbox.password {
    padding-left: 3.6rem;
    border: 1px solid var(--color-border-grey1);
    border-radius: 3px;
    background-color: #fff;
}
.loginwrap fieldset .inpbox:first-of-type {margin-top: 0}
.loginwrap input[type="text"]:disabled {opacity: 1;}
.loginwrap input[type="checkbox"] {display: none;}
.loginwrap input[type="checkbox"] + label::before {
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    background: url('https://image.eloomgolf.com/manager/v1/icon_checkbox_bg_1.png') no-repeat;
    background-size: 2rem 2rem;
    border: 0;
}
.loginwrap input[type="checkbox"]:checked + label::before,
.loginwrap input[type="checkbox"] + label::after {
    content: "";
    background: url('https://image.eloomgolf.com/manager/v1/icon_checkbox_checked_1.png') no-repeat;
    background-size: 2rem 2rem;
}
.loginwrap input[type="checkbox"] + label {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding-left: 2.6rem;
}
.loginwrap input[type="radio"] {display: none;}
.loginwrap input[type="radio"] + label::before {
    content: "";
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    background: url('https://image.eloomgolf.com/manager/v1/icon_checkbox_bg_1.png') no-repeat;
    background-size: 1.25rem 1.25rem;
}
.loginwrap input[type="radio"]:checked + label::before,
.loginwrap input[type="radio"] + label::after {
    content: "";
    background: url('https://image.eloomgolf.com/manager/v1/icon_checkbox_checked_1.png') no-repeat;
    background-size: 1.25rem 1.25rem;
}
.loginwrap input[type="radio"] + label {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.loginwrap fieldset .inpbox input[type="text"],
.loginwrap fieldset .inpbox input[type="password"] {
    font-size: 2rem;
    font-weight: 500;
    color: var(--color-grey);
    background-color: #fff;
}
.loginwrap fieldset .inpbox input:-webkit-autofill::first-line {font-size: 2rem;}
.loginwrap fieldset .inpbox input[type="text"]::placeholder,
.loginwrap fieldset .inpbox input[type="password"]::placeholder {font-size: 1.5rem; color: var(--color-border-grey1);}
.loginwrap fieldset .inpbox input:focus {border-color: var(--color-orange); color: var(--color-orange);}
.loginwrap .member-others {
    margin-top: 3rem;
    text-align: center;
    font-size: 0
}
.loginwrap .member-others a {
    position: relative;
    display: inline-block;
    padding-left: 1rem;
    margin-left: 1rem;
    color: #666;
    font-size: 1.6rem
}
.loginwrap .member-others a:before {
    content: "|";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #ccc
}
.loginwrap .member-others a:first-of-type {padding-left: 0; margin-left: 0}
.loginwrap .member-others a:first-of-type:before {display: none}
.loginwrap .snslogin {margin-top: 3.5rem}
.loginwrap .snslogin ul {text-align: center; font-size: 0}
.loginwrap .snslogin ul li {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    margin-left: 2.4rem;
    border-radius: 50%;
    background-color: #f3f3f3
}
.loginwrap .snslogin ul li:first-child {margin-left: 0}
.loginwrap .snslogin ul li a {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 22px
}
.loginwrap .snslogin ul li:nth-child(1) a {
    background-image: url('https://image.eloomgolf.com/manager/v1/icon_kakao.jpg')
}
.loginwrap .snslogin ul li:nth-child(2) a {
    background-image: url('https://image.eloomgolf.com/manager/v1/icon_naver.jpg')
}
.loginwrap .snslogin ul li:nth-child(3) a {
    background-image: url('https://image.eloomgolf.com/manager/v1/icon_facebook.jpg')
}
.loginwrap .snslogin ul li:nth-child(4) a {
    background-image: url('https://image.eloomgolf.com/manager/v1/icon_google.jpg')
}
p.copyright {
    position: fixed;
    left: 0;
    bottom: 2vh;
    width: 100%;
    font-size: 12px;
    color: var(--color-right-grey);
    text-align: center;
}

/* 공통 헤더 */
.ctt-header {
    z-index: 50;
    position: fixed;
    top: 49px;
    width: 100%;
    height: auto;
    padding: 8px 0;
    background: #fff;
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.02);
}
.ctt-header button.prev {
    position: absolute;
    left: 15px;
    top: 13px;
    width: 24px;
    height: 24px;
    background: url(https://image.eloomgolf.com/manager/v1/icon_arr_prev_light.png) no-repeat 0 0;
    background-size: 19px 16px;
    background-size: contain;
    text-indent: -9999rem;
}
.contentsarea.new.set .ctt-header button.prev {left: 0;}
.ctt-header h3 {
    height: 30px;
    line-height: 30px;
    font-size: var(--size-medium);
    font-weight: 500;
    color: var(--color-blue-dark);
    text-align: center;
}
.ctt-header .rightBtn {
    position: absolute;
    top: 13px;
    right: 15px;
    text-indent: -9999;
    font-size: 0;
}
.ctt-header .rightBtn img {
    width: 20px;
    object-fit: cover;
    cursor: pointer;
}
.ctt-header .rightBtn img.home {width: 22px; height: auto;}

/* Start: 결제 */
/* Start: 공통요소 */
.popup.cancel_agree {display: none;}
.popup.cancel_agree .transparents-layer {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
}
.popup.cancel_agree .ctt {
    z-index: 52;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: calc(var(--vh, 1vh) * 30);
    width: 80vw;
    max-width: 50rem;
    height: auto;
    padding: 2rem;
    border-radius: 1rem;
    background-color: #fff;
}
.popup.cancel_agree .ctt h2 {
    padding: 2rem 0;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--color-blue-dark);
    text-align: center;
    letter-spacing: -0.5px;
}
.popup.cancel_agree .ctt img {
    width: 100%;
    object-fit: cover;
}
.popup.cancel_agree .ctt .selectBox {height: 4rem; background-color: var(--color-background-grey);}
.popup.cancel_agree .ctt .selectBox select {font-size: 1.6rem; letter-spacing: -0.5px;}
.popup.cancel_agree .ctt .selectBox span.icoArrow {width: 3rem;}
.popup.cancel_agree .ctt .selectBox span.icoArrow img {width: 1.6rem;}
.popup.cancel_agree textarea {
    width: 100%;
    height: 10rem;
    padding: 1rem;
    border: 1px solid #ccc;
    border-radius: 0.3rem;
    resize: none;
    overflow-y: scroll;
}
.popup.cancel_agree .ctt p {width: 100%;text-align:right;}
.popup.cancel_agree .ctt ul.list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.5rem;
    width: 100%;
    padding: 0.8rem;
    margin-top: 0.5rem;
    border-radius: 0.3rem;
    background-color: var(--color-background-grey);
}
.popup.cancel_agree .ctt ul.list li {
    font-size: 1.2rem;
    padding-left: 0.7rem;
    text-align: left;
    line-height: 120%;
    background: url('https://image.eloomgolf.com/manager/v1/icon_dot_02.jpg') no-repeat left 8px;
    background-size: 3px 3px;
}
.popup.cancel_agree .ctt ul.list li button {
    padding: 0.1rem 0.6rem;
    border-radius: 0.3rem;
    font-size: 1.1rem;
    background-color: var(--color-border-grey2);
}
.popup.cancel_agree .btnset {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
}
.popup.cancel_agree .btnset button {
    width: 50%;
    height: 4rem;
    border: 1px solid var(--color-border-grey1);
    border-radius: 0.3rem;
    font-size: 1.5rem;
    color: var(--color-grey);
}
.popup.cancel_agree .btnset button.orange {
    border: none;
    color: #fff;
    background-color: var(--color-orange);
}
.popup.cancel_agree .transparents-layer {z-index: 51;}
.popup.cancel_agree.mainBnr .ctt {
    top: calc(var(--vh, 1vh) * 20);
    padding: 1.2rem;
}
.popup.cancel_agree.mainBnr .ctt h2 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0 0 1rem 0;
}
.popup.cancel_agree.mainBnr .ctt h2 img.close-btn {
    width: 20px;
    object-fit: cover;
}

.contentsarea.new {padding: 14px 0 0; font-size: 16px;}
.contentsarea.new p, .contentsarea.new ul, .contentsarea.new li,
.contentsarea.new span, .contentsarea.new div, .contentsarea.new button,
.contentsarea.new input, .contentsarea.new dl, .contentsarea.new dt,
.contentsarea.new dd, .contentsarea.new textarea, .contentsarea.new select,
.contentsarea.new option, .contentsarea.new label, .contentsarea.new a,
.contentsarea.new i, .contentsarea.new pre, .contentsarea.new table,
.contentsarea.new th, .contentsarea.new td, .contentsarea.new tr,
.contentsarea.new b, .contentsarea.new strong, .contentsarea.new em,
.contentsarea.new h1, .contentsarea.new h2, .contentsarea.new h3,
.contentsarea.new h4, .contentsarea.new h5, .contentsarea.new h6,
.contentsarea.new form, .contentsarea.new fieldset {
    font-family: 'Pretendard', Arial, sans-serif;
}
.contentsarea.new>div>h2 {margin-bottom: 1.5rem;}
.contentsarea.new.set .menu-modify {margin: 0 !important; padding: 1.5rem;}
.new-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex: 1;
    gap: 5px;
    position: relative;
    top: 40px;
    width: 100%;
    color: var(--color-blue-dark);
    background-color: var(--color-background-grey);
}
.new-wrap.noTop {top: 0;}
.new-wrap fieldset {width: 100%;}
.new-wrap input[type="radio"],
.new-wrap input[type="checkbox"] {display: none;}
.new-wrap input[type="radio"]+label::before,
.new-wrap input[type="checkbox"]+label::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: 0;
    color: var(--color-blue-dark);
    background: url('https://image.eloomgolf.com/manager/v1/bg_iradio_off_m_2.png') no-repeat;
    background-size: 20px 20px;
}
.new-wrap input[type="radio"]:checked+label::before,
.new-wrap input[type="radio"]+label::after,
.new-wrap input[type="checkbox"]:checked+label::before,
.new-wrap input[type="checkbox"]+label::after {
    border: 0;
    content: "";
    color: var(--color-blue-dark);
    font-size: var(--size-large);
    background: url('https://image.eloomgolf.com/manager/v1/bg_iradio_on_m_2.png') no-repeat;
    background-size: 20px 20px;
}
.new-wrap input[type="radio"]+label,
.new-wrap input[type="checkbox"]+label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: var(--color-blue-dark);
    font-size: var(--size-medium);
    font-weight: var(--weight-ragular);
    cursor: pointer;
}
.selectBox {
    position: relative;
    width: 100%;
    height: 3rem;
    padding: 0;
    margin:0 auto 0.8rem;
    border: 1px solid var(--color-border-grey1);
    border-radius: 0.3rem;
    background-color: #fff;
    overflow: hidden;
}
.selectBox select {
    z-index: 3;
    position: relative;
    width: 100%;
    height: inherit;
    padding: 0 0 0 1rem;
    border: 0;
    outline: 0;
    background: transparent;
}
.selectBox option {
    position: absolute;
    top: 0;
    left: 0;
}
.selectBox .icoArrow {
    z-index: 9;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 100%;
    border-left: 1px solid var(--color-border-grey1);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #fff;
}
.selectBox .icoArrow img {
    width: 50%;
    transition: .3s;
    transform: rotate(0deg);
}
.selectBox:active .icoArrow img {transform: rotate(180deg);}
.new-wrap>div {
    width: 100%;
    padding: 2.5rem 15px;
    background-color: #fff;
}
.new-wrap h5 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.5rem;
    font-weight: var(--weight-bold);
}
.new-wrap h5 span.essential {color: var(--color-red); font-size: 1.2rem;}
.new-wrap ul.notice {
    width: 100%;
    padding: 0.8rem 2rem;
    border-radius: 3px;
    background-color: var(--color-background-grey);
}
.new-wrap ul.notice li {
    margin-left: 1.5rem;
    font-size: var(--size-moreNormal);
    list-style-type: disc;
    line-height: 150%;
}
.contentsarea.new .advertisingbox {
    padding: 15px 10px;
    background:url(https://image.eloomgolf.com/manager/v1/bg_mainArea.jpeg) repeat;
    background-size: cover;
}
.contentsarea.new.set .advertisingbox {padding: 0; background: none;}
.contentsarea.new .advertisingbox .swiper-banner img {
    width: 100%;
    border-radius: 5px;
    object-fit: cover;
}
.new-wrap .policy-wrap {
    width: 100%;
    height: 100%;
    padding: 1rem 1.5rem;
}
.new-wrap .policy-wrap textarea.policy {
    width: 100%;
    height: calc(var(--vh, 1vh) * 82);
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid var(--color-border-grey2);
    resize: none;
}
/* End: 공통요소 */

.order-number {
    width: 100%;
    padding: 0 0 20px;
    font-size: 13px;
    color: var(--color-grey);
    border-bottom: 2px solid var(--color-background-grey);
}
.product-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px 15px !important;
}
.product-list .orderer {padding: 20px 0;}
.product-list .orderer .info p {font-size: 14px;}
.product-list p.center-name {margin-bottom: 0.5rem; font-size: var(--size-medium);}
.product-list ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.3rem;
    width: 100%;
}
.product-list ul li {
    padding-left: 1rem;
    font-size: var(--size-big);
    font-weight: var(--weight-bold);
    line-height: 120%;
    background: url('https://image.eloomgolf.com/manager/v1/icon_dot_02.jpg') no-repeat left 50%;
    background-size: 4px 4px;
}
.product-list ul li span.qty {
    display: inline-block;
    margin-left: 0.5rem;
    font-size: var(--size-medium);
    font-weight: var(--weight-medium);
    color: var(--color-grey);
}
.product-list .product-slot {width: 100%; padding-bottom: 20px;}
.product-list .product-slot:last-child {
    border-bottom: 1px solid #d9d9d9;
}
.product-list .product-slot h2 {
    padding: 20px 0;
    border-top: 2px solid #d9d9d9;
    border-bottom: 1px solid var(--color-border-grey2);
    text-align: center;
    font-weight: 600;
    letter-spacing: -0.5px;
}
.product-list .product-slot ul.detail-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    width: 100%;
    margin: 18px 0 0;
}
.product-list .product-slot ul.detail-info li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.5px;
    background: none;
}
.product-list .product-slot ul.detail-info p.subj {width: 65px; color: var(--color-grey);}
.product-list .product-slot ul.detail-info p.ctt {font-weight: 400;}
.product-list .product-slot ul.detail-info p.ctt span.red {color: var(--color-red);}
.product-list .product-slot button.orange {
    width: 100%;
    height: 50px;
    margin-top: 20px;
    border-radius: 5px;
    background-color: var(--color-orange);
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
}
.product-list .product-info {
    margin-top: 20px;
}
.product-list .product-info h5 {
    margin: 0 0 10px 0;
}
.orderer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.orderer h5 {margin-bottom: 1.5rem;}
.orderer .info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}
.orderer .info p {font-size: 1em;}
.d-day {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.5rem;
    width: 100%;
}
.ui-datepicker .ui-widget-header {height: auto; padding: 0;}
.d-day h5 {margin-bottom: 1rem;}
.d-day ul.list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.5rem 0;
    list-style: url('https://image.eloomgolf.com/manager/v1/icon_dot_02.jpg') inside;
}
.d-day ul.list li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-left: 1.5rem;
    text-align: left;
    background: url('https://image.eloomgolf.com/manager/v1/icon_dot_02.jpg') no-repeat left calc(50%);
    background-size: 4px 4px;
}
.d-day ul.list li b.title {
    flex-grow: 1;
    width: 30%;
    padding: 0 5px 0 0;
    font-size: var(--size-medium);
    font-weight: var(--weight-bold);
    line-height: 120%;
    word-break: break-all;
}
.d-day ul.list li .d-day-input {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
    font-size: var(--size-moreNormal);
    color: var(--color-grey);
}
.d-day ul.list li .d-day-input input[type=date],
.d-day ul.list li .d-day-input input[type=text] {
    width: 80px;
    padding: 3px 5px;
    border: 0;
    border-radius: 5px;
    color: var(--color-blue-dark);
    font-size: 12px;
    line-height: 20px;
    outline: 0;
    border: 1px solid var(--color-border-grey2);
    background-color: #fff;
    -webkit-text-fill-color: var(--color-blue-dark);
    /* background: linear-gradient(120deg, rgb(239, 239, 239), rgb(229, 229, 229));   */
}
.d-day ul.list li .d-day-input input[type=text]::placeholder,
.d-day ul.list li .d-day-input input[type=text]::-webkit-input-placeholder {color: var(--color-blue-dark); -webkit-text-fill-color: var(--color-blue-dark);}
.d-day ul.list li .d-day-input input[type=date]::-webkit-calendar-picker-indicator {
    color: #999;
    height: 20px;
    position: relative;
    width: 20px;
    opacity: 1;
}
.d-day ul.list li .d-day-input input[type=date]::-webkit-calendar-picker-indicator:hover {cursor: pointer;}
.d-day ul.list li .d-day-input input[type=date]::-webkit-calendar-picker-indicator::after {
    content: '';
    display: block;
    background: url('https://image.eloomgolf.com/manager/v1/icon_calendar_m2.png') no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -16px;
}
.point-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.5rem;
    width: 100%;
}
.point-wrap .point-input {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.5rem;
    width: 100%;
}
.point-wrap .point-input input[type="text"],
.point-wrap .point-input input[type="tel"],
.point-wrap .point-input input[type="number"] {
    flex-grow: 1;
    min-width: 60%;
    width: 100%;
    height: 40px;
    padding: 10px;
    border: 1px solid var(--color-right-grey);
    border-radius: 5px;
    font-size: var(--size-large);
    color: var(--color-grey);
}
.point-wrap .point-input button[type="button"] {
    width: 40%;
    min-height: 41px;
    padding: 12px;
    border-radius: 5px;
    background-color: var(--color-border-grey2);
}
.point-wrap p.use-point {font-size: var(--size-medium);}
.point-wrap p.use-point b {margin-left: 6px;}
.methods-payment {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 3rem;
}
.methods-payment h5 {position: relative; width: 100%;}
.methods-payment h5 img.info {width: 18px; object-fit: cover;}
.methods-payment h5 button {
    position: absolute;
    right: 0;
    padding: 4px 12px 5px;
    border: 1px solid var(--color-border-grey1);
    border-radius: 3px;
    font-size: 14px;
    font-weight: var(--weight-bold);
    background-color: var(--color-background-grey);
}
.methods-payment .payment-slot {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    position: relative;
}
.methods-payment .payment-slot .card-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 280px;
    height: 177px;
}
.methods-payment .payment-slot.none .card-wrap {
    position: relative;
    border-radius: 15px;
    background: var(--color-orange) url(https://image.eloomgolf.com/manager/v1/payment/none_card_02.png) no-repeat;
    background-size: 68px;
    background-position: 30px 58px;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}
.methods-payment .payment-slot .card-wrap img.card {width: 280px; border-radius: 10px;}
.methods-payment .payment-slot .card-wrap img.card.rotate {
    transform: rotate(270deg);
    width: 177px;
    height: 280px;
}
.methods-payment .methods-list li.eloom-pay .selectBox {max-width: 28rem;}
.methods-payment .payment-slot.add {
    justify-content: center;
    gap: 0.5rem;
    width: 280px;
    height: 177px;
    padding: 1rem 0;
    margin-bottom: 10px;
    border: 1px dashed var(--color-border-grey1);
    border-radius: 10px;
    box-sizing: border-box;
    background-color: var(--color-background-grey);
}
.methods-payment .payment-slot.act-number {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    padding: 0 2.5rem 0 1.5rem;
    border: 1px solid var(--color-border-grey2);
    border-radius: 3px;
    background-color: var(--color-background-grey);
}
.methods-payment .payment-slot.act-number.on {border-color: var(--color-grey);}
.methods-payment .payment-slot.act-number.manage {
    padding: 0 2.5rem 0 15px;
    margin-bottom: 10px;
    border-color: #F1E9E5;
    background-color: #F8F2EF;
}
.methods-payment .payment-slot.act-number.btn {padding: 0 0 0 1.5rem;}
.methods-payment .methods-list .act-list button:hover,
.methods-payment .methods-list .act-list button:focus {border: 1px solid var(--color-border-grey1);}
.methods-payment .methods-list .act-list button.more:hover,
.methods-payment .methods-list .act-list button.more:focus {border: 0;}
.methods-payment .payment-slot p {font-size: var(--size-moreNormal); text-align: center;}
.methods-payment .payment-slot.act-number .bank-name {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    width: 130px;
}
.methods-payment .payment-slot.act-number .bank-name p {
    flex-basis: 65%;
    width: 65%;
    text-align: left;
}
.methods-payment .payment-slot.act-number.manage .bank-name {justify-content: center;}
.methods-payment .payment-slot.act-number img.bank-logo {width: 20vw; max-width: 30px;}
.methods-payment .payment-slot.add.act-number {flex-direction: row; height: 50px;}
.methods-payment .payment-slot img.add-btn {width: 26px; object-fit: cover;}
.methods-payment .payment-slot.add.act-number img.add-btn {width: 15px;}
.methods-payment .payment-slot.act-number.modify {justify-content: center; gap: 0.3rem;}
.methods-payment .payment-slot.act-number.modify img.add-btn {width: 15px;}
.methods-payment .payment-slot .selectBox {max-width: 200px;}
.methods-payment b.poppins {
    margin-right: 3px;
    font-size: 14px;
    font-weight: var(--weight-bold);
}
.methods-payment .methods-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
    width: 100%;
}
.methods-payment .methods-list li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1rem;
    width: 100%;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #E5E5EA;
}
.methods-payment .methods-list li:last-child {border-bottom: 0;}
.methods-payment .methods-list .swiper-cardImg {width: 100vw; overflow: hidden;}
.methods-payment .methods-list .swiper-cardImg .switer-wrapper {position: relative;}
.methods-payment .methods-list .swiper-cardImg .swiper-slide {width: 280px !important; min-height: 200px;}
.methods-payment .methods-list .act-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    width: 100%;
}
.methods-payment .methods-list .other-pay .card-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%;
}
.methods-payment .methods-list .other-pay .card-list button {
    width: 32%;
    padding: 20px 1%;
    border-radius: 5px;
    background-color: var(--color-background-grey);
}
.methods-payment .methods-list .other-pay .card-list button:hover,
.methods-payment .methods-list .other-pay .card-list button:focus {
    padding: 18px 1%;
    border: 1px solid var(--color-border-grey1);
}
.methods-payment .methods-list .other-pay .card-list button img {
    width: 100%;
    max-width: 50px;
    object-fit: cover;
}
.methods-payment .methods-list .other-pay .card-list button img.npay {max-width: 45px;}
.cash-receipt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 2rem;
}
.cash-receipt ul.kind {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
}
.cash-receipt ul.kind li {
    font-size: 1.3rem;
}
.cash-receipt input[type="radio"]+label, .new-wrap input[type="checkbox"]+label {
    font-size: 1.2rem;
    padding-left: 2.5rem;
}
.cash-receipt ul.input-list {
    width: 100%;
}
.cash-receipt ul.input-list li.personal {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.5rem;
    padding-left: 0.3rem;
}
.cash-receipt ul.input-list li.personal input[type="text"],
.cash-receipt ul.input-list li.personal input[type="tel"] {
    width: 23%;
    height: 3.7rem;
    padding: 0.8rem 0.5rem;
    border: 1px solid var(--color-border-grey1);
    border-radius: 3px;
    color: var(--color-grey);
}
.cash-receipt ul.input-list li.personal .selectBox {
    width: 16rem;
    height: 3.4rem;
    margin: 0;
}
.cash-receipt ul.input-list li.personal .input-phone {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.5rem;
}
.cash-receipt ul.input-list li.personal .input-phone .selectBox {
    width: 8rem;
    height: 3.7rem;
}
.cash-receipt ul.input-list li.personal .input-cash-card {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.5rem;
}
.cash-receipt ul.input-list li.business {
    padding-left: 0.3rem;
}
.cash-receipt ul.input-list li.business p {
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
}
.cash-receipt ul.input-list li.business input[type="text"],
.cash-receipt ul.input-list li.business input[type="tel"] {
    width: 30%;
    padding: 0.8rem 0.5rem;
    border: 1px solid var(--color-border-grey1);
    border-radius: 3px;
    color: var(--color-grey);
}

.pay-details h5 {margin-bottom: 1rem;}
.pay-details ul.price-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding: 0.5rem 0 1.5rem;
    border-bottom: 1px solid #E5E5EA;
}
.pay-details ul.price-list li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0.7rem 0;
    letter-spacing: -0.5px;
}
.pay-details ul.price-list li span.tit {font-size: 14px; color: var(--color-grey);}
.pay-details ul.price-list li span.tit b {
    font-weight: 400;
    color: var(--color-red);
    margin-left: 5px;
}
.pay-details .total-price {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 2.5rem 0;
    border-bottom: 1px solid #E5E5EA;
}
.pay-details .total-price .subj {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
}
.pay-details .total-price .sum {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 0.7rem;
}
.pay-details .total-price .sum h1 {font-size: var(--size-big); color: var(--color-red);}
.pay-details .total-price p {font-size: 14px; color: var(--color-grey);}
.pay-details .total-price .sum p.save-point {font-size: var(--size-moreNormal); text-align: right;}

.pay-details .credit-card-info {
    padding: 20px 0;
    border-bottom: 1px solid #E5E5EA;
}
.pay-details .credit-card-info.point {
    border-bottom: 0;
}
.pay-details .credit-card-info h5 {
    margin-bottom: 15px;
}
.pay-details .credit-card-info ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.5rem 0;
}
.pay-details .credit-card-info ul li {
    font-size: 14px;
    color: var(--color-grey);
}
.pay-details .credit-card-info ul li.subj {
    font-size: 14px;
}
.pay-details .credit-card-info ul li button.btn {
    padding: 3px 15px;
    border-radius: 5px;
    color: #666;
    background-color: var(--color-border-grey2);
    box-shadow: 0 2px 0 0 #ccc;
}

.pay-details .cancel-notice {
    padding: 2rem 0;
}
.pay-details .cancel-notice button {
    width: 100%;
    padding: 1.5rem 1rem;
    margin-bottom: 1.5rem;
    border-radius: 5px;
    border: 1px solid var(--color-border-grey1);
    font-size: 1.5rem;
    color: var(--color-grey);
}
.pay-details .cancel-notice button.arw {
    border: 0;
    text-align: left;
    font-weight: 400;
    background: var(--color-background-grey) url('https://image.eloomgolf.com/manager/v1/icon_arr_next_02.png') no-repeat calc(100% - 15px) 50%;
}
.pay-details .cancel-notice button:last-child {
    margin-bottom: 0;
}

.new-wrap .notice {padding: 0;}
.new-wrap .notice h3 {padding: 2rem; background-color: var(--color-background-grey);}
.new-wrap .notice ul.notice-list {
    padding: 0 3rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.5rem;
    background-color: var(--color-background-grey);
}
.new-wrap .notice ul.notice-list.inner {padding: 2rem 3rem;}
.new-wrap .notice ul.notice-list li {
    margin-left: 1rem;
    list-style-type: disc;
    font-size: var(--size-moreNormal);
}
.new-wrap .notice.warning {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    padding: 15px;
}
.new-wrap .notice.warning ul.notice-list {
    align-items: center;
    border: 1px solid #eee;
    border-radius: 8px;
    background-color: #fff;
}
.new-wrap .notice.warning ul.notice-list li {
    margin: 0;
    list-style-type: none;
}
.new-wrap .notice.warning ul.notice-list li.title {
    color: var(--color-red);
    text-align: center;
    font-weight: bold;
}
.new-wrap .notice .policy-check {padding: 2rem;}
.new-wrap .notice .policy-check .click-area {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}
.new-wrap .notice .policy-check .click-area img.btn-roll-down {
    width: 20px;
    transform: rotate(180deg);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.new-wrap .notice .policy-check .click-area img.btn-roll-down.active {transform: rotate(0deg);}
.new-wrap .notice .policy-check .click-area input[type="radio"]+label,
.new-wrap .notice .policy-check .click-area input[type="checkbox"]+label {
    font-size: 1.5rem;
}

.new-wrap .notice .policy-check .policy-list-wrap {display: none;}
.new-wrap .notice .policy-check .policy-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1rem;
    min-height: 8rem;
}
.new-wrap .notice .policy-check .policy-list.active {display: none;}
.new-wrap .notice .policy-check .policy-list li {
    font-size: var(--size-moreNormal);
    color: var(--color-grey);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 2rem;
    padding: 0 0 0 2rem;
}
.new-wrap .notice .policy-check .policy-list li p {
    font-size: 1.4rem;
}
.new-wrap .notice .policy-check .policy-list li a {border-bottom: 1px solid var(--color-grey);}
.new-wrap .notice .footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 2rem;
    padding: 2rem 50px 12rem;
}
.new-wrap .notice .footer .swipe {display: none; width: 100%;}
.new-wrap .notice .footer ul.footer-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1rem;
}
.new-wrap .notice .footer ul.footer-info.active {display: flex;}
.new-wrap .notice .footer ul.footer-info li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    font-size: 14px;
    color: var(--color-blue-dark);
    letter-spacing: -0.5px;
}
.new-wrap .notice .footer ul.footer-info li span.tit {color: var(--color-grey);}
.new-wrap .notice .footer p {
    width: 100%;
    padding: 2rem 0;
    border-top: 1px solid var(--color-border-grey2);
    text-align: center;
    color: var(--color-border-grey1);
}
.new-wrap .notice .footer h3 {
    width: 100%;
    padding: 1.5rem;
    font-size: 1.5rem;
    font-weight: 400;
    text-align: center;
    color: var(--color-grey);
    border-radius: 5px;
    cursor: pointer;
}
.new-wrap .notice .footer h3 img.btn-roll-down {
    position: relative;
    top: -2px;
    width: 15px;
    margin-left: 2px;
    transition: all 0.3s ease-in-out;
    transform: rotate(180deg);
}
.new-wrap .notice .footer h3 img.btn-roll-down.active {transform: rotate(0deg);}
.new-wrap .btn-area.fixed {
    z-index: 9;
    position: relative;
    width: 100%;
    padding: 1.3rem 2rem;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1), inset 0 2px 2px 0 rgba(0,0,0,0.1);
}
.new-wrap .btn-area.row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.new-wrap .btn-area button {
    position: relative;
    width: 100%;
    min-height: 55px;
    border-radius: 5px;
    font-size: var(--size-medium);
}
.new-wrap .btn-area button.gray {background-color: #ececec;}

/* 결제관리 > 이룸Pay 관리 */
.bg_gimmick {
    z-index: 98;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    cursor: pointer;
}
.contentsarea.new.set {padding: 14px 15px 10rem; background-color: #fff;}
.member-joinbox ul.join-step li {border: 1px solid #e1e1e1; border-right: 0;}
.member-joinbox ul.join-step li:last-child {border-right: 0;}
.member-joinbox ul.join-step li.on {border: 0;}
.new-wrap.inner {gap: 0; margin-top: 10px;}
.new-wrap.inner ul.payment-menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 0.7rem 0;
    background-color: #eeeeee;
}
.new-wrap.inner ul.payment-menu li {
    flex-basis: 33.333333%;
    padding: 0.5rem 0 0.5rem 0.7rem;
    border-left: 2px solid var(--color-grey);
    text-align: left;
    font-size: 14px;
    cursor: pointer;
}
.new-wrap.inner ul.payment-menu li.on {
    border-color: 2px solid var(--color-blue-dark);
    background-color: #fff;
    color: var(--color-white);
    font-weight: 600;
}
.new-wrap.inner .pay-tit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1rem;
    padding: 25px 10px;
    border-bottom: 1px solid var(--color-border-grey2);
}
.new-wrap.inner .pay-tit h5 {gap: 0; font-size: 18px;}
.new-wrap.inner .pay-tit h5 img {width: 28px; margin-right: 5px;}
.new-wrap.inner .pay-tit p {font-size: 15px;}
.contentsarea.new.set .methods-payment {gap: 0; padding: 2.5rem 3px 50px;}
.contentsarea.new.set .methods-payment ul.methods-list {gap: 25px;}
.contentsarea.new.set .methods-payment li {padding-bottom: 30px;}
.contentsarea.new.set .payment-slot button.del {
    z-index: 100;
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
    width: auto;
    height: auto;
    padding: 10px 18px;
    border-radius: 5px;
    border: 1px solid var(--color-border-grey1);
    font-size: 15px;
    font-weight: 500;
    color: var(--color-red);
    background-color: #fff;
    /* background: linear-gradient(180deg, #fff, #f0f0f0); */
}
.contentsarea.new.set .payment-slot button.del.on {display: block;}
.contentsarea.new.set li.eloom-pay h5 {padding-left: 3px; margin-bottom: 10px;}
.contentsarea.new.set li.eloom-pay.card h5 span {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.5px;
    color: var(--color-grey);
}
.contentsarea.new.set li.eloom-pay.card .have-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    width: 100%;
}
.contentsarea.new.set li.eloom-pay.card .have-items .payment-slot.none .card-wrap {
    border-radius: 6px;
    background-size: 30px;
    background-position: 11px 17px;
}
.contentsarea.new.set li.eloom-pay.card .payment-slot {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--color-background-grey);
}
.contentsarea.new.set li.eloom-pay.card .nothing-items {width: 300px; margin: 0 auto;}
.contentsarea.new.set li.eloom-pay.card .nothing-items .payment-slot.add {
    flex-direction: column;
    justify-content: center;
    border: 1px dashed var(--color-border-grey1);
}
.contentsarea.new.set li.eloom-pay.card .nothing-items p {text-align: center; font-size: 14px;}
.contentsarea.new.set li.eloom-pay .payment-slot.act-number.modify {
    z-index: 98;
    justify-content: center;
    gap: 0.3rem;
    padding: 0;
    border: 1px solid var(--color-border-grey1);
    cursor: pointer;
}
.contentsarea.new.set li.eloom-pay.card .payment-slot .card-wrap img {border-radius: 4px;}
.contentsarea.new.set li.eloom-pay.card .payment-slot p.msg {
    flex-grow: 1;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
}
.contentsarea.new.set li.eloom-pay.card .payment-slot p.msg span {font-size: 13px; color: var(--color-grey);}
.contentsarea.new.set li.eloom-pay .payment-slot button.more {
    z-index: 100;
    width: 20px;
    height: 30px;
}
.contentsarea.new.set li.eloom-pay .payment-slot button.more img {width: 4px;}
.contentsarea.new.set li.eloom-pay.card .payment-slot button.del {transform: translateY(-62%);}

.agree_popup {
    display: none;
    z-index: 99;
    position: fixed;
    width: 100%;
}
.agree_popup .ctt {
    z-index: 98;
    position: fixed;
    bottom: -500px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 768px;
    height: auto;
    padding: 1.5rem;
    background-color: #fff;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.agree_popup .ctt ul.sns {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 34px 10px;
}
.agree_popup .ctt ul.sns li {
    justify-content: center;
    gap: 0;
    padding-left: 0;
    text-align: center;
    background: none;
}
.agree_popup .ctt ul.sns li img {width: 80px; cursor: pointer;}
.agree_popup .ctt .close {
    position: absolute;
    top: 20px;
    right: 15px;
    width: 22px;
    height: 22px;
}
.agree_popup .ctt h3 {
    padding: 5px 0;
    margin-bottom: 15px;
    font-size: 19px;
    font-weight: 800;
    color: var(--color-blue-dark);
    text-align: center;
}
.agree_popup .ctt ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
}
.agree_popup .ctt ul li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding-left: 1rem;
    background: url(https://image.eloomgolf.com/manager/v1/icon_dot_02.jpg) no-repeat left 60%;
    background-size: 3px 3px;
}
.agree_popup .ctt ul li p {
    font-size: 14px;
    font-weight: 100;
    color: var(--color-grey);
    text-align: left;
    letter-spacing: -0.5px;
}
.agree_popup .ctt ul li button.view {
    padding: 2px 10px;
    border-radius: 12px;
    background-color: var(--color-border-grey2);
}
.agree_popup .ctt button.agree {
    width: 100%;
    margin-top: 30px;
    padding: 14px 0;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: var(--color-orange);
}
.agree_popup .background_black {
    width: 100vw;
    height: calc(var(--vh, 1vh) * 100);
    background-color: #000;
    opacity: 0.5;
}
.popup.rule {
    display: none;
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(var(--vh, 1vh) * 100);
    color: var(--color-blue-dark);
    background-color: #fff;
}
.popup.rule h3 {position: relative; padding: 20px; text-align: center;}
.popup.rule h3 img.close {
    position: absolute;
    top: 20px;
    left: 15px;
    width: 22px;
    height: 22px;
}
.popup.rule h3 img.prev {
    position: absolute;
    top: 22px;
    left: 15px;
    width: 25px;
}
.popup.rule .ctt {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.4rem;
    height: calc(var(--vh, 1vh) * 88);
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 100;
    text-align: left;
    letter-spacing: -0.5px;
    overflow-y: scroll;
}
.popup.rule .ctt h2,
.popup.rule .ctt h3 {padding: 0; text-align: left;}
.popup.rule .ctt h3.line {
    width: 100%;
    padding: 0 0.3rem 1rem;
    border-bottom: 1px solid var(--color-border-grey2);
}
.popup.rule .ctt h3.line:last-child {
    padding-top: 1.4rem;
    border-bottom: 0;
    border-top: 1px solid var(--color-border-grey2);
    line-height: 120%;
}
.popup.rule .ctt ul.list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    padding: 0 1rem 1rem;
}
.popup.rule .ctt ul.list li {
    width: 100%;
    padding-left: 8px;
    text-align: left;
    line-height: 130%;
    background: url(https://image.eloomgolf.com/manager/v1/icon_dot_02.jpg) no-repeat left 0.8rem;
    background-size: 4px 4px;
}
.popup.rule .ctt ul.list li .table {margin: 1rem 0;}
.popup.rule .ctt ul.list li .table .tr {align-items: center; background-color: var(--color-background-grey);}
.popup.rule .ctt ul.list li .table .tr .th,
.popup.rule .ctt ul.list li .table .tr .td {
    font-size: 1.2rem;
    border: 0;
    text-align: center;
}
.popup.rule .ctt ul.list li p {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 120%;
}
.popup.rule .ctt ul.list li p.red {
    color: var(--color-red);
}
.popup.rule .ctt ul.small {padding: 1rem 0;}
.popup.rule .ctt ul.small li {font-size: 1.3rem; background: none;}
.popup.rule .ctt .table {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
.popup.rule .ctt .table > div {border: 1px solid var(--color-border-grey2); border-bottom: 0;}
.popup.rule .ctt .table .tr {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    width: 100%;
}
.popup.rule .ctt .table .tr .th {
    flex-basis: 30%;
    padding: 5px;
    text-align: center;
    background-color: var(--color-background-grey);
}
.popup.rule .ctt .table .tr .th:last-child {flex-grow: 1; border-left: 1px solid var(--color-border-grey2);}
.popup.rule .ctt .table .tr .td {
    flex-basis: 30%;
    padding: 10px 5px;
    text-align: center;
}
.popup.rule .ctt .table .tr .td:last-child {
    flex-grow: 1;
    border-left: 1px solid var(--color-border-grey2);
    text-align: left;
}
.popup.rule .ctt .table .tr:last-child {border-bottom: 1px solid var(--color-border-grey2);}
.popup.rule .ctt p.info {color: var(--color-grey);}
.eloom-pay button.btns {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
    width: 100%;
    height: 50px;
    border-radius: 3px;
    border: 1px solid var(--color-border-grey1);
    background-color: var(--color-background-grey);
}
.eloom-pay button.btns p {font-size: 15px;}
.eloom-pay button.btns.red,
.eloom-pay button.btns span.red {color: var(--color-red);}

/* 결제관리 > 결제내역 */
.history-tit {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 0 0.8rem 0.5rem !important;
}
.history-tit .selectBox {
    width: 150px;
    height: 3rem;
    margin: 0;
}
ul.order-history {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 5rem;
    background-color: #fff;
}
.order-history li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 15px 15px 20px;
    border-radius: 5px;
    border: 1px solid var(--color-border-grey2);
    background-color: #fff;
}
.order-history li:nth-child(2n) {background-color: var(--color-background-grey);}
.order-history li.none {
    justify-content: center;
    gap: 0.5rem;
    min-height: 20rem;
    padding: 2rem;
    font-size: 1.4rem;
    color: var(--color-grey);
}
.order-history li .subj {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding-bottom: 15px;
}
.order-history li .subj p {width: 100%; font-size: 13px;}
.order-history li .subj p b {padding-right: 5px; border-right: 1px solid var(--color-border-grey1);}
.order-history li .subj p b.going {color: var(--color-orange);}
.order-history li .subj p b.cancel {color: var(--color-red);}
.order-history li .subj p span {color: var(--color-grey);}
.order-history li .subj .name {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--color-border-grey2);
}
.order-history li .subj .name h2 {width: 100%; font-size: 22px;}
.order-history li .subj .name button.btn-detail {
    flex-basis: 80px;
    width: 100%;
    padding: 2px 10px;
    color: var(--color-grey);
    font-size: 15px;
    background: url('https://image.eloomgolf.com/manager/v1/icon_arr_next_02.png') no-repeat right 50%;
}
.order-history li .ctt {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    width: 100%;
}
.order-history li .ctt p {width: 100%;}
.order-history li .ctt p b {
    display: inline-block;
    width: 70px;
    color: var(--color-grey);
    font-weight: 300;
}
/* 결제관리 > 포인트 관리 */
.now-point {
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 2rem 1rem !important;
}
.now-point h2 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    flex-basis: 60%;
    font-size: 1.8rem;
}
.now-point h2 img {
    position: relative;
    top: -2px;
    width: 2.6rem;
}
.now-point .point-box {
    flex-grow: 1;
    flex-basis: 40%;
    width: 100%;
    /* max-width: 20rem; */
    padding: 1.5rem 1rem;
    border-radius: 1rem;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
ul.notice-list.normal {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 0.2rem;
    padding: 1.5rem 1rem;
}
ul.notice-list.normal li {
    width: 100%;
    padding-left: 8px;
    text-align: left;
    line-height: 130%;
    font-size: 1.3rem;
    background: url(https://image.eloomgolf.com/manager/v1/icon_dot_02.jpg) no-repeat left 0.6rem;
    background-size: 3px 3px;
}
.arrow-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    padding: 2rem 0 0 !important;
}
.arrow-box .arw-left {
    width: 12px;
    height: 19px;
    background: url('https://image.eloomgolf.com/manager/v1/icon_arr_prev_l.png') no-repeat center center;
    background-size:contain;
}
.arrow-box .arw-right {
    width: 12px;
    height: 19px;
    background: url('https://image.eloomgolf.com/manager/v1/icon_arr_next_l.png') no-repeat center center;
    background-size:contain;
}
.arrow-box .nowMonth {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
}
.arrow-box button.round-btn {
    padding: 4px 5px;
    margin-left: 3px;
    border-radius: 4px;
    border: 1px solid var(--color-border-grey1);
    background: linear-gradient(to bottom, #fff 0%, #e7e7e7 100%);
}
.point-history {padding: 2rem 0 2rem 0.5rem !important;}
.point-history .tit {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 0 0.5rem;
}
.point-history .tit h3 {
    flex-basis: 70%;
    flex-grow: 1;
    padding-left: 0.5rem;
    font-size: 1.7rem;
}
.point-history .tit .selectBox {width: 13rem;}
.point-history ul.list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.point-history ul.list li {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: center;
    gap: 1.5rem;
    width: 100%;
    padding: 1.5rem 1rem 1.5rem 0.5rem;
    border-top: 1px solid var(--color-border-grey2);
}
.point-history ul.list li.none {
    gap: 5px;
    justify-content: center;
    min-height: 20rem;
    padding: 2rem;
    border: 1px solid var(--color-border-grey2);
    border-radius: 5px;
    font-size: 1.4rem;
    color: var(--color-grey);
}
.point-history ul.list li div {
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: center;
    width: 100%;
    padding-left: 0.5rem;
}
.point-history ul.list li div.save {
    padding-left: 0;
}
.point-history ul.list li div p {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    font-size: 1.5rem;
}
.point-history ul.list li div p:nth-child(1) {justify-content: flex-start; flex-basis: 30%;}
.point-history ul.list li div p:nth-child(2) {flex-basis: 70%;}
.point-history ul.list li div:first-child p:nth-child(1) {flex-basis: 60%;}
.point-history ul.list li div:first-child p:nth-child(2) {flex-basis: 40%;}
.point-history ul.list li .save p {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    font-size: 1.5rem;
}
.point-history ul.list li .save span.state {
    padding: 0.35rem 0.8rem 0.3rem;
    margin-right: 0.3rem;
    color: #fff;
    border-radius: 0.5rem;
    font-size: 1.3rem;
    font-weight: 300;
    background-color: var(--color-orange);
}
.point-history ul.list li .save span.state.offset {
    background-color: var(--color-grey);
}
.point-history ul.list li .save p.point {
    justify-content: flex-end;
    width: 100%;
    font-weight: 600;
    font-size: 2.2rem;
    text-align: right;
    color: var(--color-orange);
    letter-spacing: -0.5px;
}
.point-history ul.list li p.pay-num {color: var(--color-grey);}
.point-history ul.list li p.pay-num span {margin-right: 0.5rem;}

@media screen and (min-width:1044px) { /* 1044px 이상 */
    .loginwrap {padding-left: 10rem}
    .loginwrap h1 {right: 4rem}
    .contentsarea.new {
        width: 100%;
        max-width: 768px;
        margin: 0 auto;
    }
    .contentsarea.new .new-wrap {margin-top: 1rem;}
    .new-wrap .btn-area.fixed {
        max-width: 768px;
        margin: 0 auto;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .new-wrap .btn-area.fixed button {width: 100%;}
}
@media screen and (max-width:1145px) { /* 1145px 이하 */
    .contentsarea.new {margin: 0;}
}

@media screen and (max-width:1044px) { /* 1044px 이하 */
    body#login {background: var(--color-background-grey);}
    .loginwrap {
        float: none;
        width: 100%;
        max-width: 70rem;
        margin: 0 auto;
        padding: 17rem 3.5rem 5rem 3.5rem;
    }
    .loginwrap h1 {top: 2rem; left: 1.5rem}
    .loginwrap .loginbox {width: 100%}
    .loginwrap .loginbox h2 strong {font-size: 7rem}
    .loginwrap .loginbox h2 span {font-size: 7rem}
    .loginwrap .loginbox h3 {margin: 0 0 9rem 0;}
    .loginwrap .loginbox h3 p {font-size: 1.4rem;}
    .loginwrap ul.membertype {margin: 2.5rem 0;}
    .loginwrap fieldset .inpbox {height: 5.5rem; margin-top: 1rem;}
    .loginwrap fieldset .ickbox {margin: 2rem 0 3.6rem}
    .loginwrap fieldset .ickbox label {
        padding-left: 4rem;
        color: #999;
        font-size: 1.5rem;
    }
    .loginwrap fieldset button {margin-top: 1.25rem; height: 5.5rem;}
    .loginwrap .member-others a {font-size: 1.35rem; color: var(--color-grey);}
    .loginwrap .cscenter {padding: 5rem 0}
    .loginwrap .cscenter span {font-size: 3rem}
    .loginwrap .cscenter strong {font-size: 3rem}
}

@media screen and (max-width:768px) { /* 768px 이하 */
    .loginwrap h1 {width: 2.5rem}
    .loginwrap .loginbox h2 {font-size: 4rem}
    .popupwrap {width: 41rem;}
    .popupwrap .popcontents {padding: 1.5rem 1.25rem}
    .popupwrap.pop-bnr .popcontents {padding: 1rem;min-height: 30rem;}
}

@media screen and (max-width:586px) { /* 586px 이하 */}
@media screen and (max-width:480px) { /* 480px 이하 */
    .loginwrap .loginbox fieldset button {height: 5.5rem}
    .popupwrap {width: 30rem;}
}