@charset "utf-8";

/* ---------- login ---------- */
.mbskin { position: absolute; top: 0; left: 0; margin: 0 auto; height: 100%; width: 100%; }
.mbskin_box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 350px; border-radius: 7px; }
.mbskin .btn_submit { font-size: 15px; background: var(--gray-33);  }
#login_info .login_if_lpl a { color: var(--gray-75); }
.chk_box input[type="checkbox"] + label span { position: relative; top: 3px; }

/*** responsive ***/
/* 767px or less */
@media all and (max-width:767px){ 
    .mbskin_box { width:300px; }
    #login_fs { padding: 25px 20px; } 
    #login_info .login_if_auto label { font-size: 13px; }
    #login_info .login_if_auto label span { position: relative; top: 3.5px; }
    #login_info .login_if_lpl a { font-size: 13px; }
}

/* ---------- find member_info ---------- */
#find_info .new_win_con { padding: 40px 30px; max-width: 500px; width: calc(100% - 40px); margin: 100px auto; background: transparent; border: 1px solid var(--border-color); border-radius: 4px; }
#find_info #mb_email { margin: 20px 0; }
#captcha #captcha_img { border-color: #ccc; border-radius: 4px; } 
.new_win .win_btn { margin-top: 40px; }

/*** responsive ***/
/* 767px or less */
@media all and (max-width: 767px){ 
    #find_info .new_win_con { padding: 30px 20px; margin: 60px auto; }
}
/* 500px or less */
@media all and (max-width: 500px){ 
    #find_info .new_win_con { border: 0; padding: 0; }
    #find_info p { font-size: 13px; }
    #captcha #captcha_img { height: 36px; }
    #captcha #captcha_key { height: 36px; }
    #captcha #captcha_mp3 { width: 36px; height: 36px; background: url('/img/captcha2.png') no-repeat center 0px/36px 72px; }
    #captcha #captcha_reload { width: 36px; height: 36px; background: url('/img/captcha2.png') no-repeat center -36px/36px 72px; }
    #captcha #captcha_info { font-size: 12px; }
    .new_win .win_btn { font-size: 12px; height: 40px; text-align: left; }
}

/* ---------- register ---------- */
.register { max-width: 1200px !important; }
#fregister p { height: auto; padding: 15px 10px 15px 30px; font-size: 14px; font-weight: 400; background: #f8f8fa; color: #333; text-align: left; line-height: 145%; }
#fregister p:before { background: var(--main-color); height: 100%; }
#fregister p i { font-size: 14px; margin-right: 5px; }
.fregister_agree input[type="checkbox"]:checked + label span { background-color: var(--main-color); border-color: var(--main-color); }
.fregister_agree input[type="checkbox"] + label:hover { color: #111; }

.form_01 h2 { font-size: 14px; }
.register_form_inner label { font-size: 13px; }
input[type=text], input[type=password], textarea { font-size: 13px; }
.register_form_inner .chk_li { position: relative; top: -4px; padding-left: 14px; font-size: 13px; }

#reg_result { background: none; border: 0; }
#reg_result .result_txt { text-align: center; }
#reg_result .reg_result_p { color: var(--main-color); }
.reg_btn_submit { background: #333; color: #fff !important; }
.btn_confirm_reg { margin-bottom: 60px; }

/*** responsive ***/
/* 767px or less */
@media all and (max-width:767px){ 
    #fregister p { font-size: 12px; padding-left: 20px;  }
    #fregister h2 { padding: 12px 20px; font-size: 13px; }
    #fregister textarea { padding: 12px 20px; font-size: 13px; }
    #fregister_private div { padding: 12px; }
    #fregister_private table th { font-size: 13px; }
    #fregister_private table td { padding: 8px; font-size: 13px; }
    .register .btn_confirm .btn_submit, .register .btn_confirm .btn_close { font-size: 13px; font-weight: 400; height: 40px !important; line-height: 40px; }
    .fregister_agree input[type="checkbox"] + label span { top: 13px; } 
    .fregister_agree.chk_all input[type="checkbox"] + label span { top: 19px; }
    .fregister_agree input[type="checkbox"] + label { font-size: 13px; }

    #reg_result .reg_result_p { font-size: 14px; }
    #reg_result p { font-size: 13px; }
    .btn_confirm_reg { margin: -40px 0 50px; }

    /* register end */
    #reg_result p { line-height: 1.5em; }
    .reg_btn_submit { font-size: 13px; height: 40px; line-height: 40px; width: 180px; }
}

/* 500px or less */
@media all and (max-width:500px){ 
    .register_form_inner { background: transparent; border: 0; }
    #fregisterform .form_01 div { margin-bottom: 35px; }
    #register_form h2 { margin-bottom: 7px; padding: 0; border: 0; }
    .register_form_inner ul { padding: 0; }

    .form_01 h2 { font-size: 13px; }
    .register_form_inner label { font-size: 12px; }
    input[type=text], input[type=password], textarea { font-size: 12px; }
    .register_form_inner .chk_li { position: relative; top: -5px; padding-left: 10px; font-size: 12px; }
}

/* ---------- modify ---------- */
#mb_confirm { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 350px; height: 100%; margin-top: 0; padding-top: 100px; }
#mb_confirm h1 { font-size: 19px; color: #333; }
#mb_confirm p strong { margin-bottom: 13px; font-size: 16px; color: var(--main-color); }
#mb_confirm fieldset { border: 1px solid #e9e9e9; border-top: 0; }
.filebox .btn_file {  font-size: 12px; line-height: 28px; }