@charset "utf-8";

[id^=daum_juso_page] { z-index: 2; }

.auth_wrap { max-width: 470px; margin: 0 auto; padding-bottom: 85px; }
.auth_wrap > .head { padding: 60px 0; }
.auth_wrap > .head .title { font-size: 30px; font-weight: bold; text-align: center; color: #151517; }
.auth_wrap > .head .desc { margin-top: 15px; font-size: 15px; text-align: center; color: #858590 }
.auth_wrap > .content { padding: 35px; border: solid 1px #e7e7e7; }

.auth_wrap .input_wrap { margin-bottom: 20px; }
.auth_wrap .input_wrap label { display: block; margin-bottom: 15px; font-size: 15px; font-weight: 500; color: #151517; }
.auth_wrap .input_wrap.required label::after { content: '*'; margin-left: 4px; color: #f22775; }
.auth_wrap .input_wrap .input { width: 100%; height: 48px; padding: 15px; border: solid 1px rgba(21, 21, 23, 0.1); background-color: #fafafc; font-size: 15px; color: #151517; }
.auth_wrap .input_wrap .input::placeholder { font-size: 15px; color: #b9bec4; }
.auth_wrap .input_wrap p{font-size:12px;padding:5px 0;color:#666;}

.auth_wrap .auto_wrap { display: flex; align-items: center; }
.auth_wrap .auto_wrap .desc { margin-left: 5px; font-size: 13px; color: #858590; }
.auth_wrap .check_wrap { display: flex; align-items: center; }
.auth_wrap .check_wrap .check { display: block; width: 30px; height: 30px; border: solid 1px #dcdee5; appearance: none; }
.auth_wrap .check_wrap .check:checked { background: no-repeat url('../img/checkbox_checked_black_ico.png') center center; }
.auth_wrap .check_wrap label { margin-left: 5px; font-size: 13px; font-weight: normal;; color: #151517; }

.auth_wrap .btn_submit { display: block; width: 100%; margin-top: 20px; padding: 20px; background: #151517; font-size: 15px; font-weight: 500; text-align: center; color: #fff; }

.auth_wrap .btn_wrap { display: flex; justify-content: flex-end; margin-top: 20px; }
.auth_wrap .btn_wrap .btn { display: block; height: 48px; padding: 15px; border: solid 1px #151517; font-size: 15px; font-weight: 500; text-align: center; color: #151517; }
.auth_wrap .btn_wrap .btn + .btn { margin-left: 15px; }

.auth_wrap .address_wrap { position: relative; margin-bottom: 10px; }
.auth_wrap .address_wrap .btn_address { position: absolute; top: 15px; right: 15px; border: 0; background: none; font-size: 15px; font-weight: 500; color: #151517; z-index: 1; }

.auth_wrap .agree_wrap { padding: 20px 0; border-top: solid 1px rgba(21, 21, 23, 0.1); border-bottom: solid 1px rgba(21, 21, 23, 0.1); }
.auth_wrap .agree_wrap .agree { display: flex; justify-content: space-between; align-items: center; }
.auth_wrap .agree_wrap .agree + .agree { margin-top: 20px; }
.auth_wrap .agree_wrap .btn_agree { border: 0; background: none; font-size: 15px; font-weight: 500; text-decoration: underline; color: #151517; }

.auth_wrap .file_wrap { display: flex; align-items: center; }
.auth_wrap .file_wrap .btn_file { flex-shrink: 0; height: 48px; padding: 15px; border: solid 1px #151517; background: #fff; font-size: 15px; font-weight: 500; color: #151517; }
.auth_wrap .file_wrap .file_name { margin-left: 15px; font-size: 15px; text-decoration: underline; color: #151517; word-break: break-all; }

@media screen and (max-width: 880px) {
    .auth_wrap { padding: 0 25px 60px 25px; }
    .auth_wrap > .head { padding: 35px 0; }
    .auth_wrap > .head .title { font-size: 20px; }
    .auth_wrap > .content { padding: 25px; }
    
    .auth_wrap .auto_wrap { display: block; }
    .auth_wrap .auto_wrap .desc { margin-top: 10px; margin-left: 0; }
    .auth_wrap .btn_wrap { display: block; }
    .auth_wrap .btn_wrap .btn { width: 100%; }
    .auth_wrap .btn_wrap .btn + .btn { margin-top: 10px; margin-left: 0; }
}