/*****************
LOGIN
*****************/
.page-template-member {
    /*background: url(../images/back.jpg) no-repeat center / cover;
    background-attachment: fixed;*/
}
.visbox { position: relative; }
.userpage_box{
    max-width:640rem;
    margin: 0 auto;
    background: #fff;
    padding:10rem 60rem 10rem 60rem;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    height: 100%;
    min-height: 100vh;
}
@media(max-width:860px){
    .logo{margin-top:0 !important;margin-bottom:20rem}
    #content .logo h3,#content .logo h3 *{font-size:19rem!important;line-height:1.4 !important}
    .userpage_box{padding:10rem 14rem}
    .visbox .banner a{display:block;}
    .visbox .banner a img{display:block;margin:0 auto}
}
/*로그인페이지*/
main#Login{margin-top:0}
.login-box .btn{font-size:18px}
.login-box{
    /*box-shadow:0px 0px 20px 0px rgba(76,87,125,0.32)!important;*/
    width:640px;margin:0 auto 20rem;padding:30.75rem!important
}
.logo .navbar-brand{color:#2f3b3b}
#Login .logo{text-align:center}
.login-btns .inner_col div,.login-box .btn,.login-btns .inner_col div a{width:100%}
.login-box .has_cols_two .inner_col{flex-basis:calc(50% - 8px)}
/*****************
회원가입
*****************/
.temp-member-box{justify-content:start}
/*#memberRegister .btn,#memberRegister #button-reg-submit { width: 88px; }*/
.register-box{margin:0 auto}
.agree-box{margin-top:16px}
.agree_txt{margin-top:10px;border:1px solid #ddd;padding:1.5rem;width:100%;height:104px;overflow-y:scroll}
.agree_txt p{font-size:13px;color:#747474;line-height:1.35}
.register-select,.btns_footer{margin-top:34px}
.register-select ul li{float:left;margin-right:15px}
.register-select ul li:last-child{margin-right:0}
.btn_green:focus{color:#fff;outline:none;outline-offset:0!important;box-shadow:none}
.row-nav-member{width:100%;margin-bottom:14px;border-bottom:1px solid #d4d4d4;padding-bottom:17px}
.row-nav-member ul{text-align:right;width:100%}
.row-nav-member ul li{display:inline-block}
.row-nav-member ul li a{color:#333;padding:5px 12px;font-size:14rem}
#memberRegister .flex-input{height:auto}
#memberRegister .flex-label em{font-style:normal;color:red}
#memberRegister p.gray{margin-top:5px}
#Register .row__07 .fb-33 input,#Register .row__07 .fb-33 select{width:100%}
#Register .row__07 .fb-33{padding-right:5px}
#bugoUserSubmit .row__07 select,#bugoUserSubmit .row__07 input{width:100% !important}
#bugoUserSubmit .formCont{min-height:54px}
.checkbox_all input{width:20px;height:20px;margin-right:12px}
.agree_whole{margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #222;display:flex}
.agree_whole p{display:flex;align-items:center;font-weight:500}
.agree_whole label{font-size:20px}
.find-user-info{margin:10px auto 0;}
.find-user-info fieldset .d-flex{flex-direction:column}
.find-user-info fieldset .d-flex label{font-size:14px;margin-bottom:5px;font-weight:500;color:#1a3b5d;width:100%;display:block;user-select:none}
.find-user-info img{margin:0 auto;width:50%;display:block}
@media screen and (max-width:1023px){
    .register-select ul { padding: 0 22px; }
    .register-select ul li { width: 49%; float: left; margin-right: 2%; margin-bottom: 12px; }
    .register-select ul li:nth-child(2) { margin-right: 0; }
    main.fullheight, main .fulllheight { height: 100%; }
    .temp-member-box .logo{text-align:center!important}
    .row-nav-member ul{text-align:center}
}
@media screen and (max-width:860px){
    .agree_txt p{font-size:13px;color:#747474;line-height:1.35}
    #memberRegister .flex-label { font-size: 12px;flex-direction:column;flex-basis:15%}
    #memberRegister .flex-input{flex-basis:85%}
    .temp-member-box{padding:10px 10px}
    section.wrapper-Register .fb-30{flex-basis:100%}
    section.wrapper-Register .fb-70,section.wrapper-login .fb-70{flex-basis:100%}
    section.wrapper-Register .fb-100,section.wrapper-login .fb-100{flex-direction:column}
    section.wrapper-Register .visual-side,{height:80px;position:relative;width:100%;background-size:100% auto}
    section.wrapper-login .fb-30, section.wrapper-login .visual-side{display:none}
    .temp-member-box .logo{margin:10px 0!important;font-size:24px!important}
    #Login .logo a{font-size:3.8em}
    #bugoLogin{height:100vh;align-items:center;display:flex;justify-content:center;width:100%}
    .logo .navbar-brand{font-size:24rem}
    .login-box { width:100%; margin: 0px auto 0; padding:20px 20px !important; }
    .login-box button{border-radius:0;font-size:17px!important}
    #memberRegister .logo p.gray{font-size:13px}
    #memberRegister .checkbox_all label{font-size:16px}
    #memberRegister .find-user-info{margin:0;width:100%}
    #memberRegister .find-user-info button{border-radius:0}
    .alert{padding:20px!important;font-size:14px!important}
}
.formCont{max-width:960px}
.flex-label{flex-basis:20%;font-size:16px}
.flex-input{flex-basis:80%;height:56px}
#memberRegister p.gray{margin-top:5px}
.userSubmit{margin:37px auto 0;max-width:940px}
.b_775{width:90px}
@media screen and (max-width:1024px){
    #memberRegisterForm .flex-label{flex-basis:100%;font-size:12px!important;margin-bottom:5px}
    #memberRegisterForm .row{flex-direction:column;align-items:flex-start;max-width:100%;flex-basis:100%;width:100%;margin-bottom:30px!important}
    #memberRegisterForm .flex-input{flex-basis:100%!important;width:100%}
    #memberRegisterForm .flex-input input,#memberRegisterForm form select{height:38px;border-radius:0;font-size:14px}
    #memberRegisterForm .flex-input p{font-size:13px}
    #memberRegisterForm form input[type=radio]{height:auto!important}
    #memberRegisterForm form button{border-radius:0}
    #memberRegisterForm form .row__userAdd .row:nth-child(8) label{font-size:13px}
    
}
/**********
 * 회원정보
**********/
.logo-row .flex-input { align-items: center; }
.logo-row .flex-input a { height: 42px; line-height: 42px; margin-left: 7px; height: 42px; line-height: 42px; margin-left: 7px; width: 52px; padding: 0; }
.logo-row .flex-input a.preview-de { background: #FFEFF3; color: #FF265F !important; border-color: #FF265F !important }
@media (max-width:1023px){
    .logo-row img#dispImg{width:100%}
}