.member_wrap {width: 100%;height: 100vh; position: relative;}
.home_btn{position: absolute;top: 4%;left: 2%;color: #595959;z-index: 9999;animation: bounce2 2s ease infinite;}
.member_wrap .inner{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.member_wrap .mb_left{width: 75%;height:100%;background-image: url(./img/mb_bg.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;overflow: hidden;position: relative;top: 0;left: 0;}
.member_wrap .mb_left .mb_left_in {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9991; text-align: center;}
.mb_btn{display: flex;padding: 0 20px;height: 3rem;transition: .5s all ease;align-items: center;border: 1px solid #595959;border-radius: 150px;width: 11.25rem;text-align: center;justify-content: center;margin: auto;margin-top: 30px;}
.mb_btn span{color: #595959;line-height: 1;}
.mb_btn .en{display: block;font-family: var(--pointfont),sans-serif;font-size: 1.250rem;}
.mb_btn .kr{display: none;font-family: var(--mainfont),sans-serif;font-size: 1.125rem;}
/* .mb_btn:hover{background-color: #000;border-color: #000;} */
.mb_btn:hover .en{display: none;}
.mb_btn:hover .kr{display: block;margin-top: -3px;}
.member_wrap .mb_right{width: 25%;height:100%;background-color: #333;}


.floating{position: relative;bottom: 0;left: 0;z-index: 7;}
.floating1 {position: absolute; transform-origin: left; animation: wind1 6s infinite linear; top:-11.25rem; left: -12.5rem;}
.floating2 {position: absolute; transform-origin: left; animation: wind1 4s infinite linear; bottom: -80rem; left: 11rem;}
.floating3 {position: absolute; transform-origin: left; animation: wind1 9s infinite linear; left: 15rem;}
@keyframes wind1{
100%{transform: rotate(0deg);}
50% {transform: rotate(3deg);}
50% {transform: rotate(-2deg);}
}

@keyframes bounce2 {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-10px);}
    60% {transform: translateY(-5px);}
}

input::-webkit-input-placeholder { color: #cccccc; }
input::-moz-placeholder { color: #cccccc; }
input:-ms-input-placeholder { color: #cccccc; }
input:-moz-placeholder { color: #cccccc; }
input::placeholder { color: #cccccc; }


.tit_desc{color:#595959}
.tit_desc strong{color: var(--pointcolor);}
.mbFormBox {width: 585px;height: 830px; z-index: 9; background-color: #fff;position: absolute;top: 50%;transform: translate(50%,-50%);right: 25%;margin-top: 0;padding: 5rem 3.5rem;overflow-y: scroll;text-align: left;    box-shadow: 0 0 15px rgb(0 0 0 / 3%);}
.mbFormBox .tit{line-height: 1;}
.mbFormBox .mbFormBoxIn {border: 0;}
.mbFormBox .cont_box, .mbFormBox .cont_box input{font-family: var(--notoSans), serif;}
#login_fs{padding: 0;}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{border-radius: 0;background-color: #f6f6f6;-webkit-box-shadow: none;-moz-box-shadow:none;box-shadow:none;border:0;padding: 10px;}
.frm_input{height: 48px;}
.btn_submit{background-color: #000;font-family: var(--notoSans), serif;}
.mbFormBox .btn_submit, .reg_btn_submit{margin-bottom: 0;font-size: 1.250rem!important;height: 60px!important;width: 100%!important;margin-top: 0;background-color: #000;color: #fff;display: flex;text-align: center;align-items: center;justify-content: center;font-weight: 500;}
.btn_submit:hover{background-color: #000;}

/* login */
#login_info {display: flex;width: 100%;justify-content: space-between;align-items: center;font-size: 0.875rem;}
#login_info .login_if_auto{order:2}
#login_info .login_if_lpl{order:1}
#login_info .login_if_lpl a{color: #000;font-weight: 500;}
#login_info .login_if_auto, #login_info .login_if_lpl{float: none;}
#login_info:after{display: none;}
#login_info .login_if_auto label{display: flex;align-items: center;}
.chk_box input[type="checkbox"] + label span{float: none;width: 20px;height: 20px;margin-left: 10px;border-radius: 0;}
#mb_login #login_fs .frm_input{margin:0;margin-bottom: 20px;}
#mb_login #login_fs .btn_submit{margin-bottom: 0;}

/* register */
.step_box {display: flex;align-items: center;justify-content: center;position: relative;top: 0;left: 0;}
.step_box:after{display: block;content: "";clear: both;width: 100%;height: 1px;background-color: #c9c9c9;position: absolute;top: 25px;left: 0;z-index: 0;}
.step_box li{width: 33.3333%;text-align: center;position: relative;top: 0;left: 0;z-index: 1;}
.step_box .num{font-family: var(--pointfont),sans-serif;width: 50px;height: 50px;border-radius: 50%;background-color: #000;color: #fff;margin: auto;    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;}
.step_box .txt{font-family: var(--notoSans), serif;color: #000;}
.step_box .active .num{background-color: var(--pointcolor);}
.step_box .active .txt{color: var(--pointcolor);}

.fregister_agree {position: relative;top: 0;right: 0;}
.fregister_agree label{display: flex;align-items: center;}
.fregister_agree input[type="checkbox"] + label span {position: relative;top: 0!important;left: 0;width: 20px;height: 20px;border-radius: 0;margin-right: 10px;}
.fregister_agree input[type="checkbox"] + label {color: #595959;}

#fregister_chkall {background: #fff;border: 0;text-align: left;margin-bottom: 0;border-radius: 0;line-height: 1;}
#fregister_chkall label {display: flex;align-items: center;}
#fregister_chkall input[type="checkbox"] + label {color: #000;font-weight: 500;}


#fregister textarea, #fregister_private .rg_cont > div{font-family: var(--notoSans), serif;background: #f6f6f6;padding: 20px;color: #595959;}
.rg_wrap{border-bottom: 1px solid #c9c9c9;}

#fregisterform textarea, #fregisterform .rg_cont > div{font-family: var(--notoSans), serif;background: #f6f6f6;padding: 20px;color: #595959;}
.rg_wrap{border-bottom: 1px solid #c9c9c9;}

.rg_box .rg_tit{padding: 1.5rem 0;display: flex;justify-content: space-between;}
/* .rg_box:first-child .rg_tit{padding-top: 0;} */
.rg_box+.rg_box .rg_tit{border-top: 1px solid #c9c9c9;}
.rg_box .rg_tit .more {font-size: 14px;border-bottom: 1px solid #333;line-height: 20px;height: 20px;display: inline-block;}

.fregister_agree input[type="checkbox"] + label:hover {color: var(--pointcolor);}

#fregister_private table th{background-color: #595959;color: #fff;}
.rg_box .rg_cont {height: 0;opacity: 0;visibility: hidden;padding-bottom: 0;transition: .5s all ease;}
.rg_box .rg_cont.active{height:auto;opacity: 1;visibility: visible;padding-bottom: 25px;}
.rg_box .rg_cont_view{
    font-family: var(--notoSans), serif;
    background: #f6f6f6;
    padding: 20px;
    color: #595959;
}


/* form */
#register_form h2{font-size: 1.250rem;font-family: var(--mainfont), sans-serif;font-weight: 500;}
.register_form_inner ul{margin-top: 1.250rem;}
.tip{font-size: 12px;}
.form_01 li{margin-bottom: 0;}
.register_form_inner label{display: none;}
.register_form_inner li+li{margin-top: 10px;}
.register_form_inner li {width: 100%!important;display: flex;align-items: center;flex-wrap: wrap;}
.vali_msg{font-size: 13px;color: var(--pointcolor);margin-bottom: 0;}
.register_form_inner{margin-bottom:50px}
.register_form_inner:last-child{margin-bottom:0}
.chk_box input[type="checkbox"] + label {display: block;}

#fregisterform .register_step { display: none; }
#fregisterform .register_step.active { display: block; }

.captcha {display: flex!important;width: 100%;flex-wrap: wrap;margin-top: 10px;}
#captcha #captcha_info {width: 100%;font-size: 13px;}

@media (max-width:1580px) {
.logo_img img {height: 180px;}
.floating {width: 45%;}
.member_wrap .mb_left {width: 70%;}
.member_wrap .mb_right {width: 30%;}
.member_wrap .mb_left .mb_left_in {margin-left: -60px;}
.mbFormBox {right: 30%;}
}



@media (max-width:990px) {
.home_btn{left: 5%;}
.member_wrap {height: auto; position: relative;}
.member_wrap .mb_left {width: 100%;}
.member_wrap .mb_left .mb_left_in {position: relative;top: 0;left: 0;transform: translate(0,0);padding: 100px 0 150px 0;margin-left: 0;}
.logo_img img {height: 80px;margin: auto;}
.member_wrap .inner {flex-wrap: wrap;padding-bottom: 100px;}
.floating {width: 30%;}
.member_wrap .mb_right {display: none;}
.mbFormBox {position: relative;top: -50px;transform: translate(0,0);left: 0;right: auto;width: 90%;height: auto;z-index: 9999;margin:0 auto;overflow: hidden;}

.mbFormBox .btn_submit, .reg_btn_submit{height: 50px;}
#mb_login #login_fs .frm_input{margin-bottom: 15px;}

.mb_btn{background-color: #000;color: #fff;}
.mb_btn .kr{display: block;margin-top: -3px;}
.mb_btn .en{display: none;}
}

@media (max-width:768px) {
    .mbFormBox {padding: 50px;}
}
@media (max-width:500px) {
    .floating {width: 50%;}
    .mbFormBox {padding: 50px 30px;}
    .member_wrap .inner{padding-bottom:80px}
    .member_wrap .mb_left .mb_left_in {padding: 80px 0 100px 0;}
}